sanity-plugin-i18n-fields
Version:
A Sanity plugin to manage i18n at field level
1,222 lines • 168 kB
JavaScript
import { useCurrentUser, useFormValue, MemberField, defineType, defineField, definePlugin } from 'sanity';
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
import { useTheme, Tooltip, Box, Text, Button, MenuItem, Menu, MenuButton, Stack } from '@sanity/ui';
import { useEffect, useMemo, useState, forwardRef, createElement, isValidElement, useCallback } from 'react';
import { useKeenSlider } from 'keen-slider/react';
import 'keen-slider/keen-slider.min.css';
function styleInject(css, ref) {
if (ref === void 0) ref = {};
var insertAt = ref.insertAt;
if (!css || typeof document === 'undefined') {
return;
}
var head = document.head || document.getElementsByTagName('head')[0];
var style = document.createElement('style');
style.type = 'text/css';
if (insertAt === 'top') {
if (head.firstChild) {
head.insertBefore(style, head.firstChild);
} else {
head.appendChild(style);
}
} else {
head.appendChild(style);
}
if (style.styleSheet) {
style.styleSheet.cssText = css;
} else {
style.appendChild(document.createTextNode(css));
}
}
var css_248z = "[data-read-only=true] .-label{color:gray;filter:grayscale(1)}.i18n--field-wrapper-top{padding-right:0;position:relative}.i18n--field-wrapper-top[data-ui=dropdown]{padding-bottom:10px;padding-right:100px}.i18n--field-member-container{position:relative}.i18n--field-member.--hidden{opacity:0;position:absolute;top:0;user-select:none;width:100%;z-index:-1}.i18n--field-member.--hidden textarea{height:1px}.i18n--slider-language{display:flex;margin:5px 0 10px;order:0;position:relative;transition:opacity .3s ease-in-out}.i18n--slider-language:after,.i18n--slider-language:before{height:100%;position:absolute;width:30px;z-index:2}.i18n--slider-language[data-begin=false]:before{background-image:linear-gradient(to right,var(--i18n-base-bg),transparent);content:\"\";left:0}.i18n--slider-language[data-end=false]:after{background-image:linear-gradient(to left,var(--i18n-base-bg),transparent);content:\"\";right:0}.i18n--slider-language[data-position=bottom]{margin:7px 0 0;order:1}.i18n--slider-language-slide{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 auto;font-size:.875rem;justify-content:center;padding:0 5px;width:auto!important}.i18n--slider-language-slide:not([data-ui=border]){background-color:transparent}.i18n--slider-language-slide:not([data-ui=border])[data-selected=true]{background-color:var(--i18n-bg-selected)}.i18n--slider-language-slide:not([data-ui=border]):hover{background-color:var(--i18n-bg-hover)}.i18n--slider-language-slide:not([data-ui=border]):hover[data-selected=true]{background-color:var(--i18n-bg-selected)}.i18n--slider-language-slide[data-ui=border]{border-bottom:2px solid transparent}.i18n--slider-language-slide[data-ui=border][data-selected=true]{border-bottom-color:var(--i18n-bg-selected)}.i18n--slider-language-slide[data-ui=border]:hover{border-bottom-color:var(--i18n-bg-hover)}.i18n--slider-language-slide[data-ui=border]:hover[data-selected=true]{border-bottom-color:var(--i18n-bg-selected)}.i18n--dropdown-button{align-items:center;background:none!important;display:flex;justify-content:center;max-width:100px;position:absolute!important;right:0!important;text-align:center;top:0!important}.i18n--dropdown-button span{padding:0!important}.i18n--dropdown-button .-content{align-items:center;color:initial!important;display:flex;justify-content:center;overflow:hidden;padding:0 2px}.i18n--dropdown-button .-content .-label{font-size:.875rem;margin-right:20px;overflow:hidden;padding:3px 0 3px 5px!important;text-overflow:ellipsis;white-space:nowrap}.i18n--dropdown-button .-content .-icon{color:initial!important;position:absolute;right:0}.i18n--dropdown-menu{max-height:200px;max-width:300px;text-align:center}.i18n--dropdown-menu button{background:none!important}.i18n--dropdown-menu-item{align-items:center;color:initial;cursor:pointer;display:flex;font-size:.875rem;justify-content:flex-end;padding:4px 7px}.i18n--dropdown-menu-item:hover{background-color:var(--i18n-bg-hover);border-radius:3px;color:initial}.i18n--select-language{max-width:100px;position:absolute;right:0;top:50%;transform:translateY(-50%)}";
styleInject(css_248z);
const defaultI18nFieldsConfigUI = {
type: "slider",
position: "bottom",
selected: "border"
};
const useSetupCssVars = () => {
const sanityTheme = useTheme();
useEffect(() => {
document.documentElement.style.setProperty("--i18n-base-bg", sanityTheme.sanity.color.base.bg);
document.documentElement.style.setProperty("--i18n-readOnly-warning", sanityTheme.sanity.color.solid.caution.hovered.bg);
document.documentElement.style.setProperty("--i18n-bg-selected", sanityTheme.sanity.color.card.selected.bg);
document.documentElement.style.setProperty("--i18n-bg-hover", sanityTheme.sanity.color.card.hovered.bg);
}, [sanityTheme.sanity.color.dark]);
};
const useValidationInfo = (globalValidation, members) => {
const allLocalesValidation = useMemo(() => {
const output = [];
members.forEach(member => {
output.push(...(member.field.validation || []));
});
return output;
}, [members]);
return {
hasGlobalError: globalValidation.length > 0,
mergedValidation: [...globalValidation, ...allLocalesValidation]
};
};
const useUserInfo = () => {
const currentUser = useCurrentUser();
const userRoles = useMemo(() => (currentUser == null ? void 0 : currentUser.roles.map(role => role.name)) || [], [currentUser]);
return {
currentUser,
userRoles
};
};
const mergeLocaleConfiguration = (locale, fieldLocales, fieldHidden, fieldReadOnly) => {
if (!fieldLocales && !fieldHidden && !fieldReadOnly) return locale;
let fieldLocale;
if (fieldLocales) fieldLocale = fieldLocales.find(curr => curr.code === locale.code);
return {
code: locale.code,
label: locale.label,
title: locale.title,
default: locale.default,
options: fieldLocale == null ? void 0 : fieldLocale.options,
hidden: fieldHidden || (fieldLocale == null ? void 0 : fieldLocale.hidden) || void 0,
readOnly: fieldReadOnly || (fieldLocale == null ? void 0 : fieldLocale.readOnly) || void 0,
visibleFor: [...(locale.visibleFor || []), ...((fieldLocale == null ? void 0 : fieldLocale.visibleFor) || [])],
editableFor: [...(locale.editableFor || []), ...((fieldLocale == null ? void 0 : fieldLocale.editableFor) || [])]
};
};
const DEFAULT_PREFIX = "i18n";
const ROLE_ADMIN = "administrator";
const EMPTY_FORM_NODE_VALIDATION = {
level: "error",
message: " ",
path: []
};
const userCan = (userRoles, restrictedRoles) => {
if (!restrictedRoles || restrictedRoles.length === 0) return true;
let userCanFlag = false;
const canRolesSet = /* @__PURE__ */new Set();
const cannotRolesSet = /* @__PURE__ */new Set();
canRolesSet.add(ROLE_ADMIN);
restrictedRoles.forEach(role => {
if (role.startsWith("!")) cannotRolesSet.add(role.substring(1, role.length));else canRolesSet.add(role);
});
if (canRolesSet.size !== 0) {
const canRolesArray = Array.from(canRolesSet);
userCanFlag = userRoles.some(role => canRolesArray.includes(role));
}
if (!userCanFlag && cannotRolesSet.size !== 0) {
const cannotRolesArray = Array.from(cannotRolesSet);
userCanFlag = userRoles.some(role => !cannotRolesArray.includes(role));
}
return userCanFlag;
};
const validateConditionalProperty = (condition, document, currentUser, value) => {
if (typeof condition === "boolean") return condition;
if (typeof condition === "function") return condition({
currentUser,
document,
value,
parent: document
});
return false;
};
const validateLocaleRestrictions = _ref => {
let {
locale,
userRoles,
document,
currentUser,
fieldValue,
members
} = _ref;
const currentMember = members.find(member => member.name === locale.code);
return {
...locale,
isHidden: !userCan(userRoles, locale.visibleFor) || validateConditionalProperty(locale.hidden, document, currentUser, fieldValue),
isReadOnly: (currentMember == null ? void 0 : currentMember.field.readOnly) || !userCan(userRoles, locale.editableFor) || validateConditionalProperty(locale.readOnly, document, currentUser, fieldValue)
};
};
const checkFieldError = (locale, members) => {
const currentMember = members.find(member => member.name === locale.code);
if (!currentMember) return locale;
const hasError = !!currentMember.field.validation.find(val => val.level === "error");
const hasWarning = !!currentMember.field.validation.find(val => val.level === "warning");
return {
...locale,
hasError,
hasWarning
};
};
const checkFieldChanged = (locale, members) => {
const currentMember = members.find(member => member.name === locale.code);
if (!currentMember) return locale;
return {
...locale,
isChanged: currentMember.field.changed
};
};
const useLocalesInfo = _ref2 => {
let {
locales,
members,
hasGlobalError,
fieldLocales,
fieldHidden,
fieldReadOnly,
currentPath
} = _ref2;
const document = useFormValue([]);
const fieldValue = useFormValue([currentPath]);
const {
currentUser,
userRoles
} = useUserInfo();
const availableLocales = useMemo(() => locales.map(locale => mergeLocaleConfiguration(locale, fieldLocales, fieldHidden, fieldReadOnly)).map(locale => validateLocaleRestrictions({
userRoles,
locale,
currentUser,
fieldValue,
document,
members
})).filter(locale => !locale.isHidden).map(locale => {
if (hasGlobalError) return locale;
return checkFieldError(locale, members);
}).map(locale => checkFieldChanged(locale, members)).sort((a, b) => Number(!!b.default) - Number(!!a.default)), [locales, fieldLocales, fieldHidden, fieldReadOnly, userRoles, currentUser, fieldValue, document, hasGlobalError, members]);
const [currentLocaleCode, setCurrentLocaleCode] = useState(availableLocales[0].code);
const focusedMember = useMemo(() => members.find(member => member.field.focused), [members]);
const activeLocale = useMemo(() => {
let locale = availableLocales.find(curr => curr.code === (focusedMember == null ? void 0 : focusedMember.name));
if (!locale) {
locale = availableLocales.find(curr => curr.code === currentLocaleCode);
}
if (!locale) locale = availableLocales[0];
if (locale.code !== currentLocaleCode) {
setCurrentLocaleCode(locale.code);
}
return locale;
}, [availableLocales, focusedMember, currentLocaleCode]);
return {
availableLocales,
activeLocale,
setCurrentLocaleCode
};
};
const useUiInfo = (ui, fieldUi) => {
const pluginUi = useMemo(() => ({
...ui,
...fieldUi
}), [ui, fieldUi]);
return pluginUi;
};
const _excluded = ["symbol"];
function _objectWithoutProperties(source, excluded) {
if (source == null) return {};
var target = _objectWithoutPropertiesLoose(source, excluded);
var key, i;
if (Object.getOwnPropertySymbols) {
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
for (i = 0; i < sourceSymbolKeys.length; i++) {
key = sourceSymbolKeys[i];
if (excluded.indexOf(key) >= 0) continue;
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
target[key] = source[key];
}
}
return target;
}
function _objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
function ownKeys(object, enumerableOnly) {
var keys = Object.keys(object);
if (Object.getOwnPropertySymbols) {
var symbols = Object.getOwnPropertySymbols(object);
enumerableOnly && (symbols = symbols.filter(function (sym) {
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
})), keys.push.apply(keys, symbols);
}
return keys;
}
function _objectSpread(target) {
for (var i = 1; i < arguments.length; i++) {
var source = null != arguments[i] ? arguments[i] : {};
i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
_defineProperty(target, key, source[key]);
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
});
}
return target;
}
function _defineProperty(obj, key, value) {
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
const AccessDeniedIcon = forwardRef(function AccessDeniedIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "access-denied",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M18.1569 6.84315C21.281 9.96734 21.281 15.0327 18.1569 18.1569C15.0327 21.281 9.96734 21.281 6.84314 18.1569C3.71895 15.0327 3.71895 9.96734 6.84314 6.84315C9.96734 3.71895 15.0327 3.71895 18.1569 6.84315ZM18.1569 6.84315L6.84401 18.156",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ActivityIcon = forwardRef(function ActivityIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "activity",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M21 15H19L15.5 7L11 18L8 12L6 15H4",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const AddCircleIcon = forwardRef(function AddCircleIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "add-circle",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M8 12.4H17M12.5 8V17M20.5 12.5C20.5 16.9183 16.9183 20.5 12.5 20.5C8.08172 20.5 4.5 16.9183 4.5 12.5C4.5 8.08172 8.08172 4.5 12.5 4.5C16.9183 4.5 20.5 8.08172 20.5 12.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const AddIcon = forwardRef(function AddIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "add",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M12.5 5V20M5 12.5H20",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ApiIcon = forwardRef(function ApiIcon2(props, ref) {
return /* @__PURE__ */jsxs("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "api",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: [/* @__PURE__ */jsx("path", {
d: "M5.93047 13.2107L6.66782 10.3728H6.73089L7.45854 13.2107H5.93047ZM8.17164 16H9.66089L7.56041 9H5.93047L3.82999 16H5.20767L5.65396 14.2876H7.73505L8.17164 16Z",
fill: "currentColor"
}), /* @__PURE__ */jsx("path", {
d: "M10.5389 9V16H11.9166V13.7782H13.0323C14.541 13.7782 15.5015 12.8517 15.5015 11.3964C15.5015 9.92654 14.5701 9 13.1003 9H10.5389ZM11.9166 10.1303H12.751C13.6533 10.1303 14.1044 10.5475 14.1044 11.3867C14.1044 12.2308 13.6533 12.6431 12.751 12.6431H11.9166V10.1303Z",
fill: "currentColor"
}), /* @__PURE__ */jsx("path", {
d: "M21.1675 16V14.8164H19.717V10.1836H21.1675V9H16.8889V10.1836H18.3393V14.8164H16.8889V16H21.1675Z",
fill: "currentColor"
})]
}));
});
const ArchiveIcon = forwardRef(function ArchiveIcon2(props, ref) {
return /* @__PURE__ */jsxs("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "archive",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: [/* @__PURE__ */jsx("path", {
d: "M16 14L12.5 17.5L9 14M4.5 7.5V20.5H20.5V7.5L18.5 4.5H6.5L4.5 7.5Z",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M12.5 10.5V17",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M4.5 7.5H20.5",
stroke: "currentColor",
strokeWidth: 1.2
})]
}));
});
const ArrowDownIcon = forwardRef(function ArrowDownIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "arrow-down",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M12.5 18.5V6M12.5 18.5L18 13M12.5 18.5L7 13",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ArrowLeftIcon = forwardRef(function ArrowLeftIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "arrow-left",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M12 18L6.5 12.5L12 7M6.5 12.5H19",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ArrowRightIcon = forwardRef(function ArrowRightIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "arrow-right",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M13 7L18.5 12.5L13 18M18.5 12.5H6",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ArrowTopRightIcon = forwardRef(function ArrowTopRightIcon2(props, ref) {
return /* @__PURE__ */jsxs("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "arrow-top-right",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: [/* @__PURE__ */jsx("path", {
d: "M9 8.5H16.5V16",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M16.5 8.5L7 18",
stroke: "currentColor",
strokeWidth: 1.2
})]
}));
});
const ArrowUpIcon = forwardRef(function ArrowUpIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "arrow-up",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M12.5 6V18.5M7 11.5L12.5 6L18 11.5",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const BarChartIcon = forwardRef(function BarChartIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "bar-chart",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M5.5 5V19.5H20M8.5 18V13M11.5 18V9M14.5 18V11M17.5 18V7",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const BasketIcon = forwardRef(function BasketIcon2(props, ref) {
return /* @__PURE__ */jsxs("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "basket",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: [/* @__PURE__ */jsx("path", {
d: "M8.5 10.5H5L6.5 19.5H18.5L20 10.5H16.5M8.5 10.5L10.2721 5.18377C10.4082 4.77543 10.7903 4.5 11.2208 4.5H13.7792C14.2097 4.5 14.5918 4.77543 14.7279 5.18377L16.5 10.5M8.5 10.5H16.5",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M12.5 10.5V19.5",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M9.5 19.5L8.5 10.5",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M15.5 19.5L16.5 10.5",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M19.5 13.5H5.5",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M19 16.5H6",
stroke: "currentColor",
strokeWidth: 1.2
})]
}));
});
const BellIcon = forwardRef(function BellIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "bell",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M10.5 17.5V18.5C10.5 20 11.5 20.5 12.5 20.5C13.5 20.5 14.5 20 14.5 18.5V17.5M5.5 17C6.5 15.5 6.5 15 6.5 12C6.5 8 8.5 5.5 12.5 5.5C16.5 5.5 18.5 8 18.5 12C18.5 15 18.5 15.5 19.5 17V17.5H5.5V17Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const BillIcon = forwardRef(function BillIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "bill",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M6.50001 5.5C8.50003 5.5 8.50003 8 8.50003 8V9.5M6.50001 5.5C4.5 5.5 4.5 8 4.5 8L4.50001 9.5H8.50003M6.50001 5.5C6.50001 5.5 15.8333 5.5 17.6667 5.5C19.5 5.5 19.5 8.5 19.5 8.5V20L17.6667 19L15.8333 20L14 19L12.1667 20L10.3334 19L8.50003 20V9.5M11 12.5H15M11 9.5H16M11 15.5H16",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const BinaryDocumentIcon = forwardRef(function BinaryDocumentIcon2(props, ref) {
return /* @__PURE__ */jsxs("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "binary-document",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: [/* @__PURE__ */jsx("path", {
d: "M9.5 11.5V16.5M10.5 4.5H18.5V20.5H6.5V8.5L10.5 4.5ZM12.5 11.5V16.5H15.5V11.5H12.5Z",
stroke: "currentColor",
strokeWidth: 1.2,
strokeLinecap: "square"
}), /* @__PURE__ */jsx("path", {
d: "M10.5 4.5V8.5H6.5",
stroke: "currentColor",
strokeWidth: 1.2
})]
}));
});
const BlockElementIcon = forwardRef(function BlockElementIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "block-element",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M6.5 8.5V7.9H5.9V8.5H6.5ZM18.5 8.5H19.1V7.9H18.5V8.5ZM6.5 16.5H5.9V17.1H6.5V16.5ZM18.5 16.5V17.1H19.1V16.5H18.5ZM6.5 9.1H18.5V7.9H6.5V9.1ZM7.1 16.5V8.5H5.9V16.5H7.1ZM18.5 15.9H6.5V17.1H18.5V15.9ZM17.9 8.5V16.5H19.1V8.5H17.9ZM5 20.1H20V18.9H5V20.1ZM5 6.1H20V4.9H5V6.1Z",
fill: "currentColor"
})
}));
});
const BlockquoteIcon = forwardRef(function BlockquoteIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "blockquote",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M10 17.5H19M6 7.5H19M10 12.5H17M6.5 12V18",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const BoldIcon = forwardRef(function BoldIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "bold",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M13.2087 18C15.5322 18 16.9731 16.793 16.9731 14.8844C16.9731 13.4812 15.9245 12.3949 14.4836 12.2892V12.1534C15.6001 11.9875 16.4526 10.9841 16.4526 9.82991C16.4526 8.14761 15.1927 7.11409 13.0804 7.11409H8.32019V18H13.2087ZM10.5985 8.85674H12.4995C13.5859 8.85674 14.212 9.37727 14.212 10.2448C14.212 11.1199 13.5406 11.6254 12.3109 11.6254H10.5985V8.85674ZM10.5985 16.2574V13.1643H12.575C13.9178 13.1643 14.6496 13.6924 14.6496 14.6882C14.6496 15.7066 13.9404 16.2574 12.6278 16.2574H10.5985Z",
fill: "currentColor"
})
}));
});
const BookIcon = forwardRef(function BookIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "book",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M12.5 18.5L4.5 19.5V18.5M12.5 18.5L20.5 19.5V18.5M12.5 18.5V6.5M12.5 18.5H4.5M12.5 18.5H20.5M4.5 18.5V17.5M20.5 18.5V17.5M4.5 5.5V17.5L12.5 18.5L20.5 17.5V5.5L12.5 6.5L4.5 5.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const BottleIcon = forwardRef(function BottleIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "bottle",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M7.5 17.5L17.5 17.5M17.5 13C17.5 12.087 17.5 11.3518 17.5 11C17.5 8.5 14.5 9 14.5 7.37494L14.5 5.5M17.5 13C17.5 15.1229 17.5 18.7543 17.5 20.5022C17.5 21.0545 17.0523 21.5 16.5 21.5L8.5 21.5C7.94771 21.5 7.5 21.0547 7.5 20.5024C7.5 18.8157 7.5 15.3546 7.5 13M17.5 13L7.5 13M7.5 13C7.5 12.2538 7.5 11.5648 7.5 11C7.5 8.5 10.5 9 10.5 7.37494L10.5 5.5M10.5 5.5L10.5 3.99999C10.5 3.72385 10.7239 3.49999 11 3.49999L14 3.49999C14.2761 3.49999 14.5 3.72385 14.5 3.99999L14.5 5.5M10.5 5.5L14.5 5.5",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const BulbFilledIcon = forwardRef(function BulbFilledIcon2(props, ref) {
return /* @__PURE__ */jsxs("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "bulb-filled",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: [/* @__PURE__ */jsx("path", {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M16.4272 14.3368C15.8273 15.1773 15.5 16.1794 15.5 17.212V18.5C15.5 19.0523 15.0523 19.5 14.5 19.5H14V20.5C14 21.0523 13.5523 21.5 13 21.5H12C11.4477 21.5 11 21.0523 11 20.5V19.5H10.5C9.94772 19.5 9.5 19.0523 9.5 18.5V17.212C9.5 16.1794 9.17266 15.1773 8.57284 14.3368C7.60216 12.9767 7 11.94 7 10C7 7 9.5 4.5 12.5 4.5C15.5 4.5 18 7 18 10C18 11.94 17.3978 12.9767 16.4272 14.3368Z",
fill: "currentColor"
}), /* @__PURE__ */jsx("path", {
d: "M16.4272 14.3368L15.9388 13.9883L16.4272 14.3368ZM14 19.5V18.9H13.4V19.5H14ZM11 19.5H11.6V18.9H11V19.5ZM8.57284 14.3368L9.06122 13.9883H9.06122L8.57284 14.3368ZM16.1 17.212C16.1 16.3069 16.3868 15.4261 16.9155 14.6853L15.9388 13.9883C15.2678 14.9284 14.9 16.0519 14.9 17.212H16.1ZM16.1 18.5V17.212H14.9V18.5H16.1ZM14.5 20.1C15.3837 20.1 16.1 19.3837 16.1 18.5H14.9C14.9 18.7209 14.7209 18.9 14.5 18.9V20.1ZM14 20.1H14.5V18.9H14V20.1ZM13.4 19.5V20.5H14.6V19.5H13.4ZM13.4 20.5C13.4 20.7209 13.2209 20.9 13 20.9V22.1C13.8837 22.1 14.6 21.3837 14.6 20.5H13.4ZM13 20.9H12V22.1H13V20.9ZM12 20.9C11.7791 20.9 11.6 20.7209 11.6 20.5H10.4C10.4 21.3837 11.1163 22.1 12 22.1V20.9ZM11.6 20.5V19.5H10.4V20.5H11.6ZM10.5 20.1H11V18.9H10.5V20.1ZM8.9 18.5C8.9 19.3837 9.61634 20.1 10.5 20.1V18.9C10.2791 18.9 10.1 18.7209 10.1 18.5H8.9ZM8.9 17.212V18.5H10.1V17.212H8.9ZM8.08446 14.6853C8.61315 15.4261 8.9 16.3069 8.9 17.212H10.1C10.1 16.0519 9.73217 14.9284 9.06122 13.9883L8.08446 14.6853ZM6.4 10C6.4 11.0377 6.56208 11.8595 6.86624 12.611C7.16624 13.3521 7.59495 13.9995 8.08446 14.6853L9.06122 13.9883C8.58004 13.314 8.22233 12.7629 7.97858 12.1607C7.739 11.5688 7.6 10.9023 7.6 10H6.4ZM12.5 3.9C9.16863 3.9 6.4 6.66863 6.4 10H7.6C7.6 7.33137 9.83137 5.1 12.5 5.1V3.9ZM18.6 10C18.6 6.66863 15.8314 3.9 12.5 3.9V5.1C15.1686 5.1 17.4 7.33137 17.4 10H18.6ZM16.9155 14.6853C17.4051 13.9995 17.8338 13.3521 18.1338 12.611C18.4379 11.8595 18.6 11.0377 18.6 10H17.4C17.4 10.9023 17.261 11.5688 17.0214 12.1607C16.7777 12.7629 16.42 13.314 15.9388 13.9883L16.9155 14.6853Z",
fill: "currentColor"
})]
}));
});
const BulbOutlineIcon = forwardRef(function BulbOutlineIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "bulb-outline",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M9.5 16.5H15.5M11 20V20.5C11 21.0523 11.4477 21.5 12 21.5H13C13.5523 21.5 14 21.0523 14 20.5V20M18 10C18 11.94 17.3978 12.9767 16.4272 14.3368C15.8273 15.1773 15.5 16.1794 15.5 17.212V18.5C15.5 19.0523 15.0523 19.5 14.5 19.5H10.5C9.94772 19.5 9.5 19.0523 9.5 18.5V17.212C9.5 16.1794 9.17266 15.1773 8.57284 14.3368C7.60216 12.9767 7 11.94 7 10C7 7 9.5 4.5 12.5 4.5C15.5 4.5 18 7 18 10Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CalendarIcon = forwardRef(function CalendarIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "calendar",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M4.5 10.5V19.5H20.5V10.5M4.5 10.5V5.5H20.5V10.5M4.5 10.5H12.5H20.5M20.5 13.5H16.5M16.5 13.5H12.5M16.5 13.5V10.5M16.5 13.5V16.5M12.5 13.5H8.5M12.5 13.5V16.5M12.5 13.5V10.5M8.5 13.5H4.5M8.5 13.5V10.5M8.5 13.5V16.5M20.5 16.5H16.5M16.5 16.5H12.5M16.5 16.5V19.5M12.5 16.5H8.5M12.5 16.5V19.5M8.5 16.5H4.5M8.5 16.5V19.5M17.5 8V3M7.5 8V3",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CaseIcon = forwardRef(function CaseIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "case",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M9 8.5122V6C9 5.44772 9.44772 5 10 5H15C15.5523 5 16 5.44772 16 6V8.5122M4.5 12V18.5C4.5 19.0523 4.94772 19.5 5.5 19.5H19.5C20.0523 19.5 20.5 19.0523 20.5 18.5V12M4.5 12V9.5122C4.5 8.95991 4.94772 8.5122 5.5 8.5122H19.5C20.0523 8.5122 20.5 8.95991 20.5 9.5122V12M4.5 12L11.7978 14.7367C12.2505 14.9064 12.7495 14.9064 13.2022 14.7367L20.5 12",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ChartUpwardIcon = forwardRef(function ChartUpwardIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "chart-upward",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M5.5 5V19.5H20M7.5 16L11.5 11.5L15.5 14L19.5 8.5",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CheckmarkCircleIcon = forwardRef(function CheckmarkCircleIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "checkmark-circle",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M9.5 12.1316L11.7414 14.5L16 10M20.5 12.5C20.5 16.9183 16.9183 20.5 12.5 20.5C8.08172 20.5 4.5 16.9183 4.5 12.5C4.5 8.08172 8.08172 4.5 12.5 4.5C16.9183 4.5 20.5 8.08172 20.5 12.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CheckmarkIcon = forwardRef(function CheckmarkIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "checkmark",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M5.5 11.5L10.5 16.5L19.5 7.60001",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ChevronDownIcon = forwardRef(function ChevronDownIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "chevron-down",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M17 10.5L12.5 15L8 10.5",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ChevronLeftIcon = forwardRef(function ChevronLeftIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "chevron-left",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M14.5 17L10 12.5L14.5 8",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ChevronRightIcon = forwardRef(function ChevronRightIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "chevron-right",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M10.5 8L15 12.5L10.5 17",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ChevronUpIcon = forwardRef(function ChevronUpIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "chevron-up",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M8 14.5L12.5 10L17 14.5",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CircleIcon = forwardRef(function CircleIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "circle",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("circle", {
cx: 12.5,
cy: 12.5,
r: 8,
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ClipboardIcon = forwardRef(function ClipboardIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "clipboard",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M8 5.5H6.5V19.5H18.5V5.5H17M12.5 3C11.5 3 11.5 4.5 11 4.5C10 4.5 9.5 5 9.5 6.5H15.6C15.6 5 15 4.5 14 4.5C13.5 4.5 13.5 3 12.5 3Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ClipboardImageIcon = forwardRef(function ClipboardImageIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "clipboard-image",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M8 5.5H6.5V19.5H10.5M17 5.5H18.5V11.5M10.5 18.5L12.73 15.8983C13.1327 15.4285 13.8613 15.4335 14.2575 15.909L15.299 17.1588C15.6754 17.6105 16.3585 17.6415 16.7743 17.2257L16.9903 17.0097C17.2947 16.7053 17.7597 16.6298 18.1447 16.8223L20.5 18M10.5 11.5H20.5V21.5H10.5V11.5ZM12.5 3C11.5 3 11.5 4.5 11 4.5C10 4.5 9.5 5 9.5 6.5H15.6C15.6 5 15 4.5 14 4.5C13.5 4.5 13.5 3 12.5 3Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ClockIcon = forwardRef(function ClockIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "clock",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M12.5 8V12.5L15.5 15.5M20.5 12.5C20.5 16.9183 16.9183 20.5 12.5 20.5C8.08172 20.5 4.5 16.9183 4.5 12.5C4.5 8.08172 8.08172 4.5 12.5 4.5C16.9183 4.5 20.5 8.08172 20.5 12.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CloseCircleIcon = forwardRef(function CloseCircleIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "close-circle",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M9.5 15.5L12.5 12.5M12.5 12.5L15.5 9.5M12.5 12.5L9.5 9.5M12.5 12.5L15.5 15.5M20.5 12.5C20.5 16.9183 16.9183 20.5 12.5 20.5C8.08172 20.5 4.5 16.9183 4.5 12.5C4.5 8.08172 8.08172 4.5 12.5 4.5C16.9183 4.5 20.5 8.08172 20.5 12.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CloseIcon = forwardRef(function CloseIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "close",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M18 7L7 18M7 7L18 18",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CodeBlockIcon = forwardRef(function CodeBlockIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "code-block",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M11 15L8.5 12.5L11 10M14 10L16.5 12.5L14 15M5.5 6.5H19.5V18.5H5.5V6.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CodeIcon = forwardRef(function CodeIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "code",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M7.5 12.5L7.07574 12.0757L6.65147 12.5L7.07574 12.9243L7.5 12.5ZM17.5 12.5L17.9243 12.9243L18.3485 12.5L17.9243 12.0757L17.5 12.5ZM11.4243 15.5757L7.92426 12.0757L7.07574 12.9243L10.5757 16.4243L11.4243 15.5757ZM7.92426 12.9243L11.4243 9.42426L10.5757 8.57574L7.07574 12.0757L7.92426 12.9243ZM13.5757 9.42426L17.0757 12.9243L17.9243 12.0757L14.4243 8.57574L13.5757 9.42426ZM17.0757 12.0757L13.5757 15.5757L14.4243 16.4243L17.9243 12.9243L17.0757 12.0757Z",
fill: "currentColor"
})
}));
});
const CogIcon = forwardRef(function CogIcon2(props, ref) {
return /* @__PURE__ */jsxs("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "cog",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: [/* @__PURE__ */jsx("path", {
d: "M14.2624 5.40607L13.8714 4.42848C13.6471 3.86771 13.104 3.5 12.5 3.5C11.896 3.5 11.3529 3.86771 11.1286 4.42848L10.7376 5.40607C10.5857 5.78585 10.2869 6.08826 9.90901 6.2448C9.53111 6.40133 9.10603 6.39874 8.73006 6.23761L7.76229 5.82285C7.20716 5.58494 6.56311 5.70897 6.13604 6.13604C5.70897 6.56311 5.58494 7.20716 5.82285 7.76229L6.23761 8.73006C6.39874 9.10602 6.40133 9.53111 6.2448 9.90901C6.08826 10.2869 5.78585 10.5857 5.40607 10.7376L4.42848 11.1286C3.86771 11.3529 3.5 11.896 3.5 12.5C3.5 13.104 3.86771 13.6471 4.42848 13.8714L5.40607 14.2624C5.78585 14.4143 6.08826 14.7131 6.2448 15.091C6.40133 15.4689 6.39874 15.894 6.23761 16.2699L5.82285 17.2377C5.58494 17.7928 5.70897 18.4369 6.13604 18.864C6.56311 19.291 7.20716 19.4151 7.76229 19.1772L8.73006 18.7624C9.10603 18.6013 9.53111 18.5987 9.90901 18.7552C10.2869 18.9117 10.5857 19.2141 10.7376 19.5939L11.1286 20.5715C11.3529 21.1323 11.896 21.5 12.5 21.5C13.104 21.5 13.6471 21.1323 13.8714 20.5715L14.2624 19.5939C14.4143 19.2141 14.7131 18.9117 15.091 18.7552C15.4689 18.5987 15.894 18.6013 16.2699 18.7624L17.2377 19.1771C17.7928 19.4151 18.4369 19.291 18.864 18.864C19.291 18.4369 19.4151 17.7928 19.1771 17.2377L18.7624 16.2699C18.6013 15.894 18.5987 15.4689 18.7552 15.091C18.9117 14.7131 19.2141 14.4143 19.5939 14.2624L20.5715 13.8714C21.1323 13.6471 21.5 13.104 21.5 12.5C21.5 11.896 21.1323 11.3529 20.5715 11.1286L19.5939 10.7376C19.2141 10.5857 18.9117 10.2869 18.7552 9.90901C18.5987 9.53111 18.6013 9.10602 18.7624 8.73006L19.1772 7.76229C19.4151 7.20716 19.291 6.56311 18.864 6.13604C18.4369 5.70897 17.7928 5.58494 17.2377 5.82285L16.2699 6.23761C15.894 6.39874 15.4689 6.40133 15.091 6.2448C14.7131 6.08826 14.4143 5.78585 14.2624 5.40607Z",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M16.5 12.5C16.5 14.7091 14.7091 16.5 12.5 16.5C10.2909 16.5 8.5 14.7091 8.5 12.5C8.5 10.2909 10.2909 8.5 12.5 8.5C14.7091 8.5 16.5 10.2909 16.5 12.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})]
}));
});
const CollapseIcon = forwardRef(function CollapseIcon2(props, ref) {
return /* @__PURE__ */jsxs("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "collapse",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: [/* @__PURE__ */jsx("path", {
d: "M6 14.5L10.5 14.5V19M19 10.5H14.5L14.5 6",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M10.5 14.5L6 19",
stroke: "currentColor",
strokeWidth: 1.2
}), /* @__PURE__ */jsx("path", {
d: "M14.5 10.5L19 6",
stroke: "currentColor",
strokeWidth: 1.2
})]
}));
});
const CommentIcon = forwardRef(function CommentIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "comment",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M7.5 16.5H9.5V20.5L13.5 16.5H17.5C18.6046 16.5 19.5 15.6046 19.5 14.5V8.5C19.5 7.39543 18.6046 6.5 17.5 6.5H7.5C6.39543 6.5 5.5 7.39543 5.5 8.5V14.5C5.5 15.6046 6.39543 16.5 7.5 16.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ComponentIcon = forwardRef(function ComponentIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "component",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M8.5 8.5L12.5 12.5M12.5 12.5L16.5 16.5M12.5 12.5L16.5 8.5M12.5 12.5L8.5 16.5M12.5 4L21 12.5L12.5 21L4 12.5L12.5 4Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ComposeIcon = forwardRef(function ComposeIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "compose",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M17 6L19 8M14 5.5H5.5V19.5H19.5V11M9 16L9.5 13.5L19 4L21 6L11.5 15.5L9 16Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const ControlsIcon = forwardRef(function ControlsIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "controls",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M6.5 5V7.5M6.5 7.5C5.39543 7.5 4.5 8.39543 4.5 9.5C4.5 10.6046 5.39543 11.5 6.5 11.5M6.5 7.5C7.60457 7.5 8.5 8.39543 8.5 9.5C8.5 10.6046 7.60457 11.5 6.5 11.5M6.5 11.5V20M12.5 5V13.5M12.5 13.5C11.3954 13.5 10.5 14.3954 10.5 15.5C10.5 16.6046 11.3954 17.5 12.5 17.5M12.5 13.5C13.6046 13.5 14.5 14.3954 14.5 15.5C14.5 16.6046 13.6046 17.5 12.5 17.5M12.5 17.5V20M18.5 5V7.5M18.5 7.5C17.3954 7.5 16.5 8.39543 16.5 9.5C16.5 10.6046 17.3954 11.5 18.5 11.5M18.5 7.5C19.6046 7.5 20.5 8.39543 20.5 9.5C20.5 10.6046 19.6046 11.5 18.5 11.5M18.5 11.5V20",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CopyIcon = forwardRef(function CopyIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "copy",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M8.5 8.5H5.5V20.5H16.5V16.5M19.5 4.5H8.5V16.5H19.5V4.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CreditCardIcon = forwardRef(function CreditCardIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "credit-card",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M4.5 10.5H20.5M4.5 9.5H20.5M4.5 11.5H20.5M7 15.5H14M5.5 18.5H19.5C20.0523 18.5 20.5 18.0523 20.5 17.5V7.5C20.5 6.94772 20.0523 6.5 19.5 6.5H5.5C4.94772 6.5 4.5 6.94772 4.5 7.5V17.5C4.5 18.0523 4.94772 18.5 5.5 18.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const CropIcon = forwardRef(function CropIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "crop",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M8.5 4V16.5H21M4 8.5H16.5V21",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const DashboardIcon = forwardRef(function DashboardIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "dashboard",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M14.5 19.5V12.5M10.5 12.5V5.5M5.5 12.5H19.5M5.5 19.5H19.5V5.5H5.5V19.5Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const DatabaseIcon = forwardRef(function DatabaseIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "database",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M18.5 7V17.5C18.5 19.0594 16.0504 20.5 12.5 20.5C8.9496 20.5 6.5 19.0594 6.5 17.5V7M18.5 7C18.5 8.45543 15.8137 9.5 12.5 9.5C9.18629 9.5 6.5 8.45543 6.5 7C6.5 5.54457 9.18629 4.5 12.5 4.5C15.8137 4.5 18.5 5.54457 18.5 7Z",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const DesktopIcon = forwardRef(function DesktopIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "desktop",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M4.5 14.5V16.5C4.5 17.0523 4.94772 17.5 5.5 17.5H12.5M4.5 14.5V6.5C4.5 5.94772 4.94772 5.5 5.5 5.5H19.5C20.0523 5.5 20.5 5.94772 20.5 6.5V14.5M4.5 14.5H20.5M20.5 14.5V16.5C20.5 17.0523 20.0523 17.5 19.5 17.5H12.5M12.5 17.5V20.5M12.5 20.5H8M12.5 20.5H17",
stroke: "currentColor",
strokeWidth: 1.2
})
}));
});
const DocumentIcon = forwardRef(function DocumentIcon2(props, ref) {
return /* @__PURE__ */jsx("svg", _objectSpread(_objectSpread({
"data-sanity-icon": "document",
width: "1em",
height: "1em",
viewBox: "0 0 25 25",
fill: "none",
xmlns: "http://www.w3.org/2000/svg",
ref
}, props), {}, {
children: /* @__PURE__ */jsx("path", {
d: "M10.5 4.5V8.5H6.5M10