@lobehub/ui 4.33.4 → 4.34.0

package/es/SliderWithInput/SliderWithInput.mjs

@@ -28,7 +28,6 @@ const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, s
 			disabled,
 			max,
 			min,
-			onChange: handleOnchange,
 			step,
 			style: {
 				flex: 1,
@@ -38,6 +37,7 @@ const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, s
 			styles: restStyles,
 			tooltip: { open: false },
 			value: typeof value === "number" ? value : 0,
+			onChange: handleOnchange,
 			...rest
 		}), /* @__PURE__ */ jsx(InputNumber_default, {
 			changeOnWheel,
@@ -47,7 +47,6 @@ const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, s
 			disabled,
 			max: unlimitedInput ? void 0 : max,
 			min,
-			onChange: (v) => handleOnchange(Number(v)),
 			size,
 			step: Number.isNaN(step) || isNull(step) ? void 0 : step,
 			style: {
@@ -55,7 +54,8 @@ const SliderWithInput = memo(({ step, value, onChange, max, min, defaultValue, s
 				maxWidth: size === "small" ? 40 : 64,
 				...inputStyle
 			},
-			value: typeof value === "number" ? value : 0
+			value: typeof value === "number" ? value : 0,
+			onChange: (v) => handleOnchange(Number(v))
 		})]
 	});
 });

