@intlayer/design-system 9.0.0-canary.2 → 9.0.0-canary.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,7 +1,7 @@
1
1
  'use client';
2
2
 
3
- import { editor } from "@intlayer/config/built";
4
3
  import { useQuery } from "@tanstack/react-query";
4
+ import { editor } from "@intlayer/config/built";
5
5
  import { getOAuthAPI } from "@intlayer/api";
6
6
  import { useConfiguration } from "@intlayer/editor-react";
7
7
  import { defu } from "defu";
@@ -1,8 +1,8 @@
1
1
  'use client';
2
2
 
3
3
  import { getAuthAPI } from "../../libs/auth.mjs";
4
- import { editor } from "@intlayer/config/built";
5
4
  import { useQuery, useQueryClient } from "@tanstack/react-query";
5
+ import { editor } from "@intlayer/config/built";
6
6
  import { useConfiguration } from "@intlayer/editor-react";
7
7
 
8
8
  //#region src/api/useAuth/useSession.ts
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import type { MarkdownContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\n\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n section: MarkdownContent<ContentNode>;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n const { keyPath, section } = props;\n\n const newKeyPath: KeyPath[] = [\n ...keyPath,\n {\n type: NodeTypes.MARKDOWN,\n },\n ];\n\n const subSection = section[NodeTypes.MARKDOWN] as ContentNode;\n\n return (\n <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n </div>\n );\n};\n"],"mappings":";;;;;AAYA,MAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,UAAU,UACjB,CACF;CAED,MAAM,aAAa,QAAQ,UAAU;AAErC,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,aAAD;GAAa,GAAI;GAAO,SAAS;GAAY,SAAS;GAAc;EAChE"}
1
+ {"version":3,"file":"MarkdownWrapper.mjs","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"sourcesContent":["import type { MarkdownContent } from '@intlayer/core/transpiler';\nimport type { ContentNode } from '@intlayer/types/dictionary';\nimport type { KeyPath } from '@intlayer/types/keyPath';\nimport * as NodeTypes from '@intlayer/types/nodeType';\nimport type { FC } from 'react';\nimport { NodeWrapper, type NodeWrapperProps } from './index';\n\ntype MarkdownWrapperProps = Omit<NodeWrapperProps, 'section'> & {\n section: MarkdownContent<ContentNode>;\n};\n\nexport const MarkdownWrapper: FC<MarkdownWrapperProps> = (props) => {\n const { keyPath, section } = props;\n\n const newKeyPath: KeyPath[] = [\n ...keyPath,\n {\n type: NodeTypes.MARKDOWN,\n },\n ];\n\n const subSection = section[NodeTypes.MARKDOWN] as ContentNode;\n\n return (\n <div className=\"ml-2 grid grid-cols-[auto,1fr] gap-2\">\n <NodeWrapper {...props} keyPath={newKeyPath} section={subSection} />\n </div>\n );\n};\n"],"mappings":";;;;;AAWA,MAAa,mBAA6C,UAAU;CAClE,MAAM,EAAE,SAAS,YAAY;CAE7B,MAAM,aAAwB,CAC5B,GAAG,SACH,EACE,MAAM,UAAU,UACjB,CACF;CAED,MAAM,aAAa,QAAQ,UAAU;AAErC,QACE,oBAAC,OAAD;EAAK,WAAU;YACb,oBAAC,aAAD;GAAa,GAAI;GAAO,SAAS;GAAY,SAAS;GAAc;EAChE"}
@@ -50,7 +50,7 @@ const StrongRenderer = (props) => /* @__PURE__ */ jsx("strong", {
50
50
  const MemoizedCodeBlock = memo(({ className, children, isDarkMode, lang, ...rest }) => {
51
51
  const content = String(children ?? "").replace(/\n$/, "");
52
52
  if (!!!className) return /* @__PURE__ */ jsx("code", {
53
- className: "scale-80 rounded-md border border-neutral/30 bg-card/60 box-decoration-clone px-1.5 py-0.5 font-mono",
53
+ className: "inline-block scale-80 rounded-lg border border-neutral/30 bg-card/60 box-decoration-clone px-1.5 py-0.5 font-mono",
54
54
  children: content.replace(/&(?:amp;)?#(\d+);/g, (_, code) => String.fromCharCode(parseInt(code, 10)))
55
55
  });
56
56
  const language = className?.replace(/lang(?:uage)?-/, "") || "plaintext";
@@ -1 +1 @@
1
- {"version":3,"file":"MarkDownRender.mjs","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { cn } from '@utils/cn';\nimport type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport { memo } from 'react';\nimport {\n type MarkdownRenderer as MarkdownRendererIntlayer,\n type ParsedMarkdown,\n renderMarkdown,\n} from 'react-intlayer/markdown';\n\nexport type { ParsedMarkdown };\n\nimport type { BundledLanguage } from 'shiki/bundle/web';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\nimport { Tab } from '../Tab';\nimport { TabProvider } from '../Tab/TabContext';\nimport { Hr, SmartTable, Td, Th, Tr } from '../Table';\nimport { MarkDownIframe } from './MarkDownIframe';\n\n// Extracted, stable component renderers\nconst H1Renderer = (props: ComponentProps<'h1'>) => (\n <H1 isClickable className=\"mb-16 mb-8 text-text\" {...props} />\n);\nconst H2Renderer = (props: ComponentProps<'h2'>) => (\n <H2 isClickable className=\"mt-16 text-text\" {...props} />\n);\nconst H3Renderer = (props: ComponentProps<'h3'>) => (\n <H3 isClickable className=\"mt-5 text-text\" {...props} />\n);\nconst H4Renderer = (props: ComponentProps<'h4'>) => (\n <H4 isClickable className=\"mt-3 text-text\" {...props} />\n);\nconst H5Renderer = (props: ComponentProps<'h5'>) => (\n <H5 isClickable className=\"mt-3 text-text\" {...props} />\n);\nconst H6Renderer = (props: ComponentProps<'h6'>) => (\n <H6 isClickable className=\"mt-3 text-text\" {...props} />\n);\nconst StrongRenderer = (props: ComponentProps<'strong'>) => (\n <strong className=\"text-text\" {...props} />\n);\n\nconst MemoizedCodeBlock = memo(\n ({\n className,\n children,\n isDarkMode,\n lang, // Destructure html lang prop to prevent passing invalid BCP-47 language tag to Code component\n ...rest\n }: ComponentProps<'code'> & { isDarkMode?: boolean }) => {\n const content = String(children ?? '').replace(/\\n$/, '');\n const isBlock = !!className;\n\n if (!isBlock) {\n const decodedContent = content.replace(\n /&(?:amp;)?#(\\d+);/g,\n (_, code: string) => String.fromCharCode(parseInt(code, 10))\n );\n return (\n <code className=\"scale-80 rounded-md border border-neutral/30 bg-card/60 box-decoration-clone px-1.5 py-0.5 font-mono\">\n {decodedContent}\n </code>\n );\n }\n\n const language = (className?.replace(/lang(?:uage)?-/, '') ||\n 'plaintext') as BundledLanguage;\n\n return (\n <Code {...rest} language={language} showHeader isDarkMode={isDarkMode}>\n {content}\n </Code>\n );\n },\n (prevProps, nextProps) =>\n prevProps.children === nextProps.children &&\n prevProps.className === nextProps.className &&\n prevProps.isDarkMode === nextProps.isDarkMode\n);\n\nconst createCodeRenderer = (isDarkMode?: boolean) => {\n return function CodeWrapper(props: ComponentProps<'code'>) {\n return <MemoizedCodeBlock {...props} isDarkMode={isDarkMode} />;\n };\n};\n\nconst BlockquoteRenderer = ({\n className,\n ...props\n}: ComponentProps<'blockquote'>) => (\n <blockquote\n className={cn(\n 'mt-5 gap-3 border-card border-l-4 pl-5 text-neutral [&_strong]:text-neutral',\n className\n )}\n {...props}\n />\n);\n\nconst UlRenderer = ({ className, ...props }: ComponentProps<'ul'>) => (\n <ul\n className={cn(\n 'mt-5 flex list-disc flex-col gap-3 pl-5 marker:text-neutral/80',\n className\n )}\n {...props}\n />\n);\n\nconst OlRenderer = ({ className, ...props }: ComponentProps<'ol'>) => (\n <ol\n className={cn(\n 'mt-5 flex list-decimal flex-col gap-3 pl-5 marker:text-neutral/80',\n className\n )}\n {...props}\n />\n);\n\nconst ImgRenderer = ({\n className,\n alt,\n src,\n ...props\n}: ComponentProps<'img'>) => (\n <img\n {...props}\n alt={alt ?? ''}\n loading=\"lazy\"\n className={cn('max-h-[80vh] max-w-full rounded-md', className)}\n src={\n src?.includes('github.com')\n ? src\n ?.replace('github.com', 'raw.githubusercontent.com')\n .replace('/blob/', '/') // GitHub raw URLs do not use /blob/\n : src\n }\n />\n);\n\nconst createLinkRenderer = (locale?: LocalesValues) => {\n return (props: ComponentProps<'a'>) => (\n <Link\n isExternalLink={props.href?.startsWith('http')}\n underlined\n locale={locale}\n label=\"\"\n color=\"text\"\n {...(props as any)}\n />\n );\n};\n\nconst PreRenderer = (props: ComponentProps<'pre'>) => <>{props.children}</>;\nconst TableRenderer = (props: ComponentProps<typeof SmartTable>) => (\n <SmartTable isRollable displayModal {...props} />\n);\n\nconst TabsRenderer = (props: ComponentProps<typeof Tab>) => (\n <Tab\n {...props}\n className=\"rounded-xl border border-card\"\n headerClassName=\"sticky rounded-xl top-24 z-5 bg-background/70 backdrop-blur overflow-x-auto\"\n />\n);\nconst ColumnsRenderer = ({\n className,\n ...props\n}: ComponentPropsWithoutRef<'div'>) => (\n <div className={cn('flex gap-4 max-md:flex-col', className)} {...props} />\n);\nconst ColumnRenderer = ({\n className,\n ...props\n}: ComponentPropsWithoutRef<'div'>) => (\n <div className={cn('flex-1', className)} {...props} />\n);\n\nconst Iframe = (props: ComponentProps<'iframe'>) => (\n <MarkDownIframe {...props} />\n);\n\n// Static configuration object for static renderers\nconst staticMarkdownComponents = {\n h1: H1Renderer,\n h2: H2Renderer,\n h3: H3Renderer,\n h4: H4Renderer,\n h5: H5Renderer,\n h6: H6Renderer,\n strong: StrongRenderer,\n blockquote: BlockquoteRenderer,\n ul: UlRenderer,\n ol: OlRenderer,\n img: ImgRenderer,\n pre: PreRenderer,\n table: TableRenderer,\n th: Th,\n tr: Tr,\n td: Td,\n hr: Hr,\n Tabs: TabsRenderer,\n Tab: Tab.Item,\n Columns: ColumnsRenderer,\n Column: ColumnRenderer,\n iframe: Iframe,\n};\n\n// Factory function to create components with dynamic props\nconst createMarkdownComponents = (\n isDarkMode?: boolean,\n locale?: LocalesValues\n) => ({\n ...staticMarkdownComponents,\n code: createCodeRenderer(isDarkMode),\n a: createLinkRenderer(locale),\n});\n\n// Export static renderers for backward compatibility\nexport const baseMarkdownComponents = staticMarkdownComponents;\n\ntype MarkdownRendererProps = {\n children: string | ParsedMarkdown;\n isDarkMode?: boolean;\n locale?: LocalesValues;\n forceBlock?: boolean;\n preserveFrontmatter?: boolean;\n tagfilter?: boolean;\n components?: ComponentProps<typeof MarkdownRendererIntlayer>['components'];\n wrapper?: ComponentProps<typeof MarkdownRendererIntlayer>['wrapper'];\n};\n\nexport const getIntlayerMarkdownOptions = (_isDarkMode?: boolean) => ({\n components: baseMarkdownComponents,\n});\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n children,\n isDarkMode = false,\n locale,\n forceBlock,\n preserveFrontmatter,\n tagfilter,\n components: componentsProp,\n wrapper,\n}) => {\n const markdownComponents = createMarkdownComponents(isDarkMode, locale);\n\n const markdownContent = renderMarkdown(children, {\n components: {\n ...markdownComponents,\n ...componentsProp,\n },\n wrapper,\n forceBlock,\n preserveFrontmatter,\n tagfilter,\n });\n\n return (\n <CodeProvider>\n <TabProvider>{markdownContent}</TabProvider>\n </CodeProvider>\n );\n};\n"],"mappings":"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"}
1
+ {"version":3,"file":"MarkDownRender.mjs","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"sourcesContent":["import type { LocalesValues } from '@intlayer/types/module_augmentation';\nimport { cn } from '@utils/cn';\nimport type { ComponentProps, ComponentPropsWithoutRef, FC } from 'react';\nimport { memo } from 'react';\nimport {\n type MarkdownRenderer as MarkdownRendererIntlayer,\n type ParsedMarkdown,\n renderMarkdown,\n} from 'react-intlayer/markdown';\nimport type { BundledLanguage } from 'shiki/bundle/web';\nimport { H1, H2, H3, H4, H5, H6 } from '../Headers';\nimport { Code } from '../IDE/Code';\nimport { CodeProvider } from '../IDE/CodeContext';\nimport { Link } from '../Link';\nimport { Tab } from '../Tab';\nimport { TabProvider } from '../Tab/TabContext';\nimport { Hr, SmartTable, Td, Th, Tr } from '../Table';\nimport { MarkDownIframe } from './MarkDownIframe';\n\nexport type { ParsedMarkdown };\n\n// Extracted, stable component renderers\nconst H1Renderer = (props: ComponentProps<'h1'>) => (\n <H1 isClickable className=\"mb-16 mb-8 text-text\" {...props} />\n);\nconst H2Renderer = (props: ComponentProps<'h2'>) => (\n <H2 isClickable className=\"mt-16 text-text\" {...props} />\n);\nconst H3Renderer = (props: ComponentProps<'h3'>) => (\n <H3 isClickable className=\"mt-5 text-text\" {...props} />\n);\nconst H4Renderer = (props: ComponentProps<'h4'>) => (\n <H4 isClickable className=\"mt-3 text-text\" {...props} />\n);\nconst H5Renderer = (props: ComponentProps<'h5'>) => (\n <H5 isClickable className=\"mt-3 text-text\" {...props} />\n);\nconst H6Renderer = (props: ComponentProps<'h6'>) => (\n <H6 isClickable className=\"mt-3 text-text\" {...props} />\n);\nconst StrongRenderer = (props: ComponentProps<'strong'>) => (\n <strong className=\"text-text\" {...props} />\n);\n\nconst MemoizedCodeBlock = memo(\n ({\n className,\n children,\n isDarkMode,\n lang, // Destructure html lang prop to prevent passing invalid BCP-47 language tag to Code component\n ...rest\n }: ComponentProps<'code'> & { isDarkMode?: boolean }) => {\n const content = String(children ?? '').replace(/\\n$/, '');\n const isBlock = !!className;\n\n if (!isBlock) {\n const decodedContent = content.replace(\n /&(?:amp;)?#(\\d+);/g,\n (_, code: string) => String.fromCharCode(parseInt(code, 10))\n );\n return (\n <code className=\"inline-block scale-80 rounded-lg border border-neutral/30 bg-card/60 box-decoration-clone px-1.5 py-0.5 font-mono\">\n {decodedContent}\n </code>\n );\n }\n\n const language = (className?.replace(/lang(?:uage)?-/, '') ||\n 'plaintext') as BundledLanguage;\n\n return (\n <Code {...rest} language={language} showHeader isDarkMode={isDarkMode}>\n {content}\n </Code>\n );\n },\n (prevProps, nextProps) =>\n prevProps.children === nextProps.children &&\n prevProps.className === nextProps.className &&\n prevProps.isDarkMode === nextProps.isDarkMode\n);\n\nconst createCodeRenderer = (isDarkMode?: boolean) => {\n return function CodeWrapper(props: ComponentProps<'code'>) {\n return <MemoizedCodeBlock {...props} isDarkMode={isDarkMode} />;\n };\n};\n\nconst BlockquoteRenderer = ({\n className,\n ...props\n}: ComponentProps<'blockquote'>) => (\n <blockquote\n className={cn(\n 'mt-5 gap-3 border-card border-l-4 pl-5 text-neutral [&_strong]:text-neutral',\n className\n )}\n {...props}\n />\n);\n\nconst UlRenderer = ({ className, ...props }: ComponentProps<'ul'>) => (\n <ul\n className={cn(\n 'mt-5 flex list-disc flex-col gap-3 pl-5 marker:text-neutral/80',\n className\n )}\n {...props}\n />\n);\n\nconst OlRenderer = ({ className, ...props }: ComponentProps<'ol'>) => (\n <ol\n className={cn(\n 'mt-5 flex list-decimal flex-col gap-3 pl-5 marker:text-neutral/80',\n className\n )}\n {...props}\n />\n);\n\nconst ImgRenderer = ({\n className,\n alt,\n src,\n ...props\n}: ComponentProps<'img'>) => (\n <img\n {...props}\n alt={alt ?? ''}\n loading=\"lazy\"\n className={cn('max-h-[80vh] max-w-full rounded-md', className)}\n src={\n src?.includes('github.com')\n ? src\n ?.replace('github.com', 'raw.githubusercontent.com')\n .replace('/blob/', '/') // GitHub raw URLs do not use /blob/\n : src\n }\n />\n);\n\nconst createLinkRenderer = (locale?: LocalesValues) => {\n return (props: ComponentProps<'a'>) => (\n <Link\n isExternalLink={props.href?.startsWith('http')}\n underlined\n locale={locale}\n label=\"\"\n color=\"text\"\n {...(props as any)}\n />\n );\n};\n\nconst PreRenderer = (props: ComponentProps<'pre'>) => <>{props.children}</>;\nconst TableRenderer = (props: ComponentProps<typeof SmartTable>) => (\n <SmartTable isRollable displayModal {...props} />\n);\n\nconst TabsRenderer = (props: ComponentProps<typeof Tab>) => (\n <Tab\n {...props}\n className=\"rounded-xl border border-card\"\n headerClassName=\"sticky rounded-xl top-24 z-5 bg-background/70 backdrop-blur overflow-x-auto\"\n />\n);\nconst ColumnsRenderer = ({\n className,\n ...props\n}: ComponentPropsWithoutRef<'div'>) => (\n <div className={cn('flex gap-4 max-md:flex-col', className)} {...props} />\n);\nconst ColumnRenderer = ({\n className,\n ...props\n}: ComponentPropsWithoutRef<'div'>) => (\n <div className={cn('flex-1', className)} {...props} />\n);\n\nconst Iframe = (props: ComponentProps<'iframe'>) => (\n <MarkDownIframe {...props} />\n);\n\n// Static configuration object for static renderers\nconst staticMarkdownComponents = {\n h1: H1Renderer,\n h2: H2Renderer,\n h3: H3Renderer,\n h4: H4Renderer,\n h5: H5Renderer,\n h6: H6Renderer,\n strong: StrongRenderer,\n blockquote: BlockquoteRenderer,\n ul: UlRenderer,\n ol: OlRenderer,\n img: ImgRenderer,\n pre: PreRenderer,\n table: TableRenderer,\n th: Th,\n tr: Tr,\n td: Td,\n hr: Hr,\n Tabs: TabsRenderer,\n Tab: Tab.Item,\n Columns: ColumnsRenderer,\n Column: ColumnRenderer,\n iframe: Iframe,\n};\n\n// Factory function to create components with dynamic props\nconst createMarkdownComponents = (\n isDarkMode?: boolean,\n locale?: LocalesValues\n) => ({\n ...staticMarkdownComponents,\n code: createCodeRenderer(isDarkMode),\n a: createLinkRenderer(locale),\n});\n\n// Export static renderers for backward compatibility\nexport const baseMarkdownComponents = staticMarkdownComponents;\n\ntype MarkdownRendererProps = {\n children: string | ParsedMarkdown;\n isDarkMode?: boolean;\n locale?: LocalesValues;\n forceBlock?: boolean;\n preserveFrontmatter?: boolean;\n tagfilter?: boolean;\n components?: ComponentProps<typeof MarkdownRendererIntlayer>['components'];\n wrapper?: ComponentProps<typeof MarkdownRendererIntlayer>['wrapper'];\n};\n\nexport const getIntlayerMarkdownOptions = (_isDarkMode?: boolean) => ({\n components: baseMarkdownComponents,\n});\n\nexport const MarkdownRenderer: FC<MarkdownRendererProps> = ({\n children,\n isDarkMode = false,\n locale,\n forceBlock,\n preserveFrontmatter,\n tagfilter,\n components: componentsProp,\n wrapper,\n}) => {\n const markdownComponents = createMarkdownComponents(isDarkMode, locale);\n\n const markdownContent = renderMarkdown(children, {\n components: {\n ...markdownComponents,\n ...componentsProp,\n },\n wrapper,\n forceBlock,\n preserveFrontmatter,\n tagfilter,\n });\n\n return (\n <CodeProvider>\n <TabProvider>{markdownContent}</TabProvider>\n </CodeProvider>\n );\n};\n"],"mappings":"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"}
@@ -1,9 +1,3 @@
1
- import { clsx } from "clsx";
2
- import { twMerge } from "tailwind-merge";
1
+ import { cn } from "cnfast";
3
2
 
4
- //#region src/utils/cn.ts
5
- const cn = (...inputs) => twMerge(clsx(inputs));
6
-
7
- //#endregion
8
- export { cn };
9
- //# sourceMappingURL=cn.mjs.map
3
+ export { cn };
@@ -23,7 +23,7 @@ type BadgeSize = 'sm' | 'md' | 'lg';
23
23
  * @description Defines the styling variants for different badge combinations
24
24
  */
25
25
  declare const badgeVariants: (props?: {
26
- color?: "error" | "text" | "success" | "custom" | "primary" | "secondary" | "neutral" | "light" | "dark";
26
+ color?: "error" | "text" | "primary" | "secondary" | "neutral" | "success" | "custom" | "light" | "dark";
27
27
  variant?: "default" | "none" | "outline" | "hoverable";
28
28
  size?: "sm" | "md" | "lg";
29
29
  } & _$class_variance_authority_types0.ClassProp) => string;
@@ -25,9 +25,9 @@ type ButtonTextAlign = 'left' | 'center' | 'right';
25
25
  */
26
26
  declare const buttonVariants: (props?: {
27
27
  size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon-sm" | "icon-md" | "icon-lg" | "icon-xl" | "custom";
28
- color?: "error" | "text" | "success" | "custom" | "primary" | "secondary" | "neutral" | "card" | "light" | "dark" | "current" | "text-inverse";
28
+ color?: "error" | "text" | "primary" | "secondary" | "neutral" | "success" | "custom" | "card" | "light" | "dark" | "current" | "text-inverse";
29
29
  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "5xl" | "full";
30
- variant?: "default" | "input" | "none" | "outline" | "link" | "invisible-link" | "hoverable" | "fade";
30
+ variant?: "default" | "none" | "outline" | "link" | "invisible-link" | "hoverable" | "fade" | "input";
31
31
  textAlign?: "left" | "center" | "right";
32
32
  isFullWidth?: boolean;
33
33
  } & _$class_variance_authority_types0.ClassProp) => string;
@@ -5,8 +5,8 @@ import { VariantProps } from "class-variance-authority";
5
5
  //#region src/components/CollapsibleTable/CollapsibleTable.d.ts
6
6
  declare const collapsibleTableVariants: (props?: {
7
7
  size?: "sm" | "md" | "lg" | "xl" | "full";
8
- variant?: "default" | "dark" | "ghost" | "outlined";
9
- spacing?: "sm" | "md" | "lg" | "auto" | "none";
8
+ variant?: "default" | "ghost" | "dark" | "outlined";
9
+ spacing?: "sm" | "md" | "lg" | "none" | "auto";
10
10
  } & _$class_variance_authority_types0.ClassProp) => string;
11
11
  interface CollapsibleTableProps extends Omit<HTMLAttributes<HTMLElement>, 'title'>, VariantProps<typeof collapsibleTableVariants> {
12
12
  /** Table title displayed in the header */
@@ -28,7 +28,7 @@ declare const Command: {
28
28
  ref?: React.Ref<HTMLInputElement>;
29
29
  } & {
30
30
  asChild?: boolean;
31
- }, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "type" | "onChange" | "value"> & {
31
+ }, "key" | keyof _$react.InputHTMLAttributes<HTMLInputElement> | "asChild">, "onChange" | "type" | "value"> & {
32
32
  value?: string;
33
33
  onValueChange?: (search: string) => void;
34
34
  } & _$react.RefAttributes<HTMLInputElement>>;
@@ -11,9 +11,9 @@ declare const containerVariants: (props?: {
11
11
  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "4xl" | "full";
12
12
  transparency?: "xs" | "sm" | "md" | "lg" | "xl" | "none" | "full";
13
13
  padding?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
14
- separator?: "both" | "without" | "x" | "y";
14
+ separator?: "without" | "x" | "y" | "both";
15
15
  border?: "with" | "none";
16
- borderColor?: "error" | "text" | "success" | "primary" | "secondary" | "neutral" | "card" | "warning";
16
+ borderColor?: "error" | "text" | "primary" | "secondary" | "neutral" | "success" | "card" | "warning";
17
17
  background?: "with" | "none" | "hoverable";
18
18
  gap?: "sm" | "md" | "lg" | "xl" | "2xl" | "none";
19
19
  } & _$class_variance_authority_types0.ClassProp) => string;
@@ -1 +1 @@
1
- {"version":3,"file":"MarkdownWrapper.d.ts","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"mappings":";;;;;;KAQK,oBAAA,GAAuB,IAAA,CAAK,gBAAA;EAC/B,OAAA,EAAS,eAAA,CAAgB,WAAA;AAAA;AAAA,cAGd,eAAA,EAAiB,EAAA,CAAG,oBAAA"}
1
+ {"version":3,"file":"MarkdownWrapper.d.ts","names":[],"sources":["../../../../../src/components/DictionaryEditor/NodeWrapper/MarkdownWrapper.tsx"],"mappings":";;;;;;KAOK,oBAAA,GAAuB,IAAA,CAAK,gBAAA;EAC/B,OAAA,EAAS,eAAA,CAAgB,WAAA;AAAA;AAAA,cAGd,eAAA,EAAiB,EAAA,CAAG,oBAAA"}
@@ -7,10 +7,10 @@ declare const useDictionarySchema: (projectId: string) => z.ZodObject<{
7
7
  key: z.ZodDefault<z.ZodString>;
8
8
  projectIds: z.ZodDefault<z.ZodArray<z.ZodString>>;
9
9
  qualifierType: z.ZodDefault<z.ZodEnum<{
10
- item: "item";
11
10
  variant: "variant";
12
11
  none: "none";
13
12
  meta: "meta";
13
+ item: "item";
14
14
  }>>;
15
15
  item: z.ZodOptional<z.ZodCoercedNumber<unknown>>;
16
16
  variant: z.ZodOptional<z.ZodString>;
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
6
6
  declare const checkboxVariants: (props?: {
7
7
  variant?: "default";
8
8
  size?: "xs" | "sm" | "md" | "lg";
9
- color?: "error" | "text" | "success" | "custom" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse";
9
+ color?: "error" | "text" | "primary" | "secondary" | "neutral" | "success" | "custom" | "light" | "dark" | "text-inverse";
10
10
  validationStyleEnabled?: "disabled" | "enabled";
11
11
  } & _$class_variance_authority_types0.ClassProp) => string;
12
12
  type CheckboxSize = 'xs' | 'sm' | 'md' | 'lg';
@@ -6,7 +6,7 @@ import { VariantProps } from "class-variance-authority";
6
6
  declare const radioVariants: (props?: {
7
7
  variant?: "default";
8
8
  size?: "xs" | "sm" | "md" | "lg";
9
- color?: "error" | "text" | "success" | "custom" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse";
9
+ color?: "error" | "text" | "primary" | "secondary" | "neutral" | "success" | "custom" | "light" | "dark" | "text-inverse";
10
10
  validationStyleEnabled?: "disabled" | "enabled";
11
11
  } & _$class_variance_authority_types0.ClassProp) => string;
12
12
  type RadioSize = 'xs' | 'sm' | 'md' | 'lg';
@@ -15,7 +15,7 @@ type LinkUnderlined = 'default' | 'true' | 'false';
15
15
  declare const linkVariants: (props?: {
16
16
  variant?: "default" | "invisible-link" | "hoverable" | "button" | "button-outlined";
17
17
  roundedSize?: "sm" | "md" | "lg" | "xl" | "2xl" | "none" | "3xl" | "full";
18
- color?: "error" | "text" | "success" | "custom" | "primary" | "secondary" | "neutral" | "light" | "dark" | "text-inverse";
18
+ color?: "error" | "text" | "primary" | "secondary" | "neutral" | "success" | "custom" | "light" | "dark" | "text-inverse";
19
19
  size?: "sm" | "md" | "lg" | "xl" | "custom";
20
20
  underlined?: boolean | "default";
21
21
  } & _$class_variance_authority_types0.ClassProp) => string;
@@ -1 +1 @@
1
- {"version":3,"file":"MarkDownRender.d.ts","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"mappings":";;;;;;;;cA8Na,sBAAA;cAvMc,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;kBAGhB,cAAA,eAAwB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;KAmDpD,cAAA,mBAA4B,OAAA,CAAA,GAAA,CAAA,OAAA;;;;KAUc,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;KAUpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAe9D,cAAA,YAAqB,OAAA,CAAA,GAAA,CAAA,OAAA;eA6BI,cAAA,YAAqB,OAAA,CAAA,GAAA,CAAA,OAAA;iBACnB,cAAA,QAAsB,UAAA,MAAW,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;gBAIlC,cAAA,QAAsB,GAAA,MAAI,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;KAUpD,wBAAA,YAA+B,OAAA,CAAA,GAAA,CAAA,OAAA;;;;KAM/B,wBAAA,YAA+B,OAAA,CAAA,GAAA,CAAA,OAAA;kBAIX,cAAA,eAAwB,OAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,KA2C1C,qBAAA;EACH,QAAA,WAAmB,cAAA;EACnB,UAAA;EACA,MAAA,GAAS,aAAA;EACT,UAAA;EACA,mBAAA;EACA,SAAA;EACA,UAAA,GAAa,cAAA,QAAsB,kBAAA;EACnC,OAAA,GAAU,cAAA,QAAsB,kBAAA;AAAA;AAAA,cAGrB,0BAAA,GAA8B,WAAA;;gBApNhB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;oBAGhB,cAAA,eAAwB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;OAmDpD,cAAA,mBAA4B,OAAA,CAAA,GAAA,CAAA,OAAA;;;;OAUc,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;OAUpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;OAe9D,cAAA,YAAqB,OAAA,CAAA,GAAA,CAAA,OAAA;iBA6BI,cAAA,YAAqB,OAAA,CAAA,GAAA,CAAA,OAAA;mBACnB,cAAA,QAAsB,UAAA,MAAW,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;kBAIlC,cAAA,QAAsB,GAAA,MAAI,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;OAUpD,wBAAA,YAA+B,OAAA,CAAA,GAAA,CAAA,OAAA;;;;OAM/B,wBAAA,YAA+B,OAAA,CAAA,GAAA,CAAA,OAAA;oBAIX,cAAA,eAAwB,OAAA,CAAA,GAAA,CAAA,OAAA;EAAA;AAAA;AAAA,cA0DlC,gBAAA,EAAkB,EAAA,CAAG,qBAAA"}
1
+ {"version":3,"file":"MarkDownRender.d.ts","names":[],"sources":["../../../../src/components/MarkDownRender/MarkDownRender.tsx"],"mappings":";;;;;;;;cA6Na,sBAAA;cAvMc,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;cAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;kBAGhB,cAAA,eAAwB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;KAmDpD,cAAA,mBAA4B,OAAA,CAAA,GAAA,CAAA,OAAA;;;;KAUc,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;KAUpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAe9D,cAAA,YAAqB,OAAA,CAAA,GAAA,CAAA,OAAA;eA6BI,cAAA,YAAqB,OAAA,CAAA,GAAA,CAAA,OAAA;iBACnB,cAAA,QAAsB,UAAA,MAAW,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;gBAIlC,cAAA,QAAsB,GAAA,MAAI,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;KAUpD,wBAAA,YAA+B,OAAA,CAAA,GAAA,CAAA,OAAA;;;;KAM/B,wBAAA,YAA+B,OAAA,CAAA,GAAA,CAAA,OAAA;kBAIX,cAAA,eAAwB,OAAA,CAAA,GAAA,CAAA,OAAA;AAAA;AAAA,KA2C1C,qBAAA;EACH,QAAA,WAAmB,cAAA;EACnB,UAAA;EACA,MAAA,GAAS,aAAA;EACT,UAAA;EACA,mBAAA;EACA,SAAA;EACA,UAAA,GAAa,cAAA,QAAsB,kBAAA;EACnC,OAAA,GAAU,cAAA,QAAsB,kBAAA;AAAA;AAAA,cAGrB,0BAAA,GAA8B,WAAA;;gBApNhB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;gBAGpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;oBAGhB,cAAA,eAAwB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;OAmDpD,cAAA,mBAA4B,OAAA,CAAA,GAAA,CAAA,OAAA;;;;OAUc,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;OAUpB,cAAA,WAAoB,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;OAe9D,cAAA,YAAqB,OAAA,CAAA,GAAA,CAAA,OAAA;iBA6BI,cAAA,YAAqB,OAAA,CAAA,GAAA,CAAA,OAAA;mBACnB,cAAA,QAAsB,UAAA,MAAW,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;;;;;;;kBAIlC,cAAA,QAAsB,GAAA,MAAI,OAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;;;;OAUpD,wBAAA,YAA+B,OAAA,CAAA,GAAA,CAAA,OAAA;;;;OAM/B,wBAAA,YAA+B,OAAA,CAAA,GAAA,CAAA,OAAA;oBAIX,cAAA,eAAwB,OAAA,CAAA,GAAA,CAAA,OAAA;EAAA;AAAA;AAAA,cA0DlC,gBAAA,EAAkB,EAAA,CAAG,qBAAA"}
@@ -5,7 +5,7 @@ import { VariantProps } from "class-variance-authority";
5
5
 
6
6
  //#region src/components/SwitchSelector/VerticalSwitchSelector.d.ts
7
7
  declare const verticalSwitchSelectorVariant: (props?: {
8
- color?: "text" | "error" | "primary" | "secondary" | "neutral" | "light" | "dark";
8
+ color?: "text" | "primary" | "secondary" | "neutral" | "light" | "dark" | "error";
9
9
  disabled?: boolean;
10
10
  } & _$class_variance_authority_types0.ClassProp) => string;
11
11
  declare const verticalChoiceVariant: (props?: {
@@ -147,7 +147,7 @@ type TagBorder = 'none' | 'with';
147
147
  type TagBackground = 'none' | 'with';
148
148
  declare const containerVariants: (props?: {
149
149
  roundedSize?: "sm" | "md" | "lg" | "xl" | "none" | "full" | "xxl" | "xxxl";
150
- color?: "error" | "text" | "success" | "primary" | "neutral" | "warning" | "black" | "white";
150
+ color?: "error" | "text" | "primary" | "neutral" | "success" | "warning" | "black" | "white";
151
151
  size?: "xs" | "sm" | "md" | "lg" | "xl";
152
152
  border?: "with" | "none";
153
153
  background?: "with" | "none";
@@ -1,7 +1,2 @@
1
- import { ClassValue } from "clsx";
2
-
3
- //#region src/utils/cn.d.ts
4
- declare const cn: (...inputs: ClassValue[]) => string;
5
- //#endregion
6
- export { cn };
7
- //# sourceMappingURL=cn.d.ts.map
1
+ import { cn } from "cnfast";
2
+ export { cn };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@intlayer/design-system",
3
- "version": "9.0.0-canary.2",
3
+ "version": "9.0.0-canary.4",
4
4
  "private": false,
5
5
  "description": "Intlayer design system, including UI components used in the Intlayer editor, website, and visual editor/CMS.",
6
6
  "keywords": [
@@ -440,15 +440,15 @@
440
440
  "typecheck_": "tsc --noEmit --project tsconfig.types.json"
441
441
  },
442
442
  "dependencies": {
443
- "@better-auth/passkey": "1.6.19",
444
- "@better-auth/sso": "1.6.19",
445
- "@intlayer/api": "9.0.0-canary.2",
446
- "@intlayer/chokidar": "9.0.0-canary.2",
447
- "@intlayer/config": "9.0.0-canary.2",
448
- "@intlayer/core": "9.0.0-canary.2",
449
- "@intlayer/dictionaries-entry": "9.0.0-canary.2",
450
- "@intlayer/editor-react": "9.0.0-canary.2",
451
- "@intlayer/types": "9.0.0-canary.2",
443
+ "@better-auth/passkey": "1.6.20",
444
+ "@better-auth/sso": "1.6.20",
445
+ "@intlayer/api": "9.0.0-canary.4",
446
+ "@intlayer/chokidar": "9.0.0-canary.4",
447
+ "@intlayer/config": "9.0.0-canary.4",
448
+ "@intlayer/core": "9.0.0-canary.4",
449
+ "@intlayer/dictionaries-entry": "9.0.0-canary.4",
450
+ "@intlayer/editor-react": "9.0.0-canary.4",
451
+ "@intlayer/types": "9.0.0-canary.4",
452
452
  "@radix-ui/react-dialog": "1.1.17",
453
453
  "@radix-ui/react-select": "2.3.1",
454
454
  "@radix-ui/react-slot": "1.3.0",
@@ -474,13 +474,14 @@
474
474
  "@tiptap/react": "3.26.1",
475
475
  "@tiptap/starter-kit": "3.26.1",
476
476
  "@tiptap/suggestion": "3.26.1",
477
- "better-auth": "1.6.19",
477
+ "better-auth": "1.6.20",
478
478
  "class-variance-authority": "0.7.1",
479
479
  "cmdk": "1.1.1",
480
+ "cnfast": "^0.0.8",
480
481
  "defu": "6.1.7",
481
482
  "dompurify": "3.4.10",
482
483
  "isomorphic-dompurify": "3.17.0",
483
- "react-intlayer": "9.0.0-canary.2",
484
+ "react-intlayer": "9.0.0-canary.4",
484
485
  "react-moveable": "^0.56.0",
485
486
  "rollup-preserve-directives": "1.1.3",
486
487
  "tippy.js": "^6.3.7",
@@ -491,7 +492,7 @@
491
492
  "zod": "4.4.3"
492
493
  },
493
494
  "devDependencies": {
494
- "@intlayer/backend": "9.0.0-canary.2",
495
+ "@intlayer/backend": "9.0.0-canary.4",
495
496
  "@shikijs/transformers": "4.2.0",
496
497
  "@storybook/addon-a11y": "8.6.14",
497
498
  "@storybook/addon-essentials": "8.6.14",
@@ -515,41 +516,39 @@
515
516
  "@testing-library/user-event": "14.6.1",
516
517
  "@types/dompurify": "3.2.0",
517
518
  "@types/espree": "11.1.0",
518
- "@types/node": "25.9.3",
519
+ "@types/node": "25.9.4",
519
520
  "@types/react": "19.2.17",
520
521
  "@types/react-dom": "19.2.3",
521
522
  "@utils/ts-config": "1.0.4",
522
523
  "@utils/ts-config-types": "1.0.4",
523
- "clsx": "2.1.1",
524
524
  "fast-glob": "3.3.3",
525
- "intlayer": "9.0.0-canary.2",
525
+ "intlayer": "9.0.0-canary.4",
526
526
  "rimraf": "6.1.3",
527
527
  "shiki": "4.2.0",
528
528
  "storybook": "8.6.17",
529
- "tailwind-merge": "3.6.0",
530
529
  "tsdown": "0.21.10",
531
530
  "typescript": "6.0.3",
532
- "vite": "8.0.16",
533
- "vite-intlayer": "9.0.0-canary.2",
531
+ "vite": "8.1.0",
532
+ "vite-intlayer": "9.0.0-canary.4",
534
533
  "vite-plugin-dts": "5.0.2",
535
534
  "vitest": "4.1.9"
536
535
  },
537
536
  "peerDependencies": {
538
537
  "@better-fetch/fetch": "1.3.1",
539
538
  "@hookform/resolvers": "5.4.0",
540
- "@intlayer/backend": "9.0.0-canary.2",
539
+ "@intlayer/backend": "9.0.0-canary.4",
541
540
  "@monaco-editor/react": "4.7.0",
542
541
  "@shikijs/transformers": "4.2.0",
543
- "@tanstack/react-query": "5.101.0",
544
- "@tanstack/react-query-devtools": "5.101.0",
545
- "framer-motion": "12.40.0",
542
+ "@tanstack/react-query": "5.101.1",
543
+ "@tanstack/react-query-devtools": "5.101.1",
544
+ "framer-motion": "12.41.0",
546
545
  "fuse.js": "7.4.2",
547
- "intlayer": "9.0.0-canary.2",
548
- "lucide-react": "1.20.0",
546
+ "intlayer": "9.0.0-canary.4",
547
+ "lucide-react": "1.21.0",
549
548
  "react": ">=16.0.0",
550
549
  "react-dom": ">=16.0.0",
551
550
  "react-hook-form": "7.79.0",
552
- "react-intlayer": "9.0.0-canary.2",
551
+ "react-intlayer": "9.0.0-canary.4",
553
552
  "shiki": "4.2.0",
554
553
  "tailwindcss": "4.3.1"
555
554
  },
@@ -1 +0,0 @@
1
- {"version":3,"file":"cn.mjs","names":[],"sources":["../../../src/utils/cn.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport const cn = (...inputs: ClassValue[]) => twMerge(clsx(inputs));\n"],"mappings":";;;;AAGA,MAAa,MAAM,GAAG,WAAyB,QAAQ,KAAK,OAAO,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"cn.d.ts","names":[],"sources":["../../../src/utils/cn.ts"],"mappings":";;;cAGa,EAAA,MAAS,MAAA,EAAQ,UAAA"}