@lobehub/ui 5.20.2 → 5.21.0

package/es/Checkbox/index.d.mts

@@ -1,7 +1,6 @@
 import { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps } from "./type.mjs";
-import { CheckboxGroup } from "./CheckboxGroup.mjs";
+import CheckboxGroup from "./CheckboxGroup.mjs";
 import { ReactNode, RefAttributes } from "react";
-
 //#region src/Checkbox/index.d.ts
 interface ICheckbox {
   (props: CheckboxProps & RefAttributes<HTMLDivElement>): ReactNode;
@@ -9,5 +8,5 @@ interface ICheckbox {
 }
 declare const Checkbox: ICheckbox;
 //#endregion
-export { CheckboxGroup, CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, Checkbox as default };
+export { CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, Checkbox as default };
 //# sourceMappingURL=index.d.mts.map

package/es/Checkbox/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Checkbox/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    checked: css`\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgLayout};\n      background-color: ${cssVar.colorPrimary};\n    `,\n    disabled: css`\n      cursor: not-allowed;\n\n      border-color: ${cssVar.colorFill};\n\n      color: ${cssVar.colorText};\n\n      opacity: 0.25;\n      background-color: ${cssVar.colorFill};\n    `,\n    indeterminate: css`\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgLayout};\n      background-color: ${cssVar.colorPrimary};\n    `,\n    root: css`\n      cursor: pointer;\n      display: inline-flex;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GAAG;sBACM,OAAO,aAAa;eAC3B,OAAO,cAAc;0BACV,OAAO,aAAa;;EAE1C,UAAU,GAAG;;;sBAGK,OAAO,UAAU;;eAExB,OAAO,UAAU;;;0BAGN,OAAO,UAAU;;EAEvC,eAAe,GAAG;sBACA,OAAO,aAAa;eAC3B,OAAO,cAAc;0BACV,OAAO,aAAa;;EAE1C,MAAM,GAAG;;;;EAIV;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Checkbox/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    checked: css`\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgLayout};\n      background-color: ${cssVar.colorPrimary};\n    `,\n    disabled: css`\n      cursor: not-allowed;\n\n      border-color: ${cssVar.colorFill};\n\n      color: ${cssVar.colorText};\n\n      opacity: 0.25;\n      background-color: ${cssVar.colorFill};\n    `,\n    indeterminate: css`\n      border-color: ${cssVar.colorPrimary};\n      color: ${cssVar.colorBgLayout};\n      background-color: ${cssVar.colorPrimary};\n    `,\n    root: css`\n      cursor: pointer;\n      display: inline-flex;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,SAAS,GAAG;sBACM,OAAO,aAAa;eAC3B,OAAO,cAAc;0BACV,OAAO,aAAa;;EAE1C,UAAU,GAAG;;;sBAGK,OAAO,UAAU;;eAExB,OAAO,UAAU;;;0BAGN,OAAO,UAAU;;EAEvC,eAAe,GAAG;sBACA,OAAO,aAAa;eAC3B,OAAO,cAAc;0BACV,OAAO,aAAa;;EAE1C,MAAM,GAAG;;;;CAIX;AACF,CAAC"}

package/es/Checkbox/type.d.mts

@@ -1,8 +1,9 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { DivProps } from "../types/index.mjs";
 import { TextProps } from "../Text/type.mjs";
+import "../Text/index.mjs";
 import { CSSProperties, ReactNode } from "react";
