@intlayer/design-system 5.3.8 → 5.3.10

package/dist/components/Command/index.d.ts

@@ -21,61 +21,12 @@ export declare const CommandRoot: FC<ComponentProps<typeof CommandPrimitive>>;
  */
 export declare const Command: {
     Dialog: FC<DialogProps>;
-    Input: FC<Omit<Pick<Pick<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof import('react').InputHTMLAttributes<HTMLInputElement>> & {
-        ref?: React.Ref<HTMLInputElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof import('react').InputHTMLAttributes<HTMLInputElement>>, "onChange" | "type" | "value"> & {
-        value?: string;
-        onValueChange?: (search: string) => void;
-    } & import('react').RefAttributes<HTMLInputElement>>;
-    List: FC<{
-        children?: React.ReactNode;
-    } & Pick<Pick<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
-        label?: string;
-    } & import('react').RefAttributes<HTMLDivElement>>;
-    Empty: FC<{
-        children?: React.ReactNode;
-    } & Pick<Pick<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & import('react').RefAttributes<HTMLDivElement>>;
-    Group: FC<{
-        children?: React.ReactNode;
-    } & Omit<Pick<Pick<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>>, "heading" | "value"> & {
-        heading?: React.ReactNode;
-        value?: string;
-        forceMount?: boolean;
-    } & import('react').RefAttributes<HTMLDivElement>>;
-    Separator: FC<Pick<Pick<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>> & {
-        alwaysRender?: boolean;
-    } & import('react').RefAttributes<HTMLDivElement>>;
-    Item: FC<{
-        children?: React.ReactNode;
-    } & Omit<Pick<Pick<import('react').DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof HTMLAttributes<HTMLDivElement>> & {
-        ref?: React.Ref<HTMLDivElement>;
-    } & {
-        asChild?: boolean;
-    }, "key" | "asChild" | keyof HTMLAttributes<HTMLDivElement>>, "onSelect" | "disabled" | "value"> & {
-        disabled?: boolean;
-        onSelect?: (value: string) => void;
-        value?: string;
-        keywords?: string[];
-        forceMount?: boolean;
-    } & import('react').RefAttributes<HTMLDivElement>>;
+    Input: FC<{}>;
+    List: FC<{}>;
+    Empty: FC<{}>;
+    Group: FC<{}>;
+    Separator: FC<{}>;
+    Item: FC<{}>;
     Shortcut: ({ className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
     propTypes?: any;
     displayName?: string | undefined;

package/dist/components/Command/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAEnD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG1E,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAWnE,CAAC;AA8FF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;;;cAWmoV,MAAO,GAAG;;;;;;;;mBA1IjoV,MAAO,SAAS;;cA0I+8R,MAAO,GAAG;;;;;;;mBA1Iz+R,MAAO,SAAS;;cA0Iwwd,MAAO,GAAG;;;;;mBA1Ilyd,MAAO,SAAS;;cA0IsyW,MAAO,GAAG;;;;kBAAmO,MAAO,SAAS;;;;;cAAqe,MAAO,GAAG;;;;;;;mBA1IliY,MAAO,SAAS;;cA0I89S,MAAO,GAAG;;;;;;;;;;wCAxCrhT,cAAc,CAAC,eAAe,CAAC;;;CAuCjC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Command/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,WAAW,EACjB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,MAAM,CAAC;AAEnD,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG1E,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAWnE,CAAC;AA8FF;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;;;;;;;;wCA7BjB,cAAc,CAAC,eAAe,CAAC;;;CAuCjC,CAAC"}

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.cjs

@@ -56,7 +56,8 @@ const NavigationViewNode = ({
             keyPath: childKeyPath,
             section: sectionProp,
             dictionaryKey
-          }
+          },
+          translationKey
         );
       }) });
     }
@@ -74,7 +75,8 @@ const NavigationViewNode = ({
             keyPath: childKeyPath,
             section: sectionProp,
             dictionaryKey
-          }
+          },
+          key
         );
       }) });
     }
