@lobehub/ui 3.4.2 → 3.4.3

package/es/Collapse/type.d.mts

@@ -0,0 +1,35 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { CollapseProps } from "antd";
+import { CSSProperties, ReactNode, Ref } from "react";
+import { ItemType } from "rc-collapse/es/interface";
+
+//#region src/Collapse/type.d.ts
+interface CollapseItemType extends ItemType {
+  desc?: ReactNode;
+  icon?: IconProps['icon'];
+}
+interface CollapseProps$1 extends Omit<CollapseProps, 'collapsible' | 'ghost' | 'items'> {
+  classNames?: {
+    desc?: string;
+    header?: string;
+    title?: string;
+  };
+  collapsible?: boolean;
+  gap?: number;
+  items: CollapseItemType[];
+  padding?: number | string | {
+    body?: number | string;
+    header?: number | string;
+  };
+  ref?: Ref<HTMLDivElement>;
+  styles?: {
+    desc?: CSSProperties;
+    header?: CSSProperties;
+    title?: CSSProperties;
+  };
+  variant?: 'filled' | 'outlined' | 'borderless';
+}
+//#endregion
+export { CollapseItemType, CollapseProps$1 as CollapseProps };
+//# sourceMappingURL=type.d.mts.map

package/es/ColorSwatches/ColorSwatches.d.mts

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

package/es/ColorSwatches/ColorSwatches.mjs

@@ -0,0 +1,89 @@
+'use client';
+
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Center_default from "../Flex/Center.mjs";
+import Icon_default from "../Icon/Icon.mjs";
+import Tooltip_default from "../Tooltip/Tooltip.mjs";
+import { useStyles } from "./style.mjs";
+import { ColorPicker } from "antd";
+import { useMemo } from "react";
+import useMergeState from "use-merge-value";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CheckIcon } from "lucide-react";
+import { readableColor, rgba } from "polished";
+import chroma from "chroma-js";
+
+//#region src/ColorSwatches/ColorSwatches.tsx
+const ColorSwatches = ({ enableColorPicker, enableColorSwatches = true, defaultValue, value, style, colors, onChange, size = 24, shape = "circle", texts, ref, ...rest }) => {
+	const [active, setActive] = useMergeState(defaultValue, {
+		defaultValue,
+		onChange,
+		value
+	});
+	const { cx, styles, theme } = useStyles(size);
+	const isCustomActive = useMemo(() => active && active !== theme.colorPrimary && !colors.some((c) => c.color === active), [
+		active,
+		colors,
+		theme.colorPrimary
+	]);
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		gap: 6,
+		horizontal: true,
+		ref,
+		style: {
+			flexWrap: "wrap",
+			...style
+		},
+		...rest,
+		children: [enableColorSwatches && colors.map((c, i) => {
+			const color = c.color || theme.colorPrimary;
+			const isActive = !active && !c.color || color === active;
+			const isTransparent = c.color === "transparent" || chroma(c.color).alpha() === 0;
+			return /* @__PURE__ */ jsx(Tooltip_default, {
+				title: c.title,
+				children: /* @__PURE__ */ jsx(Center_default, {
+					className: cx(styles.container, isTransparent && styles.transparent, isActive && styles.active),
+					onClick: () => setActive(c.color || void 0),
+					style: {
+						background: isTransparent ? void 0 : color,
+						borderRadius: shape === "circle" ? "50%" : theme.borderRadius
+					},
+					children: isActive && /* @__PURE__ */ jsx(Icon_default, {
+						color: rgba(readableColor(color), .33),
+						icon: CheckIcon,
+						size: {
+							size: 14,
+							strokeWidth: 4
+						},
+						style: { pointerEvents: "none" }
+					})
+				})
+			}, c?.key || i);
+		}), enableColorPicker && /* @__PURE__ */ jsx(Tooltip_default, {
+			title: texts?.custom || "Custom",
+			children: /* @__PURE__ */ jsx(ColorPicker, {
+				arrow: false,
+				className: cx(styles.picker, enableColorSwatches && styles.conic, isCustomActive && styles.active),
+				defaultValue: theme.colorPrimary,
+				disabledAlpha: true,
+				format: "hex",
+				onChangeComplete: (c) => {
+					if (c.toHexString() === theme.colorPrimary) setActive("");
+					else setActive(c.toHexString());
+				},
+				presets: enableColorSwatches ? void 0 : [{
+					colors: colors.map((c) => c.color),
+					label: texts?.presets || "Presets"
+				}],
+				style: { borderRadius: shape === "circle" ? "50%" : theme.borderRadius },
+				value: enableColorSwatches ? void 0 : active
+			})
+		})]
+	});
+};
+ColorSwatches.displayName = "ColorSwatches";
+var ColorSwatches_default = ColorSwatches;
+
+//#endregion
+export { ColorSwatches_default as default };
+//# sourceMappingURL=ColorSwatches.mjs.map