package/es/SliderWithInput/SliderWithInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderWithInput.mjs","names":["value","Flexbox","InputNumber"],"sources":["../../src/SliderWithInput/SliderWithInput.tsx"],"sourcesContent":["'use client';\n\nimport { Slider } from 'antd';\nimport { isNull } from 'es-toolkit/compat';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport InputNumber from '@/Input/InputNumber';\n\nimport type { SliderWithInputProps } from './type';\n\nconst SliderWithInput = memo<SliderWithInputProps>(\n  ({\n    step,\n    value,\n    onChange,\n    max,\n    min,\n    defaultValue,\n    size,\n    controls,\n    gap = 16,\n    style,\n    className,\n    classNames,\n    styles,\n    disabled,\n    unlimitedInput = false,\n    changeOnWheel,\n    ...rest\n  }) => {\n    const handleOnchange = (value: number | null) => {\n      if (Number.isNaN(value) || isNull(value)) return;\n      onChange?.(value);\n    };\n\n    const { slider: sliderClassName, input: inputClassName, ...restClassNames } = classNames || {};\n    const { slider: sliderStyle, input: inputStyle, ...restStyles } = styles || {};\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={className}\n        direction={'horizontal'}\n        gap={gap}\n        style={style}\n      >\n        <Slider\n          className={sliderClassName}\n          classNames={restClassNames}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={max}\n          min={min}\n          onChange={handleOnchange}\n          step={step}\n          style={{ flex: 1, margin: size === 'small' ? 0 : undefined, ...sliderStyle }}\n          styles={restStyles}\n          tooltip={{ open: false }}\n          value={typeof value === 'number' ? value : 0}\n          {...rest}\n        />\n        <InputNumber\n          changeOnWheel={changeOnWheel}\n          className={inputClassName}\n          controls={size !== 'small' || controls}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={unlimitedInput ? undefined : max}\n          min={min}\n          onChange={(v) => handleOnchange(Number(v))}\n          size={size}\n          step={Number.isNaN(step) || isNull(step) ? undefined : step}\n          style={{ flex: 1, maxWidth: size === 'small' ? 40 : 64, ...inputStyle }}\n          value={typeof value === 'number' ? value : 0}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nSliderWithInput.displayName = 'SliderWithInput';\n\nexport default SliderWithInput;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,kBAAkB,MACrB,EACC,MACA,OACA,UACA,KACA,KACA,cACA,MACA,UACA,MAAM,IACN,OACA,WACA,YACA,QACA,UACA,iBAAiB,OACjB,eACA,GAAG,WACC;CACJ,MAAM,kBAAkB,YAAyB;AAC/C,MAAI,OAAO,MAAMA,QAAM,IAAI,OAAOA,QAAM,CAAE;AAC1C,aAAWA,QAAM;;CAGnB,MAAM,EAAE,QAAQ,iBAAiB,OAAO,gBAAgB,GAAG,mBAAmB,cAAc,EAAE;CAC9F,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY,GAAG,eAAe,UAAU,EAAE;AAE9E,QACE,qBAACC;EACC,OAAO;EACI;EACX,WAAW;EACN;EACE;aAEP,oBAAC;GACC,WAAW;GACX,YAAY;GACE;GACJ;GACL;GACA;GACL,UAAU;GACJ;GACN,OAAO;IAAE,MAAM;IAAG,QAAQ,SAAS,UAAU,IAAI;IAAW,GAAG;IAAa;GAC5E,QAAQ;GACR,SAAS,EAAE,MAAM,OAAO;GACxB,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,GAAI;IACJ,EACF,oBAACC;GACgB;GACf,WAAW;GACX,UAAU,SAAS,WAAW;GAChB;GACJ;GACV,KAAK,iBAAiB,SAAY;GAC7B;GACL,WAAW,MAAM,eAAe,OAAO,EAAE,CAAC;GACpC;GACN,MAAM,OAAO,MAAM,KAAK,IAAI,OAAO,KAAK,GAAG,SAAY;GACvD,OAAO;IAAE,MAAM;IAAG,UAAU,SAAS,UAAU,KAAK;IAAI,GAAG;IAAY;GACvE,OAAO,OAAO,UAAU,WAAW,QAAQ;IAC3C;GACM;EAGf;AAED,gBAAgB,cAAc;AAE9B,8BAAe"}
+{"version":3,"file":"SliderWithInput.mjs","names":["value","Flexbox","InputNumber"],"sources":["../../src/SliderWithInput/SliderWithInput.tsx"],"sourcesContent":["'use client';\n\nimport { Slider } from 'antd';\nimport { isNull } from 'es-toolkit/compat';\nimport { memo } from 'react';\n\nimport { Flexbox } from '@/Flex';\nimport InputNumber from '@/Input/InputNumber';\n\nimport type { SliderWithInputProps } from './type';\n\nconst SliderWithInput = memo<SliderWithInputProps>(\n  ({\n    step,\n    value,\n    onChange,\n    max,\n    min,\n    defaultValue,\n    size,\n    controls,\n    gap = 16,\n    style,\n    className,\n    classNames,\n    styles,\n    disabled,\n    unlimitedInput = false,\n    changeOnWheel,\n    ...rest\n  }) => {\n    const handleOnchange = (value: number | null) => {\n      if (Number.isNaN(value) || isNull(value)) return;\n      onChange?.(value);\n    };\n\n    const { slider: sliderClassName, input: inputClassName, ...restClassNames } = classNames || {};\n    const { slider: sliderStyle, input: inputStyle, ...restStyles } = styles || {};\n\n    return (\n      <Flexbox\n        align={'center'}\n        className={className}\n        direction={'horizontal'}\n        gap={gap}\n        style={style}\n      >\n        <Slider\n          className={sliderClassName}\n          classNames={restClassNames}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={max}\n          min={min}\n          step={step}\n          style={{ flex: 1, margin: size === 'small' ? 0 : undefined, ...sliderStyle }}\n          styles={restStyles}\n          tooltip={{ open: false }}\n          value={typeof value === 'number' ? value : 0}\n          onChange={handleOnchange}\n          {...rest}\n        />\n        <InputNumber\n          changeOnWheel={changeOnWheel}\n          className={inputClassName}\n          controls={size !== 'small' || controls}\n          defaultValue={defaultValue}\n          disabled={disabled}\n          max={unlimitedInput ? undefined : max}\n          min={min}\n          size={size}\n          step={Number.isNaN(step) || isNull(step) ? undefined : step}\n          style={{ flex: 1, maxWidth: size === 'small' ? 40 : 64, ...inputStyle }}\n          value={typeof value === 'number' ? value : 0}\n          onChange={(v) => handleOnchange(Number(v))}\n        />\n      </Flexbox>\n    );\n  },\n);\n\nSliderWithInput.displayName = 'SliderWithInput';\n\nexport default SliderWithInput;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,kBAAkB,MACrB,EACC,MACA,OACA,UACA,KACA,KACA,cACA,MACA,UACA,MAAM,IACN,OACA,WACA,YACA,QACA,UACA,iBAAiB,OACjB,eACA,GAAG,WACC;CACJ,MAAM,kBAAkB,YAAyB;AAC/C,MAAI,OAAO,MAAMA,QAAM,IAAI,OAAOA,QAAM,CAAE;AAC1C,aAAWA,QAAM;;CAGnB,MAAM,EAAE,QAAQ,iBAAiB,OAAO,gBAAgB,GAAG,mBAAmB,cAAc,EAAE;CAC9F,MAAM,EAAE,QAAQ,aAAa,OAAO,YAAY,GAAG,eAAe,UAAU,EAAE;AAE9E,QACE,qBAACC;EACC,OAAO;EACI;EACX,WAAW;EACN;EACE;aAEP,oBAAC;GACC,WAAW;GACX,YAAY;GACE;GACJ;GACL;GACA;GACC;GACN,OAAO;IAAE,MAAM;IAAG,QAAQ,SAAS,UAAU,IAAI;IAAW,GAAG;IAAa;GAC5E,QAAQ;GACR,SAAS,EAAE,MAAM,OAAO;GACxB,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,UAAU;GACV,GAAI;IACJ,EACF,oBAACC;GACgB;GACf,WAAW;GACX,UAAU,SAAS,WAAW;GAChB;GACJ;GACV,KAAK,iBAAiB,SAAY;GAC7B;GACC;GACN,MAAM,OAAO,MAAM,KAAK,IAAI,OAAO,KAAK,GAAG,SAAY;GACvD,OAAO;IAAE,MAAM;IAAG,UAAU,SAAS,UAAU,KAAK;IAAI,GAAG;IAAY;GACvE,OAAO,OAAO,UAAU,WAAW,QAAQ;GAC3C,WAAW,MAAM,eAAe,OAAO,EAAE,CAAC;IAC1C;GACM;EAGf;AAED,gBAAgB,cAAc;AAE9B,8BAAe"}

package/es/Snippet/Snippet.mjs

@@ -12,6 +12,7 @@ import { cx } from "antd-style";
 const Snippet = ({ ref, prefix, language = "tsx", children, copyable = true, variant = "filled", spotlight, shadow, className, ...rest }) => {
 	const tirmedChildren = children.trim();
 	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
 		align: "center",
 		className: cx(variants({
 			shadow,
@@ -19,7 +20,6 @@ const Snippet = ({ ref, prefix, language = "tsx", children, copyable = true, var
 		}), className),
 		"data-code-type": "highlighter",
 		gap: 8,
-		horizontal: true,
 		ref,
 		...rest,
 		children: [

package/es/Snippet/Snippet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Snippet.mjs","names":["Snippet: FC<SnippetProps>","Flexbox","Spotlight","SyntaxHighlighter","CopyButton"],"sources":["../../src/Snippet/Snippet.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC } from 'react';\n\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport SyntaxHighlighter from '@/Highlighter/SyntaxHighlighter';\nimport Spotlight from '@/awesome/Spotlight';\n\nimport { styles, variants } from './style';\nimport type { SnippetProps } from './type';\n\nconst Snippet: FC<SnippetProps> = ({\n  ref,\n  prefix,\n  language = 'tsx',\n  children,\n  copyable = true,\n  variant = 'filled',\n  spotlight,\n  shadow,\n  className,\n  ...rest\n}) => {\n  const tirmedChildren = children.trim();\n\n  return (\n    <Flexbox\n      align={'center'}\n      className={cx(variants({ shadow, variant }), className)}\n      data-code-type=\"highlighter\"\n      gap={8}\n      horizontal\n      ref={ref}\n      {...rest}\n    >\n      {spotlight && <Spotlight />}\n      <SyntaxHighlighter className={styles.hightlight} language={language}>\n        {[prefix, tirmedChildren].filter(Boolean).join(' ')}\n      </SyntaxHighlighter>\n      {copyable && <CopyButton content={tirmedChildren} size={'small'} />}\n    </Flexbox>\n  );\n};\n\nSnippet.displayName = 'Snippet';\n\nexport default Snippet;\n"],"mappings":";;;;;;;;;;;AAaA,MAAMA,WAA6B,EACjC,KACA,QACA,WAAW,OACX,UACA,WAAW,MACX,UAAU,UACV,WACA,QACA,WACA,GAAG,WACC;CACJ,MAAM,iBAAiB,SAAS,MAAM;AAEtC,QACE,qBAACC;EACC,OAAO;EACP,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACf,KAAK;EACL;EACK;EACL,GAAI;;GAEH,aAAa,oBAACC,sBAAY;GAC3B,oBAACC;IAAkB,WAAW,OAAO;IAAsB;cACxD,CAAC,QAAQ,eAAe,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;KACjC;GACnB,YAAY,oBAACC;IAAW,SAAS;IAAgB,MAAM;KAAW;;GAC3D;;AAId,QAAQ,cAAc;AAEtB,sBAAe"}
+{"version":3,"file":"Snippet.mjs","names":["Snippet: FC<SnippetProps>","Flexbox","Spotlight","SyntaxHighlighter","CopyButton"],"sources":["../../src/Snippet/Snippet.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport type { FC } from 'react';\n\nimport Spotlight from '@/awesome/Spotlight';\nimport CopyButton from '@/CopyButton';\nimport { Flexbox } from '@/Flex';\nimport SyntaxHighlighter from '@/Highlighter/SyntaxHighlighter';\n\nimport { styles, variants } from './style';\nimport { type SnippetProps } from './type';\n\nconst Snippet: FC<SnippetProps> = ({\n  ref,\n  prefix,\n  language = 'tsx',\n  children,\n  copyable = true,\n  variant = 'filled',\n  spotlight,\n  shadow,\n  className,\n  ...rest\n}) => {\n  const tirmedChildren = children.trim();\n\n  return (\n    <Flexbox\n      horizontal\n      align={'center'}\n      className={cx(variants({ shadow, variant }), className)}\n      data-code-type=\"highlighter\"\n      gap={8}\n      ref={ref}\n      {...rest}\n    >\n      {spotlight && <Spotlight />}\n      <SyntaxHighlighter className={styles.hightlight} language={language}>\n        {[prefix, tirmedChildren].filter(Boolean).join(' ')}\n      </SyntaxHighlighter>\n      {copyable && <CopyButton content={tirmedChildren} size={'small'} />}\n    </Flexbox>\n  );\n};\n\nSnippet.displayName = 'Snippet';\n\nexport default Snippet;\n"],"mappings":";;;;;;;;;;;AAaA,MAAMA,WAA6B,EACjC,KACA,QACA,WAAW,OACX,UACA,WAAW,MACX,UAAU,UACV,WACA,QACA,WACA,GAAG,WACC;CACJ,MAAM,iBAAiB,SAAS,MAAM;AAEtC,QACE,qBAACC;EACC;EACA,OAAO;EACP,WAAW,GAAG,SAAS;GAAE;GAAQ;GAAS,CAAC,EAAE,UAAU;EACvD,kBAAe;EACf,KAAK;EACA;EACL,GAAI;;GAEH,aAAa,oBAACC,sBAAY;GAC3B,oBAACC;IAAkB,WAAW,OAAO;IAAsB;cACxD,CAAC,QAAQ,eAAe,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;KACjC;GACnB,YAAY,oBAACC;IAAW,SAAS;IAAgB,MAAM;KAAW;;GAC3D;;AAId,QAAQ,cAAc;AAEtB,sBAAe"}

package/es/Snippet/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Snippet/style.ts"],"sourcesContent":["import { createStaticStyles } 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: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    hightlight: css`\n      overflow: auto hidden;\n      flex: 1;\n      height: 100%;\n      padding: 0;\n\n      pre {\n        display: flex;\n        align-items: center;\n        height: 100%;\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden;\n\n      max-width: 100%;\n      height: 38px;\n      padding-block: 0;\n      padding-inline: 12px 8px;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'filled',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,YAAY,KAAG;;;;;;;;;;;;EAYf,UAAUA,cAAkB;EAC5B,MAAM,KAAG;;;;;;;;;uBASUC,SAAO,aAAa;;EAEvC,QAAQD,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CAEF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Snippet/style.ts"],"sourcesContent":["import { createStaticStyles } 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: lobeStaticStylish.variantBorderlessWithoutHover,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    hightlight: css`\n      overflow: auto hidden;\n      flex: 1;\n      height: 100%;\n      padding: 0;\n\n      pre {\n        display: flex;\n        align-items: center;\n        height: 100%;\n      }\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n    root: css`\n      position: relative;\n\n      overflow: hidden;\n\n      max-width: 100%;\n      height: 38px;\n      padding-block: 0;\n      padding-inline: 12px 8px;\n      border-radius: ${cssVar.borderRadius};\n    `,\n    shadow: lobeStaticStylish.shadow,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    shadow: false,\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    shadow: {\n      false: null,\n      true: styles.shadow,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,QAAQA,cAAkB;EAC1B,YAAY,KAAG;;;;;;;;;;;;EAYf,UAAUA,cAAkB;EAC5B,MAAM,KAAG;;;;;;;;;uBASUC,SAAO,aAAa;;EAEvC,QAAQD,cAAkB;EAC3B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,QAAQ;EACR,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;GACd;EACF;CACF,CAAC"}

package/es/SortableList/SortableList.mjs

@@ -18,6 +18,7 @@ const SortableListParent = memo(({ ref, items, onChange, renderItem, gap = 8, ..
 	const sensors = useSensors(useSensor(PointerSensor), useSensor(KeyboardSensor, { coordinateGetter: sortableKeyboardCoordinates }));
 	return /* @__PURE__ */ jsxs(DndContext, {
 		modifiers: [restrictToVerticalAxis, restrictToWindowEdges],
+		sensors,
 		onDragCancel: () => {
 			setActive(null);
 		},
@@ -28,7 +29,6 @@ const SortableListParent = memo(({ ref, items, onChange, renderItem, gap = 8, ..
 		onDragStart: ({ active: active$1 }) => {
 			setActive(active$1);
 		},
-		sensors,
 		children: [/* @__PURE__ */ jsx(SortableContext, {
 			items,
 			strategy: verticalListSortingStrategy,

package/es/SortableList/SortableList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortableList.mjs","names":["active","Flexbox","SortableOverlay","SortableItem","DragHandle"],"sources":["../../src/SortableList/SortableList.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Active,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis, restrictToWindowEdges } from '@dnd-kit/modifiers';\nimport {\n  SortableContext,\n  arrayMove,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { Fragment, type ReactNode, memo, useMemo, useState } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport DragHandle from './components/DragHandle';\nimport SortableItem from './components/SortableItem';\nimport SortableOverlay from './components/SortableOverlay';\nimport { styles } from './style';\nimport type { SortableListProps } from './type';\n\nconst SortableListParent = memo<SortableListProps>(\n  ({ ref, items, onChange, renderItem, gap = 8, ...rest }) => {\n    const [active, setActive] = useState<Active | null>(null);\n    const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);\n    const sensors = useSensors(\n      useSensor(PointerSensor),\n      useSensor(KeyboardSensor, {\n        coordinateGetter: sortableKeyboardCoordinates,\n      }),\n    );\n\n    return (\n      <DndContext\n        modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n        onDragCancel={() => {\n          setActive(null);\n        }}\n        onDragEnd={({ active, over }) => {\n          if (over && active.id !== over?.id) {\n            const activeIndex = items.findIndex(({ id }) => id === active.id);\n            const overIndex = items.findIndex(({ id }) => id === over.id);\n\n            onChange(arrayMove(items, activeIndex, overIndex));\n          }\n          setActive(null);\n        }}\n        onDragStart={({ active }) => {\n          setActive(active);\n        }}\n        sensors={sensors}\n      >\n        <SortableContext items={items} strategy={verticalListSortingStrategy}>\n          <Flexbox as={'ul'} className={styles.container} gap={gap} ref={ref} {...rest}>\n            {items.map((item) => (\n              <Fragment key={item.id}>{renderItem(item)}</Fragment>\n            ))}\n          </Flexbox>\n        </SortableContext>\n        <SortableOverlay>{activeItem ? renderItem(activeItem) : null}</SortableOverlay>\n      </DndContext>\n    );\n  },\n);\n\nSortableListParent.displayName = 'SortableList';\n\nexport interface ISortableList {\n  (props: SortableListProps): ReactNode;\n  DragHandle: typeof DragHandle;\n  Item: typeof SortableItem;\n}\n\nconst SortableList = SortableListParent as unknown as ISortableList;\n\nSortableList.Item = SortableItem;\nSortableList.DragHandle = DragHandle;\n\nexport default SortableList;\n"],"mappings":";;;;;;;;;;;;;;AA2BA,MAAM,qBAAqB,MACxB,EAAE,KAAK,OAAO,UAAU,YAAY,MAAM,GAAG,GAAG,WAAW;CAC1D,MAAM,CAAC,QAAQ,aAAa,SAAwB,KAAK;CACzD,MAAM,aAAa,cAAc,MAAM,MAAM,SAAS,KAAK,OAAO,QAAQ,GAAG,EAAE,CAAC,QAAQ,MAAM,CAAC;CAC/F,MAAM,UAAU,WACd,UAAU,cAAc,EACxB,UAAU,gBAAgB,EACxB,kBAAkB,6BACnB,CAAC,CACH;AAED,QACE,qBAAC;EACC,WAAW,CAAC,wBAAwB,sBAAsB;EAC1D,oBAAoB;AAClB,aAAU,KAAK;;EAEjB,YAAY,EAAE,kBAAQ,WAAW;AAC/B,OAAI,QAAQA,SAAO,OAAO,MAAM,GAI9B,UAAS,UAAU,OAHC,MAAM,WAAW,EAAE,SAAS,OAAOA,SAAO,GAAG,EAC/C,MAAM,WAAW,EAAE,SAAS,OAAO,KAAK,GAAG,CAEZ,CAAC;AAEpD,aAAU,KAAK;;EAEjB,cAAc,EAAE,uBAAa;AAC3B,aAAUA,SAAO;;EAEV;aAET,oBAAC;GAAuB;GAAO,UAAU;aACvC,oBAACC;IAAQ,IAAI;IAAM,WAAW,OAAO;IAAgB;IAAU;IAAK,GAAI;cACrE,MAAM,KAAK,SACV,oBAAC,sBAAwB,WAAW,KAAK,IAA1B,KAAK,GAAiC,CACrD;KACM;IACM,EAClB,oBAACC,qCAAiB,aAAa,WAAW,WAAW,GAAG,OAAuB;GACpE;EAGlB;AAED,mBAAmB,cAAc;AAQjC,MAAM,eAAe;AAErB,aAAa,OAAOC;AACpB,aAAa,aAAaC;AAE1B,2BAAe"}
+{"version":3,"file":"SortableList.mjs","names":["active","Flexbox","SortableOverlay","SortableItem","DragHandle"],"sources":["../../src/SortableList/SortableList.tsx"],"sourcesContent":["'use client';\n\nimport {\n  type Active,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@dnd-kit/core';\nimport { restrictToVerticalAxis, restrictToWindowEdges } from '@dnd-kit/modifiers';\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@dnd-kit/sortable';\nimport { Fragment, memo, type ReactNode, useMemo, useState } from 'react';\n\nimport { Flexbox } from '@/Flex';\n\nimport DragHandle from './components/DragHandle';\nimport SortableItem from './components/SortableItem';\nimport SortableOverlay from './components/SortableOverlay';\nimport { styles } from './style';\nimport { type SortableListProps } from './type';\n\nconst SortableListParent = memo<SortableListProps>(\n  ({ ref, items, onChange, renderItem, gap = 8, ...rest }) => {\n    const [active, setActive] = useState<Active | null>(null);\n    const activeItem = useMemo(() => items.find((item) => item.id === active?.id), [active, items]);\n    const sensors = useSensors(\n      useSensor(PointerSensor),\n      useSensor(KeyboardSensor, {\n        coordinateGetter: sortableKeyboardCoordinates,\n      }),\n    );\n\n    return (\n      <DndContext\n        modifiers={[restrictToVerticalAxis, restrictToWindowEdges]}\n        sensors={sensors}\n        onDragCancel={() => {\n          setActive(null);\n        }}\n        onDragEnd={({ active, over }) => {\n          if (over && active.id !== over?.id) {\n            const activeIndex = items.findIndex(({ id }) => id === active.id);\n            const overIndex = items.findIndex(({ id }) => id === over.id);\n\n            onChange(arrayMove(items, activeIndex, overIndex));\n          }\n          setActive(null);\n        }}\n        onDragStart={({ active }) => {\n          setActive(active);\n        }}\n      >\n        <SortableContext items={items} strategy={verticalListSortingStrategy}>\n          <Flexbox as={'ul'} className={styles.container} gap={gap} ref={ref} {...rest}>\n            {items.map((item) => (\n              <Fragment key={item.id}>{renderItem(item)}</Fragment>\n            ))}\n          </Flexbox>\n        </SortableContext>\n        <SortableOverlay>{activeItem ? renderItem(activeItem) : null}</SortableOverlay>\n      </DndContext>\n    );\n  },\n);\n\nSortableListParent.displayName = 'SortableList';\n\nexport interface ISortableList {\n  (props: SortableListProps): ReactNode;\n  DragHandle: typeof DragHandle;\n  Item: typeof SortableItem;\n}\n\nconst SortableList = SortableListParent as unknown as ISortableList;\n\nSortableList.Item = SortableItem;\nSortableList.DragHandle = DragHandle;\n\nexport default SortableList;\n"],"mappings":";;;;;;;;;;;;;;AA2BA,MAAM,qBAAqB,MACxB,EAAE,KAAK,OAAO,UAAU,YAAY,MAAM,GAAG,GAAG,WAAW;CAC1D,MAAM,CAAC,QAAQ,aAAa,SAAwB,KAAK;CACzD,MAAM,aAAa,cAAc,MAAM,MAAM,SAAS,KAAK,OAAO,QAAQ,GAAG,EAAE,CAAC,QAAQ,MAAM,CAAC;CAC/F,MAAM,UAAU,WACd,UAAU,cAAc,EACxB,UAAU,gBAAgB,EACxB,kBAAkB,6BACnB,CAAC,CACH;AAED,QACE,qBAAC;EACC,WAAW,CAAC,wBAAwB,sBAAsB;EACjD;EACT,oBAAoB;AAClB,aAAU,KAAK;;EAEjB,YAAY,EAAE,kBAAQ,WAAW;AAC/B,OAAI,QAAQA,SAAO,OAAO,MAAM,GAI9B,UAAS,UAAU,OAHC,MAAM,WAAW,EAAE,SAAS,OAAOA,SAAO,GAAG,EAC/C,MAAM,WAAW,EAAE,SAAS,OAAO,KAAK,GAAG,CAEZ,CAAC;AAEpD,aAAU,KAAK;;EAEjB,cAAc,EAAE,uBAAa;AAC3B,aAAUA,SAAO;;aAGnB,oBAAC;GAAuB;GAAO,UAAU;aACvC,oBAACC;IAAQ,IAAI;IAAM,WAAW,OAAO;IAAgB;IAAU;IAAK,GAAI;cACrE,MAAM,KAAK,SACV,oBAAC,sBAAwB,WAAW,KAAK,IAA1B,KAAK,GAAiC,CACrD;KACM;IACM,EAClB,oBAACC,qCAAiB,aAAa,WAAW,WAAW,GAAG,OAAuB;GACpE;EAGlB;AAED,mBAAmB,cAAc;AAQjC,MAAM,eAAe;AAErB,aAAa,OAAOC;AACpB,aAAa,aAAaC;AAE1B,2BAAe"}

package/es/SortableList/components/DragHandle.d.mts

@@ -1,9 +1,9 @@
 import { ActionIconProps } from "../../ActionIcon/type.mjs";
 import "../../ActionIcon/index.mjs";
-import * as react121 from "react";
+import * as react90 from "react";
 
 //#region src/SortableList/components/DragHandle.d.ts
-declare const DragHandle: react121.NamedExoticComponent<ActionIconProps>;
+declare const DragHandle: react90.NamedExoticComponent<ActionIconProps>;
 //#endregion
 export { DragHandle };
 //# sourceMappingURL=DragHandle.d.mts.map

package/es/SortableList/components/DragHandle.mjs

@@ -11,16 +11,16 @@ const DragHandle = memo(({ style, ...rest }) => {
 	const [grab, setGrab] = useState(false);
 	const { attributes, listeners, ref } = use(SortableItemContext);
 	return /* @__PURE__ */ jsx(ActionIcon_default, {
-		"data-cypress": "draggable-handle",
 		glass: true,
+		"data-cypress": "draggable-handle",
 		icon: GripVertical,
-		onMouseDown: () => setGrab(true),
-		onMouseUp: () => setGrab(false),
 		size: "small",
 		style: {
 			cursor: grab ? "grab" : "grabbing",
 			...style
 		},
+		onMouseDown: () => setGrab(true),
+		onMouseUp: () => setGrab(false),
 		...rest,
 		...attributes,
 		...listeners,

package/es/SortableList/components/DragHandle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.mjs","names":["ActionIcon"],"sources":["../../../src/SortableList/components/DragHandle.tsx"],"sourcesContent":["'use client';\n\nimport { GripVertical } from 'lucide-react';\nimport { memo, use, useState } from 'react';\n\nimport ActionIcon, { type ActionIconProps } from '@/ActionIcon';\n\nimport { SortableItemContext } from './SortableItem';\n\nconst DragHandle = memo<ActionIconProps>(({ style, ...rest }) => {\n  const [grab, setGrab] = useState(false);\n  const { attributes, listeners, ref } = use(SortableItemContext);\n  return (\n    <ActionIcon\n      data-cypress=\"draggable-handle\"\n      glass\n      icon={GripVertical}\n      onMouseDown={() => setGrab(true)}\n      onMouseUp={() => setGrab(false)}\n      size={'small'}\n      style={{ cursor: grab ? 'grab' : 'grabbing', ...style }}\n      {...rest}\n      {...attributes}\n      {...listeners}\n      ref={ref}\n    />\n  );\n});\n\nDragHandle.displayName = 'DragHandle';\n\nexport default DragHandle;\n"],"mappings":";;;;;;;;;AASA,MAAM,aAAa,MAAuB,EAAE,OAAO,GAAG,WAAW;CAC/D,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,EAAE,YAAY,WAAW,QAAQ,IAAI,oBAAoB;AAC/D,QACE,oBAACA;EACC,gBAAa;EACb;EACA,MAAM;EACN,mBAAmB,QAAQ,KAAK;EAChC,iBAAiB,QAAQ,MAAM;EAC/B,MAAM;EACN,OAAO;GAAE,QAAQ,OAAO,SAAS;GAAY,GAAG;GAAO;EACvD,GAAI;EACJ,GAAI;EACJ,GAAI;EACC;GACL;EAEJ;AAEF,WAAW,cAAc;AAEzB,yBAAe"}
+{"version":3,"file":"DragHandle.mjs","names":["ActionIcon"],"sources":["../../../src/SortableList/components/DragHandle.tsx"],"sourcesContent":["'use client';\n\nimport { GripVertical } from 'lucide-react';\nimport { memo, use, useState } from 'react';\n\nimport ActionIcon, { type ActionIconProps } from '@/ActionIcon';\n\nimport { SortableItemContext } from './SortableItem';\n\nconst DragHandle = memo<ActionIconProps>(({ style, ...rest }) => {\n  const [grab, setGrab] = useState(false);\n  const { attributes, listeners, ref } = use(SortableItemContext);\n  return (\n    <ActionIcon\n      glass\n      data-cypress=\"draggable-handle\"\n      icon={GripVertical}\n      size={'small'}\n      style={{ cursor: grab ? 'grab' : 'grabbing', ...style }}\n      onMouseDown={() => setGrab(true)}\n      onMouseUp={() => setGrab(false)}\n      {...rest}\n      {...attributes}\n      {...listeners}\n      ref={ref}\n    />\n  );\n});\n\nDragHandle.displayName = 'DragHandle';\n\nexport default DragHandle;\n"],"mappings":";;;;;;;;;AASA,MAAM,aAAa,MAAuB,EAAE,OAAO,GAAG,WAAW;CAC/D,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,EAAE,YAAY,WAAW,QAAQ,IAAI,oBAAoB;AAC/D,QACE,oBAACA;EACC;EACA,gBAAa;EACb,MAAM;EACN,MAAM;EACN,OAAO;GAAE,QAAQ,OAAO,SAAS;GAAY,GAAG;GAAO;EACvD,mBAAmB,QAAQ,KAAK;EAChC,iBAAiB,QAAQ,MAAM;EAC/B,GAAI;EACJ,GAAI;EACJ,GAAI;EACC;GACL;EAEJ;AAEF,WAAW,cAAc;AAEzB,yBAAe"}

package/es/SortableList/components/SortableItem.d.mts

@@ -1,6 +1,6 @@
 import { FlexboxProps } from "../../Flex/type.mjs";
 import "../../Flex/index.mjs";
-import * as react119 from "react";
+import * as react88 from "react";
 import "@dnd-kit/core";
 
 //#region src/SortableList/components/SortableItem.d.ts
@@ -9,7 +9,7 @@ interface SortableItemProps extends Omit<FlexboxProps, 'id'> {
   id: string | number;
   variant?: 'borderless' | 'filled' | 'outlined';
 }
-declare const SortableItem: react119.NamedExoticComponent<SortableItemProps>;
+declare const SortableItem: react88.NamedExoticComponent<SortableItemProps>;
 //#endregion
 export { SortableItem };
 //# sourceMappingURL=SortableItem.d.mts.map

package/es/SortableList/components/SortableItem.mjs

@@ -27,11 +27,11 @@ const SortableItem = memo(({ variant = "borderless", className, children, id, st
 			setActivatorNodeRef
 		]),
 		children: /* @__PURE__ */ jsx(FlexBasic_default, {
+			horizontal: true,
 			align: "center",
 			as: "li",
 			className: cx(variants({ variant }), className),
 			gap: 4,
-			horizontal: true,
 			ref: setNodeRef,
 			style: {
 				opacity: isDragging ? .4 : void 0,

package/es/SortableList/components/SortableItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortableItem.mjs","names":["Flexbox"],"sources":["../../../src/SortableList/components/SortableItem.tsx"],"sourcesContent":["'use client';\n\nimport type { DraggableSyntheticListeners } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { cx } from 'antd-style';\nimport { createContext, memo, useMemo } from 'react';\n\nimport { type FlexboxProps } from '@/Flex';\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from '../style';\n\ninterface Context {\n  attributes: Record<string, any>;\n  listeners: DraggableSyntheticListeners;\n  ref(node: HTMLElement | null): void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n  attributes: {},\n  listeners: undefined,\n  ref() {},\n});\n\nexport interface SortableItemProps extends Omit<FlexboxProps, 'id'> {\n  id: string | number;\n  variant?: 'borderless' | 'filled' | 'outlined';\n}\n\nconst SortableItem = memo<SortableItemProps>(\n  ({ variant = 'borderless', className, children, id, style, ...rest }) => {\n    const {\n      attributes,\n      isDragging,\n      listeners,\n      setNodeRef,\n      setActivatorNodeRef,\n      transform,\n      transition,\n    } = useSortable({ id });\n    const context = useMemo(\n      () => ({\n        attributes,\n        listeners,\n        ref: setActivatorNodeRef,\n      }),\n      [attributes, listeners, setActivatorNodeRef],\n    );\n\n    return (\n      <SortableItemContext value={context}>\n        <Flexbox\n          align={'center'}\n          as={'li'}\n          className={cx(variants({ variant }), className)}\n          gap={4}\n          horizontal\n          ref={setNodeRef}\n          style={{\n            opacity: isDragging ? 0.4 : undefined,\n            transform: CSS.Translate.toString(transform),\n            transition,\n            ...style,\n          }}\n          {...rest}\n        >\n          {children}\n        </Flexbox>\n      </SortableItemContext>\n    );\n  },\n);\n\nSortableItem.displayName = 'SortableItem';\n\nexport default SortableItem;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAa,sBAAsB,cAAuB;CACxD,YAAY,EAAE;CACd,WAAW;CACX,MAAM;CACP,CAAC;AAOF,MAAM,eAAe,MAClB,EAAE,UAAU,cAAc,WAAW,UAAU,IAAI,OAAO,GAAG,WAAW;CACvE,MAAM,EACJ,YACA,YACA,WACA,YACA,qBACA,WACA,eACE,YAAY,EAAE,IAAI,CAAC;AAUvB,QACE,oBAAC;EAAoB,OAVP,eACP;GACL;GACA;GACA,KAAK;GACN,GACD;GAAC;GAAY;GAAW;GAAoB,CAC7C;YAIG,oBAACA;GACC,OAAO;GACP,IAAI;GACJ,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;GAC/C,KAAK;GACL;GACA,KAAK;GACL,OAAO;IACL,SAAS,aAAa,KAAM;IAC5B,WAAW,IAAI,UAAU,SAAS,UAAU;IAC5C;IACA,GAAG;IACJ;GACD,GAAI;GAEH;IACO;GACU;EAG3B;AAED,aAAa,cAAc;AAE3B,2BAAe"}
+{"version":3,"file":"SortableItem.mjs","names":["Flexbox"],"sources":["../../../src/SortableList/components/SortableItem.tsx"],"sourcesContent":["'use client';\n\nimport type { DraggableSyntheticListeners } from '@dnd-kit/core';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { cx } from 'antd-style';\nimport { createContext, memo, useMemo } from 'react';\n\nimport { type FlexboxProps } from '@/Flex';\nimport { Flexbox } from '@/Flex';\n\nimport { variants } from '../style';\n\ninterface Context {\n  attributes: Record<string, any>;\n  listeners: DraggableSyntheticListeners;\n  ref: (node: HTMLElement | null) => void;\n}\n\nexport const SortableItemContext = createContext<Context>({\n  attributes: {},\n  listeners: undefined,\n  ref() {},\n});\n\nexport interface SortableItemProps extends Omit<FlexboxProps, 'id'> {\n  id: string | number;\n  variant?: 'borderless' | 'filled' | 'outlined';\n}\n\nconst SortableItem = memo<SortableItemProps>(\n  ({ variant = 'borderless', className, children, id, style, ...rest }) => {\n    const {\n      attributes,\n      isDragging,\n      listeners,\n      setNodeRef,\n      setActivatorNodeRef,\n      transform,\n      transition,\n    } = useSortable({ id });\n    const context = useMemo(\n      () => ({\n        attributes,\n        listeners,\n        ref: setActivatorNodeRef,\n      }),\n      [attributes, listeners, setActivatorNodeRef],\n    );\n\n    return (\n      <SortableItemContext value={context}>\n        <Flexbox\n          horizontal\n          align={'center'}\n          as={'li'}\n          className={cx(variants({ variant }), className)}\n          gap={4}\n          ref={setNodeRef}\n          style={{\n            opacity: isDragging ? 0.4 : undefined,\n            transform: CSS.Translate.toString(transform),\n            transition,\n            ...style,\n          }}\n          {...rest}\n        >\n          {children}\n        </Flexbox>\n      </SortableItemContext>\n    );\n  },\n);\n\nSortableItem.displayName = 'SortableItem';\n\nexport default SortableItem;\n"],"mappings":";;;;;;;;;;;AAmBA,MAAa,sBAAsB,cAAuB;CACxD,YAAY,EAAE;CACd,WAAW;CACX,MAAM;CACP,CAAC;AAOF,MAAM,eAAe,MAClB,EAAE,UAAU,cAAc,WAAW,UAAU,IAAI,OAAO,GAAG,WAAW;CACvE,MAAM,EACJ,YACA,YACA,WACA,YACA,qBACA,WACA,eACE,YAAY,EAAE,IAAI,CAAC;AAUvB,QACE,oBAAC;EAAoB,OAVP,eACP;GACL;GACA;GACA,KAAK;GACN,GACD;GAAC;GAAY;GAAW;GAAoB,CAC7C;YAIG,oBAACA;GACC;GACA,OAAO;GACP,IAAI;GACJ,WAAW,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,UAAU;GAC/C,KAAK;GACL,KAAK;GACL,OAAO;IACL,SAAS,aAAa,KAAM;IAC5B,WAAW,IAAI,UAAU,SAAS,UAAU;IAC5C;IACA,GAAG;IACJ;GACD,GAAI;GAEH;IACO;GACU;EAG3B;AAED,aAAa,cAAc;AAE3B,2BAAe"}

package/es/SortableList/components/SortableOverlay.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SortableOverlay.mjs","names":["dropAnimationConfig: DropAnimation"],"sources":["../../../src/SortableList/components/SortableOverlay.tsx"],"sourcesContent":["'use client';\n\nimport { DragOverlay, defaultDropAnimationSideEffects } from '@dnd-kit/core';\nimport type { DropAnimation } from '@dnd-kit/core';\nimport type { PropsWithChildren } from 'react';\nimport { memo } from 'react';\n\nconst dropAnimationConfig: DropAnimation = {\n  sideEffects: defaultDropAnimationSideEffects({\n    styles: {\n      active: {\n        opacity: '0.4',\n      },\n    },\n  }),\n};\n\nconst SortableOverlay = memo<PropsWithChildren>(({ children }) => {\n  return <DragOverlay dropAnimation={dropAnimationConfig}>{children}</DragOverlay>;\n});\n\nSortableOverlay.displayName = 'SortableOverlay';\n\nexport default SortableOverlay;\n"],"mappings":";;;;;;;AAOA,MAAMA,sBAAqC,EACzC,aAAa,gCAAgC,EAC3C,QAAQ,EACN,QAAQ,EACN,SAAS,OACV,EACF,EACF,CAAC,EACH;AAED,MAAM,kBAAkB,MAAyB,EAAE,eAAe;AAChE,QAAO,oBAAC;EAAY,eAAe;EAAsB;GAAuB;EAChF;AAEF,gBAAgB,cAAc;AAE9B,8BAAe"}
+{"version":3,"file":"SortableOverlay.mjs","names":["dropAnimationConfig: DropAnimation"],"sources":["../../../src/SortableList/components/SortableOverlay.tsx"],"sourcesContent":["'use client';\n\nimport { type DropAnimation } from '@dnd-kit/core';\nimport { defaultDropAnimationSideEffects, DragOverlay } from '@dnd-kit/core';\nimport { type PropsWithChildren } from 'react';\nimport { memo } from 'react';\n\nconst dropAnimationConfig: DropAnimation = {\n  sideEffects: defaultDropAnimationSideEffects({\n    styles: {\n      active: {\n        opacity: '0.4',\n      },\n    },\n  }),\n};\n\nconst SortableOverlay = memo<PropsWithChildren>(({ children }) => {\n  return <DragOverlay dropAnimation={dropAnimationConfig}>{children}</DragOverlay>;\n});\n\nSortableOverlay.displayName = 'SortableOverlay';\n\nexport default SortableOverlay;\n"],"mappings":";;;;;;;AAOA,MAAMA,sBAAqC,EACzC,aAAa,gCAAgC,EAC3C,QAAQ,EACN,QAAQ,EACN,SAAS,OACV,EACF,EACF,CAAC,EACH;AAED,MAAM,kBAAkB,MAAyB,EAAE,eAAe;AAChE,QAAO,oBAAC;EAAY,eAAe;EAAsB;GAAuB;EAChF;AAEF,gBAAgB,cAAc;AAE9B,8BAAe"}

package/es/SortableList/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/SortableList/style.ts"],"sourcesContent":["import { createStaticStyles } 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: lobeStaticStylish.variantBorderlessWithoutHover,\n    container: css`\n      padding: 0;\n      list-style: none;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    item: css`\n      overflow: hidden;\n      box-sizing: border-box;\n      border-radius: ${cssVar.borderRadius};\n      list-style: none;\n    `,\n    itemVariant: css`\n      padding-block: 4px;\n      padding-inline: 4px 16px;\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  };\n});\n\nexport const variants = cva(styles.item, {\n  compoundVariants: [\n    {\n      className: styles.itemVariant,\n      variant: 'outlined',\n    },\n    {\n      className: styles.itemVariant,\n      variant: 'filled',\n    },\n  ],\n  defaultVariants: {\n    variant: 'borderless',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,WAAW,KAAG;;;;EAId,QAAQA,cAAkB;EAC1B,MAAM,KAAG;;;uBAGUC,SAAO,aAAa;;;EAGvC,aAAa,KAAG;;;;EAIhB,UAAUD,cAAkB;EAC7B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB,CAChB;EACE,WAAW,OAAO;EAClB,SAAS;EACV,EACD;EACE,WAAW,OAAO;EAClB,SAAS;EACV,CACF;CACD,iBAAiB,EACf,SAAS,cACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CAEF,CAAC"}
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/SortableList/style.ts"],"sourcesContent":["import { createStaticStyles } 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: lobeStaticStylish.variantBorderlessWithoutHover,\n    container: css`\n      padding: 0;\n      list-style: none;\n    `,\n    filled: lobeStaticStylish.variantFilledWithoutHover,\n    item: css`\n      overflow: hidden;\n      box-sizing: border-box;\n      border-radius: ${cssVar.borderRadius};\n      list-style: none;\n    `,\n    itemVariant: css`\n      padding-block: 4px;\n      padding-inline: 4px 16px;\n    `,\n    outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  };\n});\n\nexport const variants = cva(styles.item, {\n  compoundVariants: [\n    {\n      className: styles.itemVariant,\n      variant: 'outlined',\n    },\n    {\n      className: styles.itemVariant,\n      variant: 'filled',\n    },\n  ],\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,YAAK,uBAAa;AAC5D,QAAO;EACL,YAAYA,cAAkB;EAC9B,WAAW,KAAG;;;;EAId,QAAQA,cAAkB;EAC1B,MAAM,KAAG;;;uBAGUC,SAAO,aAAa;;;EAGvC,aAAa,KAAG;;;;EAIhB,UAAUD,cAAkB;EAC7B;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,kBAAkB,CAChB;EACE,WAAW,OAAO;EAClB,SAAS;EACV,EACD;EACE,WAAW,OAAO;EAClB,SAAS;EACV,CACF;CACD,iBAAiB,EACf,SAAS,cACV;CAED,UAAU,EACR,SAAS;EACP,QAAQ,OAAO;EACf,UAAU,OAAO;EACjB,YAAY,OAAO;EACpB,EACF;CACF,CAAC"}

package/es/SortableList/type.d.mts

@@ -9,9 +9,9 @@ interface SortableListItem {
 }
 interface SortableListProps extends Omit<FlexboxProps, 'onChange'> {
   items: SortableListItem[];
-  onChange(items: SortableListItem[]): void;
+  onChange: (items: SortableListItem[]) => void;
   ref?: Ref<HTMLUListElement>;
-  renderItem(item: SortableListItem): ReactNode;
+  renderItem: (item: SortableListItem) => ReactNode;
 }
 //#endregion
 export { SortableListItem, SortableListProps };

package/es/Tabs/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Tabs/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    compact: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 4px;\n\n          + [class*='ant-tabs-tab'] {\n            margin: 4px;\n          }\n        }\n      }\n    `,\n    dropdown: css`\n      .${prefixCls}-tabs-dropdown-menu {\n        padding: 4px;\n        border: 1px solid ${cssVar.colorBorderSecondary};\n\n        .${prefixCls}-tabs-dropdown-menu-item {\n          border-radius: ${cssVar.borderRadius};\n        }\n      }\n    `,\n    hideHolder: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-content-holder {\n          display: none;\n        }\n\n        .${prefixCls}-tabs-nav {\n          margin: 0;\n\n          &::before {\n            display: none;\n          }\n        }\n      }\n    `,\n\n    margin: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 8px;\n\n          + .${prefixCls}-tabs-tab {\n            margin: 8px;\n          }\n        }\n      }\n    `,\n    point: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-start-start-radius: 4px;\n            border-start-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-end-start-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-start-radius: 4px;\n            border-end-start-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-end-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          padding-block: 8px;\n          padding-inline: 12px;\n          color: ${cssVar.colorTextSecondary};\n          transition: background-color 100ms ease-out;\n\n          &:hover {\n            border-radius: ${cssVar.borderRadius};\n            color: ${cssVar.colorText};\n            background: ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    rounded: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-start-start-radius: 3px;\n            border-start-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-end-start-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-start-radius: 3px;\n            border-end-start-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-end-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    compact: false,\n    underlined: false,\n    variant: 'rounded',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      square: null,\n      rounded: styles.rounded,\n      point: styles.point,\n    },\n    compact: {\n      false: styles.margin,\n      true: styles.compact,\n    },\n    underlined: {\n      false: styles.hideHolder,\n      true: null,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;AAGA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,SAAS,KAAG;UACN,UAAU;WACT,UAAU;;;;;;;;;EASjB,UAAU,KAAG;SACR,UAAU;;4BAESA,SAAO,qBAAqB;;WAE7C,UAAU;2BACMA,SAAO,aAAa;;;;EAI3C,YAAY,KAAG;UACT,UAAU;WACT,UAAU;;;;WAIV,UAAU;;;;;;;;;EAUjB,QAAQ,KAAG;UACL,UAAU;WACT,UAAU;;;eAGN,UAAU;;;;;;EAMrB,OAAO,KAAG;UACJ,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;;EASnB,MAAM,KAAG;UACH,UAAU;WACT,UAAU;;;mBAGFA,SAAO,mBAAmB;;;;6BAIhBA,SAAO,aAAa;qBAC5BA,SAAO,UAAU;0BACZA,SAAO,kBAAkB;;;;;EAK/C,SAAS,KAAG;UACN,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;;EAQpB;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ;GACR,SAAS,OAAO;GAChB,OAAO,OAAO;GACf;EACD,SAAS;GACP,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,YAAY;GACV,OAAO,OAAO;GACd,MAAM;GACP;EACF;CAEF,CAAC"}
+{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Tabs/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    compact: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 4px;\n\n          + [class*='ant-tabs-tab'] {\n            margin: 4px;\n          }\n        }\n      }\n    `,\n    dropdown: css`\n      .${prefixCls}-tabs-dropdown-menu {\n        padding: 4px;\n        border: 1px solid ${cssVar.colorBorderSecondary};\n\n        .${prefixCls}-tabs-dropdown-menu-item {\n          border-radius: ${cssVar.borderRadius};\n        }\n      }\n    `,\n    hideHolder: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-content-holder {\n          display: none;\n        }\n\n        .${prefixCls}-tabs-nav {\n          margin: 0;\n\n          &::before {\n            display: none;\n          }\n        }\n      }\n    `,\n\n    margin: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          margin: 8px;\n\n          + .${prefixCls}-tabs-tab {\n            margin: 8px;\n          }\n        }\n      }\n    `,\n    point: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-start-start-radius: 4px;\n            border-start-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            width: 8px !important;\n            height: 4px;\n            border-end-start-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-start-radius: 4px;\n            border-end-start-radius: 4px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 4px;\n            height: 8px !important;\n            border-start-end-radius: 4px;\n            border-end-end-radius: 4px;\n          }\n        }\n      }\n    `,\n    root: css`\n      &.${prefixCls}-tabs {\n        .${prefixCls}-tabs-tab {\n          padding-block: 8px;\n          padding-inline: 12px;\n          color: ${cssVar.colorTextSecondary};\n          transition: background-color 100ms ease-out;\n\n          &:hover {\n            border-radius: ${cssVar.borderRadius};\n            color: ${cssVar.colorText};\n            background: ${cssVar.colorFillTertiary};\n          }\n        }\n      }\n    `,\n    rounded: css`\n      &.${prefixCls}-tabs {\n        &.${prefixCls}-tabs-top {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-start-start-radius: 3px;\n            border-start-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-bottom {\n          .${prefixCls}-tabs-ink-bar {\n            height: 3px;\n            border-end-start-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-left {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-start-radius: 3px;\n            border-end-start-radius: 3px;\n          }\n        }\n\n        &.${prefixCls}-tabs-right {\n          .${prefixCls}-tabs-ink-bar {\n            width: 3px;\n            border-start-end-radius: 3px;\n            border-end-end-radius: 3px;\n          }\n        }\n      }\n    `,\n  };\n});\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    compact: false,\n    underlined: false,\n    variant: 'rounded',\n  },\n\n  variants: {\n    variant: {\n      square: null,\n      rounded: styles.rounded,\n      point: styles.point,\n    },\n    compact: {\n      false: styles.margin,\n      true: styles.compact,\n    },\n    underlined: {\n      false: styles.hideHolder,\n      true: null,\n    },\n  },\n});\n"],"mappings":";;;;AAGA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,SAAS,KAAG;UACN,UAAU;WACT,UAAU;;;;;;;;;EASjB,UAAU,KAAG;SACR,UAAU;;4BAESA,SAAO,qBAAqB;;WAE7C,UAAU;2BACMA,SAAO,aAAa;;;;EAI3C,YAAY,KAAG;UACT,UAAU;WACT,UAAU;;;;WAIV,UAAU;;;;;;;;;EAUjB,QAAQ,KAAG;UACL,UAAU;WACT,UAAU;;;eAGN,UAAU;;;;;;EAMrB,OAAO,KAAG;UACJ,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;YAQX,UAAU;aACT,UAAU;;;;;;;;;EASnB,MAAM,KAAG;UACH,UAAU;WACT,UAAU;;;mBAGFA,SAAO,mBAAmB;;;;6BAIhBA,SAAO,aAAa;qBAC5BA,SAAO,UAAU;0BACZA,SAAO,kBAAkB;;;;;EAK/C,SAAS,KAAG;UACN,UAAU;YACR,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;YAOX,UAAU;aACT,UAAU;;;;;;;;EAQpB;EACD;AAEF,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,SAAS;EACT,YAAY;EACZ,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ;GACR,SAAS,OAAO;GAChB,OAAO,OAAO;GACf;EACD,SAAS;GACP,OAAO,OAAO;GACd,MAAM,OAAO;GACd;EACD,YAAY;GACV,OAAO,OAAO;GACd,MAAM;GACP;EACF;CACF,CAAC"}

package/es/Tag/Tag.mjs

@@ -44,8 +44,8 @@ const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", chi
 			variant
 		}), className),
 		color,
-		onClick,
 		ref,
+		variant: variant === "borderless" ? "outlined" : variant,
 		style: {
 			background: colors?.backgroundColor,
 			borderColor: colors?.borderColor,
@@ -53,7 +53,7 @@ const Tag$1 = ({ className, ref, size = "middle", color, variant = "filled", chi
 			cursor: onClick ? "pointer" : void 0,
 			...style
 		},
-		variant: variant === "borderless" ? "outlined" : variant,
+		onClick,
 		...rest,
 		children
 	});

package/es/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","names":["Tag: FC<TagProps>","AntTag","Tag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const colors = useMemo(() => {\n    let textColor = cssVar.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      textColor = colorsPreset(color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPreset(color, 'fillTertiary');\n      borderColor = colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      textColor = colorsPresetSystem(color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPresetSystem(color, 'fillTertiary');\n      borderColor = colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = cssVar.colorBgLayout;\n      backgroundColor = isBorderless ? 'transparent' : color;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ size, variant: variant as any }), className)}\n      color={color}\n      onClick={onClick}\n      ref={ref}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      variant={variant === 'borderless' ? 'outlined' : variant}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,SAAqB,EACzB,WACA,KACA,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;AACjB,eAAY,aAAa,MAAM;AAC/B,qBAAkB,eAAe,gBAAgB,aAAa,OAAO,eAAe;AACpF,iBAAc,aAAa,OAAO,WAAW,mBAAmB,eAAe;;AAEjF,MAAI,sBAAsB;AACxB,eAAY,mBAAmB,MAAM;AACrC,qBAAkB,eAAe,gBAAgB,mBAAmB,OAAO,eAAe;AAC1F,iBAAc,mBAAmB,OAAO,WAAW,mBAAmB,eAAe;;AAEvF,MAAI,YAAY;AACd,eAAY,OAAO;AACnB,qBAAkB,eAAe,gBAAgB;;AAGnD,SAAO;GACL;GACA;GACA;GACD;IACA,CAAC,OAAO,QAAQ,CAAC;AAEpB,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAe;GAAgB,CAAC,EAAE,UAAU;EAC9D;EACE;EACJ;EACL,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY;GAC9B,GAAG;GACJ;EACD,SAAS,YAAY,eAAe,aAAa;EACjD,GAAI;EAEH;GACM;;AAIb,MAAI,cAAc;AAElB,kBAAeC"}
+{"version":3,"file":"Tag.mjs","names":["Tag: FC<TagProps>","AntTag","Tag"],"sources":["../../src/Tag/Tag.tsx"],"sourcesContent":["'use client';\n\nimport { Tag as AntTag } from 'antd';\nimport { cssVar, cx } from 'antd-style';\nimport { type FC, useMemo } from 'react';\n\nimport { colorsPreset, colorsPresetSystem, presetColors, presetSystemColors } from '@/Tag/utils';\n\nimport { variants } from './styles';\nimport type { TagProps } from './type';\n\nconst Tag: FC<TagProps> = ({\n  className,\n  ref,\n  size = 'middle',\n  color,\n  variant = 'filled',\n  children,\n  onClick,\n  style,\n  ...rest\n}) => {\n  const colors = useMemo(() => {\n    let textColor = cssVar.colorTextSecondary;\n    let backgroundColor;\n    let borderColor;\n    const isBorderless = variant === 'borderless';\n    const isFilled = variant === 'filled';\n    const isPresetColor = color && presetColors.includes(color);\n    const isPresetSystemColors = color && presetSystemColors.has(color);\n    const isHexColor = color && color.startsWith('#');\n\n    if (isPresetColor) {\n      textColor = colorsPreset(color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPreset(color, 'fillTertiary');\n      borderColor = colorsPreset(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isPresetSystemColors) {\n      textColor = colorsPresetSystem(color);\n      backgroundColor = isBorderless ? 'transparent' : colorsPresetSystem(color, 'fillTertiary');\n      borderColor = colorsPresetSystem(color, isFilled ? 'fillQuaternary' : 'fillTertiary');\n    }\n    if (isHexColor) {\n      textColor = cssVar.colorBgLayout;\n      backgroundColor = isBorderless ? 'transparent' : color;\n    }\n\n    return {\n      backgroundColor,\n      borderColor,\n      textColor,\n    };\n  }, [color, variant]);\n\n  return (\n    <AntTag\n      className={cx(variants({ size, variant: variant as any }), className)}\n      color={color}\n      ref={ref}\n      variant={variant === 'borderless' ? 'outlined' : variant}\n      style={{\n        background: colors?.backgroundColor,\n        borderColor: colors?.borderColor,\n        color: colors?.textColor,\n        cursor: onClick ? 'pointer' : undefined,\n        ...style,\n      }}\n      onClick={onClick}\n      {...rest}\n    >\n      {children}\n    </AntTag>\n  );\n};\n\nTag.displayName = 'Tag';\n\nexport default Tag;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,SAAqB,EACzB,WACA,KACA,OAAO,UACP,OACA,UAAU,UACV,UACA,SACA,OACA,GAAG,WACC;CACJ,MAAM,SAAS,cAAc;EAC3B,IAAI,YAAY,OAAO;EACvB,IAAI;EACJ,IAAI;EACJ,MAAM,eAAe,YAAY;EACjC,MAAM,WAAW,YAAY;EAC7B,MAAM,gBAAgB,SAAS,aAAa,SAAS,MAAM;EAC3D,MAAM,uBAAuB,SAAS,mBAAmB,IAAI,MAAM;EACnE,MAAM,aAAa,SAAS,MAAM,WAAW,IAAI;AAEjD,MAAI,eAAe;AACjB,eAAY,aAAa,MAAM;AAC/B,qBAAkB,eAAe,gBAAgB,aAAa,OAAO,eAAe;AACpF,iBAAc,aAAa,OAAO,WAAW,mBAAmB,eAAe;;AAEjF,MAAI,sBAAsB;AACxB,eAAY,mBAAmB,MAAM;AACrC,qBAAkB,eAAe,gBAAgB,mBAAmB,OAAO,eAAe;AAC1F,iBAAc,mBAAmB,OAAO,WAAW,mBAAmB,eAAe;;AAEvF,MAAI,YAAY;AACd,eAAY,OAAO;AACnB,qBAAkB,eAAe,gBAAgB;;AAGnD,SAAO;GACL;GACA;GACA;GACD;IACA,CAAC,OAAO,QAAQ,CAAC;AAEpB,QACE,oBAACC;EACC,WAAW,GAAG,SAAS;GAAE;GAAe;GAAgB,CAAC,EAAE,UAAU;EAC9D;EACF;EACL,SAAS,YAAY,eAAe,aAAa;EACjD,OAAO;GACL,YAAY,QAAQ;GACpB,aAAa,QAAQ;GACrB,OAAO,QAAQ;GACf,QAAQ,UAAU,YAAY;GAC9B,GAAG;GACJ;EACQ;EACT,GAAI;EAEH;GACM;;AAIb,MAAI,cAAc;AAElB,kBAAeC"}

package/es/Tag/styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"styles.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Tag/styles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  large: css`\n    &.${prefixCls}-tag {\n      height: 28px;\n      padding-inline: 12px;\n      border-radius: 6px !important;\n    }\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  root: css`\n    color: ${cssVar.colorTextSecondary};\n\n    &.${prefixCls}-tag {\n      user-select: none;\n\n      display: flex;\n      gap: 0.4em;\n      align-items: center;\n      justify-content: center;\n\n      width: fit-content;\n      height: 22px;\n      margin: 0;\n      border-radius: 3px;\n\n      line-height: 1.2;\n\n      span {\n        margin: 0;\n      }\n\n      span:not(.anticon) {\n        line-height: inherit;\n      }\n    }\n  `,\n  small: css`\n    &.${prefixCls}-tag {\n      height: 20px;\n      padding-inline: 4px;\n      border-radius: 3px;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    size: 'middle',\n    variant: 'filled',\n  },\n  /* eslint-disable sort-keys-fix/sort-keys-fix */\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    size: {\n      small: styles.small,\n      middle: null,\n      large: styles.large,\n    },\n  },\n  /* eslint-enable sort-keys-fix/sort-keys-fix */\n});\n"],"mappings":";;;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,YAAYA,cAAkB;CAC9B,QAAQA,cAAkB;CAC1B,OAAO,KAAG;QACJ,UAAU;;;;;;CAMhB,UAAUA,cAAkB;CAC5B,MAAM,KAAG;aACEC,SAAO,mBAAmB;;QAE/B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,OAAO,KAAG;QACJ,UAAU;;;;;;CAMjB,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ;GACR,OAAO,OAAO;GACf;EACF;CAEF,CAAC"}
+{"version":3,"file":"styles.mjs","names":["lobeStaticStylish","cssVar"],"sources":["../../src/Tag/styles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\nimport { cva } from 'class-variance-authority';\n\nimport { lobeStaticStylish } from '@/styles';\n\nconst prefixCls = 'ant';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  borderless: lobeStaticStylish.variantBorderlessWithoutHover,\n  filled: lobeStaticStylish.variantFilledWithoutHover,\n  large: css`\n    &.${prefixCls}-tag {\n      height: 28px;\n      padding-inline: 12px;\n      border-radius: 6px !important;\n    }\n  `,\n  outlined: lobeStaticStylish.variantOutlinedWithoutHover,\n  root: css`\n    color: ${cssVar.colorTextSecondary};\n\n    &.${prefixCls}-tag {\n      user-select: none;\n\n      display: flex;\n      gap: 0.4em;\n      align-items: center;\n      justify-content: center;\n\n      width: fit-content;\n      height: 22px;\n      margin: 0;\n      border-radius: 3px;\n\n      line-height: 1.2;\n\n      span {\n        margin: 0;\n      }\n\n      span:not(.anticon) {\n        line-height: inherit;\n      }\n    }\n  `,\n  small: css`\n    &.${prefixCls}-tag {\n      height: 20px;\n      padding-inline: 4px;\n      border-radius: 3px;\n    }\n  `,\n}));\n\nexport const variants = cva(styles.root, {\n  defaultVariants: {\n    size: 'middle',\n    variant: 'filled',\n  },\n\n  variants: {\n    variant: {\n      filled: styles.filled,\n      outlined: styles.outlined,\n      borderless: styles.borderless,\n    },\n    size: {\n      small: styles.small,\n      middle: null,\n      large: styles.large,\n    },\n  },\n});\n"],"mappings":";;;;;AAKA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,YAAK,wBAAc;CAC7D,YAAYA,cAAkB;CAC9B,QAAQA,cAAkB;CAC1B,OAAO,KAAG;QACJ,UAAU;;;;;;CAMhB,UAAUA,cAAkB;CAC5B,MAAM,KAAG;aACEC,SAAO,mBAAmB;;QAE/B,UAAU;;;;;;;;;;;;;;;;;;;;;;;;CAwBhB,OAAO,KAAG;QACJ,UAAU;;;;;;CAMjB,EAAE;AAEH,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CAED,UAAU;EACR,SAAS;GACP,QAAQ,OAAO;GACf,UAAU,OAAO;GACjB,YAAY,OAAO;GACpB;EACD,MAAM;GACJ,OAAO,OAAO;GACd,QAAQ;GACR,OAAO,OAAO;GACf;EACF;CACF,CAAC"}

package/es/Text/Text.mjs

@@ -1,7 +1,7 @@
 'use client';
 
-import Tooltip_default from "../Tooltip/Tooltip.mjs";
 import { useTextOverflow } from "../hooks/useTextOverflow.mjs";
+import Tooltip_default from "../Tooltip/Tooltip.mjs";
 import { variants } from "./styles.mjs";
 import { useRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -13,28 +13,29 @@ const Text = ({ as: Container = "div", align, className, children, style, type,
 	const isOverflow = useTextOverflow(textRef, ellipsis, children);
 	const isMultiEllipsis = typeof ellipsis === "object" && !!ellipsis.rows && ellipsis.rows > 1;
 	const tooltipWhenOverflow = typeof ellipsis === "object" && ellipsis.tooltipWhenOverflow;
-	const textStyle = {
-		...color && { color },
-		...weight && { fontWeight: weight },
-		...lineHeight && { lineHeight },
-		...textTransform && { textTransform },
-		...textDecoration && { textDecoration },
-		...wordBreak && { wordBreak },
-		...typeof ellipsis === "object" && ellipsis.rows && { WebkitLineClamp: ellipsis.rows },
-		...!ellipsis && !!lineClamp && {
-			WebkitBoxOrient: "vertical",
-			WebkitLineClamp: lineClamp,
-			display: "-webkit-box",
-			overflow: "hidden",
-			textOverflow: "ellipsis"
-		},
-		...fontSize && { fontSize },
-		...align && { textAlign: align },
-		...!isMultiEllipsis && noWrap && { whiteSpace: "nowrap" },
-		...whiteSpace && { whiteSpace },
-		...style
-	};
 	const content = /* @__PURE__ */ jsx(Container, {
+		ref: textRef,
+		style: {
+			...color && { color },
+			...weight && { fontWeight: weight },
+			...lineHeight && { lineHeight },
+			...textTransform && { textTransform },
+			...textDecoration && { textDecoration },
+			...wordBreak && { wordBreak },
+			...typeof ellipsis === "object" && ellipsis.rows && { WebkitLineClamp: ellipsis.rows },
+			...!ellipsis && !!lineClamp && {
+				WebkitBoxOrient: "vertical",
+				WebkitLineClamp: lineClamp,
+				display: "-webkit-box",
+				overflow: "hidden",
+				textOverflow: "ellipsis"
+			},
+			...fontSize && { fontSize },
+			...align && { textAlign: align },
+			...!isMultiEllipsis && noWrap && { whiteSpace: "nowrap" },
+			...whiteSpace && { whiteSpace },
+			...style
+		},
 		className: cx(variants({
 			as: [
 				"h1",
@@ -54,8 +55,6 @@ const Text = ({ as: Container = "div", align, className, children, style, type,
 			type,
 			underline
 		}), className),
-		ref: textRef,
-		style: textStyle,
 		...rest,
 		children
 	});

package/es/Text/Text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.mjs","names":["Text: FC<TextProps>","Tooltip"],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useRef } from 'react';\n\nimport Tooltip from '@/Tooltip';\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\n\nimport { variants } from './styles';\nimport type { TextProps } from './type';\n\nconst Text: FC<TextProps> = ({\n  as: Container = 'div',\n  align,\n  className,\n  children,\n  style,\n  type,\n  disabled,\n  strong,\n  italic,\n  underline,\n  delete: deleteStyle,\n  fontSize,\n  lineClamp,\n  lineHeight,\n  mark,\n  code,\n  color,\n  weight,\n  ellipsis,\n  noWrap,\n  textDecoration,\n  textTransform,\n  whiteSpace,\n  wordBreak,\n  ...rest\n}) => {\n  const textRef = useRef<HTMLElement>(null);\n  const isOverflow = useTextOverflow(textRef, ellipsis, children);\n\n  const isMultiEllipsis = typeof ellipsis === 'object' && !!ellipsis.rows && ellipsis.rows > 1;\n  const tooltipWhenOverflow = typeof ellipsis === 'object' && ellipsis.tooltipWhenOverflow;\n\n  const textStyle = {\n    ...(color && { color }),\n    ...(weight && { fontWeight: weight }),\n    ...(lineHeight && { lineHeight }),\n    ...(textTransform && { textTransform }),\n    ...(textDecoration && { textDecoration }),\n    ...(wordBreak && { wordBreak }),\n    ...(typeof ellipsis === 'object' &&\n      ellipsis.rows && {\n        WebkitLineClamp: ellipsis.rows,\n      }),\n    ...(!ellipsis &&\n      !!lineClamp && {\n        WebkitBoxOrient: 'vertical',\n        WebkitLineClamp: lineClamp,\n        display: '-webkit-box',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      }),\n    ...(fontSize && { fontSize }),\n    ...(align && { textAlign: align }),\n    ...(!isMultiEllipsis && noWrap && { whiteSpace: 'nowrap' as const }),\n    ...(whiteSpace && { whiteSpace }),\n    ...style,\n  };\n\n  const content = (\n    <Container\n      className={cx(\n        variants({\n          as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)\n            ? (Container as any)\n            : undefined,\n          code,\n          delete: deleteStyle,\n          disabled,\n          ellipsis: ellipsis\n            ? typeof ellipsis === 'object' && ellipsis.rows\n              ? 'multi'\n              : true\n            : undefined,\n          italic,\n          mark,\n          strong,\n          type,\n          underline,\n        }),\n        className,\n      )}\n      ref={textRef}\n      style={textStyle}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n\n  // 处理带有 tooltip 的省略\n  if (\n    ellipsis &&\n    typeof ellipsis === 'object' &&\n    (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)\n  ) {\n    // 如果设置了 tooltipWhenOverflow，只在溢出时显示 tooltip\n    if (tooltipWhenOverflow && !isOverflow) {\n      return content;\n    }\n\n    const title = typeof ellipsis.tooltip === 'string' ? ellipsis.tooltip : children;\n    if (ellipsis.tooltip && typeof ellipsis.tooltip === 'object')\n      return (\n        <Tooltip {...ellipsis.tooltip} title={ellipsis.tooltip?.title || title}>\n          {content}\n        </Tooltip>\n      );\n    return <Tooltip title={title}>{content}</Tooltip>;\n  }\n\n  return content;\n};\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,QAAuB,EAC3B,IAAI,YAAY,OAChB,OACA,WACA,UACA,OACA,MACA,UACA,QACA,QACA,WACA,QAAQ,aACR,UACA,WACA,YACA,MACA,MACA,OACA,QACA,UACA,QACA,gBACA,eACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,UAAU,OAAoB,KAAK;CACzC,MAAM,aAAa,gBAAgB,SAAS,UAAU,SAAS;CAE/D,MAAM,kBAAkB,OAAO,aAAa,YAAY,CAAC,CAAC,SAAS,QAAQ,SAAS,OAAO;CAC3F,MAAM,sBAAsB,OAAO,aAAa,YAAY,SAAS;CAErE,MAAM,YAAY;EAChB,GAAI,SAAS,EAAE,OAAO;EACtB,GAAI,UAAU,EAAE,YAAY,QAAQ;EACpC,GAAI,cAAc,EAAE,YAAY;EAChC,GAAI,iBAAiB,EAAE,eAAe;EACtC,GAAI,kBAAkB,EAAE,gBAAgB;EACxC,GAAI,aAAa,EAAE,WAAW;EAC9B,GAAI,OAAO,aAAa,YACtB,SAAS,QAAQ,EACf,iBAAiB,SAAS,MAC3B;EACH,GAAI,CAAC,YACH,CAAC,CAAC,aAAa;GACb,iBAAiB;GACjB,iBAAiB;GACjB,SAAS;GACT,UAAU;GACV,cAAc;GACf;EACH,GAAI,YAAY,EAAE,UAAU;EAC5B,GAAI,SAAS,EAAE,WAAW,OAAO;EACjC,GAAI,CAAC,mBAAmB,UAAU,EAAE,YAAY,UAAmB;EACnE,GAAI,cAAc,EAAE,YAAY;EAChC,GAAG;EACJ;CAED,MAAM,UACJ,oBAAC;EACC,WAAW,GACT,SAAS;GACP,IAAI;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM;IAAI,CAAC,SAAS,UAAoB,GAChE,YACD;GACJ;GACA,QAAQ;GACR;GACA,UAAU,WACN,OAAO,aAAa,YAAY,SAAS,OACvC,UACA,OACF;GACJ;GACA;GACA;GACA;GACA;GACD,CAAC,EACF,UACD;EACD,KAAK;EACL,OAAO;EACP,GAAI;EAEH;GACS;AAId,KACE,YACA,OAAO,aAAa,aACnB,SAAS,WAAW,SAAS,sBAC9B;AAEA,MAAI,uBAAuB,CAAC,WAC1B,QAAO;EAGT,MAAM,QAAQ,OAAO,SAAS,YAAY,WAAW,SAAS,UAAU;AACxE,MAAI,SAAS,WAAW,OAAO,SAAS,YAAY,SAClD,QACE,oBAACC;GAAQ,GAAI,SAAS;GAAS,OAAO,SAAS,SAAS,SAAS;aAC9D;IACO;AAEd,SAAO,oBAACA;GAAe;aAAQ;IAAkB;;AAGnD,QAAO;;AAGT,KAAK,cAAc;AAEnB,mBAAe"}
+{"version":3,"file":"Text.mjs","names":["Text: FC<TextProps>","Tooltip"],"sources":["../../src/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport { cx } from 'antd-style';\nimport { type FC, useRef } from 'react';\n\nimport { useTextOverflow } from '@/hooks/useTextOverflow';\nimport Tooltip from '@/Tooltip';\n\nimport { variants } from './styles';\nimport { type TextProps } from './type';\n\nconst Text: FC<TextProps> = ({\n  as: Container = 'div',\n  align,\n  className,\n  children,\n  style,\n  type,\n  disabled,\n  strong,\n  italic,\n  underline,\n  delete: deleteStyle,\n  fontSize,\n  lineClamp,\n  lineHeight,\n  mark,\n  code,\n  color,\n  weight,\n  ellipsis,\n  noWrap,\n  textDecoration,\n  textTransform,\n  whiteSpace,\n  wordBreak,\n  ...rest\n}) => {\n  const textRef = useRef<HTMLElement>(null);\n  const isOverflow = useTextOverflow(textRef, ellipsis, children);\n\n  const isMultiEllipsis = typeof ellipsis === 'object' && !!ellipsis.rows && ellipsis.rows > 1;\n  const tooltipWhenOverflow = typeof ellipsis === 'object' && ellipsis.tooltipWhenOverflow;\n\n  const textStyle = {\n    ...(color && { color }),\n    ...(weight && { fontWeight: weight }),\n    ...(lineHeight && { lineHeight }),\n    ...(textTransform && { textTransform }),\n    ...(textDecoration && { textDecoration }),\n    ...(wordBreak && { wordBreak }),\n    ...(typeof ellipsis === 'object' &&\n      ellipsis.rows && {\n        WebkitLineClamp: ellipsis.rows,\n      }),\n    ...(!ellipsis &&\n      !!lineClamp && {\n        WebkitBoxOrient: 'vertical',\n        WebkitLineClamp: lineClamp,\n        display: '-webkit-box',\n        overflow: 'hidden',\n        textOverflow: 'ellipsis',\n      }),\n    ...(fontSize && { fontSize }),\n    ...(align && { textAlign: align }),\n    ...(!isMultiEllipsis && noWrap && { whiteSpace: 'nowrap' as const }),\n    ...(whiteSpace && { whiteSpace }),\n    ...style,\n  };\n\n  const content = (\n    <Container\n      ref={textRef}\n      style={textStyle}\n      className={cx(\n        variants({\n          as: ['h1', 'h2', 'h3', 'h4', 'h5', 'p'].includes(Container as string)\n            ? (Container as any)\n            : undefined,\n          code,\n          delete: deleteStyle,\n          disabled,\n          ellipsis: ellipsis\n            ? typeof ellipsis === 'object' && ellipsis.rows\n              ? 'multi'\n              : true\n            : undefined,\n          italic,\n          mark,\n          strong,\n          type,\n          underline,\n        }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </Container>\n  );\n\n  // 处理带有 tooltip 的省略\n  if (\n    ellipsis &&\n    typeof ellipsis === 'object' &&\n    (ellipsis.tooltip || ellipsis.tooltipWhenOverflow)\n  ) {\n    // 如果设置了 tooltipWhenOverflow，只在溢出时显示 tooltip\n    if (tooltipWhenOverflow && !isOverflow) {\n      return content;\n    }\n\n    const title = typeof ellipsis.tooltip === 'string' ? ellipsis.tooltip : children;\n    if (ellipsis.tooltip && typeof ellipsis.tooltip === 'object')\n      return (\n        <Tooltip {...ellipsis.tooltip} title={ellipsis.tooltip?.title || title}>\n          {content}\n        </Tooltip>\n      );\n    return <Tooltip title={title}>{content}</Tooltip>;\n  }\n\n  return content;\n};\n\nText.displayName = 'Text';\n\nexport default Text;\n"],"mappings":";;;;;;;;;;AAWA,MAAMA,QAAuB,EAC3B,IAAI,YAAY,OAChB,OACA,WACA,UACA,OACA,MACA,UACA,QACA,QACA,WACA,QAAQ,aACR,UACA,WACA,YACA,MACA,MACA,OACA,QACA,UACA,QACA,gBACA,eACA,YACA,WACA,GAAG,WACC;CACJ,MAAM,UAAU,OAAoB,KAAK;CACzC,MAAM,aAAa,gBAAgB,SAAS,UAAU,SAAS;CAE/D,MAAM,kBAAkB,OAAO,aAAa,YAAY,CAAC,CAAC,SAAS,QAAQ,SAAS,OAAO;CAC3F,MAAM,sBAAsB,OAAO,aAAa,YAAY,SAAS;CA4BrE,MAAM,UACJ,oBAAC;EACC,KAAK;EACL,OA7Bc;GAChB,GAAI,SAAS,EAAE,OAAO;GACtB,GAAI,UAAU,EAAE,YAAY,QAAQ;GACpC,GAAI,cAAc,EAAE,YAAY;GAChC,GAAI,iBAAiB,EAAE,eAAe;GACtC,GAAI,kBAAkB,EAAE,gBAAgB;GACxC,GAAI,aAAa,EAAE,WAAW;GAC9B,GAAI,OAAO,aAAa,YACtB,SAAS,QAAQ,EACf,iBAAiB,SAAS,MAC3B;GACH,GAAI,CAAC,YACH,CAAC,CAAC,aAAa;IACb,iBAAiB;IACjB,iBAAiB;IACjB,SAAS;IACT,UAAU;IACV,cAAc;IACf;GACH,GAAI,YAAY,EAAE,UAAU;GAC5B,GAAI,SAAS,EAAE,WAAW,OAAO;GACjC,GAAI,CAAC,mBAAmB,UAAU,EAAE,YAAY,UAAmB;GACnE,GAAI,cAAc,EAAE,YAAY;GAChC,GAAG;GACJ;EAMG,WAAW,GACT,SAAS;GACP,IAAI;IAAC;IAAM;IAAM;IAAM;IAAM;IAAM;IAAI,CAAC,SAAS,UAAoB,GAChE,YACD;GACJ;GACA,QAAQ;GACR;GACA,UAAU,WACN,OAAO,aAAa,YAAY,SAAS,OACvC,UACA,OACF;GACJ;GACA;GACA;GACA;GACA;GACD,CAAC,EACF,UACD;EACD,GAAI;EAEH;GACS;AAId,KACE,YACA,OAAO,aAAa,aACnB,SAAS,WAAW,SAAS,sBAC9B;AAEA,MAAI,uBAAuB,CAAC,WAC1B,QAAO;EAGT,MAAM,QAAQ,OAAO,SAAS,YAAY,WAAW,SAAS,UAAU;AACxE,MAAI,SAAS,WAAW,OAAO,SAAS,YAAY,SAClD,QACE,oBAACC;GAAQ,GAAI,SAAS;GAAS,OAAO,SAAS,SAAS,SAAS;aAC9D;IACO;AAEd,SAAO,oBAACA;GAAe;aAAQ;IAAkB;;AAGnD,QAAO;;AAGT,KAAK,cAAc;AAEnB,mBAAe"}

package/es/ThemeProvider/ConfigProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfigProvider.mjs","names":["ConfigProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ConfigProvider.tsx"],"sourcesContent":["'use client';\n\nimport { ConfigProvider as AntdConfigProvider } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { PropsWithChildren, memo } from 'react';\n\nconst ConfigProvider = memo<PropsWithChildren>(({ children }) => {\n  return (\n    <AntdConfigProvider\n      theme={{\n        components: {\n          Button: {\n            contentFontSizeSM: 12,\n          },\n          DatePicker: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Input: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          InputNumber: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Mentions: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Select: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n        },\n      }}\n    >\n      {children}\n    </AntdConfigProvider>\n  );\n});\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;;;AAMA,MAAMA,mBAAiB,MAAyB,EAAE,eAAe;AAC/D,QACE,oBAACC;EACC,OAAO,EACL,YAAY;GACV,QAAQ,EACN,mBAAmB,IACpB;GACD,YAAY;IACV,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,OAAO;IACL,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,aAAa;IACX,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,UAAU;IACR,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,QAAQ;IACN,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACF,EACF;EAEA;GACkB;EAEvB;AAEF,6BAAeD"}
+{"version":3,"file":"ConfigProvider.mjs","names":["ConfigProvider","AntdConfigProvider"],"sources":["../../src/ThemeProvider/ConfigProvider.tsx"],"sourcesContent":["'use client';\n\nimport { ConfigProvider as AntdConfigProvider } from 'antd';\nimport { cssVar } from 'antd-style';\nimport { memo, type PropsWithChildren } from 'react';\n\nconst ConfigProvider = memo<PropsWithChildren>(({ children }) => {\n  return (\n    <AntdConfigProvider\n      theme={{\n        components: {\n          Button: {\n            contentFontSizeSM: 12,\n          },\n          DatePicker: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Input: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          InputNumber: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Mentions: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n          Select: {\n            activeBorderColor: cssVar.colorBorder,\n            hoverBorderColor: cssVar.colorBorder,\n          },\n        },\n      }}\n    >\n      {children}\n    </AntdConfigProvider>\n  );\n});\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;;;AAMA,MAAMA,mBAAiB,MAAyB,EAAE,eAAe;AAC/D,QACE,oBAACC;EACC,OAAO,EACL,YAAY;GACV,QAAQ,EACN,mBAAmB,IACpB;GACD,YAAY;IACV,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,OAAO;IACL,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,aAAa;IACX,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,UAAU;IACR,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACD,QAAQ;IACN,mBAAmB,OAAO;IAC1B,kBAAkB,OAAO;IAC1B;GACF,EACF;EAEA;GACkB;EAEvB;AAEF,6BAAeD"}

package/es/ThemeProvider/GlobalStyle/antdOverride.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { Theme, css } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport default (token: Theme) => {\n  const readColor = safeReadableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(token.colorPrimary)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip {\n      --antd-arrow-background-color: ${token.colorBgElevated};\n\n      max-width: 320px;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before {\n      background: ${token.colorBgElevated} !important;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::after {\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      user-select: none;\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: unset;\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border: 1px solid ${token.colorBorderSecondary} !important;\n      border-radius: ${token.borderRadiusSM}px !important;\n\n      font-size: ${token.fontSizeSM}px;\n      line-height: 1.2;\n      color: ${token.colorTextSecondary} !important;\n      word-break: break-word;\n      white-space: normal;\n\n      background: ${token.colorBgElevated} !important;\n      box-shadow:\n        0 1px 2px 0 rgba(0, 0, 0, 3%),\n        0 1px 6px -1px rgba(0, 0, 0, 2%),\n        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;;AAKA,4BAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,aAAa;AACvD,QAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,aAAa,CAAC;;;OAGrD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;uCACgB,MAAM,gBAAgB;;;;;OAKtD,MAAM,UAAU;oBACH,MAAM,gBAAgB;;;OAGnC,MAAM,UAAU;8BACO,MAAM,qBAAqB;;;OAGlD,MAAM,UAAU;;;;;;;;;;;0BAWG,MAAM,qBAAqB;uBAC9B,MAAM,eAAe;;mBAEzB,MAAM,WAAW;;eAErB,MAAM,mBAAmB;;;;oBAIpB,MAAM,gBAAgB;;;;;;;OAOnC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,GAAI,CAAC;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU"}
+{"version":3,"file":"antdOverride.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/antdOverride.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\nimport { rgba } from 'polished';\n\nimport { safeReadableColor } from '@/utils/safeReadableColor';\n\nexport default (token: Theme) => {\n  const readColor = safeReadableColor(token.colorPrimary);\n  return css`\n    .${token.prefixCls}-checkbox-inner:after {\n      border-color: ${safeReadableColor(token.colorPrimary)} !important;\n    }\n\n    .${token.prefixCls}-btn {\n      box-shadow: none;\n    }\n\n    .${token.prefixCls}-btn-primary:not(:disabled) {\n      color: ${readColor} !important;\n\n      &:hover {\n        color: ${readColor} !important;\n      }\n\n      &:active {\n        color: ${readColor} !important;\n      }\n    }\n\n    .${token.prefixCls}-tooltip {\n      --antd-arrow-background-color: ${token.colorBgElevated};\n\n      max-width: 320px;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::before {\n      background: ${token.colorBgElevated} !important;\n    }\n\n    .${token.prefixCls}-tooltip-arrow::after {\n      box-shadow: 0 0 0 1px ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-tooltip-container {\n      user-select: none;\n\n      display: flex;\n      gap: 6px;\n      align-items: center;\n\n      min-width: unset;\n      min-height: unset;\n      padding-block: 4px;\n      padding-inline: 8px;\n      border: 1px solid ${token.colorBorderSecondary} !important;\n      border-radius: ${token.borderRadiusSM}px !important;\n\n      font-size: ${token.fontSizeSM}px;\n      line-height: 1.2;\n      color: ${token.colorTextSecondary} !important;\n      word-break: break-word;\n      white-space: normal;\n\n      background: ${token.colorBgElevated} !important;\n      box-shadow:\n        0 1px 2px 0 rgba(0, 0, 0, 3%),\n        0 1px 6px -1px rgba(0, 0, 0, 2%),\n        0 2px 4px 0 rgba(0, 0, 0, 2%) !important;\n    }\n\n    .${token.prefixCls}-switch-handle::before {\n      background: ${token.colorBgContainer} !important;\n    }\n\n    .${token.prefixCls}-image-preview-close,\n      .${token.prefixCls}-image-preview-switch-right,\n      .${token.prefixCls}-image-preview-switch-left {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      width: 32px;\n      height: 32px;\n      padding: 0;\n\n      background: ${rgba(token.colorBgMask, 0.1)};\n\n      border-radius: ${token.borderRadiusLG}px;\n\n      ${token.stylish.blur};\n    }\n\n    .${token.prefixCls}-dropdown-menu, .${token.prefixCls}-select-dropdown {\n      border-radius: ${token.borderRadius}px !important;\n      box-shadow:\n        0 0 15px 0 #00000008,\n        0 2px 30px 0 #00000014,\n        0 0 0 1px ${token.isDarkMode ? token.colorFillTertiary : token.colorBorder} inset !important;\n    }\n\n    .${token.prefixCls}-modal-content {\n      border: 1px solid ${token.colorBorderSecondary} !important;\n    }\n\n    .${token.prefixCls}-radio-wrapper\n      .${token.prefixCls}-radio-checked\n      .${token.prefixCls}-radio-inner:after {\n      background: ${readColor};\n    }\n  `;\n};\n"],"mappings":";;;;;AAKA,4BAAgB,UAAiB;CAC/B,MAAM,YAAY,kBAAkB,MAAM,aAAa;AACvD,QAAO,GAAG;OACL,MAAM,UAAU;sBACD,kBAAkB,MAAM,aAAa,CAAC;;;OAGrD,MAAM,UAAU;;;;OAIhB,MAAM,UAAU;eACR,UAAU;;;iBAGR,UAAU;;;;iBAIV,UAAU;;;;OAIpB,MAAM,UAAU;uCACgB,MAAM,gBAAgB;;;;;OAKtD,MAAM,UAAU;oBACH,MAAM,gBAAgB;;;OAGnC,MAAM,UAAU;8BACO,MAAM,qBAAqB;;;OAGlD,MAAM,UAAU;;;;;;;;;;;0BAWG,MAAM,qBAAqB;uBAC9B,MAAM,eAAe;;mBAEzB,MAAM,WAAW;;eAErB,MAAM,mBAAmB;;;;oBAIpB,MAAM,gBAAgB;;;;;;;OAOnC,MAAM,UAAU;oBACH,MAAM,iBAAiB;;;OAGpC,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;;;;;;;;;oBASL,KAAK,MAAM,aAAa,GAAI,CAAC;;uBAE1B,MAAM,eAAe;;QAEpC,MAAM,QAAQ,KAAK;;;OAGpB,MAAM,UAAU,mBAAmB,MAAM,UAAU;uBACnC,MAAM,aAAa;;;;oBAItB,MAAM,aAAa,MAAM,oBAAoB,MAAM,YAAY;;;OAG5E,MAAM,UAAU;0BACG,MAAM,qBAAqB;;;OAG9C,MAAM,UAAU;SACd,MAAM,UAAU;SAChB,MAAM,UAAU;oBACL,UAAU"}

package/es/ThemeProvider/GlobalStyle/global.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { Theme, css } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nimport { LOBE_THEME_APP_ID } from '../constants';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ${token.fontFamilyCode} !important;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n  #${LOBE_THEME_APP_ID} {\n    /* https://base-ui.com/react/overview/quick-start#set-up-portals */\n    isolation: isolate;\n  }\n  @layer lobe-popup {\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n      background: ${token.colorFillTertiary};\n    }\n  }\n\n  @layer lobe-base {\n    :where(.lobe-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --lobe-flex: 0 1 auto;\n      --lobe-flex-direction: column;\n      --lobe-flex-wrap: nowrap;\n      --lobe-flex-justify: flex-start;\n      --lobe-flex-align: stretch;\n      --lobe-flex-width: auto;\n      --lobe-flex-height: auto;\n      --lobe-flex-padding: 0;\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --lobe-flex-padding-inline: var(--lobe-flex-padding);\n      --lobe-flex-padding-block: var(--lobe-flex-padding);\n      --lobe-flex-gap: 0;\n\n      display: flex;\n\n      flex: var(--lobe-flex);\n      flex-direction: var(--lobe-flex-direction);\n      flex-wrap: var(--lobe-flex-wrap);\n      justify-content: var(--lobe-flex-justify);\n      align-items: var(--lobe-flex-align);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n\n      padding: var(--lobe-flex-padding);\n      padding-inline: var(--lobe-flex-padding-inline);\n      padding-block: var(--lobe-flex-padding-block);\n\n      gap: var(--lobe-flex-gap);\n    }\n\n    .lobe-flex--hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 5%;\n    }\n\n    100% {\n      fill-opacity: 100%;\n    }\n  }\n\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0%;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n"],"mappings":";;;;;AAMA,sBAAgB,UAAiB,GAAG;;;;;;;;;;oBAUhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;aAMnB,MAAM,cAAc;;;;;;wBAMT,MAAM,cAAc;;;;;;;mBAOzB,MAAM,eAAe;;;qBAGnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU;;;;;KAKlC,kBAAkB;;;;;OAKhB,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}
+{"version":3,"file":"global.mjs","names":[],"sources":["../../../src/ThemeProvider/GlobalStyle/global.ts"],"sourcesContent":["import { css, type Theme } from 'antd-style';\n\nimport { CLASSNAMES } from '@/styles/classNames';\n\nimport { LOBE_THEME_APP_ID } from '../constants';\n\nexport default (token: Theme) => css`\n  :root {\n    --font-settings: 'cv01', 'tnum', 'kern';\n    --font-variations: 'opsz' auto, tabular-nums;\n\n    text-autospace: normal;\n  }\n\n  html {\n    overscroll-behavior: none;\n    color-scheme: ${token.isDarkMode ? 'dark' : 'light'};\n  }\n\n  body {\n    overflow: hidden auto;\n\n    min-height: 100vh;\n    margin: 0;\n    padding: 0;\n\n    font-family: ${token.fontFamily};\n    font-size: ${token.fontSize}px;\n    font-feature-settings: var(--font-settings);\n    font-variation-settings: var(--font-variations);\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    line-height: 1;\n    color: ${token.colorTextBase};\n    text-size-adjust: none;\n    text-rendering: optimizelegibility;\n    word-wrap: break-word;\n    vertical-align: baseline;\n\n    background-color: ${token.colorBgLayout};\n\n    -webkit-overflow-scrolling: touch;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  code {\n    font-family: ${token.fontFamilyCode} !important;\n\n    span {\n      font-family: ${token.fontFamilyCode} !important;\n    }\n  }\n\n  ::selection {\n    color: #000;\n    background: ${token.yellow9};\n\n    -webkit-text-fill-color: unset !important;\n  }\n\n  * {\n    scrollbar-color: ${token.colorFill} transparent;\n    scrollbar-width: thin;\n    box-sizing: border-box;\n    vertical-align: baseline;\n  }\n  #${LOBE_THEME_APP_ID} {\n    /* https://base-ui.com/react/overview/quick-start#set-up-portals */\n    isolation: isolate;\n  }\n  @layer lobe-popup {\n    .${CLASSNAMES.ContextTrigger}[data-popup-open],\n      .${CLASSNAMES.DropdownMenuTrigger}[data-popup-open] {\n      background: ${token.colorFillTertiary};\n    }\n  }\n\n  @layer lobe-base {\n    :where(.lobe-flex) {\n      /* Define defaults on the element itself to avoid CSS variable inheritance leaking to nested Flex */\n      --lobe-flex: 0 1 auto;\n      --lobe-flex-direction: column;\n      --lobe-flex-wrap: nowrap;\n      --lobe-flex-justify: flex-start;\n      --lobe-flex-align: stretch;\n      --lobe-flex-width: auto;\n      --lobe-flex-height: auto;\n      --lobe-flex-padding: 0;\n      /* Keep padding-inline/block aligned with padding by default, and prevent inheriting from parent */\n      --lobe-flex-padding-inline: var(--lobe-flex-padding);\n      --lobe-flex-padding-block: var(--lobe-flex-padding);\n      --lobe-flex-gap: 0;\n\n      display: flex;\n\n      flex: var(--lobe-flex);\n      flex-direction: var(--lobe-flex-direction);\n      flex-wrap: var(--lobe-flex-wrap);\n      justify-content: var(--lobe-flex-justify);\n      align-items: var(--lobe-flex-align);\n\n      width: var(--lobe-flex-width);\n      height: var(--lobe-flex-height);\n\n      padding: var(--lobe-flex-padding);\n      padding-inline: var(--lobe-flex-padding-inline);\n      padding-block: var(--lobe-flex-padding-block);\n\n      gap: var(--lobe-flex-gap);\n    }\n\n    .lobe-flex--hidden {\n      display: none;\n    }\n  }\n\n  /* Brand Loading */\n  @keyframes draw {\n    0% {\n      stroke-dashoffset: 1000;\n    }\n\n    100% {\n      stroke-dashoffset: 0;\n    }\n  }\n\n  @keyframes fill {\n    30% {\n      fill-opacity: 5%;\n    }\n\n    100% {\n      fill-opacity: 100%;\n    }\n  }\n\n  .lobe-brand-loading path {\n    fill: currentcolor;\n    fill-opacity: 0%;\n    stroke: currentcolor;\n    stroke-dasharray: 1000;\n    stroke-dashoffset: 1000;\n    stroke-width: 0.25em;\n\n    animation:\n      draw 2s cubic-bezier(0.4, 0, 0.2, 1) infinite,\n      fill 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;\n  }\n`;\n"],"mappings":";;;;;AAMA,sBAAgB,UAAiB,GAAG;;;;;;;;;;oBAUhB,MAAM,aAAa,SAAS,QAAQ;;;;;;;;;;mBAUrC,MAAM,WAAW;iBACnB,MAAM,SAAS;;;;;;aAMnB,MAAM,cAAc;;;;;;wBAMT,MAAM,cAAc;;;;;;;mBAOzB,MAAM,eAAe;;;qBAGnB,MAAM,eAAe;;;;;;kBAMxB,MAAM,QAAQ;;;;;;uBAMT,MAAM,UAAU;;;;;KAKlC,kBAAkB;;;;;OAKhB,WAAW,eAAe;SACxB,WAAW,oBAAoB;oBACpB,MAAM,kBAAkB"}

package/es/ThemeProvider/ThemeProvider.d.mts

@@ -1,8 +1,8 @@
 import { ThemeProviderProps } from "./type.mjs";
-import * as react41 from "react";
+import * as react33 from "react";
 
 //#region src/ThemeProvider/ThemeProvider.d.ts
-declare const ThemeProvider: react41.NamedExoticComponent<ThemeProviderProps>;
+declare const ThemeProvider: react33.NamedExoticComponent<ThemeProviderProps>;
 //#endregion
 export { ThemeProvider };
 //# sourceMappingURL=ThemeProvider.d.mts.map

package/es/ThemeProvider/ThemeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","theme","lobeCustomToken","FontLoader","AntdThemeProvider","AntdConfigProvider","GlobalStyle"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  ThemeProvider as AntdThemeProvider,\n  CustomStylishParams,\n  CustomTokenParams,\n  GetAntdTheme,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { LobeCustomToken } from '@/types/customToken';\n\nimport AntdConfigProvider from './ConfigProvider';\nimport GlobalStyle from './GlobalStyle';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport type { ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    children,\n    customStylish,\n    customToken,\n    enableCustomFonts = true,\n    enableGlobalStyle = true,\n    customFonts,\n    customTheme = {},\n    className,\n    style,\n    theme: antdTheme,\n    ...rest\n  }) => {\n    const genCdnUrl = useCdnFn();\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({ path: 'css/index.css', pkg: '@lobehub/webfont-mono' }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n          }),\n          genCdnUrl({ path: 'dist/katex.min.css', pkg: 'katex' }),\n        ],\n      [customFonts, genCdnUrl],\n    );\n\n    const stylish = useCallback(\n      (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n      [customStylish],\n    );\n\n    const token = useCallback(\n      (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n      [customToken],\n    );\n\n    const theme = useCallback<GetAntdTheme>(\n      (appearance) => {\n        const lobeTheme = createLobeAntdTheme({\n          appearance,\n          neutralColor: customTheme.neutralColor,\n          primaryColor: customTheme.primaryColor,\n        });\n        return merge(lobeTheme, antdTheme);\n      },\n      [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n    );\n\n    return (\n      <>\n        {enableCustomFonts &&\n          webfontUrls?.length > 0 &&\n          webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n        <AntdThemeProvider<LobeCustomToken>\n          customStylish={stylish}\n          customToken={token}\n          theme={theme}\n          {...rest}\n        >\n          <AntdConfigProvider>\n            {enableGlobalStyle && <GlobalStyle />}\n\n            <App className={className} style={{ minHeight: 'inherit', width: 'inherit', ...style }}>\n              <div id={LOBE_THEME_APP_ID} style={{ display: 'contents' }}>\n                {children}\n              </div>\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAMA,kBAAgB,MACnB,EACC,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,EAAE,EAChB,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,UAAU;CAE5B,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GAAE,MAAM;GAAiB,KAAK;GAAyB,CAAC;EAClE,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GAAE,MAAM;GAAsB,KAAK;GAAS,CAAC;EACxD,EACH,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,UAAU,aACb,aAAgC;EAAE,GAAGC,sBAAkBC,QAAM;EAAE,GAAG,gBAAgBA,QAAM;EAAE,GAC3F,CAAC,cAAc,CAChB;CAED,MAAM,QAAQ,aACX,aAA8B;EAAE,GAAGC,oBAAgBD,QAAM;EAAE,GAAG,cAAcA,QAAM;EAAE,GACrF,CAAC,YAAY,CACd;CAED,MAAM,QAAQ,aACX,eAAe;AAMd,SAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;GAC3B,CAAC,EACsB,UAAU;IAEpC;EAAC,YAAY;EAAc,YAAY;EAAc;EAAU,CAChE;AAED,QACE,8CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAACE,sBAAyB,KAAK,WAAd,QAAyB,CAAC,EAC1E,oBAACC;EACC,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,qCACE,qBAAqB,oBAACC,wBAAc,EAErC,oBAAC;GAAe;GAAW,OAAO;IAAE,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;aACpF,oBAAC;IAAI,IAAI;IAAmB,OAAO,EAAE,SAAS,YAAY;IACvD;KACG;IACF,IACa;GACH,IACnB;EAGR;AAED,gBAAc,cAAc;AAE5B,4BAAeP"}
+{"version":3,"file":"ThemeProvider.mjs","names":["ThemeProvider","lobeCustomStylish","theme","lobeCustomToken","FontLoader","AntdThemeProvider","AntdConfigProvider","GlobalStyle"],"sources":["../../src/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["'use client';\n\nimport { App } from 'antd';\nimport {\n  type CustomStylishParams,\n  type CustomTokenParams,\n  type GetAntdTheme,\n  ThemeProvider as AntdThemeProvider,\n} from 'antd-style';\nimport { merge } from 'es-toolkit/compat';\nimport { memo, useCallback, useMemo } from 'react';\n\nimport { useCdnFn } from '@/ConfigProvider';\nimport FontLoader from '@/FontLoader';\nimport { lobeCustomStylish, lobeCustomToken } from '@/styles';\nimport { createLobeAntdTheme } from '@/styles/theme/antdTheme';\nimport { type LobeCustomToken } from '@/types/customToken';\n\nimport AntdConfigProvider from './ConfigProvider';\nimport { LOBE_THEME_APP_ID } from './constants';\nimport GlobalStyle from './GlobalStyle';\nimport { type ThemeProviderProps } from './type';\n\nconst ThemeProvider = memo<ThemeProviderProps>(\n  ({\n    children,\n    customStylish,\n    customToken,\n    enableCustomFonts = true,\n    enableGlobalStyle = true,\n    customFonts,\n    customTheme = {},\n    className,\n    style,\n    theme: antdTheme,\n    ...rest\n  }) => {\n    const genCdnUrl = useCdnFn();\n\n    const webfontUrls = useMemo(\n      () =>\n        customFonts || [\n          genCdnUrl({ path: 'css/index.css', pkg: '@lobehub/webfont-mono' }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans',\n          }),\n          genCdnUrl({\n            path: 'css/index.css',\n            pkg: '@lobehub/webfont-harmony-sans-sc',\n          }),\n          genCdnUrl({ path: 'dist/katex.min.css', pkg: 'katex' }),\n        ],\n      [customFonts, genCdnUrl],\n    );\n\n    const stylish = useCallback(\n      (theme: CustomStylishParams) => ({ ...lobeCustomStylish(theme), ...customStylish?.(theme) }),\n      [customStylish],\n    );\n\n    const token = useCallback(\n      (theme: CustomTokenParams) => ({ ...lobeCustomToken(theme), ...customToken?.(theme) }),\n      [customToken],\n    );\n\n    const theme = useCallback<GetAntdTheme>(\n      (appearance) => {\n        const lobeTheme = createLobeAntdTheme({\n          appearance,\n          neutralColor: customTheme.neutralColor,\n          primaryColor: customTheme.primaryColor,\n        });\n        return merge(lobeTheme, antdTheme);\n      },\n      [customTheme.primaryColor, customTheme.neutralColor, antdTheme],\n    );\n\n    return (\n      <>\n        {enableCustomFonts &&\n          webfontUrls?.length > 0 &&\n          webfontUrls.map((webfont) => <FontLoader key={webfont} url={webfont} />)}\n        <AntdThemeProvider<LobeCustomToken>\n          customStylish={stylish}\n          customToken={token}\n          theme={theme}\n          {...rest}\n        >\n          <AntdConfigProvider>\n            {enableGlobalStyle && <GlobalStyle />}\n\n            <App className={className} style={{ minHeight: 'inherit', width: 'inherit', ...style }}>\n              <div id={LOBE_THEME_APP_ID} style={{ display: 'contents' }}>\n                {children}\n              </div>\n            </App>\n          </AntdConfigProvider>\n        </AntdThemeProvider>\n      </>\n    );\n  },\n);\n\nThemeProvider.displayName = 'LobeThemeProvider';\n\nexport default ThemeProvider;\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAMA,kBAAgB,MACnB,EACC,UACA,eACA,aACA,oBAAoB,MACpB,oBAAoB,MACpB,aACA,cAAc,EAAE,EAChB,WACA,OACA,OAAO,WACP,GAAG,WACC;CACJ,MAAM,YAAY,UAAU;CAE5B,MAAM,cAAc,cAEhB,eAAe;EACb,UAAU;GAAE,MAAM;GAAiB,KAAK;GAAyB,CAAC;EAClE,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GACR,MAAM;GACN,KAAK;GACN,CAAC;EACF,UAAU;GAAE,MAAM;GAAsB,KAAK;GAAS,CAAC;EACxD,EACH,CAAC,aAAa,UAAU,CACzB;CAED,MAAM,UAAU,aACb,aAAgC;EAAE,GAAGC,sBAAkBC,QAAM;EAAE,GAAG,gBAAgBA,QAAM;EAAE,GAC3F,CAAC,cAAc,CAChB;CAED,MAAM,QAAQ,aACX,aAA8B;EAAE,GAAGC,oBAAgBD,QAAM;EAAE,GAAG,cAAcA,QAAM;EAAE,GACrF,CAAC,YAAY,CACd;CAED,MAAM,QAAQ,aACX,eAAe;AAMd,SAAO,MALW,oBAAoB;GACpC;GACA,cAAc,YAAY;GAC1B,cAAc,YAAY;GAC3B,CAAC,EACsB,UAAU;IAEpC;EAAC,YAAY;EAAc,YAAY;EAAc;EAAU,CAChE;AAED,QACE,8CACG,qBACC,aAAa,SAAS,KACtB,YAAY,KAAK,YAAY,oBAACE,sBAAyB,KAAK,WAAd,QAAyB,CAAC,EAC1E,oBAACC;EACC,eAAe;EACf,aAAa;EACN;EACP,GAAI;YAEJ,qBAACC,qCACE,qBAAqB,oBAACC,wBAAc,EAErC,oBAAC;GAAe;GAAW,OAAO;IAAE,WAAW;IAAW,OAAO;IAAW,GAAG;IAAO;aACpF,oBAAC;IAAI,IAAI;IAAmB,OAAO,EAAE,SAAS,YAAY;IACvD;KACG;IACF,IACa;GACH,IACnB;EAGR;AAED,gBAAc,cAAc;AAE5B,4BAAeP"}

package/es/ThemeSwitch/ThemeSwitch.mjs

@@ -43,18 +43,18 @@ const ThemeSwitch = ({ size = "middle", themeMode, onThemeSwitch, type = "icon",
 	return type === "select" ? /* @__PURE__ */ jsx(Select, {
 		className,
 		defaultValue: themeMode,
-		onChange: onThemeSwitch,
+		style,
+		variant,
 		options: items.map((item) => ({
 			label: /* @__PURE__ */ jsxs(FlexBasic_default, {
+				horizontal: true,
 				align: "center",
 				gap: 8,
-				horizontal: true,
 				children: [/* @__PURE__ */ jsx(Icon_default, { icon: item.icon }), item.label]
 			}),
 			value: item.key
 		})),
-		style,
-		variant
+		onChange: onThemeSwitch
 	}) : /* @__PURE__ */ jsx(DropdownMenu_default, {
 		items,
 		nativeButton: false,

package/es/ThemeSwitch/ThemeSwitch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeSwitch.mjs","names":["ThemeSwitch: FC<ThemeSwitchProps>","items: DropdownItem[]","Flexbox","Icon","DropdownMenu","ActionIcon"],"sources":["../../src/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from 'antd';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport DropdownMenu from '@/DropdownMenu';\nimport type { DropdownItem } from '@/DropdownMenu';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport type { ThemeSwitchProps } from './type';\n\nconst DEFAULT_ICON_SET = {\n  auto: Monitor,\n  dark: Moon,\n  light: Sun,\n};\n\nconst ThemeSwitch: FC<ThemeSwitchProps> = ({\n  size = 'middle',\n  themeMode,\n  onThemeSwitch,\n  type = 'icon',\n  labels = {\n    auto: 'System',\n    dark: 'Dark',\n    light: 'Light',\n  },\n  className,\n  variant,\n  style,\n}) => {\n  const items: DropdownItem[] = useMemo(\n    () => [\n      {\n        icon: DEFAULT_ICON_SET.auto,\n        key: 'auto',\n        label: labels.auto,\n        onClick: () => onThemeSwitch('auto'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.light,\n        key: 'light',\n        label: labels.light,\n        onClick: () => onThemeSwitch('light'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.dark,\n        key: 'dark',\n        label: labels.dark,\n        onClick: () => onThemeSwitch('dark'),\n      },\n    ],\n    [labels, onThemeSwitch],\n  );\n\n  return type === 'select' ? (\n    <Select\n      className={className}\n      defaultValue={themeMode}\n      onChange={onThemeSwitch}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox align={'center'} gap={8} horizontal>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      style={style}\n      variant={variant}\n    />\n  ) : (\n    <DropdownMenu items={items} nativeButton={false}>\n      <ActionIcon\n        className={className}\n        icon={DEFAULT_ICON_SET[themeMode]}\n        size={size}\n        style={style}\n        variant={variant}\n      />\n    </DropdownMenu>\n  );\n};\n\nThemeSwitch.displayName = 'ThemeSwitch';\n\nexport default ThemeSwitch;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,mBAAmB;CACvB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,MAAMA,eAAqC,EACzC,OAAO,UACP,WACA,eACA,OAAO,QACP,SAAS;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACR,EACD,WACA,SACA,YACI;CACJ,MAAMC,QAAwB,cACtB;EACJ;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,QAAQ;GACtC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACF,EACD,CAAC,QAAQ,cAAc,CACxB;AAED,QAAO,SAAS,WACd,oBAAC;EACY;EACX,cAAc;EACd,UAAU;EACV,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACC;IAAQ,OAAO;IAAU,KAAK;IAAG;eAChC,oBAACC,gBAAK,MAAM,KAAK,OAAQ,EACxB,KAAK;KACE;GAEZ,OAAO,KAAK;GACb,EAAE;EACI;EACE;GACT,GAEF,oBAACC;EAAoB;EAAO,cAAc;YACxC,oBAACC;GACY;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;IACT;GACW;;AAInB,YAAY,cAAc;AAE1B,0BAAe"}
+{"version":3,"file":"ThemeSwitch.mjs","names":["ThemeSwitch: FC<ThemeSwitchProps>","items: DropdownItem[]","Flexbox","Icon","DropdownMenu","ActionIcon"],"sources":["../../src/ThemeSwitch/ThemeSwitch.tsx"],"sourcesContent":["'use client';\n\nimport { Select } from 'antd';\nimport { Monitor, Moon, Sun } from 'lucide-react';\nimport { type FC, useMemo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { type DropdownItem } from '@/DropdownMenu';\nimport DropdownMenu from '@/DropdownMenu';\nimport { Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\n\nimport { type ThemeSwitchProps } from './type';\n\nconst DEFAULT_ICON_SET = {\n  auto: Monitor,\n  dark: Moon,\n  light: Sun,\n};\n\nconst ThemeSwitch: FC<ThemeSwitchProps> = ({\n  size = 'middle',\n  themeMode,\n  onThemeSwitch,\n  type = 'icon',\n  labels = {\n    auto: 'System',\n    dark: 'Dark',\n    light: 'Light',\n  },\n  className,\n  variant,\n  style,\n}) => {\n  const items: DropdownItem[] = useMemo(\n    () => [\n      {\n        icon: DEFAULT_ICON_SET.auto,\n        key: 'auto',\n        label: labels.auto,\n        onClick: () => onThemeSwitch('auto'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.light,\n        key: 'light',\n        label: labels.light,\n        onClick: () => onThemeSwitch('light'),\n      },\n      {\n        icon: DEFAULT_ICON_SET.dark,\n        key: 'dark',\n        label: labels.dark,\n        onClick: () => onThemeSwitch('dark'),\n      },\n    ],\n    [labels, onThemeSwitch],\n  );\n\n  return type === 'select' ? (\n    <Select\n      className={className}\n      defaultValue={themeMode}\n      style={style}\n      variant={variant}\n      options={items.map((item: any) => ({\n        label: (\n          <Flexbox horizontal align={'center'} gap={8}>\n            <Icon icon={item.icon} />\n            {item.label}\n          </Flexbox>\n        ),\n        value: item.key,\n      }))}\n      onChange={onThemeSwitch}\n    />\n  ) : (\n    <DropdownMenu items={items} nativeButton={false}>\n      <ActionIcon\n        className={className}\n        icon={DEFAULT_ICON_SET[themeMode]}\n        size={size}\n        style={style}\n        variant={variant}\n      />\n    </DropdownMenu>\n  );\n};\n\nThemeSwitch.displayName = 'ThemeSwitch';\n\nexport default ThemeSwitch;\n"],"mappings":";;;;;;;;;;;;AAcA,MAAM,mBAAmB;CACvB,MAAM;CACN,MAAM;CACN,OAAO;CACR;AAED,MAAMA,eAAqC,EACzC,OAAO,UACP,WACA,eACA,OAAO,QACP,SAAS;CACP,MAAM;CACN,MAAM;CACN,OAAO;CACR,EACD,WACA,SACA,YACI;CACJ,MAAMC,QAAwB,cACtB;EACJ;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,QAAQ;GACtC;EACD;GACE,MAAM,iBAAiB;GACvB,KAAK;GACL,OAAO,OAAO;GACd,eAAe,cAAc,OAAO;GACrC;EACF,EACD,CAAC,QAAQ,cAAc,CACxB;AAED,QAAO,SAAS,WACd,oBAAC;EACY;EACX,cAAc;EACP;EACE;EACT,SAAS,MAAM,KAAK,UAAe;GACjC,OACE,qBAACC;IAAQ;IAAW,OAAO;IAAU,KAAK;eACxC,oBAACC,gBAAK,MAAM,KAAK,OAAQ,EACxB,KAAK;KACE;GAEZ,OAAO,KAAK;GACb,EAAE;EACH,UAAU;GACV,GAEF,oBAACC;EAAoB;EAAO,cAAc;YACxC,oBAACC;GACY;GACX,MAAM,iBAAiB;GACjB;GACC;GACE;IACT;GACW;;AAInB,YAAY,cAAc;AAE1B,0BAAe"}