@@ -91,7 +93,8 @@ const NavigationViewNode = ({
               keyPath: childKeyPath,
               section: sectionProp,
               dictionaryKey
-            }
+            },
+            JSON.stringify(childKeyPath)
           );
         }),
         /* @__PURE__ */ jsxRuntime.jsx(

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationViewNode.cjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nimport {\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  isSameKeyPath,\n  getContentNodeByKeyPath,\n  getNodeType,\n  getEmptyNode,\n} from '@intlayer/core';\nimport {\n  useEditedContentActions,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Accordion } from '../../Accordion';\nimport { Button } from '../../Button';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from './navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { locales } = configuration?.internationalization;\n  const section = getContentNodeByKeyPath(sectionProp, keyPath);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();\n  const { addNewElement, goToField } = useDictionary(navigationViewContent);\n  const nodeType = getNodeType(section);\n  const getIsSelected = (keyPath: KeyPath[]) =>\n    (focusedContent?.keyPath?.length ?? 0) > 0 &&\n    isSameKeyPath(keyPath, focusedContent?.keyPath ?? []);\n  const isEditableSubSection = getIsEditableSection(section);\n\n  if (!section) return <></>;\n\n  if (isEditableSubSection) {\n    return (\n      <Button\n        label={goToField.label.value}\n        variant=\"hoverable\"\n        color=\"text\"\n        className=\"w-full\"\n        onClick={() => setFocusedContentKeyPath(keyPath)}\n        IconRight={ChevronRight}\n      >\n        {camelCaseToSentence(keyPath[keyPath.length - 1].key as string)}\n      </Button>\n    );\n  }\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {locales.map((translationKey) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Translation, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {Object.keys(\n            (section as any)[nodeType as unknown as keyof typeof section]\n          ).map((key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: nodeType, key },\n            ];\n\n            return (\n              <NavigationViewNode\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((_, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Array, key: index },\n            ];\n\n            return (\n              <NavigationViewNode\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant=\"hoverable\"\n            color=\"neutral\"\n            textAlign=\"left\"\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeType.Array,\n                  key: (section as unknown as ContentNode[]).length,\n                },\n              ];\n              const sectionArray = section as unknown as ContentNode[];\n              const emptySectionEl =\n                getEmptyNode(\n                  sectionArray[\n                    (sectionArray.length - 1) as keyof typeof sectionArray\n                  ] as ContentNode\n                ) ?? '';\n              addEditedContent(\n                dictionaryKey,\n                emptySectionEl,\n                newKeyPath,\n                false\n              );\n              setFocusedContentKeyPath(newKeyPath);\n            }}\n            Icon={Plus}\n          >\n            {addNewElement.text}\n          </Button>\n        </div>\n      );\n    }\n\n    if (typeof section.nodeType === 'string') {\n      const childKeyPath: KeyPath[] = [\n        ...keyPath,\n        { type: section.nodeType } as KeyPath,\n      ];\n\n      return (\n        <NavigationViewNode\n          keyPath={childKeyPath}\n          section={sectionProp}\n          dictionaryKey={dictionaryKey}\n        />\n      );\n    }\n\n    const sectionArray = Object.keys(section);\n    return (\n      <div className=\"flex w-full max-w-full flex-col justify-between gap-2\">\n        {sectionArray.map((key) => {\n          const childKeyPath: KeyPath[] = [\n            ...keyPath,\n            { type: NodeType.Object, key },\n          ];\n\n          const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);\n          const isEditableSubSection = getIsEditableSection(subSection);\n\n          if (isEditableSubSection) {\n            return (\n              <Button\n                label={`${goToField.label.value} ${key}`}\n                key={key}\n                isActive={getIsSelected(childKeyPath)}\n                variant=\"hoverable\"\n                color=\"text\"\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <Accordion\n              key={key}\n              label={`${goToField.label.value} ${key}`}\n              isActive={getIsSelected(childKeyPath)}\n              onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              header={camelCaseToSentence(key)}\n            >\n              <div className=\"mt-2 flex w-full max-w-full\">\n                <div className=\"flex-1 pl-10\">\n                  <NavigationViewNode\n                    keyPath={childKeyPath}\n                    section={sectionProp}\n                    dictionaryKey={dictionaryKey}\n                  />\n                </div>\n              </div>\n            </Accordion>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      Error loading section --\n      {nodeType}\n      --\n      {JSON.stringify(section)}\n      --\n      {JSON.stringify(keyPath)}\n    </>\n  );\n};\n"],"names":["configuration","getContentNodeByKeyPath","useEditedContentActions","useFocusDictionary","useDictionary","navigationViewContent","getNodeType","keyPath","isSameKeyPath","getIsEditableSection","jsx","Fragment","Button","ChevronRight","NodeType","jsxs","sectionArray","getEmptyNode","Plus","isEditableSubSection","Accordion","camelCaseToSentence"],"mappings":"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"}
+{"version":3,"file":"NavigationViewNode.cjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nimport {\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  isSameKeyPath,\n  getContentNodeByKeyPath,\n  getNodeType,\n  getEmptyNode,\n} from '@intlayer/core';\nimport {\n  useEditedContentActions,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Accordion } from '../../Accordion';\nimport { Button } from '../../Button';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from './navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { locales } = configuration?.internationalization;\n  const section = getContentNodeByKeyPath(sectionProp, keyPath);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();\n  const { addNewElement, goToField } = useDictionary(navigationViewContent);\n  const nodeType = getNodeType(section);\n  const getIsSelected = (keyPath: KeyPath[]) =>\n    (focusedContent?.keyPath?.length ?? 0) > 0 &&\n    isSameKeyPath(keyPath, focusedContent?.keyPath ?? []);\n  const isEditableSubSection = getIsEditableSection(section);\n\n  if (!section) return <></>;\n\n  if (isEditableSubSection) {\n    return (\n      <Button\n        label={goToField.label.value}\n        variant=\"hoverable\"\n        color=\"text\"\n        className=\"w-full\"\n        onClick={() => setFocusedContentKeyPath(keyPath)}\n        IconRight={ChevronRight}\n      >\n        {camelCaseToSentence(keyPath[keyPath.length - 1].key as string)}\n      </Button>\n    );\n  }\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {locales.map((translationKey) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Translation, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {Object.keys(\n            (section as any)[nodeType as unknown as keyof typeof section]\n          ).map((key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: nodeType, key },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={key}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((_, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Array, key: index },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={JSON.stringify(childKeyPath)}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant=\"hoverable\"\n            color=\"neutral\"\n            textAlign=\"left\"\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeType.Array,\n                  key: (section as unknown as ContentNode[]).length,\n                },\n              ];\n              const sectionArray = section as unknown as ContentNode[];\n              const emptySectionEl =\n                getEmptyNode(\n                  sectionArray[\n                    (sectionArray.length - 1) as keyof typeof sectionArray\n                  ] as ContentNode\n                ) ?? '';\n              addEditedContent(\n                dictionaryKey,\n                emptySectionEl,\n                newKeyPath,\n                false\n              );\n              setFocusedContentKeyPath(newKeyPath);\n            }}\n            Icon={Plus}\n          >\n            {addNewElement.text}\n          </Button>\n        </div>\n      );\n    }\n\n    if (typeof section.nodeType === 'string') {\n      const childKeyPath: KeyPath[] = [\n        ...keyPath,\n        { type: section.nodeType } as KeyPath,\n      ];\n\n      return (\n        <NavigationViewNode\n          keyPath={childKeyPath}\n          section={sectionProp}\n          dictionaryKey={dictionaryKey}\n        />\n      );\n    }\n\n    const sectionArray = Object.keys(section);\n    return (\n      <div className=\"flex w-full max-w-full flex-col justify-between gap-2\">\n        {sectionArray.map((key) => {\n          const childKeyPath: KeyPath[] = [\n            ...keyPath,\n            { type: NodeType.Object, key },\n          ];\n\n          const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);\n          const isEditableSubSection = getIsEditableSection(subSection);\n\n          if (isEditableSubSection) {\n            return (\n              <Button\n                label={`${goToField.label.value} ${key}`}\n                key={key}\n                isActive={getIsSelected(childKeyPath)}\n                variant=\"hoverable\"\n                color=\"text\"\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <Accordion\n              key={key}\n              label={`${goToField.label.value} ${key}`}\n              isActive={getIsSelected(childKeyPath)}\n              onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              header={camelCaseToSentence(key)}\n            >\n              <div className=\"mt-2 flex w-full max-w-full\">\n                <div className=\"flex-1 pl-10\">\n                  <NavigationViewNode\n                    keyPath={childKeyPath}\n                    section={sectionProp}\n                    dictionaryKey={dictionaryKey}\n                  />\n                </div>\n              </div>\n            </Accordion>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      Error loading section --\n      {nodeType}\n      --\n      {JSON.stringify(section)}\n      --\n      {JSON.stringify(keyPath)}\n    </>\n  );\n};\n"],"names":["configuration","getContentNodeByKeyPath","useEditedContentActions","useFocusDictionary","useDictionary","navigationViewContent","getNodeType","keyPath","isSameKeyPath","getIsEditableSection","jsx","Fragment","Button","ChevronRight","NodeType","jsxs","sectionArray","getEmptyNode","Plus","isEditableSubSection","Accordion","camelCaseToSentence"],"mappings":"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"}

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationViewNode.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,WAAW,EAKjB,MAAM,gBAAgB,CAAC;AAMxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,gBAAgB,CAsNnD,CAAC"}
+{"version":3,"file":"NavigationViewNode.d.ts","sourceRoot":"","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,OAAO,EACZ,KAAK,WAAW,EAKjB,MAAM,gBAAgB,CAAC;AAMxB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQhC,eAAO,MAAM,SAAS,EAAE,MAAM,EAAmC,CAAC;AAElE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,OAAO,EAAE,WAAW,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,gBAAgB,CAyNnD,CAAC"}

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs

@@ -54,7 +54,8 @@ const NavigationViewNode = ({
             keyPath: childKeyPath,
             section: sectionProp,
             dictionaryKey
-          }
+          },
+          translationKey
         );
       }) });
     }
@@ -72,7 +73,8 @@ const NavigationViewNode = ({
             keyPath: childKeyPath,
             section: sectionProp,
             dictionaryKey
-          }
+          },
+          key
         );
       }) });
     }