package/es/ColorSwatches/ColorSwatches.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorSwatches.mjs","names":["ColorSwatches: FC<ColorSwatchesProps>","Flexbox","Tooltip","Center","Icon"],"sources":["../../src/ColorSwatches/ColorSwatches.tsx"],"sourcesContent":["'use client';\n\nimport { ColorPicker } from 'antd';\nimport chroma from 'chroma-js';\nimport { CheckIcon } from 'lucide-react';\nimport { readableColor, rgba } from 'polished';\nimport { type FC, useMemo } from 'react';\nimport useMergeState from 'use-merge-value';\n\nimport { Center, Flexbox } from '@/Flex';\nimport Icon from '@/Icon';\nimport Tooltip from '@/Tooltip';\n\nimport { useStyles } from './style';\nimport type { ColorSwatchesProps } from './type';\n\nconst ColorSwatches: FC<ColorSwatchesProps> = ({\n  enableColorPicker,\n  enableColorSwatches = true,\n  defaultValue,\n  value,\n  style,\n  colors,\n  onChange,\n  size = 24,\n  shape = 'circle',\n  texts,\n  ref,\n  ...rest\n}) => {\n  const [active, setActive] = useMergeState(defaultValue, {\n    defaultValue,\n    onChange,\n    value,\n  });\n  const { cx, styles, theme } = useStyles(size);\n\n  const isCustomActive = useMemo(\n    () => active && active !== theme.colorPrimary && !colors.some((c) => c.color === active),\n    [active, colors, theme.colorPrimary],\n  );\n\n  return (\n    <Flexbox gap={6} horizontal ref={ref} style={{ flexWrap: 'wrap', ...style }} {...rest}>\n      {enableColorSwatches &&\n        colors.map((c, i) => {\n          const color = c.color || theme.colorPrimary;\n          const isActive = (!active && !c.color) || color === active;\n          const isTransparent = c.color === 'transparent' || chroma(c.color).alpha() === 0;\n          return (\n            <Tooltip key={c?.key || i} title={c.title}>\n              <Center\n                className={cx(\n                  styles.container,\n                  isTransparent && styles.transparent,\n                  isActive && styles.active,\n                )}\n                onClick={() => setActive(c.color || undefined)}\n                style={{\n                  background: isTransparent ? undefined : color,\n                  borderRadius: shape === 'circle' ? '50%' : theme.borderRadius,\n                }}\n              >\n                {isActive && (\n                  <Icon\n                    color={rgba(readableColor(color), 0.33)}\n                    icon={CheckIcon}\n                    size={{ size: 14, strokeWidth: 4 }}\n                    style={{\n                      pointerEvents: 'none',\n                    }}\n                  />\n                )}\n              </Center>\n            </Tooltip>\n          );\n        })}\n      {enableColorPicker && (\n        <Tooltip title={texts?.custom || 'Custom'}>\n          <ColorPicker\n            arrow={false}\n            className={cx(\n              styles.picker,\n              enableColorSwatches && styles.conic,\n              isCustomActive && styles.active,\n            )}\n            defaultValue={theme.colorPrimary}\n            disabledAlpha\n            format={'hex'}\n            onChangeComplete={(c) => {\n              if (c.toHexString() === theme.colorPrimary) {\n                setActive('');\n              } else {\n                setActive(c.toHexString());\n              }\n            }}\n            presets={\n              enableColorSwatches\n                ? undefined\n                : [\n                    {\n                      colors: colors.map((c) => c.color),\n                      label: texts?.presets || 'Presets',\n                    },\n                  ]\n            }\n            style={{\n              borderRadius: shape === 'circle' ? '50%' : theme.borderRadius,\n            }}\n            value={enableColorSwatches ? undefined : active}\n          />\n        </Tooltip>\n      )}\n    </Flexbox>\n  );\n};\n\nColorSwatches.displayName = 'ColorSwatches';\n\nexport default ColorSwatches;\n"],"mappings":";;;;;;;;;;;;;;;;AAgBA,MAAMA,iBAAyC,EAC7C,mBACA,sBAAsB,MACtB,cACA,OACA,OACA,QACA,UACA,OAAO,IACP,QAAQ,UACR,OACA,KACA,GAAG,WACC;CACJ,MAAM,CAAC,QAAQ,aAAa,cAAc,cAAc;EACtD;EACA;EACA;EACD,CAAC;CACF,MAAM,EAAE,IAAI,QAAQ,UAAU,UAAU,KAAK;CAE7C,MAAM,iBAAiB,cACf,UAAU,WAAW,MAAM,gBAAgB,CAAC,OAAO,MAAM,MAAM,EAAE,UAAU,OAAO,EACxF;EAAC;EAAQ;EAAQ,MAAM;EAAa,CACrC;AAED,QACE,qBAACC;EAAQ,KAAK;EAAG;EAAgB;EAAK,OAAO;GAAE,UAAU;GAAQ,GAAG;GAAO;EAAE,GAAI;aAC9E,uBACC,OAAO,KAAK,GAAG,MAAM;GACnB,MAAM,QAAQ,EAAE,SAAS,MAAM;GAC/B,MAAM,WAAY,CAAC,UAAU,CAAC,EAAE,SAAU,UAAU;GACpD,MAAM,gBAAgB,EAAE,UAAU,iBAAiB,OAAO,EAAE,MAAM,CAAC,OAAO,KAAK;AAC/E,UACE,oBAACC;IAA0B,OAAO,EAAE;cAClC,oBAACC;KACC,WAAW,GACT,OAAO,WACP,iBAAiB,OAAO,aACxB,YAAY,OAAO,OACpB;KACD,eAAe,UAAU,EAAE,SAAS,OAAU;KAC9C,OAAO;MACL,YAAY,gBAAgB,SAAY;MACxC,cAAc,UAAU,WAAW,QAAQ,MAAM;MAClD;eAEA,YACC,oBAACC;MACC,OAAO,KAAK,cAAc,MAAM,EAAE,IAAK;MACvC,MAAM;MACN,MAAM;OAAE,MAAM;OAAI,aAAa;OAAG;MAClC,OAAO,EACL,eAAe,QAChB;OACD;MAEG;MAvBG,GAAG,OAAO,EAwBd;IAEZ,EACH,qBACC,oBAACF;GAAQ,OAAO,OAAO,UAAU;aAC/B,oBAAC;IACC,OAAO;IACP,WAAW,GACT,OAAO,QACP,uBAAuB,OAAO,OAC9B,kBAAkB,OAAO,OAC1B;IACD,cAAc,MAAM;IACpB;IACA,QAAQ;IACR,mBAAmB,MAAM;AACvB,SAAI,EAAE,aAAa,KAAK,MAAM,aAC5B,WAAU,GAAG;SAEb,WAAU,EAAE,aAAa,CAAC;;IAG9B,SACE,sBACI,SACA,CACE;KACE,QAAQ,OAAO,KAAK,MAAM,EAAE,MAAM;KAClC,OAAO,OAAO,WAAW;KAC1B,CACF;IAEP,OAAO,EACL,cAAc,UAAU,WAAW,QAAQ,MAAM,cAClD;IACD,OAAO,sBAAsB,SAAY;KACzC;IACM;GAEJ;;AAId,cAAc,cAAc;AAE5B,4BAAe"}