-
 //#region src/Checkbox/type.d.ts
 interface CheckboxProps extends Omit<DivProps, 'onChange'> {
   backgroundColor?: string;

package/es/CodeDiff/CodeDiff.d.mts

@@ -1,8 +1,6 @@
 import { CodeDiffProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/CodeDiff/CodeDiff.d.ts
-declare const CodeDiff: _$react.NamedExoticComponent<CodeDiffProps>;
+declare const CodeDiff: import("react").NamedExoticComponent<CodeDiffProps>;
 //#endregion
-export { CodeDiff };
+export { CodeDiff, CodeDiff as default };
 //# sourceMappingURL=CodeDiff.d.mts.map

package/es/CodeDiff/CodeDiff.mjs

@@ -90,6 +90,6 @@ const CodeDiff = memo(({ oldContent, newContent, language, fileName, viewMode =
 });
 CodeDiff.displayName = "CodeDiff";
 //#endregion
-export { CodeDiff as default };
+export { CodeDiff, CodeDiff as default };
 
 //# sourceMappingURL=CodeDiff.mjs.map

package/es/CodeDiff/CodeDiff.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeDiff.mjs","names":[],"sources":["../../src/CodeDiff/CodeDiff.tsx"],"sourcesContent":["'use client';\n\nimport type { FileDiffOptions } from '@pierre/diffs';\nimport { MultiFileDiff } from '@pierre/diffs/react';\nimport { useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { DiffPanel } from './DiffPanel';\nimport { getLobeDiffOptions, registerLobeDiffThemes } from './theme';\nimport type { CodeDiffProps } from './type';\n\nregisterLobeDiffThemes();\n\nconst countContentChanges = (\n  oldContent: string,\n  newContent: string,\n): { additions: number; deletions: number } => {\n  const oldLines = oldContent.split('\\n');\n  const newLines = newContent.split('\\n');\n\n  const oldSet = new Set(oldLines);\n  const newSet = new Set(newLines);\n\n  let deletions = 0;\n  let additions = 0;\n\n  for (const line of oldLines) {\n    if (!newSet.has(line)) {\n      deletions++;\n    }\n  }\n\n  for (const line of newLines) {\n    if (!oldSet.has(line)) {\n      additions++;\n    }\n  }\n\n  return { additions, deletions };\n};\n\nexport const CodeDiff = memo<CodeDiffProps>(\n  ({\n    oldContent,\n    newContent,\n    language,\n    fileName,\n    viewMode = 'split',\n    showHeader = true,\n    defaultExpand = true,\n    fullFeatured = true,\n    variant = 'filled',\n    className,\n    classNames,\n    styles: customStyles,\n    actionsRender,\n    diffOptions,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      if (language) return language;\n      return 'diff';\n    }, [fileName, language]);\n\n    const { additions, deletions } = useMemo(\n      () => countContentChanges(oldContent, newContent),\n      [oldContent, newContent],\n    );\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return null;\n      return actionsRender({\n        newContent,\n        oldContent,\n        originalNode: null,\n      });\n    }, [actionsRender, oldContent, newContent]);\n\n    const oldFile = useMemo(\n      () => ({\n        contents: oldContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [oldContent, language, fileName],\n    );\n\n    const newFile = useMemo(\n      () => ({\n        contents: newContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [newContent, language, fileName],\n    );\n\n    const options = useMemo<FileDiffOptions<string>>(\n      () => getLobeDiffOptions({ diffOptions, isDarkMode, viewMode }),\n      [isDarkMode, viewMode, diffOptions],\n    );\n\n    return (\n      <DiffPanel\n        actions={actions}\n        additions={additions}\n        body={<MultiFileDiff newFile={newFile} oldFile={oldFile} options={options} />}\n        className={className}\n        classNames={classNames}\n        dataCodeType=\"code-diff\"\n        defaultExpand={defaultExpand}\n        deletions={deletions}\n        displayName={displayName}\n        fileName={fileName}\n        fullFeatured={fullFeatured}\n        showHeader={showHeader}\n        styles={customStyles}\n        variant={variant}\n        {...rest}\n      />\n    );\n  },\n);\n\nCodeDiff.displayName = 'CodeDiff';\n\nexport default CodeDiff;\n"],"mappings":";;;;;;;;AAWA,wBAAwB;AAExB,MAAM,uBACJ,YACA,eAC6C;CAC7C,MAAM,WAAW,WAAW,MAAM,KAAK;CACvC,MAAM,WAAW,WAAW,MAAM,KAAK;CAEvC,MAAM,SAAS,IAAI,IAAI,SAAS;CAChC,MAAM,SAAS,IAAI,IAAI,SAAS;CAEhC,IAAI,YAAY;CAChB,IAAI,YAAY;AAEhB,MAAK,MAAM,QAAQ,SACjB,KAAI,CAAC,OAAO,IAAI,KAAK,CACnB;AAIJ,MAAK,MAAM,QAAQ,SACjB,KAAI,CAAC,OAAO,IAAI,KAAK,CACnB;AAIJ,QAAO;EAAE;EAAW;EAAW;;AAGjC,MAAa,WAAW,MACrB,EACC,YACA,YACA,UACA,UACA,WAAW,SACX,aAAa,MACb,gBAAgB,MAChB,eAAe,MACf,UAAU,UACV,WACA,YACA,QAAQ,cACR,eACA,aACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,cAAc,cAAc;AAChC,MAAI,SAAU,QAAO;AACrB,MAAI,SAAU,QAAO;AACrB,SAAO;IACN,CAAC,UAAU,SAAS,CAAC;CAExB,MAAM,EAAE,WAAW,cAAc,cACzB,oBAAoB,YAAY,WAAW,EACjD,CAAC,YAAY,WAAW,CACzB;CAED,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,cAAe,QAAO;AAC3B,SAAO,cAAc;GACnB;GACA;GACA,cAAc;GACf,CAAC;IACD;EAAC;EAAe;EAAY;EAAW,CAAC;CAE3C,MAAM,UAAU,eACP;EACL,UAAU;EACV,MAAM;EACN,MAAM,YAAY;EACnB,GACD;EAAC;EAAY;EAAU;EAAS,CACjC;AAgBD,QACE,oBAAC,WAAD;EACW;EACE;EACX,MAAM,oBAAC,eAAD;GAAe,SAlBT,eACP;IACL,UAAU;IACV,MAAM;IACN,MAAM,YAAY;IACnB,GACD;IAAC;IAAY;IAAU;IAAS,CAYO;GAAW;GAAS,SAT7C,cACR,mBAAmB;IAAE;IAAa;IAAY;IAAU,CAAC,EAC/D;IAAC;IAAY;IAAU;IAAY,CAOwC;GAAI,CAAA;EAClE;EACC;EACZ,cAAa;EACE;EACJ;EACE;EACH;EACI;EACF;EACZ,QAAQ;EACC;EACT,GAAI;EACJ,CAAA;EAGP;AAED,SAAS,cAAc"}
+{"version":3,"file":"CodeDiff.mjs","names":[],"sources":["../../src/CodeDiff/CodeDiff.tsx"],"sourcesContent":["'use client';\n\nimport type { FileDiffOptions } from '@pierre/diffs';\nimport { MultiFileDiff } from '@pierre/diffs/react';\nimport { useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { DiffPanel } from './DiffPanel';\nimport { getLobeDiffOptions, registerLobeDiffThemes } from './theme';\nimport type { CodeDiffProps } from './type';\n\nregisterLobeDiffThemes();\n\nconst countContentChanges = (\n  oldContent: string,\n  newContent: string,\n): { additions: number; deletions: number } => {\n  const oldLines = oldContent.split('\\n');\n  const newLines = newContent.split('\\n');\n\n  const oldSet = new Set(oldLines);\n  const newSet = new Set(newLines);\n\n  let deletions = 0;\n  let additions = 0;\n\n  for (const line of oldLines) {\n    if (!newSet.has(line)) {\n      deletions++;\n    }\n  }\n\n  for (const line of newLines) {\n    if (!oldSet.has(line)) {\n      additions++;\n    }\n  }\n\n  return { additions, deletions };\n};\n\nexport const CodeDiff = memo<CodeDiffProps>(\n  ({\n    oldContent,\n    newContent,\n    language,\n    fileName,\n    viewMode = 'split',\n    showHeader = true,\n    defaultExpand = true,\n    fullFeatured = true,\n    variant = 'filled',\n    className,\n    classNames,\n    styles: customStyles,\n    actionsRender,\n    diffOptions,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      if (language) return language;\n      return 'diff';\n    }, [fileName, language]);\n\n    const { additions, deletions } = useMemo(\n      () => countContentChanges(oldContent, newContent),\n      [oldContent, newContent],\n    );\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return null;\n      return actionsRender({\n        newContent,\n        oldContent,\n        originalNode: null,\n      });\n    }, [actionsRender, oldContent, newContent]);\n\n    const oldFile = useMemo(\n      () => ({\n        contents: oldContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [oldContent, language, fileName],\n    );\n\n    const newFile = useMemo(\n      () => ({\n        contents: newContent,\n        lang: language as any,\n        name: fileName || 'file',\n      }),\n      [newContent, language, fileName],\n    );\n\n    const options = useMemo<FileDiffOptions<string>>(\n      () => getLobeDiffOptions({ diffOptions, isDarkMode, viewMode }),\n      [isDarkMode, viewMode, diffOptions],\n    );\n\n    return (\n      <DiffPanel\n        actions={actions}\n        additions={additions}\n        body={<MultiFileDiff newFile={newFile} oldFile={oldFile} options={options} />}\n        className={className}\n        classNames={classNames}\n        dataCodeType=\"code-diff\"\n        defaultExpand={defaultExpand}\n        deletions={deletions}\n        displayName={displayName}\n        fileName={fileName}\n        fullFeatured={fullFeatured}\n        showHeader={showHeader}\n        styles={customStyles}\n        variant={variant}\n        {...rest}\n      />\n    );\n  },\n);\n\nCodeDiff.displayName = 'CodeDiff';\n\nexport default CodeDiff;\n"],"mappings":";;;;;;;;AAWA,uBAAuB;AAEvB,MAAM,uBACJ,YACA,eAC6C;CAC7C,MAAM,WAAW,WAAW,MAAM,IAAI;CACtC,MAAM,WAAW,WAAW,MAAM,IAAI;CAEtC,MAAM,SAAS,IAAI,IAAI,QAAQ;CAC/B,MAAM,SAAS,IAAI,IAAI,QAAQ;CAE/B,IAAI,YAAY;CAChB,IAAI,YAAY;CAEhB,KAAK,MAAM,QAAQ,UACjB,IAAI,CAAC,OAAO,IAAI,IAAI,GAClB;CAIJ,KAAK,MAAM,QAAQ,UACjB,IAAI,CAAC,OAAO,IAAI,IAAI,GAClB;CAIJ,OAAO;EAAE;EAAW;CAAU;AAChC;AAEA,MAAa,WAAW,MACrB,EACC,YACA,YACA,UACA,UACA,WAAW,SACX,aAAa,MACb,gBAAgB,MAChB,eAAe,MACf,UAAU,UACV,WACA,YACA,QAAQ,cACR,eACA,aACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,cAAc,cAAc;EAChC,IAAI,UAAU,OAAO;EACrB,IAAI,UAAU,OAAO;EACrB,OAAO;CACT,GAAG,CAAC,UAAU,QAAQ,CAAC;CAEvB,MAAM,EAAE,WAAW,cAAc,cACzB,oBAAoB,YAAY,UAAU,GAChD,CAAC,YAAY,UAAU,CACzB;CAEA,MAAM,UAAU,cAAc;EAC5B,IAAI,CAAC,eAAe,OAAO;EAC3B,OAAO,cAAc;GACnB;GACA;GACA,cAAc;EAChB,CAAC;CACH,GAAG;EAAC;EAAe;EAAY;CAAU,CAAC;CAE1C,MAAM,UAAU,eACP;EACL,UAAU;EACV,MAAM;EACN,MAAM,YAAY;CACpB,IACA;EAAC;EAAY;EAAU;CAAQ,CACjC;CAgBA,OACE,oBAAC,WAAD;EACW;EACE;EACX,MAAM,oBAAC,eAAD;GAAe,SAlBT,eACP;IACL,UAAU;IACV,MAAM;IACN,MAAM,YAAY;GACpB,IACA;IAAC;IAAY;IAAU;GAAQ,CAYO;GAAY;GAAS,SAT7C,cACR,mBAAmB;IAAE;IAAa;IAAY;GAAS,CAAC,GAC9D;IAAC;IAAY;IAAU;GAAW,CAOwC;EAAI,CAAA;EACjE;EACC;EACZ,cAAa;EACE;EACJ;EACE;EACH;EACI;EACF;EACZ,QAAQ;EACC;EACT,GAAI;CACL,CAAA;AAEL,CACF;AAEA,SAAS,cAAc"}

package/es/CodeDiff/DiffPanel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DiffPanel.mjs","names":["Flexbox"],"sources":["../../src/CodeDiff/DiffPanel.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { memo, useCallback, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport type { FlexboxProps } from '@/Flex';\nimport { Flexbox } from '@/Flex';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Tag from '@/Tag';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport { bodyVariants, headerVariants, prefix, styles, variants } from './style';\n\ninterface DiffPanelProps extends Omit<FlexboxProps, 'children'> {\n  actions?: ReactNode;\n  additions: number;\n  body: ReactNode;\n  classNames?: {\n    body?: string;\n    header?: string;\n  };\n  dataCodeType: string;\n  defaultExpand?: boolean;\n  deletions: number;\n  displayName: string;\n  fileName?: string;\n  fullFeatured?: boolean;\n  showHeader?: boolean;\n  styles?: {\n    body?: CSSProperties;\n    header?: CSSProperties;\n  };\n  variant?: 'filled' | 'outlined' | 'borderless';\n}\n\nexport const DiffPanel = memo<DiffPanelProps>(\n  ({\n    actions,\n    body,\n    className,\n    classNames,\n    dataCodeType,\n    defaultExpand = true,\n    deletions,\n    displayName,\n    fileName,\n    fullFeatured = true,\n    showHeader = true,\n    styles: customStyles,\n    variant = 'filled',\n    additions,\n    ...rest\n  }) => {\n    const [expand, setExpand] = useState(defaultExpand);\n\n    const handleToggleExpand = useCallback(() => {\n      setExpand((prev) => !prev);\n    }, []);\n\n    if (!fullFeatured)\n      return (\n        <Flexbox\n          className={cx(variants({ variant }), className)}\n          data-code-type={dataCodeType}\n          {...rest}\n        >\n          <Flexbox horizontal align=\"center\" className={styles.actionsCompact} flex=\"none\" gap={4}>\n            {actions}\n          </Flexbox>\n          {showHeader && <Tag className={styles.lang}>{displayName}</Tag>}\n          <div className={cx(styles.body, classNames?.body)} style={customStyles?.body}>\n            {body}\n          </div>\n        </Flexbox>\n      );\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className)}\n        data-code-type={dataCodeType}\n        {...rest}\n      >\n        {showHeader && (\n          <Flexbox\n            horizontal\n            align=\"center\"\n            className={cx(headerVariants({ variant }), classNames?.header)}\n            justify=\"space-between\"\n            style={customStyles?.header}\n            onClick={handleToggleExpand}\n          >\n            <Flexbox\n              horizontal\n              align=\"center\"\n              className=\"language-title\"\n              flex={1}\n              gap={4}\n              justify=\"flex-start\"\n              paddingInline={8}\n            >\n              <MaterialFileTypeIcon\n                fallbackUnknownType={false}\n                filename={fileName || displayName}\n                size={18}\n                type=\"file\"\n                variant=\"raw\"\n              />\n              <Text ellipsis fontSize={13}>\n                {displayName}\n              </Text>\n            </Flexbox>\n            <Flexbox horizontal align=\"center\" flex=\"none\" gap={8} onClick={stopPropagation}>\n              {actions && (\n                <Flexbox\n                  horizontal\n                  align=\"center\"\n                  className={cx('panel-actions', `${prefix}-actions`, styles.actions)}\n                  flex=\"none\"\n                  gap={4}\n                >\n                  {actions}\n                </Flexbox>\n              )}\n              {(deletions > 0 || additions > 0) && (\n                <Flexbox horizontal className={styles.stats} gap={8}>\n                  {deletions > 0 && <span className={styles.deletions}>-{deletions}</span>}\n                  {additions > 0 && <span className={styles.additions}>+{additions}</span>}\n                </Flexbox>\n              )}\n              <ActionIcon\n                icon={expand ? ChevronDown : ChevronRight}\n                size=\"small\"\n                onClick={handleToggleExpand}\n              />\n            </Flexbox>\n          </Flexbox>\n        )}\n        <div\n          className={cx(bodyVariants({ expand }), `${prefix}-body`, styles.body, classNames?.body)}\n          style={customStyles?.body}\n        >\n          {body}\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nDiffPanel.displayName = 'DiffPanel';\n"],"mappings":";;;;;;;;;;;;;AAuCA,MAAa,YAAY,MACtB,EACC,SACA,MACA,WACA,YACA,cACA,gBAAgB,MAChB,WACA,aACA,UACA,eAAe,MACf,aAAa,MACb,QAAQ,cACR,UAAU,UACV,WACA,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,cAAc;CAEnD,MAAM,qBAAqB,kBAAkB;AAC3C,aAAW,SAAS,CAAC,KAAK;IACzB,EAAE,CAAC;AAEN,KAAI,CAAC,aACH,QACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;EAC/C,kBAAgB;EAChB,GAAI;YAHN;GAKE,oBAACA,mBAAD;IAAS,YAAA;IAAW,OAAM;IAAS,WAAW,OAAO;IAAgB,MAAK;IAAO,KAAK;cACnF;IACO,CAAA;GACT,cAAc,oBAAC,KAAD;IAAK,WAAW,OAAO;cAAO;IAAkB,CAAA;GAC/D,oBAAC,OAAD;IAAK,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;IAAE,OAAO,cAAc;cACrE;IACG,CAAA;GACE;;AAGd,QACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;EAC/C,kBAAgB;EAChB,GAAI;YAHN,CAKG,cACC,qBAACA,mBAAD;GACE,YAAA;GACA,OAAM;GACN,WAAW,GAAG,eAAe,EAAE,SAAS,CAAC,EAAE,YAAY,OAAO;GAC9D,SAAQ;GACR,OAAO,cAAc;GACrB,SAAS;aANX,CAQE,qBAACA,mBAAD;IACE,YAAA;IACA,OAAM;IACN,WAAU;IACV,MAAM;IACN,KAAK;IACL,SAAQ;IACR,eAAe;cAPjB,CASE,oBAAC,sBAAD;KACE,qBAAqB;KACrB,UAAU,YAAY;KACtB,MAAM;KACN,MAAK;KACL,SAAQ;KACR,CAAA,EACF,oBAAC,MAAD;KAAM,UAAA;KAAS,UAAU;eACtB;KACI,CAAA,CACC;OACV,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAM;IAAS,MAAK;IAAO,KAAK;IAAG,SAAS;cAAhE;KACG,WACC,oBAACA,mBAAD;MACE,YAAA;MACA,OAAM;MACN,WAAW,GAAG,iBAAiB,0BAAqB,OAAO,QAAQ;MACnE,MAAK;MACL,KAAK;gBAEJ;MACO,CAAA;MAEV,YAAY,KAAK,YAAY,MAC7B,qBAACA,mBAAD;MAAS,YAAA;MAAW,WAAW,OAAO;MAAO,KAAK;gBAAlD,CACG,YAAY,KAAK,qBAAC,QAAD;OAAM,WAAW,OAAO;iBAAxB,CAAmC,KAAE,UAAiB;UACvE,YAAY,KAAK,qBAAC,QAAD;OAAM,WAAW,OAAO;iBAAxB,CAAmC,KAAE,UAAiB;SAChE;;KAEZ,oBAAC,YAAD;MACE,MAAM,SAAS,cAAc;MAC7B,MAAK;MACL,SAAS;MACT,CAAA;KACM;MACF;MAEZ,oBAAC,OAAD;GACE,WAAW,GAAG,aAAa,EAAE,QAAQ,CAAC,EAAE,GAAG,OAAO,QAAQ,OAAO,MAAM,YAAY,KAAK;GACxF,OAAO,cAAc;aAEpB;GACG,CAAA,CACE;;EAGf;AAED,UAAU,cAAc"}
+{"version":3,"file":"DiffPanel.mjs","names":["Flexbox"],"sources":["../../src/CodeDiff/DiffPanel.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { ChevronDown, ChevronRight } from 'lucide-react';\nimport type { CSSProperties, ReactNode } from 'react';\nimport { memo, useCallback, useState } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport type { FlexboxProps } from '@/Flex';\nimport { Flexbox } from '@/Flex';\nimport MaterialFileTypeIcon from '@/MaterialFileTypeIcon';\nimport Tag from '@/Tag';\nimport Text from '@/Text';\nimport { stopPropagation } from '@/utils/dom';\n\nimport { bodyVariants, headerVariants, prefix, styles, variants } from './style';\n\ninterface DiffPanelProps extends Omit<FlexboxProps, 'children'> {\n  actions?: ReactNode;\n  additions: number;\n  body: ReactNode;\n  classNames?: {\n    body?: string;\n    header?: string;\n  };\n  dataCodeType: string;\n  defaultExpand?: boolean;\n  deletions: number;\n  displayName: string;\n  fileName?: string;\n  fullFeatured?: boolean;\n  showHeader?: boolean;\n  styles?: {\n    body?: CSSProperties;\n    header?: CSSProperties;\n  };\n  variant?: 'filled' | 'outlined' | 'borderless';\n}\n\nexport const DiffPanel = memo<DiffPanelProps>(\n  ({\n    actions,\n    body,\n    className,\n    classNames,\n    dataCodeType,\n    defaultExpand = true,\n    deletions,\n    displayName,\n    fileName,\n    fullFeatured = true,\n    showHeader = true,\n    styles: customStyles,\n    variant = 'filled',\n    additions,\n    ...rest\n  }) => {\n    const [expand, setExpand] = useState(defaultExpand);\n\n    const handleToggleExpand = useCallback(() => {\n      setExpand((prev) => !prev);\n    }, []);\n\n    if (!fullFeatured)\n      return (\n        <Flexbox\n          className={cx(variants({ variant }), className)}\n          data-code-type={dataCodeType}\n          {...rest}\n        >\n          <Flexbox horizontal align=\"center\" className={styles.actionsCompact} flex=\"none\" gap={4}>\n            {actions}\n          </Flexbox>\n          {showHeader && <Tag className={styles.lang}>{displayName}</Tag>}\n          <div className={cx(styles.body, classNames?.body)} style={customStyles?.body}>\n            {body}\n          </div>\n        </Flexbox>\n      );\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className)}\n        data-code-type={dataCodeType}\n        {...rest}\n      >\n        {showHeader && (\n          <Flexbox\n            horizontal\n            align=\"center\"\n            className={cx(headerVariants({ variant }), classNames?.header)}\n            justify=\"space-between\"\n            style={customStyles?.header}\n            onClick={handleToggleExpand}\n          >\n            <Flexbox\n              horizontal\n              align=\"center\"\n              className=\"language-title\"\n              flex={1}\n              gap={4}\n              justify=\"flex-start\"\n              paddingInline={8}\n            >\n              <MaterialFileTypeIcon\n                fallbackUnknownType={false}\n                filename={fileName || displayName}\n                size={18}\n                type=\"file\"\n                variant=\"raw\"\n              />\n              <Text ellipsis fontSize={13}>\n                {displayName}\n              </Text>\n            </Flexbox>\n            <Flexbox horizontal align=\"center\" flex=\"none\" gap={8} onClick={stopPropagation}>\n              {actions && (\n                <Flexbox\n                  horizontal\n                  align=\"center\"\n                  className={cx('panel-actions', `${prefix}-actions`, styles.actions)}\n                  flex=\"none\"\n                  gap={4}\n                >\n                  {actions}\n                </Flexbox>\n              )}\n              {(deletions > 0 || additions > 0) && (\n                <Flexbox horizontal className={styles.stats} gap={8}>\n                  {deletions > 0 && <span className={styles.deletions}>-{deletions}</span>}\n                  {additions > 0 && <span className={styles.additions}>+{additions}</span>}\n                </Flexbox>\n              )}\n              <ActionIcon\n                icon={expand ? ChevronDown : ChevronRight}\n                size=\"small\"\n                onClick={handleToggleExpand}\n              />\n            </Flexbox>\n          </Flexbox>\n        )}\n        <div\n          className={cx(bodyVariants({ expand }), `${prefix}-body`, styles.body, classNames?.body)}\n          style={customStyles?.body}\n        >\n          {body}\n        </div>\n      </Flexbox>\n    );\n  },\n);\n\nDiffPanel.displayName = 'DiffPanel';\n"],"mappings":";;;;;;;;;;;;;AAuCA,MAAa,YAAY,MACtB,EACC,SACA,MACA,WACA,YACA,cACA,gBAAgB,MAChB,WACA,aACA,UACA,eAAe,MACf,aAAa,MACb,QAAQ,cACR,UAAU,UACV,WACA,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAa,SAAS,aAAa;CAElD,MAAM,qBAAqB,kBAAkB;EAC3C,WAAW,SAAS,CAAC,IAAI;CAC3B,GAAG,CAAC,CAAC;CAEL,IAAI,CAAC,cACH,OACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,QAAQ,CAAC,GAAG,SAAS;EAC9C,kBAAgB;EAChB,GAAI;YAHN;GAKE,oBAACA,mBAAD;IAAS,YAAA;IAAW,OAAM;IAAS,WAAW,OAAO;IAAgB,MAAK;IAAO,KAAK;cACnF;GACM,CAAA;GACR,cAAc,oBAAC,KAAD;IAAK,WAAW,OAAO;cAAO;GAAiB,CAAA;GAC9D,oBAAC,OAAD;IAAK,WAAW,GAAG,OAAO,MAAM,YAAY,IAAI;IAAG,OAAO,cAAc;cACrE;GACE,CAAA;EACE;;CAGb,OACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,QAAQ,CAAC,GAAG,SAAS;EAC9C,kBAAgB;EAChB,GAAI;YAHN,CAKG,cACC,qBAACA,mBAAD;GACE,YAAA;GACA,OAAM;GACN,WAAW,GAAG,eAAe,EAAE,QAAQ,CAAC,GAAG,YAAY,MAAM;GAC7D,SAAQ;GACR,OAAO,cAAc;GACrB,SAAS;aANX,CAQE,qBAACA,mBAAD;IACE,YAAA;IACA,OAAM;IACN,WAAU;IACV,MAAM;IACN,KAAK;IACL,SAAQ;IACR,eAAe;cAPjB,CASE,oBAAC,sBAAD;KACE,qBAAqB;KACrB,UAAU,YAAY;KACtB,MAAM;KACN,MAAK;KACL,SAAQ;IACT,CAAA,GACD,oBAAC,MAAD;KAAM,UAAA;KAAS,UAAU;eACtB;IACG,CAAA,CACC;OACT,qBAACA,mBAAD;IAAS,YAAA;IAAW,OAAM;IAAS,MAAK;IAAO,KAAK;IAAG,SAAS;cAAhE;KACG,WACC,oBAACA,mBAAD;MACE,YAAA;MACA,OAAM;MACN,WAAW,GAAG,iBAAiB,0BAAqB,OAAO,OAAO;MAClE,MAAK;MACL,KAAK;gBAEJ;KACM,CAAA;MAET,YAAY,KAAK,YAAY,MAC7B,qBAACA,mBAAD;MAAS,YAAA;MAAW,WAAW,OAAO;MAAO,KAAK;gBAAlD,CACG,YAAY,KAAK,qBAAC,QAAD;OAAM,WAAW,OAAO;iBAAxB,CAAmC,KAAE,SAAgB;UACtE,YAAY,KAAK,qBAAC,QAAD;OAAM,WAAW,OAAO;iBAAxB,CAAmC,KAAE,SAAgB;QAChE;;KAEX,oBAAC,YAAD;MACE,MAAM,SAAS,cAAc;MAC7B,MAAK;MACL,SAAS;KACV,CAAA;IACM;KACF;MAEX,oBAAC,OAAD;GACE,WAAW,GAAG,aAAa,EAAE,OAAO,CAAC,GAAG,GAAG,OAAO,QAAQ,OAAO,MAAM,YAAY,IAAI;GACvF,OAAO,cAAc;aAEpB;EACE,CAAA,CACE;;AAEb,CACF;AAEA,UAAU,cAAc"}

package/es/CodeDiff/PatchDiff.d.mts

@@ -1,8 +1,6 @@
 import { PatchDiffProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/CodeDiff/PatchDiff.d.ts
-declare const PatchDiff: _$react.NamedExoticComponent<PatchDiffProps>;
+declare const PatchDiff: import("react").NamedExoticComponent<PatchDiffProps>;
 //#endregion
-export { PatchDiff };
+export { PatchDiff, PatchDiff as default };
 //# sourceMappingURL=PatchDiff.d.mts.map

package/es/CodeDiff/PatchDiff.mjs

@@ -69,6 +69,6 @@ const PatchDiff$1 = memo(({ patch, language, fileName, viewMode = "split", showH
 });
 PatchDiff$1.displayName = "PatchDiff";
 //#endregion
-export { PatchDiff$1 as default };
+export { PatchDiff$1 as PatchDiff, PatchDiff$1 as default };
 
 //# sourceMappingURL=PatchDiff.mjs.map

package/es/CodeDiff/PatchDiff.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PatchDiff.mjs","names":["PatchDiff","PierrePatchDiff"],"sources":["../../src/CodeDiff/PatchDiff.tsx"],"sourcesContent":["'use client';\n\nimport type { FileDiffOptions } from '@pierre/diffs';\nimport { PatchDiff as PierrePatchDiff } from '@pierre/diffs/react';\nimport { useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { DiffPanel } from './DiffPanel';\nimport { getLobeDiffOptions, registerLobeDiffThemes } from './theme';\nimport type { PatchDiffProps } from './type';\n\nregisterLobeDiffThemes();\n\nconst countPatchChanges = (patch: string): { additions: number; deletions: number } => {\n  const lines = patch.split('\\n');\n  let additions = 0;\n  let deletions = 0;\n\n  for (const line of lines) {\n    if (line.startsWith('+') && !line.startsWith('+++')) {\n      additions++;\n    } else if (line.startsWith('-') && !line.startsWith('---')) {\n      deletions++;\n    }\n  }\n\n  return { additions, deletions };\n};\n\nexport const PatchDiff = memo<PatchDiffProps>(\n  ({\n    patch,\n    language,\n    fileName,\n    viewMode = 'split',\n    showHeader = true,\n    defaultExpand = true,\n    fullFeatured = true,\n    variant = 'filled',\n    className,\n    classNames,\n    styles: customStyles,\n    actionsRender,\n    diffOptions,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      // Try to extract filename from patch header\n      const match = patch.match(/^(?:-{3}|\\+{3})\\s+(?:a\\/|b\\/)?(.+?)(?:\\t|$)/m);\n      if (match?.[1]) return match[1];\n      if (language) return language;\n      return 'patch';\n    }, [fileName, patch, language]);\n\n    const { additions, deletions } = useMemo(() => countPatchChanges(patch), [patch]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return null;\n      return actionsRender({\n        originalNode: null,\n        patch,\n      });\n    }, [actionsRender, patch]);\n\n    const options = useMemo<FileDiffOptions<string>>(\n      () => getLobeDiffOptions({ diffOptions, isDarkMode, viewMode }),\n      [isDarkMode, viewMode, diffOptions],\n    );\n\n    return (\n      <DiffPanel\n        actions={actions}\n        additions={additions}\n        body={<PierrePatchDiff options={options} patch={patch} />}\n        className={className}\n        classNames={classNames}\n        dataCodeType=\"patch-diff\"\n        defaultExpand={defaultExpand}\n        deletions={deletions}\n        displayName={displayName}\n        fileName={fileName}\n        fullFeatured={fullFeatured}\n        showHeader={showHeader}\n        styles={customStyles}\n        variant={variant}\n        {...rest}\n      />\n    );\n  },\n);\n\nPatchDiff.displayName = 'PatchDiff';\n\nexport default PatchDiff;\n"],"mappings":";;;;;;;;AAWA,wBAAwB;AAExB,MAAM,qBAAqB,UAA4D;CACrF,MAAM,QAAQ,MAAM,MAAM,KAAK;CAC/B,IAAI,YAAY;CAChB,IAAI,YAAY;AAEhB,MAAK,MAAM,QAAQ,MACjB,KAAI,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,WAAW,MAAM,CACjD;UACS,KAAK,WAAW,IAAI,IAAI,CAAC,KAAK,WAAW,MAAM,CACxD;AAIJ,QAAO;EAAE;EAAW;EAAW;;AAGjC,MAAaA,cAAY,MACtB,EACC,OACA,UACA,UACA,WAAW,SACX,aAAa,MACb,gBAAgB,MAChB,eAAe,MACf,UAAU,UACV,WACA,YACA,QAAQ,cACR,eACA,aACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,cAAc,cAAc;AAChC,MAAI,SAAU,QAAO;EAErB,MAAM,QAAQ,MAAM,MAAM,+CAA+C;AACzE,MAAI,QAAQ,GAAI,QAAO,MAAM;AAC7B,MAAI,SAAU,QAAO;AACrB,SAAO;IACN;EAAC;EAAU;EAAO;EAAS,CAAC;CAE/B,MAAM,EAAE,WAAW,cAAc,cAAc,kBAAkB,MAAM,EAAE,CAAC,MAAM,CAAC;AAejF,QACE,oBAAC,WAAD;EACE,SAfY,cAAc;AAC5B,OAAI,CAAC,cAAe,QAAO;AAC3B,UAAO,cAAc;IACnB,cAAc;IACd;IACD,CAAC;KACD,CAAC,eAAe,MAAM,CASL;EACL;EACX,MAAM,oBAACC,WAAD;GAAiB,SATX,cACR,mBAAmB;IAAE;IAAa;IAAY;IAAU,CAAC,EAC/D;IAAC;IAAY;IAAU;IAAY,CAOM;GAAS;GAAS,CAAA;EAC9C;EACC;EACZ,cAAa;EACE;EACJ;EACE;EACH;EACI;EACF;EACZ,QAAQ;EACC;EACT,GAAI;EACJ,CAAA;EAGP;AAED,YAAU,cAAc"}
+{"version":3,"file":"PatchDiff.mjs","names":["PatchDiff","PierrePatchDiff"],"sources":["../../src/CodeDiff/PatchDiff.tsx"],"sourcesContent":["'use client';\n\nimport type { FileDiffOptions } from '@pierre/diffs';\nimport { PatchDiff as PierrePatchDiff } from '@pierre/diffs/react';\nimport { useThemeMode } from 'antd-style';\nimport { memo, useMemo } from 'react';\n\nimport { DiffPanel } from './DiffPanel';\nimport { getLobeDiffOptions, registerLobeDiffThemes } from './theme';\nimport type { PatchDiffProps } from './type';\n\nregisterLobeDiffThemes();\n\nconst countPatchChanges = (patch: string): { additions: number; deletions: number } => {\n  const lines = patch.split('\\n');\n  let additions = 0;\n  let deletions = 0;\n\n  for (const line of lines) {\n    if (line.startsWith('+') && !line.startsWith('+++')) {\n      additions++;\n    } else if (line.startsWith('-') && !line.startsWith('---')) {\n      deletions++;\n    }\n  }\n\n  return { additions, deletions };\n};\n\nexport const PatchDiff = memo<PatchDiffProps>(\n  ({\n    patch,\n    language,\n    fileName,\n    viewMode = 'split',\n    showHeader = true,\n    defaultExpand = true,\n    fullFeatured = true,\n    variant = 'filled',\n    className,\n    classNames,\n    styles: customStyles,\n    actionsRender,\n    diffOptions,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const displayName = useMemo(() => {\n      if (fileName) return fileName;\n      // Try to extract filename from patch header\n      const match = patch.match(/^(?:-{3}|\\+{3})\\s+(?:a\\/|b\\/)?(.+?)(?:\\t|$)/m);\n      if (match?.[1]) return match[1];\n      if (language) return language;\n      return 'patch';\n    }, [fileName, patch, language]);\n\n    const { additions, deletions } = useMemo(() => countPatchChanges(patch), [patch]);\n\n    const actions = useMemo(() => {\n      if (!actionsRender) return null;\n      return actionsRender({\n        originalNode: null,\n        patch,\n      });\n    }, [actionsRender, patch]);\n\n    const options = useMemo<FileDiffOptions<string>>(\n      () => getLobeDiffOptions({ diffOptions, isDarkMode, viewMode }),\n      [isDarkMode, viewMode, diffOptions],\n    );\n\n    return (\n      <DiffPanel\n        actions={actions}\n        additions={additions}\n        body={<PierrePatchDiff options={options} patch={patch} />}\n        className={className}\n        classNames={classNames}\n        dataCodeType=\"patch-diff\"\n        defaultExpand={defaultExpand}\n        deletions={deletions}\n        displayName={displayName}\n        fileName={fileName}\n        fullFeatured={fullFeatured}\n        showHeader={showHeader}\n        styles={customStyles}\n        variant={variant}\n        {...rest}\n      />\n    );\n  },\n);\n\nPatchDiff.displayName = 'PatchDiff';\n\nexport default PatchDiff;\n"],"mappings":";;;;;;;;AAWA,uBAAuB;AAEvB,MAAM,qBAAqB,UAA4D;CACrF,MAAM,QAAQ,MAAM,MAAM,IAAI;CAC9B,IAAI,YAAY;CAChB,IAAI,YAAY;CAEhB,KAAK,MAAM,QAAQ,OACjB,IAAI,KAAK,WAAW,GAAG,KAAK,CAAC,KAAK,WAAW,KAAK,GAChD;MACK,IAAI,KAAK,WAAW,GAAG,KAAK,CAAC,KAAK,WAAW,KAAK,GACvD;CAIJ,OAAO;EAAE;EAAW;CAAU;AAChC;AAEA,MAAaA,cAAY,MACtB,EACC,OACA,UACA,UACA,WAAW,SACX,aAAa,MACb,gBAAgB,MAChB,eAAe,MACf,UAAU,UACV,WACA,YACA,QAAQ,cACR,eACA,aACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,cAAc,cAAc;EAChC,IAAI,UAAU,OAAO;EAErB,MAAM,QAAQ,MAAM,MAAM,8CAA8C;EACxE,IAAI,QAAQ,IAAI,OAAO,MAAM;EAC7B,IAAI,UAAU,OAAO;EACrB,OAAO;CACT,GAAG;EAAC;EAAU;EAAO;CAAQ,CAAC;CAE9B,MAAM,EAAE,WAAW,cAAc,cAAc,kBAAkB,KAAK,GAAG,CAAC,KAAK,CAAC;CAehF,OACE,oBAAC,WAAD;EACE,SAfY,cAAc;GAC5B,IAAI,CAAC,eAAe,OAAO;GAC3B,OAAO,cAAc;IACnB,cAAc;IACd;GACF,CAAC;EACH,GAAG,CAAC,eAAe,KAAK,CASL;EACJ;EACX,MAAM,oBAACC,WAAD;GAAiB,SATX,cACR,mBAAmB;IAAE;IAAa;IAAY;GAAS,CAAC,GAC9D;IAAC;IAAY;IAAU;GAAW,CAOM;GAAU;EAAQ,CAAA;EAC7C;EACC;EACZ,cAAa;EACE;EACJ;EACE;EACH;EACI;EACF;EACZ,QAAQ;EACC;EACT,GAAI;CACL,CAAA;AAEL,CACF;AAEA,YAAU,cAAc"}

package/es/CodeDiff/index.d.mts

@@ -1,4 +1,4 @@
 import { CodeDiffProps, DiffViewMode, PatchDiffProps } from "./type.mjs";
 import { CodeDiff } from "./CodeDiff.mjs";
 import { PatchDiff } from "./PatchDiff.mjs";
-export { CodeDiff, CodeDiffProps, DiffViewMode, PatchDiff, PatchDiffProps };
+export { CodeDiff, type CodeDiffProps, type DiffViewMode, PatchDiff, type PatchDiffProps };

package/es/CodeDiff/index.mjs

@@ -1,3 +1,3 @@
-import CodeDiff from "./CodeDiff.mjs";
-import PatchDiff from "./PatchDiff.mjs";
+import { CodeDiff } from "./CodeDiff.mjs";
+import { PatchDiff } from "./PatchDiff.mjs";
 export { CodeDiff, PatchDiff };

package/es/CodeDiff/style.mjs

@@ -167,6 +167,6 @@ const bodyVariants = cva(styles.bodyRoot, {
 	} }
 });
 //#endregion
-export { bodyVariants, headerVariants, prefix, styles, variants };
+export { bodyVariants, compactActionsCls, compactLangCls, headerVariants, prefix, styles, variants };
 
 //# sourceMappingURL=style.mjs.map

package/es/CodeDiff/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/CodeDiff/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const prefix = 'lobe-code-diff';\nexport const compactActionsCls = `${prefix}-actions-compact`;\nexport const compactLangCls = `${prefix}-lang`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: css`\n      opacity: 0;\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\n    `,\n    actionsCompact: cx(\n      compactActionsCls,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-start: 8px;\n        inset-inline-end: 8px;\n\n        opacity: 0;\n\n        transition: opacity 0.2s ${cssVar.motionEaseInOut};\n      `,\n    ),\n    additions: css`\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n      color: ${cssVar.colorSuccess};\n    `,\n    body: css`\n      overflow: auto;\n\n      width: 100%;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      line-height: 1.6;\n    `,\n    bodyCollapsed: css`\n      height: 0;\n      opacity: 0;\n    `,\n    bodyRoot: css`\n      overflow: hidden;\n      transition: opacity 0.25s ${cssVar.motionEaseOut};\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    deletions: css`\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n      color: ${cssVar.colorError};\n    `,\n    filled: cx(\n      lobeStaticStylish.variantFilledWithoutHover,\n      css`\n        background: ${cssVar.colorFillQuaternary};\n      `,\n    ),\n    header: css`\n      cursor: pointer;\n\n      position: relative;\n\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      padding: 4px;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      color: ${cssVar.colorTextSecondary};\n    `,\n    headerBorderless: css`\n      padding-inline: 0;\n    `,\n    headerFilled: css`\n      background: transparent;\n    `,\n    headerOutlined: css`\n      & + .${prefix}-body {\n        border-block-start: 1px solid ${cssVar.colorFillQuaternary};\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    lang: cx(\n      compactLangCls,\n      lobeStaticStylish.blur,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 8px;\n\n        font-family: ${cssVar.fontFamilyCode};\n        color: ${cssVar.colorTextSecondary};\n\n        opacity: 0;\n        background: ${cssVar.colorFillQuaternary};\n\n        transition: opacity 0.1s;\n      `,\n    ),\n    root: cx(\n      prefix,\n      css`\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ${cssVar.borderRadius};\n\n        transition: background-color 100ms ${cssVar.motionEaseOut};\n\n        .language-title {\n          opacity: 0.5;\n          filter: grayscale(100%);\n          transition:\n            opacity,\n            grayscale 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        .panel-actions {\n          opacity: 0;\n          transition: opacity 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        &:hover {\n          .language-title {\n            opacity: 1;\n            filter: grayscale(0%);\n          }\n\n          .panel-actions {\n            opacity: 1;\n          }\n\n          .${compactActionsCls} {\n            opacity: 1;\n          }\n\n          .${compactLangCls} {\n            opacity: 1;\n          }\n        }\n      `,\n    ),\n    stats: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n\nexport const headerVariants = cva(styles.header, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: cx(styles.headerFilled, styles.headerOutlined),\n      outlined: styles.headerOutlined,\n      borderless: styles.headerBorderless,\n    },\n  },\n});\n\nexport const bodyVariants = cva(styles.bodyRoot, {\n  defaultVariants: {\n    expand: true,\n  },\n  variants: {\n    expand: {\n      false: styles.bodyCollapsed,\n      true: null,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS;AACtB,MAAa,oBAAoB,GAAG,OAAO;AAC3C,MAAa,iBAAiB,GAAG,OAAO;AAExC,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,SAAS,GAAG;;iCAEiB,OAAO,gBAAgB;;EAEpD,gBAAgB,GACd,mBACA,GAAG;;;;;;;;mCAQ0B,OAAO,gBAAgB;QAErD;EACD,WAAW,GAAG;qBACG,OAAO,eAAe;;eAE5B,OAAO,aAAa;;EAE/B,MAAM,GAAG;;;;;qBAKQ,OAAO,eAAe;;;;EAIvC,eAAe,GAAG;;;;EAIlB,UAAU,GAAG;;kCAEiB,OAAO,cAAc;;EAEnD,YAAYA,cAAkB;EAC9B,WAAW,GAAG;qBACG,OAAO,eAAe;;eAE5B,OAAO,WAAW;;EAE7B,QAAQ,GACNA,cAAkB,2BAClB,GAAG;sBACa,OAAO,oBAAoB;QAE5C;EACD,QAAQ,GAAG;;;;;;;;;;;;qBAYM,OAAO,eAAe;;eAE5B,OAAO,mBAAmB;;EAErC,kBAAkB,GAAG;;;EAGrB,cAAc,GAAG;;;EAGjB,gBAAgB,GAAG;aACV,OAAO;wCACoB,OAAO,oBAAoB;;;EAG/D,UAAUA,cAAkB;EAC5B,MAAM,GACJ,gBACAA,cAAkB,MAClB,GAAG;;;;;;uBAMc,OAAO,eAAe;iBAC5B,OAAO,mBAAmB;;;sBAGrB,OAAO,oBAAoB;;;QAI5C;EACD,MAAM,GACJ,QACA,GAAG;;;;;;yBAMgB,OAAO,aAAa;;6CAEA,OAAO,cAAc;;;;;;;6BAOrC,OAAO,gBAAgB;;;;;qCAKf,OAAO,gBAAgB;;;;;;;;;;;;;aAa/C,kBAAkB;;;;aAIlB,eAAe;;;;QAKvB;EACD,OAAO,GAAG;;;;;EAKX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC;AAEF,MAAa,iBAAiB,IAAI,OAAO,QAAQ;CAC/C,iBAAiB,EACf,SAAS,UACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,GAAG,OAAO,cAAc,OAAO,eAAe;EACtD,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC;AAEF,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,iBAAiB,EACf,QAAQ,MACT;CACD,UAAU,EACR,QAAQ;EACN,OAAO,OAAO;EACd,MAAM;EACP,EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/CodeDiff/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const prefix = 'lobe-code-diff';\nexport const compactActionsCls = `${prefix}-actions-compact`;\nexport const compactLangCls = `${prefix}-lang`;\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    actions: css`\n      opacity: 0;\n      transition: opacity 0.2s ${cssVar.motionEaseInOut};\n    `,\n    actionsCompact: cx(\n      compactActionsCls,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-start: 8px;\n        inset-inline-end: 8px;\n\n        opacity: 0;\n\n        transition: opacity 0.2s ${cssVar.motionEaseInOut};\n      `,\n    ),\n    additions: css`\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n      color: ${cssVar.colorSuccess};\n    `,\n    body: css`\n      overflow: auto;\n\n      width: 100%;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      line-height: 1.6;\n    `,\n    bodyCollapsed: css`\n      height: 0;\n      opacity: 0;\n    `,\n    bodyRoot: css`\n      overflow: hidden;\n      transition: opacity 0.25s ${cssVar.motionEaseOut};\n    `,\n    borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n    deletions: css`\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 12px;\n      color: ${cssVar.colorError};\n    `,\n    filled: cx(\n      lobeStaticStylish.variantFilledWithoutHover,\n      css`\n        background: ${cssVar.colorFillQuaternary};\n      `,\n    ),\n    header: css`\n      cursor: pointer;\n\n      position: relative;\n\n      display: flex;\n      gap: 8px;\n      align-items: center;\n      justify-content: space-between;\n\n      padding: 4px;\n\n      font-family: ${cssVar.fontFamilyCode};\n      font-size: 13px;\n      color: ${cssVar.colorTextSecondary};\n    `,\n    headerBorderless: css`\n      padding-inline: 0;\n    `,\n    headerFilled: css`\n      background: transparent;\n    `,\n    headerOutlined: css`\n      & + .${prefix}-body {\n        border-block-start: 1px solid ${cssVar.colorFillQuaternary};\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    lang: cx(\n      compactLangCls,\n      lobeStaticStylish.blur,\n      css`\n        position: absolute;\n        z-index: 2;\n        inset-block-end: 8px;\n        inset-inline-end: 8px;\n\n        font-family: ${cssVar.fontFamilyCode};\n        color: ${cssVar.colorTextSecondary};\n\n        opacity: 0;\n        background: ${cssVar.colorFillQuaternary};\n\n        transition: opacity 0.1s;\n      `,\n    ),\n    root: cx(\n      prefix,\n      css`\n        position: relative;\n\n        overflow: hidden;\n\n        width: 100%;\n        border-radius: ${cssVar.borderRadius};\n\n        transition: background-color 100ms ${cssVar.motionEaseOut};\n\n        .language-title {\n          opacity: 0.5;\n          filter: grayscale(100%);\n          transition:\n            opacity,\n            grayscale 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        .panel-actions {\n          opacity: 0;\n          transition: opacity 0.2s ${cssVar.motionEaseInOut};\n        }\n\n        &:hover {\n          .language-title {\n            opacity: 1;\n            filter: grayscale(0%);\n          }\n\n          .panel-actions {\n            opacity: 1;\n          }\n\n          .${compactActionsCls} {\n            opacity: 1;\n          }\n\n          .${compactLangCls} {\n            opacity: 1;\n          }\n        }\n      `,\n    ),\n    stats: css`\n      display: flex;\n      gap: 8px;\n      align-items: center;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n\nexport const headerVariants = cva(styles.header, {\n  defaultVariants: {\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: cx(styles.headerFilled, styles.headerOutlined),\n      outlined: styles.headerOutlined,\n      borderless: styles.headerBorderless,\n    },\n  },\n});\n\nexport const bodyVariants = cva(styles.bodyRoot, {\n  defaultVariants: {\n    expand: true,\n  },\n  variants: {\n    expand: {\n      false: styles.bodyCollapsed,\n      true: null,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS;AACtB,MAAa,oBAAoB,GAAG,OAAO;AAC3C,MAAa,iBAAiB,GAAG,OAAO;AAExC,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,SAAS,GAAG;;iCAEiB,OAAO,gBAAgB;;EAEpD,gBAAgB,GACd,mBACA,GAAG;;;;;;;;mCAQ0B,OAAO,gBAAgB;OAEtD;EACA,WAAW,GAAG;qBACG,OAAO,eAAe;;eAE5B,OAAO,aAAa;;EAE/B,MAAM,GAAG;;;;;qBAKQ,OAAO,eAAe;;;;EAIvC,eAAe,GAAG;;;;EAIlB,UAAU,GAAG;;kCAEiB,OAAO,cAAc;;EAEnD,YAAYA,cAAkB;EAC9B,WAAW,GAAG;qBACG,OAAO,eAAe;;eAE5B,OAAO,WAAW;;EAE7B,QAAQ,GACNA,cAAkB,2BAClB,GAAG;sBACa,OAAO,oBAAoB;OAE7C;EACA,QAAQ,GAAG;;;;;;;;;;;;qBAYM,OAAO,eAAe;;eAE5B,OAAO,mBAAmB;;EAErC,kBAAkB,GAAG;;;EAGrB,cAAc,GAAG;;;EAGjB,gBAAgB,GAAG;aACV,OAAO;wCACoB,OAAO,oBAAoB;;;EAG/D,UAAUA,cAAkB;EAC5B,MAAM,GACJ,gBACAA,cAAkB,MAClB,GAAG;;;;;;uBAMc,OAAO,eAAe;iBAC5B,OAAO,mBAAmB;;;sBAGrB,OAAO,oBAAoB;;;OAI7C;EACA,MAAM,GACJ,QACA,GAAG;;;;;;yBAMgB,OAAO,aAAa;;6CAEA,OAAO,cAAc;;;;;;;6BAOrC,OAAO,gBAAgB;;;;;qCAKf,OAAO,gBAAgB;;;;;;;;;;;;;aAa/C,kBAAkB;;;;aAIlB,eAAe;;;;OAKxB;EACA,OAAO,GAAG;;;;;CAKZ;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,SACX;CAEA,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;CACrB,EACF;AACF,CAAC;AAED,MAAa,iBAAiB,IAAI,OAAO,QAAQ;CAC/C,iBAAiB,EACf,SAAS,SACX;CAEA,UAAU,EACR,SAAS;EACP,QAAQ,GAAG,OAAO,cAAc,OAAO,cAAc;EACrD,UAAU,OAAO;EACjB,YAAY,OAAO;CACrB,EACF;AACF,CAAC;AAED,MAAa,eAAe,IAAI,OAAO,UAAU;CAC/C,iBAAiB,EACf,QAAQ,KACV;CACA,UAAU,EACR,QAAQ;EACN,OAAO,OAAO;EACd,MAAM;CACR,EACF;AACF,CAAC"}

package/es/CodeDiff/theme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"theme.mjs","names":["lobeTheme"],"sources":["../../src/CodeDiff/theme.ts"],"sourcesContent":["import type { FileDiffOptions } from '@pierre/diffs';\nimport { registerCustomTheme, resolveTheme } from '@pierre/diffs';\nimport { cssVar } from 'antd-style';\n\nimport lobeTheme from '@/Highlighter/theme/lobe-theme';\n\nimport type { DiffViewMode } from './type';\n\nlet isLobeDiffThemeRegistered = false;\n\nexport const registerLobeDiffThemes = () => {\n  if (isLobeDiffThemeRegistered) return;\n\n  registerCustomTheme('lobe-theme', () => Promise.resolve(lobeTheme as any));\n  void resolveTheme('lobe-theme');\n\n  isLobeDiffThemeRegistered = true;\n};\n\nconst customSeparatorCSS = `\n  :host {\n    --diffs-dark-bg: transparent !important;\n    --diffs-light-bg: transparent !important;\n    --diffs-gap-fallback: 8px;\n    --diffs-added-light: ${cssVar.colorSuccessHover};\n    --diffs-added-dark: ${cssVar.colorSuccessBorderHover};\n    --diffs-modified-light: ${cssVar.colorInfoHover};\n    --diffs-modified-dark: ${cssVar.colorInfoBorderHover};\n    --diffs-deleted-light: ${cssVar.colorErrorHover};\n    --diffs-deleted-dark: ${cssVar.colorErrorBorderHover};\n  }\n\n  [data-gutter-buffer] {\n    opacity: 0.2 !important;\n  }\n\n  [data-code] {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n  [data-gutter] {\n    backdrop-filter: blur(16px) !important;\n  }\n`;\n\nexport const getLobeDiffOptions = ({\n  diffOptions,\n  isDarkMode,\n  viewMode,\n}: {\n  diffOptions?: FileDiffOptions<string>;\n  isDarkMode: boolean;\n  viewMode: DiffViewMode;\n}): FileDiffOptions<string> => ({\n  theme: {\n    dark: 'lobe-theme',\n    light: 'lobe-theme',\n  },\n  themeType: isDarkMode ? 'dark' : 'light',\n  diffStyle: viewMode,\n  disableFileHeader: true,\n  unsafeCSS: customSeparatorCSS,\n  ...diffOptions,\n});\n"],"mappings":";;;;AAQA,IAAI,4BAA4B;AAEhC,MAAa,+BAA+B;AAC1C,KAAI,0BAA2B;AAE/B,qBAAoB,oBAAoB,QAAQ,QAAQA,mBAAiB,CAAC;AACrE,cAAa,aAAa;AAE/B,6BAA4B;;AAG9B,MAAM,qBAAqB;;;;;2BAKA,OAAO,kBAAkB;0BAC1B,OAAO,wBAAwB;8BAC3B,OAAO,eAAe;6BACvB,OAAO,qBAAqB;6BAC5B,OAAO,gBAAgB;4BACxB,OAAO,sBAAsB;;;;;;;;;;;;;;;;AAiBzD,MAAa,sBAAsB,EACjC,aACA,YACA,gBAK8B;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;EACR;CACD,WAAW,aAAa,SAAS;CACjC,WAAW;CACX,mBAAmB;CACnB,WAAW;CACX,GAAG;CACJ"}
+{"version":3,"file":"theme.mjs","names":["lobeTheme"],"sources":["../../src/CodeDiff/theme.ts"],"sourcesContent":["import type { FileDiffOptions } from '@pierre/diffs';\nimport { registerCustomTheme, resolveTheme } from '@pierre/diffs';\nimport { cssVar } from 'antd-style';\n\nimport lobeTheme from '@/Highlighter/theme/lobe-theme';\n\nimport type { DiffViewMode } from './type';\n\nlet isLobeDiffThemeRegistered = false;\n\nexport const registerLobeDiffThemes = () => {\n  if (isLobeDiffThemeRegistered) return;\n\n  registerCustomTheme('lobe-theme', () => Promise.resolve(lobeTheme as any));\n  void resolveTheme('lobe-theme');\n\n  isLobeDiffThemeRegistered = true;\n};\n\nconst customSeparatorCSS = `\n  :host {\n    --diffs-dark-bg: transparent !important;\n    --diffs-light-bg: transparent !important;\n    --diffs-gap-fallback: 8px;\n    --diffs-added-light: ${cssVar.colorSuccessHover};\n    --diffs-added-dark: ${cssVar.colorSuccessBorderHover};\n    --diffs-modified-light: ${cssVar.colorInfoHover};\n    --diffs-modified-dark: ${cssVar.colorInfoBorderHover};\n    --diffs-deleted-light: ${cssVar.colorErrorHover};\n    --diffs-deleted-dark: ${cssVar.colorErrorBorderHover};\n  }\n\n  [data-gutter-buffer] {\n    opacity: 0.2 !important;\n  }\n\n  [data-code] {\n    padding-top: 0 !important;\n    padding-bottom: 0 !important;\n  }\n\n  [data-gutter] {\n    backdrop-filter: blur(16px) !important;\n  }\n`;\n\nexport const getLobeDiffOptions = ({\n  diffOptions,\n  isDarkMode,\n  viewMode,\n}: {\n  diffOptions?: FileDiffOptions<string>;\n  isDarkMode: boolean;\n  viewMode: DiffViewMode;\n}): FileDiffOptions<string> => ({\n  theme: {\n    dark: 'lobe-theme',\n    light: 'lobe-theme',\n  },\n  themeType: isDarkMode ? 'dark' : 'light',\n  diffStyle: viewMode,\n  disableFileHeader: true,\n  unsafeCSS: customSeparatorCSS,\n  ...diffOptions,\n});\n"],"mappings":";;;;AAQA,IAAI,4BAA4B;AAEhC,MAAa,+BAA+B;CAC1C,IAAI,2BAA2B;CAE/B,oBAAoB,oBAAoB,QAAQ,QAAQA,kBAAgB,CAAC;CACzE,aAAkB,YAAY;CAE9B,4BAA4B;AAC9B;AAEA,MAAM,qBAAqB;;;;;2BAKA,OAAO,kBAAkB;0BAC1B,OAAO,wBAAwB;8BAC3B,OAAO,eAAe;6BACvB,OAAO,qBAAqB;6BAC5B,OAAO,gBAAgB;4BACxB,OAAO,sBAAsB;;;;;;;;;;;;;;;;AAiBzD,MAAa,sBAAsB,EACjC,aACA,YACA,gBAK8B;CAC9B,OAAO;EACL,MAAM;EACN,OAAO;CACT;CACA,WAAW,aAAa,SAAS;CACjC,WAAW;CACX,mBAAmB;CACnB,WAAW;CACX,GAAG;AACL"}

package/es/CodeDiff/type.d.mts

@@ -1,7 +1,7 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { CSSProperties, ReactNode } from "react";
 import { FileDiffOptions } from "@pierre/diffs";
-
 //#region src/CodeDiff/type.d.ts
 type DiffViewMode = 'split' | 'unified';
 interface CodeDiffProps extends Omit<FlexboxProps, 'children'> {

package/es/CodeEditor/CodeEditor.d.mts

@@ -1,8 +1,6 @@
 import { CodeEditorProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/CodeEditor/CodeEditor.d.ts
-declare const CodeEditor: _$react.NamedExoticComponent<CodeEditorProps>;
+declare const CodeEditor: import("react").NamedExoticComponent<CodeEditorProps>;
 //#endregion
-export { CodeEditor };
+export { CodeEditor as default };
 //# sourceMappingURL=CodeEditor.d.mts.map

package/es/CodeEditor/CodeEditor.mjs

@@ -5,10 +5,10 @@ import SyntaxHighlighter from "../Highlighter/SyntaxHighlighter/index.mjs";
 import { memo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cssVar, cx } from "antd-style";
-import useControlledState from "use-merge-value";
+import useMergeState from "use-merge-value";
 //#region src/CodeEditor/CodeEditor.tsx
 const CodeEditor = memo(({ autoFocus, classNames, styles: customStyles, defaultValue = "", onChange, placeholder = "", style, className, onValueChange, value, language = "markdown", variant = "borderless", width, height, flex, ref, ...rest }) => {
-	const [code, setCode] = useControlledState(defaultValue, {
+	const [code, setCode] = useMergeState(defaultValue, {
 		defaultValue,
 		onChange: onValueChange,
 		value

package/es/CodeEditor/CodeEditor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeEditor.mjs","names":["useMergeState","Flexbox"],"sources":["../../src/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { memo } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { styles, variants } from '@/CodeEditor/style';\nimport { Flexbox } from '@/Flex';\nimport SyntaxHighlighter from '@/Highlighter/SyntaxHighlighter';\n\nimport type { CodeEditorProps } from './type';\n\nconst CodeEditor = memo<CodeEditorProps>(\n  ({\n    autoFocus,\n    classNames,\n    styles: customStyles,\n    defaultValue = '',\n    onChange,\n    placeholder = '',\n    style,\n    className,\n    onValueChange,\n    value,\n    language = 'markdown',\n    variant = 'borderless',\n    width,\n    height,\n    flex,\n    ref,\n    ...rest\n  }) => {\n    const [code, setCode] = useMergeState(defaultValue, {\n      defaultValue,\n      onChange: onValueChange,\n      value,\n    });\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className)}\n        flex={flex}\n        height={height}\n        style={style}\n        width={width}\n      >\n        {value ? (\n          <SyntaxHighlighter\n            className={cx(styles.highlight, classNames?.highlight)}\n            language={language}\n            style={customStyles?.highlight}\n            variant={variant}\n          >\n            {value}\n          </SyntaxHighlighter>\n        ) : (\n          <pre\n            className={cx(styles.highlight, classNames?.highlight)}\n            style={{\n              color: cssVar.colorTextDescription,\n            }}\n          >\n            {placeholder || ' '}\n          </pre>\n        )}\n\n        <textarea\n          autoCapitalize=\"off\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoFocus={autoFocus}\n          className={cx(styles.textarea, classNames?.textarea)}\n          data-gramm={false}\n          ref={ref}\n          style={customStyles?.textarea}\n          value={code}\n          onChange={(e) => {\n            onChange?.(e);\n            setCode(e.target.value);\n          }}\n          {...rest}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nCodeEditor.displayName = 'CodeEditor';\n\nexport default CodeEditor;\n"],"mappings":";;;;;;;;;AAYA,MAAM,aAAa,MAChB,EACC,WACA,YACA,QAAQ,cACR,eAAe,IACf,UACA,cAAc,IACd,OACA,WACA,eACA,OACA,WAAW,YACX,UAAU,cACV,OACA,QACA,MACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,MAAM,WAAWA,mBAAc,cAAc;EAClD;EACA,UAAU;EACV;EACD,CAAC;AAEF,QACE,qBAACC,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;EACzC;EACE;EACD;EACA;YALT,CAOG,QACC,oBAAC,mBAAD;GACE,WAAW,GAAG,OAAO,WAAW,YAAY,UAAU;GAC5C;GACV,OAAO,cAAc;GACZ;aAER;GACiB,CAAA,GAEpB,oBAAC,OAAD;GACE,WAAW,GAAG,OAAO,WAAW,YAAY,UAAU;GACtD,OAAO,EACL,OAAO,OAAO,sBACf;aAEA,eAAe;GACZ,CAAA,EAGR,oBAAC,YAAD;GACE,gBAAe;GACf,cAAa;GACb,aAAY;GACD;GACX,WAAW,GAAG,OAAO,UAAU,YAAY,SAAS;GACpD,cAAY;GACP;GACL,OAAO,cAAc;GACrB,OAAO;GACP,WAAW,MAAM;AACf,eAAW,EAAE;AACb,YAAQ,EAAE,OAAO,MAAM;;GAEzB,GAAI;GACJ,CAAA,CACM;;EAGf;AAED,WAAW,cAAc"}
+{"version":3,"file":"CodeEditor.mjs","names":["Flexbox"],"sources":["../../src/CodeEditor/CodeEditor.tsx"],"sourcesContent":["'use client';\n\nimport { cssVar, cx } from 'antd-style';\nimport { memo } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { styles, variants } from '@/CodeEditor/style';\nimport { Flexbox } from '@/Flex';\nimport SyntaxHighlighter from '@/Highlighter/SyntaxHighlighter';\n\nimport type { CodeEditorProps } from './type';\n\nconst CodeEditor = memo<CodeEditorProps>(\n  ({\n    autoFocus,\n    classNames,\n    styles: customStyles,\n    defaultValue = '',\n    onChange,\n    placeholder = '',\n    style,\n    className,\n    onValueChange,\n    value,\n    language = 'markdown',\n    variant = 'borderless',\n    width,\n    height,\n    flex,\n    ref,\n    ...rest\n  }) => {\n    const [code, setCode] = useMergeState(defaultValue, {\n      defaultValue,\n      onChange: onValueChange,\n      value,\n    });\n\n    return (\n      <Flexbox\n        className={cx(variants({ variant }), className)}\n        flex={flex}\n        height={height}\n        style={style}\n        width={width}\n      >\n        {value ? (\n          <SyntaxHighlighter\n            className={cx(styles.highlight, classNames?.highlight)}\n            language={language}\n            style={customStyles?.highlight}\n            variant={variant}\n          >\n            {value}\n          </SyntaxHighlighter>\n        ) : (\n          <pre\n            className={cx(styles.highlight, classNames?.highlight)}\n            style={{\n              color: cssVar.colorTextDescription,\n            }}\n          >\n            {placeholder || ' '}\n          </pre>\n        )}\n\n        <textarea\n          autoCapitalize=\"off\"\n          autoComplete=\"off\"\n          autoCorrect=\"off\"\n          autoFocus={autoFocus}\n          className={cx(styles.textarea, classNames?.textarea)}\n          data-gramm={false}\n          ref={ref}\n          style={customStyles?.textarea}\n          value={code}\n          onChange={(e) => {\n            onChange?.(e);\n            setCode(e.target.value);\n          }}\n          {...rest}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nCodeEditor.displayName = 'CodeEditor';\n\nexport default CodeEditor;\n"],"mappings":";;;;;;;;;AAYA,MAAM,aAAa,MAChB,EACC,WACA,YACA,QAAQ,cACR,eAAe,IACf,UACA,cAAc,IACd,OACA,WACA,eACA,OACA,WAAW,YACX,UAAU,cACV,OACA,QACA,MACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,MAAM,WAAW,cAAc,cAAc;EAClD;EACA,UAAU;EACV;CACF,CAAC;CAED,OACE,qBAACA,mBAAD;EACE,WAAW,GAAG,SAAS,EAAE,QAAQ,CAAC,GAAG,SAAS;EACxC;EACE;EACD;EACA;YALT,CAOG,QACC,oBAAC,mBAAD;GACE,WAAW,GAAG,OAAO,WAAW,YAAY,SAAS;GAC3C;GACV,OAAO,cAAc;GACZ;aAER;EACgB,CAAA,IAEnB,oBAAC,OAAD;GACE,WAAW,GAAG,OAAO,WAAW,YAAY,SAAS;GACrD,OAAO,EACL,OAAO,OAAO,qBAChB;aAEC,eAAe;EACb,CAAA,GAGP,oBAAC,YAAD;GACE,gBAAe;GACf,cAAa;GACb,aAAY;GACD;GACX,WAAW,GAAG,OAAO,UAAU,YAAY,QAAQ;GACnD,cAAY;GACP;GACL,OAAO,cAAc;GACrB,OAAO;GACP,WAAW,MAAM;IACf,WAAW,CAAC;IACZ,QAAQ,EAAE,OAAO,KAAK;GACxB;GACA,GAAI;EACL,CAAA,CACM;;AAEb,CACF;AAEA,WAAW,cAAc"}

package/es/CodeEditor/index.d.mts

@@ -1,3 +1,3 @@
 import { CodeEditorProps } from "./type.mjs";
-import { CodeEditor } from "./CodeEditor.mjs";
-export { CodeEditorProps, CodeEditor as default };
+import CodeEditor from "./CodeEditor.mjs";
+export { type CodeEditorProps, CodeEditor as default };

package/es/CodeEditor/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/CodeEditor/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: cx(\n      lobeStaticStylish.variantBorderlessWithoutHover,\n      css`\n        border-radius: 0;\n\n        pre,\n        textarea {\n          padding: 0;\n        }\n      `,\n    ),\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    highlight: css`\n      pointer-events: none;\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden auto;\n\n      width: 100%;\n      height: fit-content;\n      border-radius: ${cssVar.borderRadius};\n\n      font-size: 12px;\n\n      pre,\n      textarea {\n        margin: 0;\n        padding: 16px;\n      }\n\n      textarea,\n      pre,\n      code {\n        overflow: hidden;\n\n        font-family: ${cssVar.fontFamilyCode};\n        font-size: inherit;\n        line-height: inherit;\n        word-break: inherit;\n        word-wrap: break-word;\n        white-space: pre-wrap;\n      }\n    `,\n    textarea: css`\n      resize: none;\n\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      overflow: hidden;\n\n      box-sizing: border-box;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      border: none;\n\n      color: transparent;\n      text-align: start;\n\n      background: transparent;\n      outline: none;\n      caret-color: ${cssVar.colorText};\n\n      &::placeholder {\n        color: ${cssVar.colorTextQuaternary};\n      }\n\n      &:focus {\n        border: none;\n        outline: none;\n        box-shadow: none;\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAY,GACVA,cAAkB,+BAClB,GAAG;;;;;;;QAQJ;EACD,QAAQA,cAAkB;EAC1B,WAAW,GAAG;;;EAGd,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;uBAOU,OAAO,aAAa;;;;;;;;;;;;;;;uBAepB,OAAO,eAAe;;;;;;;;EAQzC,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;qBAoBI,OAAO,UAAU;;;iBAGrB,OAAO,oBAAoB;;;;;;;;;EASzC;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,cACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/CodeEditor/style.ts"],"sourcesContent":["import { createStaticStyles, cx } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: cx(\n      lobeStaticStylish.variantBorderlessWithoutHover,\n      css`\n        border-radius: 0;\n\n        pre,\n        textarea {\n          padding: 0;\n        }\n      `,\n    ),\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    highlight: css`\n      pointer-events: none;\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden auto;\n\n      width: 100%;\n      height: fit-content;\n      border-radius: ${cssVar.borderRadius};\n\n      font-size: 12px;\n\n      pre,\n      textarea {\n        margin: 0;\n        padding: 16px;\n      }\n\n      textarea,\n      pre,\n      code {\n        overflow: hidden;\n\n        font-family: ${cssVar.fontFamilyCode};\n        font-size: inherit;\n        line-height: inherit;\n        word-break: inherit;\n        word-wrap: break-word;\n        white-space: pre-wrap;\n      }\n    `,\n    textarea: css`\n      resize: none;\n\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n\n      overflow: hidden;\n\n      box-sizing: border-box;\n      width: 100%;\n      height: 100%;\n      padding: 0;\n      border: none;\n\n      color: transparent;\n      text-align: start;\n\n      background: transparent;\n      outline: none;\n      caret-color: ${cssVar.colorText};\n\n      &::placeholder {\n        color: ${cssVar.colorTextQuaternary};\n      }\n\n      &:focus {\n        border: none;\n        outline: none;\n        box-shadow: none;\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    variant: 'borderless',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAY,GACVA,cAAkB,+BAClB,GAAG;;;;;;;OAQL;EACA,QAAQA,cAAkB;EAC1B,WAAW,GAAG;;;EAGd,UAAUA,cAAkB;EAC5B,MAAM,GAAG;;;;;;;uBAOU,OAAO,aAAa;;;;;;;;;;;;;;;uBAepB,OAAO,eAAe;;;;;;;;EAQzC,UAAU,GAAG;;;;;;;;;;;;;;;;;;;;qBAoBI,OAAO,UAAU;;;iBAGrB,OAAO,oBAAoB;;;;;;;;;CAS1C;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB,EACf,SAAS,aACX;CAEA,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;CACrB,EACF;AACF,CAAC"}

package/es/CodeEditor/type.d.mts

@@ -1,7 +1,7 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { TextAreaProps } from "../types/index.mjs";
 import { CSSProperties, Ref } from "react";
-
 //#region src/CodeEditor/type.d.ts
 interface CodeEditorProps extends TextAreaProps, Pick<FlexboxProps, 'width' | 'height' | 'flex'> {
   classNames?: {

package/es/Collapse/Collapse.d.mts

@@ -1,8 +1,6 @@
 import { CollapseProps } from "./type.mjs";
-import * as _$react from "react";
-
 //#region src/Collapse/Collapse.d.ts
-declare const Collapse: _$react.NamedExoticComponent<CollapseProps>;
+declare const Collapse: import("react").NamedExoticComponent<CollapseProps>;
 //#endregion
-export { Collapse };
+export { Collapse as default };
 //# sourceMappingURL=Collapse.d.mts.map

package/es/Collapse/Collapse.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.mjs","names":["Collapse","Flexbox","AntdCollapse"],"sources":["../../src/Collapse/Collapse.tsx"],"sourcesContent":["'use client';\n\nimport { Collapse as AntdCollapse, ConfigProvider } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { ChevronDown } from 'lucide-react';\nimport { isValidElement, memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { DEFAULT_PADDING, getPadding, styles, variants } from './style';\nimport type { CollapseProps } from './type';\n\nconst Collapse = memo<CollapseProps>(\n  ({\n    style,\n    variant = 'filled',\n    gap = 0,\n    className,\n    padding = DEFAULT_PADDING,\n    size,\n    collapsible = true,\n    items,\n    styles: customStyles,\n    classNames,\n    ref,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const antdItems = useMemo(\n      () =>\n        items.map(({ icon, desc, label, ...itemRest }) => {\n          let content = (\n            <div\n              className={cx(styles.title, !icon && !desc && classNames?.header, classNames?.title)}\n              style={{\n                ...(!icon && !desc ? customStyles?.header : {}),\n                ...customStyles?.title,\n              }}\n            >\n              {label}\n            </div>\n          );\n\n          if (icon) {\n            content = (\n              <Flexbox\n                horizontal\n                className={cx(styles.title, !desc && classNames?.header)}\n                gap={8}\n                style={desc ? undefined : customStyles?.header}\n              >\n                {isValidElement(icon) ? icon : <Icon icon={icon} size={{ size: '1.1em' }} />}\n                {content}\n              </Flexbox>\n            );\n          }\n\n          if (desc) {\n            content = (\n              <Flexbox className={classNames?.header} style={customStyles?.header}>\n                {content}\n                <div className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\n                  {desc}\n                </div>\n              </Flexbox>\n            );\n          }\n\n          return {\n            label: content,\n            ...itemRest,\n          };\n        }),\n      [items, classNames, customStyles, styles],\n    );\n\n    return (\n      <ConfigProvider\n        theme={{\n          components: {\n            Collapse: {\n              contentPadding: getPadding(typeof padding === 'object' ? padding?.body : padding),\n              headerPadding: getPadding(typeof padding === 'object' ? padding?.header : padding),\n            },\n          },\n        }}\n      >\n        <AntdCollapse\n          ghost\n          className={cx(variants({ collapsible, gap: !!gap, isDarkMode, variant }), className)}\n          collapsible={collapsible ? 'header' : 'icon'}\n          items={antdItems}\n          ref={ref}\n          size={size}\n          expandIcon={({ isActive }) => (\n            <Icon\n              className={styles.icon}\n              icon={ChevronDown}\n              size={16}\n              style={{ rotate: isActive ? undefined : '-90deg' }}\n            />\n          )}\n          style={{\n            gap,\n            ...style,\n          }}\n          {...rest}\n        />\n      </ConfigProvider>\n    );\n  },\n);\n\nCollapse.displayName = 'Collapse';\n\nexport default Collapse;\n"],"mappings":";;;;;;;;;;AAaA,MAAMA,aAAW,MACd,EACC,OACA,UAAU,UACV,MAAM,GACN,WACA,UAAU,iBACV,MACA,cAAc,MACd,OACA,QAAQ,cACR,YACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,cAAc;CAErC,MAAM,YAAY,cAEd,MAAM,KAAK,EAAE,MAAM,MAAM,OAAO,GAAG,eAAe;EAChD,IAAI,UACF,oBAAC,OAAD;GACE,WAAW,GAAG,OAAO,OAAO,CAAC,QAAQ,CAAC,QAAQ,YAAY,QAAQ,YAAY,MAAM;GACpF,OAAO;IACL,GAAI,CAAC,QAAQ,CAAC,OAAO,cAAc,SAAS,EAAE;IAC9C,GAAG,cAAc;IAClB;aAEA;GACG,CAAA;AAGR,MAAI,KACF,WACE,qBAACC,mBAAD;GACE,YAAA;GACA,WAAW,GAAG,OAAO,OAAO,CAAC,QAAQ,YAAY,OAAO;GACxD,KAAK;GACL,OAAO,OAAO,KAAA,IAAY,cAAc;aAJ1C,CAMG,eAAe,KAAK,GAAG,OAAO,oBAAC,MAAD;IAAY;IAAM,MAAM,EAAE,MAAM,SAAS;IAAI,CAAA,EAC3E,QACO;;AAId,MAAI,KACF,WACE,qBAACA,mBAAD;GAAS,WAAW,YAAY;GAAQ,OAAO,cAAc;aAA7D,CACG,SACD,oBAAC,OAAD;IAAK,WAAW,GAAG,OAAO,MAAM,YAAY,KAAK;IAAE,OAAO,cAAc;cACrE;IACG,CAAA,CACE;;AAId,SAAO;GACL,OAAO;GACP,GAAG;GACJ;GACD,EACJ;EAAC;EAAO;EAAY;EAAc;EAAO,CAC1C;AAED,QACE,oBAAC,gBAAD;EACE,OAAO,EACL,YAAY,EACV,UAAU;GACR,gBAAgB,WAAW,OAAO,YAAY,WAAW,SAAS,OAAO,QAAQ;GACjF,eAAe,WAAW,OAAO,YAAY,WAAW,SAAS,SAAS,QAAQ;GACnF,EACF,EACF;YAED,oBAACC,UAAD;GACE,OAAA;GACA,WAAW,GAAG,SAAS;IAAE;IAAa,KAAK,CAAC,CAAC;IAAK;IAAY;IAAS,CAAC,EAAE,UAAU;GACpF,aAAa,cAAc,WAAW;GACtC,OAAO;GACF;GACC;GACN,aAAa,EAAE,eACb,oBAAC,MAAD;IACE,WAAW,OAAO;IAClB,MAAM;IACN,MAAM;IACN,OAAO,EAAE,QAAQ,WAAW,KAAA,IAAY,UAAU;IAClD,CAAA;GAEJ,OAAO;IACL;IACA,GAAG;IACJ;GACD,GAAI;GACJ,CAAA;EACa,CAAA;EAGtB;AAED,WAAS,cAAc"}
+{"version":3,"file":"Collapse.mjs","names":["Collapse","Flexbox","AntdCollapse"],"sources":["../../src/Collapse/Collapse.tsx"],"sourcesContent":["'use client';\n\nimport { Collapse as AntdCollapse, ConfigProvider } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { ChevronDown } from 'lucide-react';\nimport { isValidElement, memo, useMemo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { DEFAULT_PADDING, getPadding, styles, variants } from './style';\nimport type { CollapseProps } from './type';\n\nconst Collapse = memo<CollapseProps>(\n  ({\n    style,\n    variant = 'filled',\n    gap = 0,\n    className,\n    padding = DEFAULT_PADDING,\n    size,\n    collapsible = true,\n    items,\n    styles: customStyles,\n    classNames,\n    ref,\n    ...rest\n  }) => {\n    const { isDarkMode } = useThemeMode();\n\n    const antdItems = useMemo(\n      () =>\n        items.map(({ icon, desc, label, ...itemRest }) => {\n          let content = (\n            <div\n              className={cx(styles.title, !icon && !desc && classNames?.header, classNames?.title)}\n              style={{\n                ...(!icon && !desc ? customStyles?.header : {}),\n                ...customStyles?.title,\n              }}\n            >\n              {label}\n            </div>\n          );\n\n          if (icon) {\n            content = (\n              <Flexbox\n                horizontal\n                className={cx(styles.title, !desc && classNames?.header)}\n                gap={8}\n                style={desc ? undefined : customStyles?.header}\n              >\n                {isValidElement(icon) ? icon : <Icon icon={icon} size={{ size: '1.1em' }} />}\n                {content}\n              </Flexbox>\n            );\n          }\n\n          if (desc) {\n            content = (\n              <Flexbox className={classNames?.header} style={customStyles?.header}>\n                {content}\n                <div className={cx(styles.desc, classNames?.desc)} style={customStyles?.desc}>\n                  {desc}\n                </div>\n              </Flexbox>\n            );\n          }\n\n          return {\n            label: content,\n            ...itemRest,\n          };\n        }),\n      [items, classNames, customStyles, styles],\n    );\n\n    return (\n      <ConfigProvider\n        theme={{\n          components: {\n            Collapse: {\n              contentPadding: getPadding(typeof padding === 'object' ? padding?.body : padding),\n              headerPadding: getPadding(typeof padding === 'object' ? padding?.header : padding),\n            },\n          },\n        }}\n      >\n        <AntdCollapse\n          ghost\n          className={cx(variants({ collapsible, gap: !!gap, isDarkMode, variant }), className)}\n          collapsible={collapsible ? 'header' : 'icon'}\n          items={antdItems}\n          ref={ref}\n          size={size}\n          expandIcon={({ isActive }) => (\n            <Icon\n              className={styles.icon}\n              icon={ChevronDown}\n              size={16}\n              style={{ rotate: isActive ? undefined : '-90deg' }}\n            />\n          )}\n          style={{\n            gap,\n            ...style,\n          }}\n          {...rest}\n        />\n      </ConfigProvider>\n    );\n  },\n);\n\nCollapse.displayName = 'Collapse';\n\nexport default Collapse;\n"],"mappings":";;;;;;;;;;AAaA,MAAMA,aAAW,MACd,EACC,OACA,UAAU,UACV,MAAM,GACN,WACA,UAAU,iBACV,MACA,cAAc,MACd,OACA,QAAQ,cACR,YACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,YAAY,cAEd,MAAM,KAAK,EAAE,MAAM,MAAM,OAAO,GAAG,eAAe;EAChD,IAAI,UACF,oBAAC,OAAD;GACE,WAAW,GAAG,OAAO,OAAO,CAAC,QAAQ,CAAC,QAAQ,YAAY,QAAQ,YAAY,KAAK;GACnF,OAAO;IACL,GAAI,CAAC,QAAQ,CAAC,OAAO,cAAc,SAAS,CAAC;IAC7C,GAAG,cAAc;GACnB;aAEC;EACE,CAAA;EAGP,IAAI,MACF,UACE,qBAACC,mBAAD;GACE,YAAA;GACA,WAAW,GAAG,OAAO,OAAO,CAAC,QAAQ,YAAY,MAAM;GACvD,KAAK;GACL,OAAO,OAAO,KAAA,IAAY,cAAc;aAJ1C,CAMG,eAAe,IAAI,IAAI,OAAO,oBAAC,MAAD;IAAY;IAAM,MAAM,EAAE,MAAM,QAAQ;GAAI,CAAA,GAC1E,OACM;;EAIb,IAAI,MACF,UACE,qBAACA,mBAAD;GAAS,WAAW,YAAY;GAAQ,OAAO,cAAc;aAA7D,CACG,SACD,oBAAC,OAAD;IAAK,WAAW,GAAG,OAAO,MAAM,YAAY,IAAI;IAAG,OAAO,cAAc;cACrE;GACE,CAAA,CACE;;EAIb,OAAO;GACL,OAAO;GACP,GAAG;EACL;CACF,CAAC,GACH;EAAC;EAAO;EAAY;EAAc;CAAM,CAC1C;CAEA,OACE,oBAAC,gBAAD;EACE,OAAO,EACL,YAAY,EACV,UAAU;GACR,gBAAgB,WAAW,OAAO,YAAY,WAAW,SAAS,OAAO,OAAO;GAChF,eAAe,WAAW,OAAO,YAAY,WAAW,SAAS,SAAS,OAAO;EACnF,EACF,EACF;YAEA,oBAACC,UAAD;GACE,OAAA;GACA,WAAW,GAAG,SAAS;IAAE;IAAa,KAAK,CAAC,CAAC;IAAK;IAAY;GAAQ,CAAC,GAAG,SAAS;GACnF,aAAa,cAAc,WAAW;GACtC,OAAO;GACF;GACC;GACN,aAAa,EAAE,eACb,oBAAC,MAAD;IACE,WAAW,OAAO;IAClB,MAAM;IACN,MAAM;IACN,OAAO,EAAE,QAAQ,WAAW,KAAA,IAAY,SAAS;GAClD,CAAA;GAEH,OAAO;IACL;IACA,GAAG;GACL;GACA,GAAI;EACL,CAAA;CACa,CAAA;AAEpB,CACF;AAEA,WAAS,cAAc"}

package/es/Collapse/index.d.mts

@@ -1,3 +1,3 @@
 import { CollapseItemType, CollapseProps } from "./type.mjs";
-import { Collapse } from "./Collapse.mjs";
+import Collapse from "./Collapse.mjs";
 export { CollapseItemType, CollapseProps, Collapse as default };

package/es/Collapse/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Collapse/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const DEFAULT_PADDING = '12px 16px';\n\nexport const getPadding = (padding?: number | string) =>\n  !padding && padding !== 0\n    ? DEFAULT_PADDING\n    : `${typeof padding === 'string' ? padding : `${padding}px`} !important`;\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-header {\n          padding-inline: 0;\n        }\n        .${prefixCls}-collapse-panel {\n          padding-inline: 0;\n          .${prefixCls}-collapse-body {\n            padding-inline: 0;\n          }\n        }\n      }\n    `,\n    desc: css`\n      font-size: 12px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    filledDark: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorBgLayout};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n          }\n        }\n      }\n    `,\n    filledLight: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorFillQuaternary};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n            background: ${cssVar.colorBgContainer};\n            ${lobeStaticStylish.shadow};\n          }\n        }\n      }\n    `,\n    gapOutlined: css`\n      &.${prefixCls}-collapse {\n        border: none;\n        background: transparent;\n        .${prefixCls}-collapse-item {\n          border: 1px solid ${cssVar.colorFillSecondary};\n          background: ${cssVar.colorBgContainer};\n        }\n\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: none;\n          }\n        }\n      }\n    `,\n    gapRoot: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        border: none;\n        box-shadow: none;\n        .${prefixCls}-collapse-item {\n          border: none;\n          border-radius: ${cssVar.borderRadiusLG};\n        }\n      }\n    `,\n    hideCollapsibleIcon: css`\n      .${prefixCls}-collapse-expand-icon {\n        display: none !important;\n      }\n    `,\n    icon: css`\n      cursor: pointer;\n      transition: all 100ms ${cssVar.motionEaseOut};\n    `,\n    outlined: css`\n      &.${prefixCls}-collapse {\n        border: 1px solid ${cssVar.colorFillSecondary};\n        background: ${cssVar.colorBgContainer};\n        .${prefixCls}-collapse-item .${prefixCls}-collapse-header {\n          transition: none;\n        }\n        .${prefixCls}-collapse-item-active .${prefixCls}-collapse-header {\n          border-block-end: 1px solid ${cssVar.colorFillTertiary};\n        }\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: 1px solid ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        background: transparent;\n\n        .${prefixCls}-collapse-header {\n          overflow: hidden;\n          display: flex;\n          flex: none;\n          gap: 0.75em;\n          align-items: flex-start;\n\n          border-radius: 0 !important;\n\n          .${prefixCls}-collapse-header-text {\n            flex: 1;\n          }\n\n          .${prefixCls}-collapse-expand-icon {\n            align-items: center;\n            min-height: 28px;\n            margin: 0;\n            padding: 0;\n          }\n\n          .${prefixCls}-collapse-extra {\n            display: flex;\n            align-items: center;\n            min-height: 28px;\n          }\n        }\n\n        .${prefixCls}-collapse-panel {\n          background: transparent;\n        }\n      }\n    `,\n    title: css`\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 28px;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.gapOutlined,\n      gap: true,\n      variant: 'outlined',\n    },\n    {\n      class: styles.filledDark,\n      isDarkMode: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.filledLight,\n      isDarkMode: false,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    collapsible: true,\n    gap: false,\n    isDarkMode: false,\n  },\n\n  variants: {\n    collapsible: {\n      false: styles.hideCollapsibleIcon,\n      true: null,\n    },\n    gap: {\n      false: null,\n      true: styles.gapRoot,\n    },\n    isDarkMode: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: null,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,kBAAkB;AAE/B,MAAa,cAAc,YACzB,CAAC,WAAW,YAAY,IACpB,kBACA,GAAG,OAAO,YAAY,WAAW,UAAU,GAAG,QAAQ,IAAI;AAEhE,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,YAAY,GAAG;UACT,UAAU;WACT,UAAU;;;WAGV,UAAU;;aAER,UAAU;;;;;;EAMnB,MAAM,GAAG;;eAEE,OAAO,qBAAqB;;EAEvC,YAAY,GAAG;UACT,UAAU;WACT,UAAU;wBACG,OAAO,cAAc;aAChC,UAAU;;;6BAGM,OAAO,aAAa;cACnCA,cAAkB,4BAA4B;;;;;EAKxD,aAAa,GAAG;UACV,UAAU;WACT,UAAU;wBACG,OAAO,oBAAoB;aACtC,UAAU;;;6BAGM,OAAO,aAAa;cACnCA,cAAkB,4BAA4B;0BAClC,OAAO,iBAAiB;cACpCA,cAAkB,OAAO;;;;;EAKnC,aAAa,GAAG;UACV,UAAU;;;WAGT,UAAU;8BACS,OAAO,mBAAmB;wBAChC,OAAO,iBAAiB;;;WAGrC,UAAU;aACR,UAAU;;;;;;EAMnB,SAAS,GAAG;UACN,UAAU;;;;;WAKT,UAAU;;2BAEM,OAAO,eAAe;;;;EAI7C,qBAAqB,GAAG;SACnB,UAAU;;;;EAIf,MAAM,GAAG;;8BAEiB,OAAO,cAAc;;EAE/C,UAAU,GAAG;UACP,UAAU;4BACQ,OAAO,mBAAmB;sBAChC,OAAO,iBAAiB;WACnC,UAAU,kBAAkB,UAAU;;;WAGtC,UAAU,yBAAyB,UAAU;wCAChB,OAAO,kBAAkB;;WAEtD,UAAU;aACR,UAAU;4CACqB,OAAO,kBAAkB;;;;;EAKjE,MAAM,GAAG;UACH,UAAU;;;;;WAKT,UAAU;;;;;;;;;aASR,UAAU;;;;aAIV,UAAU;;;;;;;aAOV,UAAU;;;;;;;WAOZ,UAAU;;;;;EAKjB,OAAO,GAAG;;;;;EAKX;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,KAAK;GACL,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;GACV;EACD;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;GACV;EACF;CACD,iBAAiB;EACf,aAAa;EACb,KAAK;EACL,YAAY;EACb;CAED,UAAU;EACR,aAAa;GACX,OAAO,OAAO;GACd,MAAM;GACP;EACD,KAAK;GACH,OAAO;GACP,MAAM,OAAO;GACd;EACD,YAAY;GACV,OAAO;GACP,MAAM;GACP;EACD,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ;GACR,UAAU,OAAO;GAClB;EACF;CACF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Collapse/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nexport const DEFAULT_PADDING = '12px 16px';\n\nexport const getPadding = (padding?: number | string) =>\n  !padding && padding !== 0\n    ? DEFAULT_PADDING\n    : `${typeof padding === 'string' ? padding : `${padding}px`} !important`;\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    borderless: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-header {\n          padding-inline: 0;\n        }\n        .${prefixCls}-collapse-panel {\n          padding-inline: 0;\n          .${prefixCls}-collapse-body {\n            padding-inline: 0;\n          }\n        }\n      }\n    `,\n    desc: css`\n      font-size: 12px;\n      color: ${cssVar.colorTextDescription};\n    `,\n    filledDark: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorBgLayout};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n          }\n        }\n      }\n    `,\n    filledLight: css`\n      &.${prefixCls}-collapse {\n        .${prefixCls}-collapse-item {\n          background: ${cssVar.colorFillQuaternary};\n          .${prefixCls}-collapse-panel {\n            margin-inline: 3px;\n            margin-block-end: 3px;\n            border-radius: ${cssVar.borderRadius};\n            ${lobeStaticStylish.variantOutlinedWithoutHover};\n            background: ${cssVar.colorBgContainer};\n            ${lobeStaticStylish.shadow};\n          }\n        }\n      }\n    `,\n    gapOutlined: css`\n      &.${prefixCls}-collapse {\n        border: none;\n        background: transparent;\n        .${prefixCls}-collapse-item {\n          border: 1px solid ${cssVar.colorFillSecondary};\n          background: ${cssVar.colorBgContainer};\n        }\n\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: none;\n          }\n        }\n      }\n    `,\n    gapRoot: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        border: none;\n        box-shadow: none;\n        .${prefixCls}-collapse-item {\n          border: none;\n          border-radius: ${cssVar.borderRadiusLG};\n        }\n      }\n    `,\n    hideCollapsibleIcon: css`\n      .${prefixCls}-collapse-expand-icon {\n        display: none !important;\n      }\n    `,\n    icon: css`\n      cursor: pointer;\n      transition: all 100ms ${cssVar.motionEaseOut};\n    `,\n    outlined: css`\n      &.${prefixCls}-collapse {\n        border: 1px solid ${cssVar.colorFillSecondary};\n        background: ${cssVar.colorBgContainer};\n        .${prefixCls}-collapse-item .${prefixCls}-collapse-header {\n          transition: none;\n        }\n        .${prefixCls}-collapse-item-active .${prefixCls}-collapse-header {\n          border-block-end: 1px solid ${cssVar.colorFillTertiary};\n        }\n        .${prefixCls}-collapse-item:not(:first-child) {\n          .${prefixCls}-collapse-header {\n            border-block-start: 1px solid ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-collapse {\n        display: flex;\n        flex-direction: column;\n        background: transparent;\n\n        .${prefixCls}-collapse-header {\n          overflow: hidden;\n          display: flex;\n          flex: none;\n          gap: 0.75em;\n          align-items: flex-start;\n\n          border-radius: 0 !important;\n\n          .${prefixCls}-collapse-header-text {\n            flex: 1;\n          }\n\n          .${prefixCls}-collapse-expand-icon {\n            align-items: center;\n            min-height: 28px;\n            margin: 0;\n            padding: 0;\n          }\n\n          .${prefixCls}-collapse-extra {\n            display: flex;\n            align-items: center;\n            min-height: 28px;\n          }\n        }\n\n        .${prefixCls}-collapse-panel {\n          background: transparent;\n        }\n      }\n    `,\n    title: css`\n      font-size: 16px;\n      font-weight: 500;\n      line-height: 28px;\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  compoundVariants: [\n    {\n      class: styles.gapOutlined,\n      gap: true,\n      variant: 'outlined',\n    },\n    {\n      class: styles.filledDark,\n      isDarkMode: true,\n      variant: 'filled',\n    },\n    {\n      class: styles.filledLight,\n      isDarkMode: false,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    collapsible: true,\n    gap: false,\n    isDarkMode: false,\n  },\n\n  variants: {\n    collapsible: {\n      false: styles.hideCollapsibleIcon,\n      true: null,\n    },\n    gap: {\n      false: null,\n      true: styles.gapRoot,\n    },\n    isDarkMode: {\n      false: null,\n      true: null,\n    },\n    variant: {\n      borderless: styles.borderless,\n      filled: null,\n      outlined: styles.outlined,\n    },\n  },\n});\n"],"mappings":";;;;AAKA,MAAa,kBAAkB;AAE/B,MAAa,cAAc,YACzB,CAAC,WAAW,YAAY,IACpB,kBACA,GAAG,OAAO,YAAY,WAAW,UAAU,GAAG,QAAQ,IAAI;AAEhE,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,YAAY,GAAG;UACT,UAAU;WACT,UAAU;;;WAGV,UAAU;;aAER,UAAU;;;;;;EAMnB,MAAM,GAAG;;eAEE,OAAO,qBAAqB;;EAEvC,YAAY,GAAG;UACT,UAAU;WACT,UAAU;wBACG,OAAO,cAAc;aAChC,UAAU;;;6BAGM,OAAO,aAAa;cACnCA,cAAkB,4BAA4B;;;;;EAKxD,aAAa,GAAG;UACV,UAAU;WACT,UAAU;wBACG,OAAO,oBAAoB;aACtC,UAAU;;;6BAGM,OAAO,aAAa;cACnCA,cAAkB,4BAA4B;0BAClC,OAAO,iBAAiB;cACpCA,cAAkB,OAAO;;;;;EAKnC,aAAa,GAAG;UACV,UAAU;;;WAGT,UAAU;8BACS,OAAO,mBAAmB;wBAChC,OAAO,iBAAiB;;;WAGrC,UAAU;aACR,UAAU;;;;;;EAMnB,SAAS,GAAG;UACN,UAAU;;;;;WAKT,UAAU;;2BAEM,OAAO,eAAe;;;;EAI7C,qBAAqB,GAAG;SACnB,UAAU;;;;EAIf,MAAM,GAAG;;8BAEiB,OAAO,cAAc;;EAE/C,UAAU,GAAG;UACP,UAAU;4BACQ,OAAO,mBAAmB;sBAChC,OAAO,iBAAiB;WACnC,UAAU,kBAAkB,UAAU;;;WAGtC,UAAU,yBAAyB,UAAU;wCAChB,OAAO,kBAAkB;;WAEtD,UAAU;aACR,UAAU;4CACqB,OAAO,kBAAkB;;;;;EAKjE,MAAM,GAAG;UACH,UAAU;;;;;WAKT,UAAU;;;;;;;;;aASR,UAAU;;;;aAIV,UAAU;;;;;;;aAOV,UAAU;;;;;;;WAOZ,UAAU;;;;;EAKjB,OAAO,GAAG;;;;;CAKZ;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB;EAChB;GACE,OAAO,OAAO;GACd,KAAK;GACL,SAAS;EACX;EACA;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;EACX;EACA;GACE,OAAO,OAAO;GACd,YAAY;GACZ,SAAS;EACX;CACF;CACA,iBAAiB;EACf,aAAa;EACb,KAAK;EACL,YAAY;CACd;CAEA,UAAU;EACR,aAAa;GACX,OAAO,OAAO;GACd,MAAM;EACR;EACA,KAAK;GACH,OAAO;GACP,MAAM,OAAO;EACf;EACA,YAAY;GACV,OAAO;GACP,MAAM;EACR;EACA,SAAS;GACP,YAAY,OAAO;GACnB,QAAQ;GACR,UAAU,OAAO;EACnB;CACF;AACF,CAAC"}

package/es/Collapse/type.d.mts

@@ -1,8 +1,8 @@
 import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
 import { CSSProperties, ReactNode, Ref } from "react";
 import { CollapseProps } from "antd";
 import { ItemType } from "rc-collapse/es/interface.js";
-
 //#region src/Collapse/type.d.ts
 interface CollapseItemType extends ItemType {
   desc?: ReactNode;

package/es/ColorSwatches/ColorSwatches.d.mts

@@ -1,8 +1,7 @@
 import { ColorSwatchesProps } from "./type.mjs";
 import { FC } from "react";
-
 //#region src/ColorSwatches/ColorSwatches.d.ts
 declare const ColorSwatches: FC<ColorSwatchesProps>;
 //#endregion
-export { ColorSwatches };
+export { ColorSwatches as default };
 //# sourceMappingURL=ColorSwatches.d.mts.map

package/es/ColorSwatches/ColorSwatches.mjs

@@ -3,19 +3,19 @@ import FlexBasic_default from "../Flex/FlexBasic.mjs";
 import Center from "../Flex/Center.mjs";
 import { safeReadableColor } from "../utils/safeReadableColor.mjs";
 import Icon from "../Icon/Icon.mjs";
-import Tooltip from "../base-ui/Tooltip/Tooltip.mjs";
+import { Tooltip } from "../base-ui/Tooltip/Tooltip.mjs";
 import { styles } from "./style.mjs";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ColorPicker } from "antd";
 import { cssVar, cx } from "antd-style";
-import useControlledState from "use-merge-value";
+import useMergeState from "use-merge-value";
 import { rgba } from "polished";
 import { CheckIcon } from "lucide-react";
 import chroma from "chroma-js";
 //#region src/ColorSwatches/ColorSwatches.tsx
 const ColorSwatches = ({ enableColorPicker, enableColorSwatches = true, defaultValue, value, style, colors, onChange, size = 24, shape = "circle", texts, ref, ...rest }) => {
-	const [active, setActive] = useControlledState(defaultValue, {
+	const [active, setActive] = useMergeState(defaultValue, {
 		defaultValue,
 		onChange,
 		value

package/es/ColorSwatches/ColorSwatches.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSwatches.mjs","names":["useMergeState","Flexbox"],"sources":["../../src/ColorSwatches/ColorSwatches.tsx"],"sourcesContent":["'use client';\n\nimport { ColorPicker } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport chroma from 'chroma-js';\nimport { CheckIcon } from 'lucide-react';\nimport { rgba } from 'polished';\nimport { type FC, useMemo } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Center, Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Tooltip from '@/Tooltip';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { styles } from './style';\nimport type { ColorSwatchesProps } from './type';\n\nconst ColorSwatches: FC<ColorSwatchesProps> = ({\n  enableColorPicker,\n  enableColorSwatches = true,\n  defaultValue,\n  value,\n  style,\n  colors,\n  onChange,\n  size = 24,\n  shape = 'circle',\n  texts,\n  ref,\n  ...rest\n}) => {\n  const [active, setActive] = useMergeState(defaultValue, {\n    defaultValue,\n    onChange,\n    value,\n  });\n\n  // Convert size prop to CSS variable\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--color-swatches-size': `${size}px`,\n    }),\n    [size],\n  );\n\n  const isCustomActive = useMemo(\n    () => active && active !== cssVar.colorPrimary && !colors.some((c) => c.color === active),\n    [active, colors],\n  );\n\n  return (\n    <Flexbox\n      horizontal\n      gap={6}\n      ref={ref}\n      style={{\n        ...cssVariables,\n        flexWrap: 'wrap',\n        ...style,\n      }}\n      {...rest}\n    >\n      {enableColorSwatches &&\n        colors.map((c, i) => {\n          const color = c.color || cssVar.colorPrimary;\n          const isActive = (!active && !c.color) || color === active;\n          // Check if color is transparent or CSS variable (which chroma can't parse)\n          const isTransparent =\n            c.color === 'transparent' ||\n            (c.color &&\n              !c.color.startsWith('var(') &&\n              (() => {\n                try {\n                  return chroma(c.color).alpha() === 0;\n                } catch {\n                  return false;\n                }\n              })());\n          // Get actual color value for readableColor (CSS variables can't be parsed)\n          const actualColorForReadable = c.color?.startsWith('var(') ? cssVar.colorPrimary : color;\n          return (\n            <Tooltip key={c?.key || i} title={c.title}>\n              <Center\n                className={cx(\n                  styles.container,\n                  isTransparent && styles.transparent,\n                  isActive && styles.active,\n                )}\n                style={{\n                  background: isTransparent ? undefined : color,\n                  borderRadius: shape === 'circle' ? '50%' : cssVar.borderRadius,\n                }}\n                onClick={() => setActive(c.color || undefined)}\n              >\n                {isActive && (\n                  <Icon\n                    color={rgba(safeReadableColor(actualColorForReadable), 0.33)}\n                    icon={CheckIcon}\n                    size={{ size: 14, strokeWidth: 4 }}\n                    style={{\n                      pointerEvents: 'none',\n                    }}\n                  />\n                )}\n              </Center>\n            </Tooltip>\n          );\n        })}\n      {enableColorPicker && (\n        <Tooltip title={texts?.custom || 'Custom'}>\n          <ColorPicker\n            disabledAlpha\n            arrow={false}\n            defaultValue={cssVar.colorPrimary}\n            format={'hex'}\n            value={enableColorSwatches ? undefined : active}\n            className={cx(\n              styles.picker,\n              enableColorSwatches && styles.conic,\n              isCustomActive && styles.active,\n            )}\n            presets={\n              enableColorSwatches\n                ? undefined\n                : [\n                    {\n                      colors: colors.map((c) => c.color),\n                      label: texts?.presets || 'Presets',\n                    },\n                  ]\n            }\n            style={{\n              borderRadius: shape === 'circle' ? '50%' : cssVar.borderRadius,\n            }}\n            onChangeComplete={(c) => {\n              if (c.toHexString() === cssVar.colorPrimary) {\n                setActive('');\n              } else {\n                setActive(c.toHexString());\n              }\n            }}\n          />\n        </Tooltip>\n      )}\n    </Flexbox>\n  );\n};\n\nColorSwatches.displayName = 'ColorSwatches';\n\nexport default ColorSwatches;\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAM,iBAAyC,EAC7C,mBACA,sBAAsB,MACtB,cACA,OACA,OACA,QACA,UACA,OAAO,IACP,QAAQ,UACR,OACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAaA,mBAAc,cAAc;EACtD;EACA;EACA;EACD,CAAC;CAGF,MAAM,eAAe,eACZ,EACL,yBAAyB,GAAG,KAAK,KAClC,GACD,CAAC,KAAK,CACP;CAED,MAAM,iBAAiB,cACf,UAAU,WAAW,OAAO,gBAAgB,CAAC,OAAO,MAAM,MAAM,EAAE,UAAU,OAAO,EACzF,CAAC,QAAQ,OAAO,CACjB;AAED,QACE,qBAACC,mBAAD;EACE,YAAA;EACA,KAAK;EACA;EACL,OAAO;GACL,GAAG;GACH,UAAU;GACV,GAAG;GACJ;EACD,GAAI;YATN,CAWG,uBACC,OAAO,KAAK,GAAG,MAAM;GACnB,MAAM,QAAQ,EAAE,SAAS,OAAO;GAChC,MAAM,WAAY,CAAC,UAAU,CAAC,EAAE,SAAU,UAAU;GAEpD,MAAM,gBACJ,EAAE,UAAU,iBACX,EAAE,SACD,CAAC,EAAE,MAAM,WAAW,OAAO,WACpB;AACL,QAAI;AACF,YAAO,OAAO,EAAE,MAAM,CAAC,OAAO,KAAK;YAC7B;AACN,YAAO;;OAEP;GAER,MAAM,yBAAyB,EAAE,OAAO,WAAW,OAAO,GAAG,OAAO,eAAe;AACnF,UACE,oBAAC,SAAD;IAA2B,OAAO,EAAE;cAClC,oBAAC,QAAD;KACE,WAAW,GACT,OAAO,WACP,iBAAiB,OAAO,aACxB,YAAY,OAAO,OACpB;KACD,OAAO;MACL,YAAY,gBAAgB,KAAA,IAAY;MACxC,cAAc,UAAU,WAAW,QAAQ,OAAO;MACnD;KACD,eAAe,UAAU,EAAE,SAAS,KAAA,EAAU;eAE7C,YACC,oBAAC,MAAD;MACE,OAAO,KAAK,kBAAkB,uBAAuB,EAAE,IAAK;MAC5D,MAAM;MACN,MAAM;OAAE,MAAM;OAAI,aAAa;OAAG;MAClC,OAAO,EACL,eAAe,QAChB;MACD,CAAA;KAEG,CAAA;IACD,EAxBI,GAAG,OAAO,EAwBd;IAEZ,EACH,qBACC,oBAAC,SAAD;GAAS,OAAO,OAAO,UAAU;aAC/B,oBAAC,aAAD;IACE,eAAA;IACA,OAAO;IACP,cAAc,OAAO;IACrB,QAAQ;IACR,OAAO,sBAAsB,KAAA,IAAY;IACzC,WAAW,GACT,OAAO,QACP,uBAAuB,OAAO,OAC9B,kBAAkB,OAAO,OAC1B;IACD,SACE,sBACI,KAAA,IACA,CACE;KACE,QAAQ,OAAO,KAAK,MAAM,EAAE,MAAM;KAClC,OAAO,OAAO,WAAW;KAC1B,CACF;IAEP,OAAO,EACL,cAAc,UAAU,WAAW,QAAQ,OAAO,cACnD;IACD,mBAAmB,MAAM;AACvB,SAAI,EAAE,aAAa,KAAK,OAAO,aAC7B,WAAU,GAAG;SAEb,WAAU,EAAE,aAAa,CAAC;;IAG9B,CAAA;GACM,CAAA,CAEJ;;;AAId,cAAc,cAAc"}
+{"version":3,"file":"ColorSwatches.mjs","names":["Flexbox"],"sources":["../../src/ColorSwatches/ColorSwatches.tsx"],"sourcesContent":["'use client';\n\nimport { ColorPicker } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport chroma from 'chroma-js';\nimport { CheckIcon } from 'lucide-react';\nimport { rgba } from 'polished';\nimport { type FC, useMemo } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Center, Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Tooltip from '@/Tooltip';\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nimport { styles } from './style';\nimport type { ColorSwatchesProps } from './type';\n\nconst ColorSwatches: FC<ColorSwatchesProps> = ({\n  enableColorPicker,\n  enableColorSwatches = true,\n  defaultValue,\n  value,\n  style,\n  colors,\n  onChange,\n  size = 24,\n  shape = 'circle',\n  texts,\n  ref,\n  ...rest\n}) => {\n  const [active, setActive] = useMergeState(defaultValue, {\n    defaultValue,\n    onChange,\n    value,\n  });\n\n  // Convert size prop to CSS variable\n  const cssVariables = useMemo<Record<string, string>>(\n    () => ({\n      '--color-swatches-size': `${size}px`,\n    }),\n    [size],\n  );\n\n  const isCustomActive = useMemo(\n    () => active && active !== cssVar.colorPrimary && !colors.some((c) => c.color === active),\n    [active, colors],\n  );\n\n  return (\n    <Flexbox\n      horizontal\n      gap={6}\n      ref={ref}\n      style={{\n        ...cssVariables,\n        flexWrap: 'wrap',\n        ...style,\n      }}\n      {...rest}\n    >\n      {enableColorSwatches &&\n        colors.map((c, i) => {\n          const color = c.color || cssVar.colorPrimary;\n          const isActive = (!active && !c.color) || color === active;\n          // Check if color is transparent or CSS variable (which chroma can't parse)\n          const isTransparent =\n            c.color === 'transparent' ||\n            (c.color &&\n              !c.color.startsWith('var(') &&\n              (() => {\n                try {\n                  return chroma(c.color).alpha() === 0;\n                } catch {\n                  return false;\n                }\n              })());\n          // Get actual color value for readableColor (CSS variables can't be parsed)\n          const actualColorForReadable = c.color?.startsWith('var(') ? cssVar.colorPrimary : color;\n          return (\n            <Tooltip key={c?.key || i} title={c.title}>\n              <Center\n                className={cx(\n                  styles.container,\n                  isTransparent && styles.transparent,\n                  isActive && styles.active,\n                )}\n                style={{\n                  background: isTransparent ? undefined : color,\n                  borderRadius: shape === 'circle' ? '50%' : cssVar.borderRadius,\n                }}\n                onClick={() => setActive(c.color || undefined)}\n              >\n                {isActive && (\n                  <Icon\n                    color={rgba(safeReadableColor(actualColorForReadable), 0.33)}\n                    icon={CheckIcon}\n                    size={{ size: 14, strokeWidth: 4 }}\n                    style={{\n                      pointerEvents: 'none',\n                    }}\n                  />\n                )}\n              </Center>\n            </Tooltip>\n          );\n        })}\n      {enableColorPicker && (\n        <Tooltip title={texts?.custom || 'Custom'}>\n          <ColorPicker\n            disabledAlpha\n            arrow={false}\n            defaultValue={cssVar.colorPrimary}\n            format={'hex'}\n            value={enableColorSwatches ? undefined : active}\n            className={cx(\n              styles.picker,\n              enableColorSwatches && styles.conic,\n              isCustomActive && styles.active,\n            )}\n            presets={\n              enableColorSwatches\n                ? undefined\n                : [\n                    {\n                      colors: colors.map((c) => c.color),\n                      label: texts?.presets || 'Presets',\n                    },\n                  ]\n            }\n            style={{\n              borderRadius: shape === 'circle' ? '50%' : cssVar.borderRadius,\n            }}\n            onChangeComplete={(c) => {\n              if (c.toHexString() === cssVar.colorPrimary) {\n                setActive('');\n              } else {\n                setActive(c.toHexString());\n              }\n            }}\n          />\n        </Tooltip>\n      )}\n    </Flexbox>\n  );\n};\n\nColorSwatches.displayName = 'ColorSwatches';\n\nexport default ColorSwatches;\n"],"mappings":";;;;;;;;;;;;;;;;AAkBA,MAAM,iBAAyC,EAC7C,mBACA,sBAAsB,MACtB,cACA,OACA,OACA,QACA,UACA,OAAO,IACP,QAAQ,UACR,OACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAa,cAAc,cAAc;EACtD;EACA;EACA;CACF,CAAC;CAGD,MAAM,eAAe,eACZ,EACL,yBAAyB,GAAG,KAAK,IACnC,IACA,CAAC,IAAI,CACP;CAEA,MAAM,iBAAiB,cACf,UAAU,WAAW,OAAO,gBAAgB,CAAC,OAAO,MAAM,MAAM,EAAE,UAAU,MAAM,GACxF,CAAC,QAAQ,MAAM,CACjB;CAEA,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,KAAK;EACA;EACL,OAAO;GACL,GAAG;GACH,UAAU;GACV,GAAG;EACL;EACA,GAAI;YATN,CAWG,uBACC,OAAO,KAAK,GAAG,MAAM;GACnB,MAAM,QAAQ,EAAE,SAAS,OAAO;GAChC,MAAM,WAAY,CAAC,UAAU,CAAC,EAAE,SAAU,UAAU;GAEpD,MAAM,gBACJ,EAAE,UAAU,iBACX,EAAE,SACD,CAAC,EAAE,MAAM,WAAW,MAAM,YACnB;IACL,IAAI;KACF,OAAO,OAAO,EAAE,KAAK,CAAC,CAAC,MAAM,MAAM;IACrC,QAAQ;KACN,OAAO;IACT;GACF,EAAA,CAAG;GAEP,MAAM,yBAAyB,EAAE,OAAO,WAAW,MAAM,IAAI,OAAO,eAAe;GACnF,OACE,oBAAC,SAAD;IAA2B,OAAO,EAAE;cAClC,oBAAC,QAAD;KACE,WAAW,GACT,OAAO,WACP,iBAAiB,OAAO,aACxB,YAAY,OAAO,MACrB;KACA,OAAO;MACL,YAAY,gBAAgB,KAAA,IAAY;MACxC,cAAc,UAAU,WAAW,QAAQ,OAAO;KACpD;KACA,eAAe,UAAU,EAAE,SAAS,KAAA,CAAS;eAE5C,YACC,oBAAC,MAAD;MACE,OAAO,KAAK,kBAAkB,sBAAsB,GAAG,GAAI;MAC3D,MAAM;MACN,MAAM;OAAE,MAAM;OAAI,aAAa;MAAE;MACjC,OAAO,EACL,eAAe,OACjB;KACD,CAAA;IAEG,CAAA;GACD,GAxBK,GAAG,OAAO,CAwBf;EAEb,CAAC,GACF,qBACC,oBAAC,SAAD;GAAS,OAAO,OAAO,UAAU;aAC/B,oBAAC,aAAD;IACE,eAAA;IACA,OAAO;IACP,cAAc,OAAO;IACrB,QAAQ;IACR,OAAO,sBAAsB,KAAA,IAAY;IACzC,WAAW,GACT,OAAO,QACP,uBAAuB,OAAO,OAC9B,kBAAkB,OAAO,MAC3B;IACA,SACE,sBACI,KAAA,IACA,CACE;KACE,QAAQ,OAAO,KAAK,MAAM,EAAE,KAAK;KACjC,OAAO,OAAO,WAAW;IAC3B,CACF;IAEN,OAAO,EACL,cAAc,UAAU,WAAW,QAAQ,OAAO,aACpD;IACA,mBAAmB,MAAM;KACvB,IAAI,EAAE,YAAY,MAAM,OAAO,cAC7B,UAAU,EAAE;UAEZ,UAAU,EAAE,YAAY,CAAC;IAE7B;GACD,CAAA;EACM,CAAA,CAEJ;;AAEb;AAEA,cAAc,cAAc"}

package/es/ColorSwatches/index.d.mts

@@ -1,3 +1,3 @@
 import { ColorSwatchesProps } from "./type.mjs";
-import { ColorSwatches } from "./ColorSwatches.mjs";
+import ColorSwatches from "./ColorSwatches.mjs";
 export { ColorSwatchesProps, ColorSwatches as default };

package/es/ColorSwatches/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ColorSwatches/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: css`\n      box-shadow: inset 0 0 0 1px ${cssVar.colorFill};\n    `,\n    conic: css`\n      background: conic-gradient(\n        ${cssVar.red},\n        ${cssVar.volcano},\n        ${cssVar.orange},\n        ${cssVar.gold},\n        ${cssVar.yellow},\n        ${cssVar.lime},\n        ${cssVar.green},\n        ${cssVar.cyan},\n        ${cssVar.blue},\n        ${cssVar.geekblue},\n        ${cssVar.purple},\n        ${cssVar.magenta},\n        ${cssVar.red}\n      );\n      .${prefixCls}-color-picker-color-block {\n        opacity: 0;\n      }\n    `,\n\n    container: css`\n      cursor: pointer;\n\n      flex: none;\n\n      width: var(--color-swatches-size, 24px);\n      min-width: var(--color-swatches-size, 24px);\n      height: var(--color-swatches-size, 24px);\n      min-height: var(--color-swatches-size, 24px);\n\n      background: ${cssVar.colorBgContainer};\n      box-shadow: inset 0 0 0 1px ${cssVar.colorFillSecondary};\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px rgba(0, 0, 0, 5%),\n          0 0 0 2px ${cssVar.colorText};\n      }\n    `,\n\n    picker: css`\n      overflow: hidden;\n      flex: none;\n\n      width: var(--color-swatches-size, 24px);\n      min-width: var(--color-swatches-size, 24px);\n      height: var(--color-swatches-size, 24px);\n      min-height: var(--color-swatches-size, 24px);\n      padding: 0;\n      border: none;\n\n      box-shadow: inset 0 0 0 1px ${cssVar.colorFillSecondary};\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px ${cssVar.colorFillSecondary},\n          0 0 0 2px ${cssVar.colorText};\n      }\n\n      .${prefixCls}-color-picker-color-block {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: inherit;\n      }\n    `,\n\n    transparent: css`\n      background-image: conic-gradient(\n        ${cssVar.colorFillSecondary} 25%,\n        transparent 25% 50%,\n        ${cssVar.colorFillSecondary} 50% 75%,\n        transparent 75% 100%\n      );\n      background-size: 50% 50%;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;oCACqB,OAAO,UAAU;;EAEjD,OAAO,GAAG;;UAEJ,OAAO,IAAI;UACX,OAAO,QAAQ;UACf,OAAO,OAAO;UACd,OAAO,KAAK;UACZ,OAAO,OAAO;UACd,OAAO,KAAK;UACZ,OAAO,MAAM;UACb,OAAO,KAAK;UACZ,OAAO,KAAK;UACZ,OAAO,SAAS;UAChB,OAAO,OAAO;UACd,OAAO,QAAQ;UACf,OAAO,IAAI;;SAEZ,UAAU;;;;EAKf,WAAW,GAAG;;;;;;;;;;oBAUE,OAAO,iBAAiB;oCACR,OAAO,mBAAmB;;;;;sBAKxC,OAAO,UAAU;;;EAInC,QAAQ,GAAG;;;;;;;;;;;oCAWqB,OAAO,mBAAmB;;;;4BAIlC,OAAO,mBAAmB;sBAChC,OAAO,UAAU;;;SAG9B,UAAU;;;;;;;EAQf,aAAa,GAAG;;UAEV,OAAO,mBAAmB;;UAE1B,OAAO,mBAAmB;;;;;EAKjC;EACD"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ColorSwatches/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    active: css`\n      box-shadow: inset 0 0 0 1px ${cssVar.colorFill};\n    `,\n    conic: css`\n      background: conic-gradient(\n        ${cssVar.red},\n        ${cssVar.volcano},\n        ${cssVar.orange},\n        ${cssVar.gold},\n        ${cssVar.yellow},\n        ${cssVar.lime},\n        ${cssVar.green},\n        ${cssVar.cyan},\n        ${cssVar.blue},\n        ${cssVar.geekblue},\n        ${cssVar.purple},\n        ${cssVar.magenta},\n        ${cssVar.red}\n      );\n      .${prefixCls}-color-picker-color-block {\n        opacity: 0;\n      }\n    `,\n\n    container: css`\n      cursor: pointer;\n\n      flex: none;\n\n      width: var(--color-swatches-size, 24px);\n      min-width: var(--color-swatches-size, 24px);\n      height: var(--color-swatches-size, 24px);\n      min-height: var(--color-swatches-size, 24px);\n\n      background: ${cssVar.colorBgContainer};\n      box-shadow: inset 0 0 0 1px ${cssVar.colorFillSecondary};\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px rgba(0, 0, 0, 5%),\n          0 0 0 2px ${cssVar.colorText};\n      }\n    `,\n\n    picker: css`\n      overflow: hidden;\n      flex: none;\n\n      width: var(--color-swatches-size, 24px);\n      min-width: var(--color-swatches-size, 24px);\n      height: var(--color-swatches-size, 24px);\n      min-height: var(--color-swatches-size, 24px);\n      padding: 0;\n      border: none;\n\n      box-shadow: inset 0 0 0 1px ${cssVar.colorFillSecondary};\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px ${cssVar.colorFillSecondary},\n          0 0 0 2px ${cssVar.colorText};\n      }\n\n      .${prefixCls}-color-picker-color-block {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: inherit;\n      }\n    `,\n\n    transparent: css`\n      background-image: conic-gradient(\n        ${cssVar.colorFillSecondary} 25%,\n        transparent 25% 50%,\n        ${cssVar.colorFillSecondary} 50% 75%,\n        transparent 75% 100%\n      );\n      background-size: 50% 50%;\n    `,\n  };\n});\n"],"mappings":";;AAEA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,QAAQ,GAAG;oCACqB,OAAO,UAAU;;EAEjD,OAAO,GAAG;;UAEJ,OAAO,IAAI;UACX,OAAO,QAAQ;UACf,OAAO,OAAO;UACd,OAAO,KAAK;UACZ,OAAO,OAAO;UACd,OAAO,KAAK;UACZ,OAAO,MAAM;UACb,OAAO,KAAK;UACZ,OAAO,KAAK;UACZ,OAAO,SAAS;UAChB,OAAO,OAAO;UACd,OAAO,QAAQ;UACf,OAAO,IAAI;;SAEZ,UAAU;;;;EAKf,WAAW,GAAG;;;;;;;;;;oBAUE,OAAO,iBAAiB;oCACR,OAAO,mBAAmB;;;;;sBAKxC,OAAO,UAAU;;;EAInC,QAAQ,GAAG;;;;;;;;;;;oCAWqB,OAAO,mBAAmB;;;;4BAIlC,OAAO,mBAAmB;sBAChC,OAAO,UAAU;;;SAG9B,UAAU;;;;;;;EAQf,aAAa,GAAG;;UAEV,OAAO,mBAAmB;;UAE1B,OAAO,mBAAmB;;;;;CAKlC;AACF,CAAC"}

package/es/ColorSwatches/type.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
 import { Key, ReactNode, Ref } from "react";
-
 //#region src/ColorSwatches/type.d.ts
 interface ColorSwatchesItemType {
   color: string;

package/es/ConfigProvider/index.d.mts

@@ -1,9 +1,7 @@
 import { TranslationResourcesInput } from "../i18n/types.mjs";
 import { MotionComponentType } from "../MotionProvider/index.mjs";
 import { CDN, CdnApi } from "../utils/genCdnUrl.mjs";
-import * as _$react from "react";
 import { ElementType, ReactNode } from "react";
-
 //#region src/ConfigProvider/index.d.ts
 interface Config {
   aAs?: ElementType;
@@ -19,13 +17,9 @@ interface ConfigProviderProps {
   motion: MotionComponentType;
   resources?: TranslationResourcesInput;
 }
-declare const ConfigProvider: _$react.NamedExoticComponent<ConfigProviderProps>;
-type CdnFn = ({
-  pkg,
-  version,
-  path
-}: CdnApi) => string;
+declare const ConfigProvider: import("react").NamedExoticComponent<ConfigProviderProps>;
+type CdnFn = ({ pkg, version, path }: CdnApi) => string;
 declare const useCdnFn: () => CdnFn;
 //#endregion
-export { Config, ConfigProvider, useCdnFn };
+export { CdnFn, Config, ConfigProviderProps, ConfigProvider as default, useCdnFn };
 //# sourceMappingURL=index.d.mts.map