@@ -89,7 +91,8 @@ const NavigationViewNode = ({
               keyPath: childKeyPath,
               section: sectionProp,
               dictionaryKey
-            }
+            },
+            JSON.stringify(childKeyPath)
           );
         }),
         /* @__PURE__ */ jsx(

package/dist/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NavigationViewNode.mjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nimport {\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  isSameKeyPath,\n  getContentNodeByKeyPath,\n  getNodeType,\n  getEmptyNode,\n} from '@intlayer/core';\nimport {\n  useEditedContentActions,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Accordion } from '../../Accordion';\nimport { Button } from '../../Button';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from './navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { locales } = configuration?.internationalization;\n  const section = getContentNodeByKeyPath(sectionProp, keyPath);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();\n  const { addNewElement, goToField } = useDictionary(navigationViewContent);\n  const nodeType = getNodeType(section);\n  const getIsSelected = (keyPath: KeyPath[]) =>\n    (focusedContent?.keyPath?.length ?? 0) > 0 &&\n    isSameKeyPath(keyPath, focusedContent?.keyPath ?? []);\n  const isEditableSubSection = getIsEditableSection(section);\n\n  if (!section) return <></>;\n\n  if (isEditableSubSection) {\n    return (\n      <Button\n        label={goToField.label.value}\n        variant=\"hoverable\"\n        color=\"text\"\n        className=\"w-full\"\n        onClick={() => setFocusedContentKeyPath(keyPath)}\n        IconRight={ChevronRight}\n      >\n        {camelCaseToSentence(keyPath[keyPath.length - 1].key as string)}\n      </Button>\n    );\n  }\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {locales.map((translationKey) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Translation, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {Object.keys(\n            (section as any)[nodeType as unknown as keyof typeof section]\n          ).map((key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: nodeType, key },\n            ];\n\n            return (\n              <NavigationViewNode\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((_, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Array, key: index },\n            ];\n\n            return (\n              <NavigationViewNode\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant=\"hoverable\"\n            color=\"neutral\"\n            textAlign=\"left\"\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeType.Array,\n                  key: (section as unknown as ContentNode[]).length,\n                },\n              ];\n              const sectionArray = section as unknown as ContentNode[];\n              const emptySectionEl =\n                getEmptyNode(\n                  sectionArray[\n                    (sectionArray.length - 1) as keyof typeof sectionArray\n                  ] as ContentNode\n                ) ?? '';\n              addEditedContent(\n                dictionaryKey,\n                emptySectionEl,\n                newKeyPath,\n                false\n              );\n              setFocusedContentKeyPath(newKeyPath);\n            }}\n            Icon={Plus}\n          >\n            {addNewElement.text}\n          </Button>\n        </div>\n      );\n    }\n\n    if (typeof section.nodeType === 'string') {\n      const childKeyPath: KeyPath[] = [\n        ...keyPath,\n        { type: section.nodeType } as KeyPath,\n      ];\n\n      return (\n        <NavigationViewNode\n          keyPath={childKeyPath}\n          section={sectionProp}\n          dictionaryKey={dictionaryKey}\n        />\n      );\n    }\n\n    const sectionArray = Object.keys(section);\n    return (\n      <div className=\"flex w-full max-w-full flex-col justify-between gap-2\">\n        {sectionArray.map((key) => {\n          const childKeyPath: KeyPath[] = [\n            ...keyPath,\n            { type: NodeType.Object, key },\n          ];\n\n          const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);\n          const isEditableSubSection = getIsEditableSection(subSection);\n\n          if (isEditableSubSection) {\n            return (\n              <Button\n                label={`${goToField.label.value} ${key}`}\n                key={key}\n                isActive={getIsSelected(childKeyPath)}\n                variant=\"hoverable\"\n                color=\"text\"\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <Accordion\n              key={key}\n              label={`${goToField.label.value} ${key}`}\n              isActive={getIsSelected(childKeyPath)}\n              onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              header={camelCaseToSentence(key)}\n            >\n              <div className=\"mt-2 flex w-full max-w-full\">\n                <div className=\"flex-1 pl-10\">\n                  <NavigationViewNode\n                    keyPath={childKeyPath}\n                    section={sectionProp}\n                    dictionaryKey={dictionaryKey}\n                  />\n                </div>\n              </div>\n            </Accordion>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      Error loading section --\n      {nodeType}\n      --\n      {JSON.stringify(section)}\n      --\n      {JSON.stringify(keyPath)}\n    </>\n  );\n};\n"],"names":["configuration","keyPath","sectionArray","isEditableSubSection"],"mappings":"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"}
+{"version":3,"file":"NavigationViewNode.mjs","sources":["../../../../src/components/DictionaryFieldEditor/NavigationView/NavigationViewNode.tsx"],"sourcesContent":["import configuration from '@intlayer/config/built';\n\nimport {\n  NodeType,\n  type KeyPath,\n  type ContentNode,\n  isSameKeyPath,\n  getContentNodeByKeyPath,\n  getNodeType,\n  getEmptyNode,\n} from '@intlayer/core';\nimport {\n  useEditedContentActions,\n  useFocusDictionary,\n} from '@intlayer/editor-react';\nimport { ChevronRight, Plus } from 'lucide-react';\nimport type { FC } from 'react';\nimport { useDictionary } from 'react-intlayer';\nimport { camelCaseToSentence } from '../../../utils/camelCase';\nimport { Accordion } from '../../Accordion';\nimport { Button } from '../../Button';\nimport { getIsEditableSection } from '../getIsEditableSection';\nimport { navigationViewContent } from './navigationViewNode.content';\n\nexport const traceKeys: string[] = ['filePath', 'id', 'nodeType'];\n\nexport type NodeWrapperProps = {\n  dictionaryKey: string;\n  keyPath: KeyPath[];\n  section: ContentNode;\n};\n\nexport const NavigationViewNode: FC<NodeWrapperProps> = ({\n  section: sectionProp,\n  keyPath,\n  dictionaryKey,\n}) => {\n  const { locales } = configuration?.internationalization;\n  const section = getContentNodeByKeyPath(sectionProp, keyPath);\n  const { addEditedContent } = useEditedContentActions();\n  const { setFocusedContentKeyPath, focusedContent } = useFocusDictionary();\n  const { addNewElement, goToField } = useDictionary(navigationViewContent);\n  const nodeType = getNodeType(section);\n  const getIsSelected = (keyPath: KeyPath[]) =>\n    (focusedContent?.keyPath?.length ?? 0) > 0 &&\n    isSameKeyPath(keyPath, focusedContent?.keyPath ?? []);\n  const isEditableSubSection = getIsEditableSection(section);\n\n  if (!section) return <></>;\n\n  if (isEditableSubSection) {\n    return (\n      <Button\n        label={goToField.label.value}\n        variant=\"hoverable\"\n        color=\"text\"\n        className=\"w-full\"\n        onClick={() => setFocusedContentKeyPath(keyPath)}\n        IconRight={ChevronRight}\n      >\n        {camelCaseToSentence(keyPath[keyPath.length - 1].key as string)}\n      </Button>\n    );\n  }\n\n  if (typeof section === 'object') {\n    if (nodeType === NodeType.ReactNode) {\n      return <>React Node</>;\n    }\n\n    if (nodeType === NodeType.Translation) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {locales.map((translationKey) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Translation, key: translationKey },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={translationKey}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Enumeration || nodeType === NodeType.Condition) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {Object.keys(\n            (section as any)[nodeType as unknown as keyof typeof section]\n          ).map((key) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: nodeType, key },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={key}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n        </div>\n      );\n    }\n\n    if (nodeType === NodeType.Array) {\n      return (\n        <div className=\"flex flex-col justify-between gap-2\">\n          {(section as unknown as ContentNode[]).map((_, index) => {\n            const childKeyPath: KeyPath[] = [\n              ...keyPath,\n              { type: NodeType.Array, key: index },\n            ];\n\n            return (\n              <NavigationViewNode\n                key={JSON.stringify(childKeyPath)}\n                keyPath={childKeyPath}\n                section={sectionProp}\n                dictionaryKey={dictionaryKey}\n              />\n            );\n          })}\n\n          <Button\n            label={addNewElement.label.value}\n            variant=\"hoverable\"\n            color=\"neutral\"\n            textAlign=\"left\"\n            onClick={() => {\n              const newKeyPath: KeyPath[] = [\n                ...keyPath,\n                {\n                  type: NodeType.Array,\n                  key: (section as unknown as ContentNode[]).length,\n                },\n              ];\n              const sectionArray = section as unknown as ContentNode[];\n              const emptySectionEl =\n                getEmptyNode(\n                  sectionArray[\n                    (sectionArray.length - 1) as keyof typeof sectionArray\n                  ] as ContentNode\n                ) ?? '';\n              addEditedContent(\n                dictionaryKey,\n                emptySectionEl,\n                newKeyPath,\n                false\n              );\n              setFocusedContentKeyPath(newKeyPath);\n            }}\n            Icon={Plus}\n          >\n            {addNewElement.text}\n          </Button>\n        </div>\n      );\n    }\n\n    if (typeof section.nodeType === 'string') {\n      const childKeyPath: KeyPath[] = [\n        ...keyPath,\n        { type: section.nodeType } as KeyPath,\n      ];\n\n      return (\n        <NavigationViewNode\n          keyPath={childKeyPath}\n          section={sectionProp}\n          dictionaryKey={dictionaryKey}\n        />\n      );\n    }\n\n    const sectionArray = Object.keys(section);\n    return (\n      <div className=\"flex w-full max-w-full flex-col justify-between gap-2\">\n        {sectionArray.map((key) => {\n          const childKeyPath: KeyPath[] = [\n            ...keyPath,\n            { type: NodeType.Object, key },\n          ];\n\n          const subSection = getContentNodeByKeyPath(sectionProp, childKeyPath);\n          const isEditableSubSection = getIsEditableSection(subSection);\n\n          if (isEditableSubSection) {\n            return (\n              <Button\n                label={`${goToField.label.value} ${key}`}\n                key={key}\n                isActive={getIsSelected(childKeyPath)}\n                variant=\"hoverable\"\n                color=\"text\"\n                className=\"w-full\"\n                onClick={() => setFocusedContentKeyPath(childKeyPath)}\n                IconRight={ChevronRight}\n              >\n                {camelCaseToSentence(key)}\n              </Button>\n            );\n          }\n\n          return (\n            <Accordion\n              key={key}\n              label={`${goToField.label.value} ${key}`}\n              isActive={getIsSelected(childKeyPath)}\n              onClick={() => setFocusedContentKeyPath(childKeyPath)}\n              header={camelCaseToSentence(key)}\n            >\n              <div className=\"mt-2 flex w-full max-w-full\">\n                <div className=\"flex-1 pl-10\">\n                  <NavigationViewNode\n                    keyPath={childKeyPath}\n                    section={sectionProp}\n                    dictionaryKey={dictionaryKey}\n                  />\n                </div>\n              </div>\n            </Accordion>\n          );\n        })}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      Error loading section --\n      {nodeType}\n      --\n      {JSON.stringify(section)}\n      --\n      {JSON.stringify(keyPath)}\n    </>\n  );\n};\n"],"names":["configuration","keyPath","sectionArray","isEditableSubSection"],"mappings":"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"}

package/dist/tailwind.css

@@ -1,2 +1,2 @@
-/*! tailwindcss v4.0.13 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.0.14 | MIT License | https://tailwindcss.com */
 @layer theme{:root,:host{--font-sans:"Inter Variable",sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(.971 .013 17.38);--color-red-300:oklch(.808 .114 19.571);--color-red-400:oklch(.704 .191 22.216);--color-red-500:oklch(.637 .237 25.331);--color-red-600:oklch(.577 .245 27.325);--color-yellow-500:oklch(.795 .184 86.047);--color-green-500:oklch(.723 .219 149.579);--color-neutral-200:#d1d1d1;--color-neutral-300:#b0b0b0;--color-neutral-400:#888;--color-neutral-500:#6d6d6d;--color-neutral-600:#5d5d5d;--color-neutral-700:#4f4f4f;--color-neutral-800:#454545;--color-neutral-900:#3d3d3d;--color-neutral-950:#303030;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--tracking-widest:.1em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-background:#fff;--color-text:#121212;--color-text-opposite:#fff;--color-text-light:#121212;--color-card:#e7e7e7;--color-primary:#e879f9;--color-primary-500:#c565d4;--color-secondary:#ffe66d;--color-secondary-300:#ffd845;--color-destructive:#fb7d3c;--color-destructive-500:#f95a16;--color-neutral:#5d5d5d;--color-success:#0c6;--color-warning:#d69942;--color-error:#b5180d;--color-input-background:#fff;--color-input-text:#121212;--color-input-border:#d8d8d8;--color-input-border-hover:#c9c9c9;--color-input-border-focus:#bdbdbd}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-5{top:calc(var(--spacing)*5)}.top-6{top:calc(var(--spacing)*6)}.top-28{top:calc(var(--spacing)*28)}.top-\[calc\(100\%\+0\.5rem\)\]{top:calc(100% + .5rem)}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing)*3)}.left-5{left:calc(var(--spacing)*5)}.left-auto{left:auto}.z-0{z-index:0}.z-1{z-index:1}.z-10{z-index:10}.z-50{z-index:50}.z-\[-1\]{z-index:-1}.z-\[100\]{z-index:100}.z-\[1000\]{z-index:1000}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing)*2)}.m-3{margin:calc(var(--spacing)*3)}.m-26{margin:calc(var(--spacing)*26)}.m-32{margin:calc(var(--spacing)*32)}.m-40{margin:calc(var(--spacing)*40)}.m-178{margin:calc(var(--spacing)*178)}.m-246{margin:calc(var(--spacing)*246)}.m-auto{margin:auto}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-12{margin-top:calc(var(--spacing)*12)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.mr-auto{margin-right:auto}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-0{margin-left:calc(var(--spacing)*0)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-5{margin-left:calc(var(--spacing)*5)}.ml-10{margin-left:calc(var(--spacing)*10)}.ml-\[2vw\]{margin-left:2vw}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-3{width:calc(var(--spacing)*3);height:calc(var(--spacing)*3)}.size-3\.5{width:calc(var(--spacing)*3.5);height:calc(var(--spacing)*3.5)}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.size-5{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.size-6{width:calc(var(--spacing)*6);height:calc(var(--spacing)*6)}.size-9{width:calc(var(--spacing)*9);height:calc(var(--spacing)*9)}.size-10{width:calc(var(--spacing)*10);height:calc(var(--spacing)*10)}.size-full{width:100%;height:100%}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-11{height:calc(var(--spacing)*11)}.h-\[2px\]{height:2px}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[30vh\]{max-height:30vh}.max-h-\[50vh\]{max-height:50vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80vh\]{max-height:80vh}.max-h-\[95vh\]{max-height:95vh}.max-h-\[300px\]{max-height:300px}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-7{min-height:calc(var(--spacing)*7)}.min-h-8{min-height:calc(var(--spacing)*8)}.min-h-10{min-height:calc(var(--spacing)*10)}.min-h-11{min-height:calc(var(--spacing)*11)}.\!w-60{width:calc(var(--spacing)*60)!important}.w-3\/4{width:75%}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-20{width:calc(var(--spacing)*20)}.w-\[95vw\]{width:95vw}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[80\%\]{max-width:80%}.max-w-\[100vw\]{max-width:100vw}.max-w-\[400px\]{max-width:400px}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-4{min-width:calc(var(--spacing)*4)}.min-w-20{min-width:calc(var(--spacing)*20)}.min-w-28{min-width:calc(var(--spacing)*28)}.min-w-80{min-width:calc(var(--spacing)*80)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[100px\]{min-width:100px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-auto{flex:auto}.shrink-0{flex-shrink:0}.table-auto{table-layout:auto}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-2{--tw-translate-x:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-2{--tw-translate-y:calc(var(--spacing)*-2);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-3{--tw-translate-y:calc(var(--spacing)*-3);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-full{--tw-translate-y:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-3{--tw-translate-y:calc(var(--spacing)*3);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[150\%\]{--tw-translate-y:150%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-180{rotate:-180deg}.rotate-0{rotate:none}.rotate-90{rotate:90deg}.rotate-\[-45deg\]{rotate:-45deg}.rotate-\[45deg\]{rotate:45deg}.transform{transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.resize{resize:both}.resize-none{resize:none}.scroll-mt-\[30vh\]{scroll-margin-top:30vh}.scroll-mb-8{scroll-margin-bottom:calc(var(--spacing)*8)}.scroll-p-8{scroll-padding:calc(var(--spacing)*8)}.list-disc{list-style-type:disc}.grid-cols-\[0fr\]{grid-template-columns:0fr}.grid-cols-\[0px\]{grid-template-columns:0}.grid-cols-\[1fr\]{grid-template-columns:1fr}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.grid-cols-\[auto\,1fr\]{grid-template-columns:auto,1fr}.grid-rows-\[0fr\]{grid-template-rows:0fr}.grid-rows-\[1fr\]{grid-template-rows:1fr}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-\[0\.1rem\]{gap:.1rem}.gap-x-3{column-gap:calc(var(--spacing)*3)}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.gap-y-0{row-gap:calc(var(--spacing)*0)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-6{row-gap:calc(var(--spacing)*6)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px*var(--tw-divide-x-reverse));border-inline-end-width:calc(1px*calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-dashed>:not(:last-child)){--tw-border-style:dashed;border-style:dashed}:where(.divide-text\/20>:not(:last-child)){border-color:color-mix(in oklab,var(--color-text)20%,transparent)}.self-center{align-self:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.scroll-smooth{scroll-behavior:smooth}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[1\.2px\]{border-style:var(--tw-border-style);border-width:1.2px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-r-\[2px\]{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-card{border-color:var(--color-card)}.border-destructive{border-color:var(--color-destructive)}.border-error{border-color:var(--color-error)}.border-inherit{border-color:inherit}.border-input-border{border-color:var(--color-input-border)}.border-neutral{border-color:var(--color-neutral)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-500\/50{border-color:color-mix(in oklab,var(--color-neutral-500)50%,transparent)}.border-neutral-800{border-color:var(--color-neutral-800)}.border-primary{border-color:var(--color-primary)}.border-secondary{border-color:var(--color-secondary)}.border-success{border-color:var(--color-success)}.border-text{border-color:var(--color-text)}.border-warning{border-color:var(--color-warning)}.border-white{border-color:var(--color-white)}.bg-background\/40{background-color:color-mix(in oklab,var(--color-background)40%,transparent)}.bg-card{background-color:var(--color-card)}.bg-card\/20{background-color:color-mix(in oklab,var(--color-card)20%,transparent)}.bg-card\/40{background-color:color-mix(in oklab,var(--color-card)40%,transparent)}.bg-card\/50{background-color:color-mix(in oklab,var(--color-card)50%,transparent)}.bg-card\/60{background-color:color-mix(in oklab,var(--color-card)60%,transparent)}.bg-card\/70{background-color:color-mix(in oklab,var(--color-card)70%,transparent)}.bg-card\/80{background-color:color-mix(in oklab,var(--color-card)80%,transparent)}.bg-card\/90{background-color:color-mix(in oklab,var(--color-card)90%,transparent)}.bg-card\/95{background-color:color-mix(in oklab,var(--color-card)95%,transparent)}.bg-current{background-color:currentColor}.bg-current\/0{background-color:color-mix(in oklab,currentColor 0%,transparent)}.bg-destructive{background-color:var(--color-destructive)}.bg-destructive\/10{background-color:color-mix(in oklab,var(--color-destructive)10%,transparent)}.bg-error\/10{background-color:color-mix(in oklab,var(--color-error)10%,transparent)}.bg-error\/40{background-color:color-mix(in oklab,var(--color-error)40%,transparent)}.bg-green-500{background-color:var(--color-green-500)}.bg-inherit{background-color:inherit}.bg-input-background{background-color:var(--color-input-background)}.bg-neutral{background-color:var(--color-neutral)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-800{background-color:var(--color-neutral-800)}.bg-neutral-800\/10{background-color:color-mix(in oklab,var(--color-neutral-800)10%,transparent)}.bg-neutral\/10{background-color:color-mix(in oklab,var(--color-neutral)10%,transparent)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/10{background-color:color-mix(in oklab,var(--color-primary)10%,transparent)}.bg-red-300{background-color:var(--color-red-300)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-secondary{background-color:var(--color-secondary)}.bg-secondary\/10{background-color:color-mix(in oklab,var(--color-secondary)10%,transparent)}.bg-success\/10{background-color:color-mix(in oklab,var(--color-success)10%,transparent)}.bg-success\/30{background-color:color-mix(in oklab,var(--color-success)30%,transparent)}.bg-text{background-color:var(--color-text)}.bg-text\/10{background-color:color-mix(in oklab,var(--color-text)10%,transparent)}.bg-transparent{background-color:#0000}.bg-warning\/10{background-color:color-mix(in oklab,var(--color-warning)10%,transparent)}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-none{background-image:none}.fill-neutral\/10{fill:color-mix(in oklab,var(--color-neutral)10%,transparent)}.fill-neutral\/30{fill:color-mix(in oklab,var(--color-neutral)30%,transparent)}.stroke-neutral\/15{stroke:color-mix(in oklab,var(--color-neutral)15%,transparent)}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-10{padding:calc(var(--spacing)*10)}.p-\[1\.5px\]{padding:1.5px}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.px-12{padding-inline:calc(var(--spacing)*12)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-10{padding-top:calc(var(--spacing)*10)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-12{padding-right:calc(var(--spacing)*12)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-\[20\%\]{padding-bottom:20%}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-text-top{vertical-align:text-top}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-5{--tw-leading:calc(var(--spacing)*5);line-height:calc(var(--spacing)*5)}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-\[1\.45rem\]{--tw-leading:1.45rem;line-height:1.45rem}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-nowrap{text-wrap:nowrap}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.\!text-current{color:currentColor!important}.text-card{color:var(--color-card)}.text-destructive{color:var(--color-destructive)}.text-error{color:var(--color-error)}.text-inherit{color:inherit}.text-input-text{color:var(--color-input-text)}.text-neutral{color:var(--color-neutral)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-800{color:var(--color-neutral-800)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-success{color:var(--color-success)}.text-text{color:var(--color-text)}.text-text-opposite{color:var(--color-text-opposite)}.text-text\/50{color:color-mix(in oklab,var(--color-text)50%,transparent)}.text-transparent{color:#0000}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.caret-transparent{caret-color:#0000}.accent-destructive{accent-color:var(--color-destructive)}.accent-error{accent-color:var(--color-error)}.accent-neutral{accent-color:var(--color-neutral)}.accent-primary{accent-color:var(--color-primary)}.accent-secondary{accent-color:var(--color-secondary)}.accent-success{accent-color:var(--color-success)}.accent-text{accent-color:var(--color-text)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow-\[0_0_10px_-15px_rgba\(0\,0\,0\,0\.3\)\]{--tw-shadow:0 0 10px -15px var(--tw-shadow-color,#0000004d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-current{--tw-ring-color:currentColor}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.outline-0{outline-style:var(--tw-outline-style);outline-width:0}.outline-2{outline-style:var(--tw-outline-style);outline-width:2px}.outline-offset-4{outline-offset:4px}.outline-inherit{outline-color:inherit}.outline-transparent{outline-color:#0000}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[left\,width\]{transition-property:left,width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}:is(.\*\:\!text-current>*){color:currentColor!important}:is(.\*\:text-text>*){color:var(--color-text)}:is(.\*\:text-text-light>*){color:var(--color-text-light)}:is(.\*\:text-text-opposite>*){color:var(--color-text-opposite)}.group-focus-within\/dropdown\:visible:is(:where(.group\/dropdown):focus-within *){visibility:visible}.group-focus-within\/dropdown\:grid-rows-\[1fr\]:is(:where(.group\/dropdown):focus-within *){grid-template-rows:1fr}@media (hover:hover){.group-hover\:opacity-0:is(:where(.group):hover *){opacity:0}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/dropdown\:visible:is(:where(.group\/dropdown):hover *){visibility:visible}.group-hover\/dropdown\:grid-rows-\[1fr\]:is(:where(.group\/dropdown):hover *){grid-template-rows:1fr}.group-hover\/editable-field\:visible:is(:where(.group\/editable-field):hover *),.group-hover\/height-smoother\:visible:is(:where(.group\/height-smoother):hover *){visibility:visible}}.group-focus\/height-smoother\:visible:is(:where(.group\/height-smoother):focus *){visibility:visible}.group-\[\.destructive\]\:text-red-300:is(:where(.group).destructive *){color:var(--color-red-300)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-0:after{content:var(--tw-content);top:calc(var(--spacing)*0)}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing)*0)}.after\:-left-12:after{content:var(--tw-content);left:calc(var(--spacing)*-12)}.after\:block:after{content:var(--tw-content);display:block}.after\:h-10:after{content:var(--tw-content);height:calc(var(--spacing)*10)}.after\:h-full:after{content:var(--tw-content);height:100%}.after\:w-2:after{content:var(--tw-content);width:calc(var(--spacing)*2)}.after\:translate-x-1\/2:after{content:var(--tw-content);--tw-translate-x:calc(1/2*100%);translate:var(--tw-translate-x)var(--tw-translate-y)}.after\:-translate-y-1\/2:after{content:var(--tw-content);--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.after\:scale-75:after{content:var(--tw-content);--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x)var(--tw-scale-y)}.after\:transform:after{content:var(--tw-content);transform:var(--tw-rotate-x)var(--tw-rotate-y)var(--tw-rotate-z)var(--tw-skew-x)var(--tw-skew-y)}.after\:cursor-ew-resize:after{content:var(--tw-content);cursor:ew-resize}.after\:rounded-full:after{content:var(--tw-content);border-radius:3.40282e38px}.after\:bg-neutral-200:after{content:var(--tw-content);background-color:var(--color-neutral-200)}.after\:to-neutral:after{content:var(--tw-content);--tw-gradient-to:var(--color-neutral);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.after\:px-6:after{content:var(--tw-content);padding-inline:calc(var(--spacing)*6)}.after\:text-neutral:after{content:var(--tw-content);color:var(--color-neutral)}.after\:transition:after{content:var(--tw-content);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:transition-opacity:after{content:var(--tw-content);transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.after\:delay-100:after{content:var(--tw-content);transition-delay:.1s}.after\:duration-200:after{content:var(--tw-content);--tw-duration:.2s;transition-duration:.2s}.after\:content-\[\"\"\]:after{content:var(--tw-content);--tw-content:"";content:var(--tw-content)}.after\:content-\[\'\#\'\]:after{content:var(--tw-content);--tw-content:"#";content:var(--tw-content)}.valid\:border-success:valid{border-color:var(--color-success)}.invalid\:border-error:invalid{border-color:var(--color-error)}.focus-within\:grid-rows-\[1fr\]:focus-within{grid-template-rows:1fr}.focus-within\:overflow-x-auto:focus-within{overflow-x:auto}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:grid-rows-\[1fr\]:hover{grid-template-rows:1fr}.hover\:overflow-x-auto:hover{overflow-x:auto}.hover\:border-input-border-hover:hover{border-color:var(--color-input-border-hover)}.hover\:bg-card\/30:hover{background-color:color-mix(in oklab,var(--color-card)30%,transparent)}.hover\:bg-current\/0:hover{background-color:color-mix(in oklab,currentColor 0%,transparent)}.hover\:bg-current\/10:hover{background-color:color-mix(in oklab,currentColor 10%,transparent)}.hover\:bg-current\/30:hover{background-color:color-mix(in oklab,currentColor 30%,transparent)}.hover\:bg-destructive-500:hover{background-color:var(--color-destructive-500)}.hover\:bg-neutral-300:hover{background-color:var(--color-neutral-300)}.hover\:bg-neutral-500:hover{background-color:var(--color-neutral-500)}.hover\:bg-neutral-600:hover{background-color:var(--color-neutral-600)}.hover\:bg-neutral-900:hover{background-color:var(--color-neutral-900)}.hover\:bg-neutral\/10:hover{background-color:color-mix(in oklab,var(--color-neutral)10%,transparent)}.hover\:bg-primary-500:hover{background-color:var(--color-primary-500)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-secondary-300:hover{background-color:var(--color-secondary-300)}.hover\:bg-text:hover{background-color:var(--color-text)}.hover\:bg-text\/10:hover{background-color:color-mix(in oklab,var(--color-text)10%,transparent)}.hover\:bg-transparent:hover{background-color:#0000}.hover\:text-text\/80:hover{color:color-mix(in oklab,var(--color-text)80%,transparent)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:outline-inherit:hover{outline-color:inherit}.hover\:backdrop-blur:hover{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.hover\:delay-0:hover{transition-delay:0s}.group-\[\.destructive\]\:hover\:border-destructive\/30:is(:where(.group).destructive *):hover{border-color:color-mix(in oklab,var(--color-destructive)30%,transparent)}.group-\[\.destructive\]\:hover\:bg-destructive:is(:where(.group).destructive *):hover{background-color:var(--color-destructive)}.group-\[\.destructive\]\:hover\:text-red-50:is(:where(.group).destructive *):hover{color:var(--color-red-50)}}.after\:hover\:cursor-pointer:after{content:var(--tw-content)}@media (hover:hover){.after\:hover\:cursor-pointer:after:hover{cursor:pointer}.hover\:after\:opacity-80:hover:after{content:var(--tw-content);opacity:.8}}.focus\:grid-rows-\[1fr\]:focus{grid-template-rows:1fr}.focus\:overflow-x-auto:focus{overflow-x:auto}.focus\:border-input-border-focus:focus{border-color:var(--color-input-border-focus)}.focus\:bg-neutral\/10:focus{background-color:color-mix(in oklab,var(--color-neutral)10%,transparent)}.focus\:bg-text-opposite\/20:focus{background-color:color-mix(in oklab,var(--color-text-opposite)20%,transparent)}.focus\:opacity-100:focus{opacity:1}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentColor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:\[box-shadow\:none\]:focus{box-shadow:none}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-hidden:focus{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus\:outline-hidden:focus{outline-offset:2px;outline:2px solid #0000}}.focus\:outline-0:focus{outline-style:var(--tw-outline-style);outline-width:0}.focus\:backdrop-blur:focus{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.group-\[\.destructive\]\:focus\:ring-destructive:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-destructive)}.group-\[\.destructive\]\:focus\:ring-red-400:is(:where(.group).destructive *):focus{--tw-ring-color:var(--color-red-400)}.group-\[\.destructive\]\:focus\:ring-offset-red-600:is(:where(.group).destructive *):focus{--tw-ring-offset-color:var(--color-red-600)}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.active\:border-neutral-400:active{border-color:var(--color-neutral-400)}.active\:after\:bg-neutral-400:active:after{content:var(--tw-content);background-color:var(--color-neutral-400)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-white\/25:disabled{color:color-mix(in oklab,var(--color-white)25%,transparent)}.disabled\:opacity-50:disabled{opacity:.5}.aria-selected\:cursor-default[aria-selected=true]{cursor:default}.aria-selected\:text-black[aria-selected=true]{color:var(--color-black)}.aria-selected\:text-text[aria-selected=true]{color:var(--color-text)}.aria-selected\:text-text-opposite[aria-selected=true]{color:var(--color-text-opposite)}.aria-selected\:text-white[aria-selected=true]{color:var(--color-white)}.aria-selected\:text-white\/10[aria-selected=true]{color:color-mix(in oklab,var(--color-white)10%,transparent)}.aria-selected\:backdrop-blur[aria-selected=true]{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.aria-\[current\]\:bg-current\/5[aria-current]{background-color:color-mix(in oklab,currentColor 5%,transparent)}.aria-\[invalid\=true\]\:border-error[aria-invalid=true]{border-color:var(--color-error)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[swipe\=move\]\:transition-none[data-swipe=move]{transition-property:none}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (width<48rem){.max-md\:w-full{width:100%}.max-md\:flex-col{flex-direction:column}.max-md\:py-1{padding-block:calc(var(--spacing)*1)}.max-md\:py-2{padding-block:calc(var(--spacing)*2)}.max-md\:py-3{padding-block:calc(var(--spacing)*3)}.max-md\:py-4{padding-block:calc(var(--spacing)*4)}}@media (width>=40rem){.sm\:top-auto{top:auto}.sm\:right-0{right:calc(var(--spacing)*0)}.sm\:bottom-0{bottom:calc(var(--spacing)*0)}.sm\:flex-col{flex-direction:column}}@media (width>=48rem){.md\:sticky{position:sticky}.md\:w-1\/4{width:25%}.md\:w-2\/3{width:66.6667%}.md\:w-\[400px\]{width:400px}.md\:max-w-\[50\%\]{max-width:50%}.md\:max-w-\[420px\]{max-width:420px}.md\:gap-4{gap:calc(var(--spacing)*4)}.md\:gap-\[10vw\]{gap:10vw}.md\:py-1{padding-block:calc(var(--spacing)*1)}.md\:py-2{padding-block:calc(var(--spacing)*2)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.md\:leading-\[1\.23rem\]{--tw-leading:1.23rem;line-height:1.23rem}}.after\:md\:opacity-0:after{content:var(--tw-content)}@media (width>=48rem){.after\:md\:opacity-0:after{opacity:0}}@media (width>=64rem){.lg\:ml-\[10vw\]{margin-left:10vw}.lg\:gap-6{gap:calc(var(--spacing)*6)}}.dark\:border-neutral-950:where([data-theme=dark],[data-theme=dark] *){border-color:var(--color-neutral-950)}.dark\:bg-neutral-700:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-700)}.dark\:bg-neutral-950:where([data-theme=dark],[data-theme=dark] *){background-color:var(--color-neutral-950)}.dark\:stroke-neutral\/30:where([data-theme=dark],[data-theme=dark] *){stroke:color-mix(in oklab,var(--color-neutral)30%,transparent)}.dark\:after\:bg-neutral-950:where([data-theme=dark],[data-theme=dark] *):after{content:var(--tw-content);background-color:var(--color-neutral-950)}@media (hover:hover){.dark\:hover\:bg-neutral-900:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-neutral-900)}.dark\:hover\:bg-red-300:where([data-theme=dark],[data-theme=dark] *):hover{background-color:var(--color-red-300)}}.dark\:active\:border-neutral-600:where([data-theme=dark],[data-theme=dark] *):active{border-color:var(--color-neutral-600)}.active\:dark\:after\:bg-neutral-600:active:where([data-theme=dark],[data-theme=dark] *):after{content:var(--tw-content);background-color:var(--color-neutral-600)}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:calc(var(--spacing)*1.5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden])~[cmdk-group]{padding-top:calc(var(--spacing)*0)}.\[\&_\[cmdk-input-wrapper\]_svg\]\:size-5 [cmdk-input-wrapper] svg{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{height:calc(var(--spacing)*12)}.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{padding-inline:calc(var(--spacing)*2)}.\[\&_\[cmdk-item\]_svg\]\:size-5 [cmdk-item] svg{width:calc(var(--spacing)*5);height:calc(var(--spacing)*5)}.\[\&\+div\]\:text-xs+div{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\[\&\:has\(\.section\:hover\)\]\:bg-transparent:has(.section:hover){background-color:#0000}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}[data-theme=dark]{--font-sans:"Inter Variable",sans-serif;--color-background:#171717;--color-background-opposite:#fff;--color-text:#fff5ed;--color-text-opposite:#121212;--color-card:#272727;--color-card-hover:#4f4f4f;--color-hypertext:#e879f9;--color-hypertext-hover:#c565d4;--color-hypertext-active:#e879f9;--color-shadow:#121212;--color-primary:#e879f9;--color-secondary:#ffe66d;--color-destructive:#fb7d3c;--color-neutral:#5d5d5d;--color-success:#0c6;--color-warning:#d69942;--color-error:#b5180d;--color-white:#fff;--color-black:#000;--color-input-background:#3d3d3d;--color-input-text:#f6f6f6;--color-input-border:#4f4f4f;--color-input-border-hover:#5d5d5d;--color-input-border-focus:#b0b0b0;--color-input-border-disabled:#3d3d3d}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false;initial-value:rotateX(0)}@property --tw-rotate-y{syntax:"*";inherits:false;initial-value:rotateY(0)}@property --tw-rotate-z{syntax:"*";inherits:false;initial-value:rotateZ(0)}@property --tw-skew-x{syntax:"*";inherits:false;initial-value:skewX(0)}@property --tw-skew-y{syntax:"*";inherits:false;initial-value:skewY(0)}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@intlayer/design-system",
-  "version": "5.3.8",
+  "version": "5.3.10",
   "private": false,
   "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
   "keywords": [
@@ -69,79 +69,79 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.0.4",
     "deepmerge": "^4.3.1",
-    "framer-motion": "^11.18.0",
-    "fuse.js": "^7.0.0",
-    "markdown-to-jsx": "^7.7.3",
+    "framer-motion": "^12.5.0",
+    "fuse.js": "^7.1.0",
+    "markdown-to-jsx": "^7.7.4",
     "react-hook-form": "^7.54.2",
     "rollup-preserve-directives": "^1.1.3",
-    "shiki": "^1.27.2",
+    "shiki": "^3.2.1",
     "tailwind-merge": "^3.0.2",
     "zod": "^3.24.2",
     "zustand": "^4.5.6",
-    "@intlayer/core": "5.3.8",
-    "@intlayer/dictionaries-entry": "5.3.8",
-    "react-intlayer": "5.3.8",
-    "@intlayer/api": "5.3.8",
-    "@intlayer/config": "5.3.8",
-    "@intlayer/editor-react": "5.3.8"
+    "@intlayer/api": "5.3.10",
+    "@intlayer/config": "5.3.10",
+    "react-intlayer": "5.3.10",
+    "@intlayer/core": "5.3.10",
+    "@intlayer/dictionaries-entry": "5.3.10",
+    "@intlayer/editor-react": "5.3.10"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^3.2.3",
-    "@shikijs/transformers": "^1.27.2",
-    "@storybook/addon-essentials": "^8.5.0",
-    "@storybook/addon-interactions": "^8.5.0",
-    "@storybook/addon-links": "^8.5.0",
-    "@storybook/addon-onboarding": "^8.5.0",
-    "@storybook/blocks": "^8.5.0",
+    "@chromatic-com/storybook": "^3.2.6",
+    "@shikijs/transformers": "^3.2.1",
+    "@storybook/addon-essentials": "^8.6.7",
+    "@storybook/addon-interactions": "^8.6.7",
+    "@storybook/addon-links": "^8.6.7",
+    "@storybook/addon-onboarding": "^8.6.7",
+    "@storybook/blocks": "^8.6.7",
     "@storybook/react": "^8.5.0",
-    "@storybook/react-vite": "^8.5.0",
-    "@storybook/test": "^8.5.0",
+    "@storybook/react-vite": "^8.6.7",
+    "@storybook/test": "^8.6.7",
     "@tailwindcss/aspect-ratio": "^0.4.2",
-    "@tailwindcss/cli": "^4.0.8",
-    "@tailwindcss/vite": "^4.0.8",
+    "@tailwindcss/cli": "^4.0.14",
+    "@tailwindcss/vite": "^4.0.14",
     "@testing-library/jest-dom": "^6.6.3",
-    "@testing-library/react": "^16.1.0",
-    "@testing-library/user-event": "^14.5.2",
+    "@testing-library/react": "^16.2.0",
+    "@testing-library/user-event": "^14.6.1",
     "@types/espree": "^10.1.0",
-    "@types/node": "^22.10.6",
+    "@types/node": "^22.13.10",
     "@types/react": ">=16.0.0",
     "@types/react-dom": ">=16.0.0",
-    "@typescript-eslint/parser": "^8.24.0",
+    "@typescript-eslint/parser": "^8.27.0",
     "@vitejs/plugin-react": "^4.3.4",
     "concurrently": "^9.1.2",
-    "eslint": "^9.20.0",
+    "eslint": "^9.22.0",
     "fast-glob": "^3.3.3",
-    "lucide-react": "^0.475.0",
-    "prettier": "^3.5.0",
+    "lucide-react": "^0.483.0",
+    "prettier": "^3.5.3",
     "rimraf": "^6.0.1",
-    "storybook": "^8.5.0",
-    "tailwindcss": "^4.0.8",
-    "typescript": "^5.7.3",
-    "vite": "^6.0.11",
-    "vite-plugin-dts": "^4.5.0",
-    "vitest": "^3.0.5",
-    "@intlayer/backend": "5.3.8",
-    "@utils/eslint-config": "1.0.4",
+    "storybook": "^8.6.7",
+    "tailwindcss": "^4.0.14",
+    "typescript": "^5.8.2",
+    "vite": "^6.2.3",
+    "vite-plugin-dts": "^4.5.3",
+    "vitest": "^3.0.9",
+    "@intlayer/backend": "5.3.10",
     "@utils/tsup-config": "1.0.4",
-    "@utils/ts-config-types": "1.0.4",
-    "@utils/ts-config": "1.0.4"
+    "@utils/eslint-config": "1.0.4",
+    "@utils/ts-config": "1.0.4",
+    "@utils/ts-config-types": "1.0.4"
   },
   "peerDependencies": {
     "@monaco-editor/react": "^4.7.0",
     "clsx": "^2.1.1",
-    "framer-motion": "^11.18.0",
-    "fuse.js": "^7.0.0",
+    "framer-motion": "^12.5.0",
+    "fuse.js": "^7.1.0",
     "react": ">=16.0.0",
     "react-dom": ">=16.0.0",
     "tailwind-merge": "^3.0.2",
     "zustand": "^4.5.6",
-    "@intlayer/config": "5.3.8",
-    "@intlayer/core": "5.3.8",
-    "@intlayer/api": "5.3.8",
-    "@intlayer/editor-react": "5.3.8",
-    "@intlayer/dictionaries-entry": "5.3.8",
-    "react-intlayer": "5.3.8",
-    "intlayer": "5.3.8"
+    "@intlayer/api": "5.3.10",
+    "@intlayer/config": "5.3.10",
+    "@intlayer/core": "5.3.10",
+    "@intlayer/dictionaries-entry": "5.3.10",
+    "@intlayer/editor-react": "5.3.10",
+    "intlayer": "5.3.10",
+    "react-intlayer": "5.3.10"
   },
   "scripts": {
     "build": "pnpm build:package && pnpm build:css",