package/es/ColorSwatches/index.d.mts

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

package/es/ColorSwatches/index.mjs

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

package/es/ColorSwatches/style.mjs

@@ -0,0 +1,88 @@
+import { createStyles } from "antd-style";
+
+//#region src/ColorSwatches/style.ts
+const useStyles = createStyles(({ css: css$1, token, prefixCls }, size) => {
+	return {
+		active: css$1`
+      box-shadow: inset 0 0 0 1px ${token.colorFill};
+    `,
+		conic: css$1`
+      background: conic-gradient(
+        ${token.red},
+        ${token.volcano},
+        ${token.orange},
+        ${token.gold},
+        ${token.yellow},
+        ${token.lime},
+        ${token.green},
+        ${token.cyan},
+        ${token.blue},
+        ${token.geekblue},
+        ${token.purple},
+        ${token.magenta},
+        ${token.red}
+      );
+      .${prefixCls}-color-picker-color-block {
+        opacity: 0;
+      }
+    `,
+		container: css$1`
+      cursor: pointer;
+
+      flex: none;
+
+      width: ${size}px;
+      min-width: ${size}px;
+      height: ${size}px;
+      min-height: ${size}px;
+
+      background: ${token.colorBgContainer};
+      box-shadow: inset 0 0 0 1px ${token.colorFillSecondary};
+
+      &:hover {
+        box-shadow:
+          inset 0 0 0 1px rgba(0, 0, 0, 5%),
+          0 0 0 2px ${token.colorText};
+      }
+    `,
+		picker: css$1`
+      overflow: hidden;
+      flex: none;
+
+      width: ${size}px;
+      min-width: ${size}px;
+      height: ${size}px;
+      min-height: ${size}px;
+      padding: 0;
+
+      border: none;
+      box-shadow: inset 0 0 0 1px ${token.colorFillSecondary};
+
+      &:hover {
+        box-shadow:
+          inset 0 0 0 1px ${token.colorFillSecondary},
+          0 0 0 2px ${token.colorText};
+      }
+
+      .${prefixCls}-color-picker-color-block {
+        width: 100%;
+        height: 100%;
+        border: none;
+        border-radius: inherit;
+      }
+    `,
+		transparent: css$1`
+      background-image: conic-gradient(
+        ${token.colorFillSecondary} 25%,
+        transparent 25% 50%,
+        ${token.colorFillSecondary} 50% 75%,
+        transparent 75% 100%
+      );
+      background-size: 50% 50%;
+    `
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/ColorSwatches/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/ColorSwatches/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, token, prefixCls }, size: number) => {\n  return {\n    active: css`\n      box-shadow: inset 0 0 0 1px ${token.colorFill};\n    `,\n    conic: css`\n      background: conic-gradient(\n        ${token.red},\n        ${token.volcano},\n        ${token.orange},\n        ${token.gold},\n        ${token.yellow},\n        ${token.lime},\n        ${token.green},\n        ${token.cyan},\n        ${token.blue},\n        ${token.geekblue},\n        ${token.purple},\n        ${token.magenta},\n        ${token.red}\n      );\n      .${prefixCls}-color-picker-color-block {\n        opacity: 0;\n      }\n    `,\n\n    container: css`\n      cursor: pointer;\n\n      flex: none;\n\n      width: ${size}px;\n      min-width: ${size}px;\n      height: ${size}px;\n      min-height: ${size}px;\n\n      background: ${token.colorBgContainer};\n      box-shadow: inset 0 0 0 1px ${token.colorFillSecondary};\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px rgba(0, 0, 0, 5%),\n          0 0 0 2px ${token.colorText};\n      }\n    `,\n\n    picker: css`\n      overflow: hidden;\n      flex: none;\n\n      width: ${size}px;\n      min-width: ${size}px;\n      height: ${size}px;\n      min-height: ${size}px;\n      padding: 0;\n\n      border: none;\n      box-shadow: inset 0 0 0 1px ${token.colorFillSecondary};\n\n      &:hover {\n        box-shadow:\n          inset 0 0 0 1px ${token.colorFillSecondary},\n          0 0 0 2px ${token.colorText};\n      }\n\n      .${prefixCls}-color-picker-color-block {\n        width: 100%;\n        height: 100%;\n        border: none;\n        border-radius: inherit;\n      }\n    `,\n\n    transparent: css`\n      background-image: conic-gradient(\n        ${token.colorFillSecondary} 25%,\n        transparent 25% 50%,\n        ${token.colorFillSecondary} 50% 75%,\n        transparent 75% 100%\n      );\n      background-size: 50% 50%;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,OAAO,aAAa,SAAiB;AACjF,QAAO;EACL,QAAQ,KAAG;oCACqB,MAAM,UAAU;;EAEhD,OAAO,KAAG;;UAEJ,MAAM,IAAI;UACV,MAAM,QAAQ;UACd,MAAM,OAAO;UACb,MAAM,KAAK;UACX,MAAM,OAAO;UACb,MAAM,KAAK;UACX,MAAM,MAAM;UACZ,MAAM,KAAK;UACX,MAAM,KAAK;UACX,MAAM,SAAS;UACf,MAAM,OAAO;UACb,MAAM,QAAQ;UACd,MAAM,IAAI;;SAEX,UAAU;;;;EAKf,WAAW,KAAG;;;;;eAKH,KAAK;mBACD,KAAK;gBACR,KAAK;oBACD,KAAK;;oBAEL,MAAM,iBAAiB;oCACP,MAAM,mBAAmB;;;;;sBAKvC,MAAM,UAAU;;;EAIlC,QAAQ,KAAG;;;;eAIA,KAAK;mBACD,KAAK;gBACR,KAAK;oBACD,KAAK;;;;oCAIW,MAAM,mBAAmB;;;;4BAIjC,MAAM,mBAAmB;sBAC/B,MAAM,UAAU;;;SAG7B,UAAU;;;;;;;EAQf,aAAa,KAAG;;UAEV,MAAM,mBAAmB;;UAEzB,MAAM,mBAAmB;;;;;EAKhC;EACD"}

package/es/ColorSwatches/type.d.mts

@@ -0,0 +1,28 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { Key, ReactNode, Ref } from "react";
+
+//#region src/ColorSwatches/type.d.ts
+interface ColorSwatchesItemType {
+  color: string;
+  key?: Key;
+  title?: ReactNode;
+}
+interface ColorSwatchesProps extends Omit<FlexboxProps, 'onChange'> {
+  colors: ColorSwatchesItemType[];
+  defaultValue?: string;
+  enableColorPicker?: boolean;
+  enableColorSwatches?: boolean;
+  onChange?: (color?: string) => void;
+  ref?: Ref<HTMLDivElement>;
+  shape?: 'circle' | 'square';
+  size?: number;
+  texts?: {
+    custom: string;
+    presets: string;
+  };
+  value?: string;
+}
+//#endregion
+export { ColorSwatchesProps };
+//# sourceMappingURL=type.d.mts.map

package/es/ConfigProvider/index.d.mts

@@ -0,0 +1,25 @@
+import { CDN, CdnApi } from "../utils/genCdnUrl.mjs";
+import * as react64 from "react";
+import { ElementType, ReactNode } from "react";
+
+//#region src/ConfigProvider/index.d.ts
+interface Config {
+  aAs?: ElementType;
+  customCdnFn?: CdnFn;
+  imgAs?: ElementType;
+  imgUnoptimized?: boolean;
+  proxy?: CDN | 'custom';
+}
+declare const ConfigProvider: react64.NamedExoticComponent<{
+  children: ReactNode;
+  config: Config;
+}>;
+type CdnFn = ({
+  pkg,
+  version,
+  path
+}: CdnApi) => string;
+declare const useCdnFn: () => CdnFn;
+//#endregion
+export { Config, ConfigProvider, useCdnFn };
+//# sourceMappingURL=index.d.mts.map

package/es/ConfigProvider/index.mjs

@@ -0,0 +1,36 @@
+'use client';
+
+import { genCdnUrl } from "../utils/genCdnUrl.mjs";
+import { createContext, memo, use } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/ConfigProvider/index.tsx
+const ConfigContext = createContext(null);
+const ConfigProvider = memo(({ children, config }) => {
+	return /* @__PURE__ */ jsx(ConfigContext, {
+		value: config,
+		children
+	});
+});
+const cdnFallback = ({ pkg, version, path }) => genCdnUrl({
+	path,
+	pkg,
+	proxy: "aliyun",
+	version
+});
+const useCdnFn = () => {
+	const config = use(ConfigContext);
+	if (!config) return cdnFallback;
+	if (config?.proxy !== "custom") return ({ pkg, version, path }) => genCdnUrl({
+		path,
+		pkg,
+		proxy: config.proxy,
+		version
+	});
+	return config?.customCdnFn || cdnFallback;
+};
+var ConfigProvider_default = ConfigProvider;
+
+//#endregion
+export { ConfigContext, ConfigProvider_default as default, useCdnFn };
+//# sourceMappingURL=index.mjs.map

package/es/ConfigProvider/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["cdnFallback: CdnFn"],"sources":["../../src/ConfigProvider/index.tsx"],"sourcesContent":["'use client';\n\nimport { ElementType, ReactNode, createContext, memo, use } from 'react';\n\nimport { CDN, CdnApi, genCdnUrl } from '@/utils/genCdnUrl';\n\nexport interface Config {\n  aAs?: ElementType;\n  customCdnFn?: CdnFn;\n  imgAs?: ElementType;\n  imgUnoptimized?: boolean;\n  proxy?: CDN | 'custom';\n}\n\nexport const ConfigContext = createContext<Config | null>(null);\n\nconst ConfigProvider = memo<{ children: ReactNode; config: Config }>(({ children, config }) => {\n  return <ConfigContext value={config}>{children}</ConfigContext>;\n});\n\n// useCdnFn\nexport type CdnFn = ({ pkg, version, path }: CdnApi) => string;\n\nconst cdnFallback: CdnFn = ({ pkg, version, path }) =>\n  genCdnUrl({ path, pkg, proxy: 'aliyun', version });\n\nexport const useCdnFn = (): CdnFn => {\n  const config = use(ConfigContext);\n  if (!config) return cdnFallback;\n  if (config?.proxy !== 'custom')\n    return ({ pkg, version, path }) =>\n      genCdnUrl({ path, pkg, proxy: config.proxy as any, version });\n  return config?.customCdnFn || cdnFallback;\n};\n\nexport default ConfigProvider;\n"],"mappings":";;;;;;;AAcA,MAAa,gBAAgB,cAA6B,KAAK;AAE/D,MAAM,iBAAiB,MAA+C,EAAE,UAAU,aAAa;AAC7F,QAAO,oBAAC;EAAc,OAAO;EAAS;GAAyB;EAC/D;AAKF,MAAMA,eAAsB,EAAE,KAAK,SAAS,WAC1C,UAAU;CAAE;CAAM;CAAK,OAAO;CAAU;CAAS,CAAC;AAEpD,MAAa,iBAAwB;CACnC,MAAM,SAAS,IAAI,cAAc;AACjC,KAAI,CAAC,OAAQ,QAAO;AACpB,KAAI,QAAQ,UAAU,SACpB,SAAQ,EAAE,KAAK,SAAS,WACtB,UAAU;EAAE;EAAM;EAAK,OAAO,OAAO;EAAc;EAAS,CAAC;AACjE,QAAO,QAAQ,eAAe;;AAGhC,6BAAe"}

package/es/CopyButton/CopyButton.d.mts

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

package/es/CopyButton/CopyButton.mjs

@@ -0,0 +1,33 @@
+'use client';
+
+import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import { useCopied } from "../hooks/useCopied.mjs";
+import { copyToClipboard } from "../utils/copyToClipboard.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Check, Copy } from "lucide-react";
+
+//#region src/CopyButton/CopyButton.tsx
+const CopyButton = memo(({ active, content, size, icon, glass = true, onClick, ...rest }) => {
+	const { copied, setCopied } = useCopied();
+	const Icon = icon || Copy;
+	return /* @__PURE__ */ jsx(ActionIcon_default, {
+		glass,
+		size,
+		title: "Copy",
+		...rest,
+		active: active || copied,
+		icon: copied ? Check : Icon,
+		onClick: async (e) => {
+			await copyToClipboard(typeof content === "function" ? content() : content);
+			setCopied();
+			onClick?.(e);
+		}
+	});
+});
+CopyButton.displayName = "CopyButton";
+var CopyButton_default = CopyButton;
+
+//#endregion
+export { CopyButton_default as default };
+//# sourceMappingURL=CopyButton.mjs.map

package/es/CopyButton/CopyButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.mjs","names":["ActionIcon"],"sources":["../../src/CopyButton/CopyButton.tsx"],"sourcesContent":["'use client';\n\nimport { Check, Copy } from 'lucide-react';\nimport { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { useCopied } from '@/hooks/useCopied';\nimport { copyToClipboard } from '@/utils/copyToClipboard';\n\nimport type { CopyButtonProps } from './type';\n\nconst CopyButton = memo<CopyButtonProps>(\n  ({ active, content, size, icon, glass = true, onClick, ...rest }) => {\n    const { copied, setCopied } = useCopied();\n    const Icon = icon || Copy;\n\n    return (\n      <ActionIcon\n        glass={glass}\n        size={size}\n        title={'Copy'}\n        {...rest}\n        active={active || copied}\n        icon={copied ? Check : Icon}\n        onClick={async (e) => {\n          const resolvedContent = typeof content === 'function' ? content() : content;\n          await copyToClipboard(resolvedContent);\n          setCopied();\n          onClick?.(e);\n        }}\n      />\n    );\n  },\n);\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,aAAa,MAChB,EAAE,QAAQ,SAAS,MAAM,MAAM,QAAQ,MAAM,SAAS,GAAG,WAAW;CACnE,MAAM,EAAE,QAAQ,cAAc,WAAW;CACzC,MAAM,OAAO,QAAQ;AAErB,QACE,oBAACA;EACQ;EACD;EACN,OAAO;EACP,GAAI;EACJ,QAAQ,UAAU;EAClB,MAAM,SAAS,QAAQ;EACvB,SAAS,OAAO,MAAM;AAEpB,SAAM,gBADkB,OAAO,YAAY,aAAa,SAAS,GAAG,QAC9B;AACtC,cAAW;AACX,aAAU,EAAE;;GAEd;EAGP;AAED,WAAW,cAAc;AAEzB,yBAAe"}

package/es/CopyButton/index.d.mts

@@ -0,0 +1,3 @@
+import { CopyButtonProps } from "./type.mjs";
+import { CopyButton } from "./CopyButton.mjs";
+export { CopyButtonProps, CopyButton as default };

package/es/CopyButton/index.mjs

@@ -0,0 +1,3 @@
+import CopyButton_default from "./CopyButton.mjs";
+
+export { CopyButton_default as default };

package/es/CopyButton/type.d.mts

@@ -0,0 +1,10 @@
+import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
+
+//#region src/CopyButton/type.d.ts
+interface CopyButtonProps extends Omit<ActionIconProps, 'content'> {
+  content: string | (() => string);
+}
+//#endregion
+export { CopyButtonProps };
+//# sourceMappingURL=type.d.mts.map

package/es/DatePicker/DatePicker.d.mts

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

package/es/DatePicker/DatePicker.mjs

@@ -0,0 +1,40 @@
+'use client';
+
+import { useStyles } from "./style.mjs";
+import { DatePicker } from "antd";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/DatePicker/DatePicker.tsx
+const DatePicker$1 = memo(({ variant, shadow, className, ...rest }) => {
+	const { styles, cx, theme } = useStyles();
+	return /* @__PURE__ */ jsx(DatePicker, {
+		className: cx(useMemo(() => cva(styles.root, {
+			defaultVariants: { shadow: false },
+			variants: {
+				variant: {
+					filled: styles.filled,
+					outlined: styles.outlined,
+					borderless: styles.borderless,
+					underlined: null
+				},
+				shadow: {
+					false: null,
+					true: styles.shadow
+				}
+			}
+		}), [styles])({
+			shadow,
+			variant: variant || (theme.isDarkMode ? "filled" : "outlined")
+		}), className),
+		variant: variant || (theme.isDarkMode ? "filled" : "outlined"),
+		...rest
+	});
+});
+DatePicker$1.displayName = "DatePicker";
+var DatePicker_default = DatePicker$1;
+
+//#endregion
+export { DatePicker_default as default };
+//# sourceMappingURL=DatePicker.mjs.map

package/es/DatePicker/DatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.mjs","names":["DatePicker","AntDatePicker"],"sources":["../../src/DatePicker/DatePicker.tsx"],"sourcesContent":["'use client';\n\nimport { DatePicker as AntDatePicker } from 'antd';\nimport { cva } from 'class-variance-authority';\nimport { memo, useMemo } from 'react';\n\nimport { useStyles } from './style';\nimport { DatePickerProps } from './type';\n\nconst DatePicker = memo<DatePickerProps>(({ variant, shadow, className, ...rest }) => {\n  const { styles, cx, theme } = useStyles();\n\n  const variants = useMemo(\n    () =>\n      cva(styles.root, {\n        defaultVariants: {\n          shadow: false,\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            underlined: null,\n          },\n          shadow: {\n            false: null,\n            true: styles.shadow,\n          },\n        },\n        /* eslint-enable sort-keys-fix/sort-keys-fix */\n      }),\n    [styles],\n  );\n\n  return (\n    <AntDatePicker\n      className={cx(\n        variants({ shadow, variant: variant || (theme.isDarkMode ? 'filled' : 'outlined') }),\n        className,\n      )}\n      variant={variant || (theme.isDarkMode ? 'filled' : 'outlined')}\n      {...rest}\n    />\n  );\n});\n\nDatePicker.displayName = 'DatePicker';\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;AASA,MAAMA,eAAa,MAAuB,EAAE,SAAS,QAAQ,WAAW,GAAG,WAAW;CACpF,MAAM,EAAE,QAAQ,IAAI,UAAU,WAAW;AA0BzC,QACE,oBAACC;EACC,WAAW,GA1BE,cAEb,IAAI,OAAO,MAAM;GACf,iBAAiB,EACf,QAAQ,OACT;GAED,UAAU;IACR,SAAS;KACP,QAAQ,OAAO;KACf,UAAU,OAAO;KACjB,YAAY,OAAO;KACnB,YAAY;KACb;IACD,QAAQ;KACN,OAAO;KACP,MAAM,OAAO;KACd;IACF;GAEF,CAAC,EACJ,CAAC,OAAO,CACT,CAKc;GAAE;GAAQ,SAAS,YAAY,MAAM,aAAa,WAAW;GAAa,CAAC,EACpF,UACD;EACD,SAAS,YAAY,MAAM,aAAa,WAAW;EACnD,GAAI;GACJ;EAEJ;AAEF,aAAW,cAAc;AAEzB,yBAAeD"}

package/es/DatePicker/index.d.mts

@@ -0,0 +1,3 @@
+import { DatePickerProps } from "./type.mjs";
+import { DatePicker } from "./DatePicker.mjs";
+export { DatePickerProps, DatePicker as default };

package/es/DatePicker/index.mjs

@@ -0,0 +1,3 @@
+import DatePicker_default from "./DatePicker.mjs";
+
+export { DatePicker_default as default };

package/es/DatePicker/style.mjs

@@ -0,0 +1,16 @@
+import { createStyles } from "antd-style";
+
+//#region src/DatePicker/style.ts
+const useStyles = createStyles(({ css: css$1, stylish }) => {
+	return {
+		borderless: stylish.variantBorderless,
+		filled: stylish.variantFilled,
+		outlined: stylish.variantOutlined,
+		root: css$1``,
+		shadow: stylish.shadow
+	};
+});
+
+//#endregion
+export { useStyles };
+//# sourceMappingURL=style.mjs.map

package/es/DatePicker/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../src/DatePicker/style.ts"],"sourcesContent":["import { createStyles } from 'antd-style';\n\nexport const useStyles = createStyles(({ css, stylish }) => {\n  return {\n    borderless: stylish.variantBorderless,\n    filled: stylish.variantFilled,\n    outlined: stylish.variantOutlined,\n    root: css``,\n    shadow: stylish.shadow,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,YAAY,cAAc,EAAE,YAAK,cAAc;AAC1D,QAAO;EACL,YAAY,QAAQ;EACpB,QAAQ,QAAQ;EAChB,UAAU,QAAQ;EAClB,MAAM,KAAG;EACT,QAAQ,QAAQ;EACjB;EACD"}

package/es/DatePicker/type.d.mts

@@ -0,0 +1,9 @@
+import { DatePickerProps } from "antd";
+
+//#region src/DatePicker/type.d.ts
+interface DatePickerProps$1 extends DatePickerProps {
+  shadow?: boolean;
+}
+//#endregion
+export { DatePickerProps$1 as DatePickerProps };
+//# sourceMappingURL=type.d.mts.map

package/es/DownloadButton/DownloadButton.d.mts

@@ -0,0 +1,8 @@
+import { DownloadButtonProps } from "./type.mjs";
+import React from "react";
+
+//#region src/DownloadButton/DownloadButton.d.ts
+declare const DownloadButton: React.NamedExoticComponent<DownloadButtonProps>;
+//#endregion
+export { DownloadButton };
+//# sourceMappingURL=DownloadButton.d.mts.map

package/es/DownloadButton/DownloadButton.mjs

@@ -0,0 +1,31 @@
+'use client';
+
+import ActionIcon_default from "../ActionIcon/ActionIcon.mjs";
+import { downloadBlob } from "../utils/downloadBlob.mjs";
+import React, { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { Download } from "lucide-react";
+
+//#region src/DownloadButton/DownloadButton.tsx
+const DownloadButton = memo(({ fileName = "download", fileType = "svg", disabled = false, blobUrl, ...rest }) => {
+	const handleDownload = async () => {
+		if (!blobUrl || disabled) return;
+		try {
+			await downloadBlob(blobUrl, `${fileName.replace(/\.[^./]+$/, "")}.${fileType}`);
+		} catch (error) {
+			console.error("Download failed:", error);
+		}
+	};
+	return /* @__PURE__ */ jsx(ActionIcon_default, {
+		title: `Download ${fileType.toUpperCase()}`,
+		...rest,
+		icon: Download,
+		onClick: handleDownload
+	});
+});
+DownloadButton.displayName = "DownloadButton";
+var DownloadButton_default = DownloadButton;
+
+//#endregion
+export { DownloadButton_default as default };
+//# sourceMappingURL=DownloadButton.mjs.map

package/es/DownloadButton/DownloadButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadButton.mjs","names":["ActionIcon"],"sources":["../../src/DownloadButton/DownloadButton.tsx"],"sourcesContent":["'use client';\n\nimport { Download } from 'lucide-react';\nimport React, { memo } from 'react';\n\nimport ActionIcon from '@/ActionIcon';\nimport { downloadBlob } from '@/utils/downloadBlob';\n\nimport type { DownloadButtonProps } from './type';\n\nconst DownloadButton = memo<DownloadButtonProps>(\n  ({ fileName = 'download', fileType = 'svg', disabled = false, blobUrl, ...rest }) => {\n    const handleDownload = async () => {\n      if (!blobUrl || disabled) return;\n      try {\n        await downloadBlob(blobUrl, `${fileName.replace(/\\.[^./]+$/, '')}.${fileType}`);\n      } catch (error) {\n        console.error('Download failed:', error);\n      }\n    };\n    return (\n      <ActionIcon\n        title={`Download ${fileType.toUpperCase()}`}\n        {...rest}\n        icon={Download}\n        onClick={handleDownload}\n      />\n    );\n  },\n);\n\nDownloadButton.displayName = 'DownloadButton';\n\nexport default DownloadButton;\n"],"mappings":";;;;;;;;;AAUA,MAAM,iBAAiB,MACpB,EAAE,WAAW,YAAY,WAAW,OAAO,WAAW,OAAO,SAAS,GAAG,WAAW;CACnF,MAAM,iBAAiB,YAAY;AACjC,MAAI,CAAC,WAAW,SAAU;AAC1B,MAAI;AACF,SAAM,aAAa,SAAS,GAAG,SAAS,QAAQ,aAAa,GAAG,CAAC,GAAG,WAAW;WACxE,OAAO;AACd,WAAQ,MAAM,oBAAoB,MAAM;;;AAG5C,QACE,oBAACA;EACC,OAAO,YAAY,SAAS,aAAa;EACzC,GAAI;EACJ,MAAM;EACN,SAAS;GACT;EAGP;AAED,eAAe,cAAc;AAE7B,6BAAe"}

package/es/DownloadButton/index.d.mts

@@ -0,0 +1,3 @@
+import { DownloadButtonProps } from "./type.mjs";
+import { DownloadButton } from "./DownloadButton.mjs";
+export { DownloadButtonProps, DownloadButton as default };

package/es/DownloadButton/index.mjs

@@ -0,0 +1,3 @@
+import DownloadButton_default from "./DownloadButton.mjs";
+
+export { DownloadButton_default as default };

package/es/DownloadButton/type.d.mts

@@ -0,0 +1,12 @@
+import { ActionIconProps } from "../ActionIcon/type.mjs";
+import "../ActionIcon/index.mjs";
+
+//#region src/DownloadButton/type.d.ts
+interface DownloadButtonProps extends ActionIconProps {
+  blobUrl?: string;
+  fileName?: string;
+  fileType?: string;
+}
+//#endregion
+export { DownloadButtonProps };
+//# sourceMappingURL=type.d.mts.map