@jinmi/ui 0.0.0-stage → 6.0.1

package/es/base-ui/Carousel/style.mjs

@@ -0,0 +1,89 @@
+import { brandCssVar } from "../../styles/brandCssVar.mjs";
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Carousel/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	arrow: css`
+    position: absolute;
+    z-index: 1;
+    inset-block-start: 50%;
+    transform: translateY(-50%);
+
+    color: ${cssVar.colorText};
+
+    background: ${cssVar.colorBgContainer};
+    box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
+  `,
+	dot: css`
+    cursor: pointer;
+
+    width: 6px;
+    height: 6px;
+    padding: 0;
+    border: 0;
+    border-radius: 999px;
+
+    background: ${cssVar.colorFill};
+
+    transition:
+      width 0.2s ease,
+      background 0.2s ease;
+
+    &:hover {
+      background: ${cssVar.colorTextQuaternary};
+    }
+
+    &[aria-current='true'] {
+      width: 18px;
+      background: ${cssVar.colorText};
+    }
+
+    &:focus-visible {
+      outline: 2px solid ${brandCssVar.colorBrand};
+      outline-offset: 2px;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
+  `,
+	dots: css`
+    display: flex;
+    gap: 6px;
+    align-items: center;
+    justify-content: center;
+
+    padding-block: 10px;
+  `,
+	root: css`
+    position: relative;
+  `,
+	slide: css`
+    flex: 0 0 100%;
+    min-width: 0;
+  `,
+	track: css`
+    display: flex;
+    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
+
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
+  `,
+	trackAdaptive: css`
+    align-items: flex-start;
+  `,
+	viewport: css`
+    touch-action: pan-y;
+    position: relative;
+    overflow: hidden;
+    transition: height 0.3s ease;
+
+    @media (prefers-reduced-motion: reduce) {
+      transition: none;
+    }
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Carousel/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Carousel/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\nimport { brandCssVar } from '@/styles/brandCssVar';\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\r\n  arrow: css`\r\n    position: absolute;\r\n    z-index: 1;\r\n    inset-block-start: 50%;\r\n    transform: translateY(-50%);\r\n\r\n    color: ${cssVar.colorText};\r\n\r\n    background: ${cssVar.colorBgContainer};\r\n    box-shadow: 0 1px 4px rgb(0 0 0 / 12%);\r\n  `,\r\n  dot: css`\r\n    cursor: pointer;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n    padding: 0;\r\n    border: 0;\r\n    border-radius: 999px;\r\n\r\n    background: ${cssVar.colorFill};\r\n\r\n    transition:\r\n      width 0.2s ease,\r\n      background 0.2s ease;\r\n\r\n    &:hover {\r\n      background: ${cssVar.colorTextQuaternary};\r\n    }\r\n\r\n    &[aria-current='true'] {\r\n      width: 18px;\r\n      background: ${cssVar.colorText};\r\n    }\r\n\r\n    &:focus-visible {\r\n      outline: 2px solid ${brandCssVar.colorBrand};\r\n      outline-offset: 2px;\r\n    }\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      transition: none;\r\n    }\r\n  `,\r\n  dots: css`\r\n    display: flex;\r\n    gap: 6px;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding-block: 10px;\r\n  `,\r\n  root: css`\r\n    position: relative;\r\n  `,\r\n  slide: css`\r\n    flex: 0 0 100%;\r\n    min-width: 0;\r\n  `,\r\n  track: css`\r\n    display: flex;\r\n    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      transition: none;\r\n    }\r\n  `,\r\n  trackAdaptive: css`\r\n    align-items: flex-start;\r\n  `,\r\n  viewport: css`\r\n    touch-action: pan-y;\r\n    position: relative;\r\n    overflow: hidden;\r\n    transition: height 0.3s ease;\r\n\r\n    @media (prefers-reduced-motion: reduce) {\r\n      transition: none;\r\n    }\r\n  `,\r\n}));\r\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,OAAO,GAAG;;;;;;aAMC,OAAO,UAAU;;kBAEZ,OAAO,iBAAiB;;;CAGxC,KAAK,GAAG;;;;;;;;;kBASQ,OAAO,UAAU;;;;;;;oBAOf,OAAO,oBAAoB;;;;;oBAK3B,OAAO,UAAU;;;;2BAIV,YAAY,WAAW;;;;;;;;CAQhD,MAAM,GAAG;;;;;;;;CAQT,MAAM,GAAG;;;CAGT,OAAO,GAAG;;;;CAIV,OAAO,GAAG;;;;;;;;CAQV,eAAe,GAAG;;;CAGlB,UAAU,GAAG;;;;;;;;;;AAUf,EAAE"}

package/es/base-ui/Carousel/type.d.mts

@@ -0,0 +1,23 @@
+import { ComponentProps, ReactNode, Ref } from "react";
+//#region src/base-ui/Carousel/type.d.ts
+interface CarouselRef {
+  goTo: (index: number) => void;
+  next: () => void;
+  prev: () => void;
+}
+interface CarouselProps extends Omit<ComponentProps<'div'>, 'children' | 'ref'> {
+  adaptiveHeight?: boolean;
+  arrows?: boolean;
+  autoplay?: boolean | number;
+  children?: ReactNode;
+  defaultIndex?: number;
+  dots?: boolean;
+  index?: number;
+  loop?: boolean;
+  onIndexChange?: (index: number) => void;
+  pauseOnHover?: boolean;
+  ref?: Ref<CarouselRef>;
+}
+//#endregion
+export { CarouselProps, CarouselRef };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Checkbox/Checkbox.d.mts

@@ -0,0 +1,10 @@
+import { CheckboxProps } from "./type.mjs";
+//#region src/base-ui/Checkbox/Checkbox.d.ts
+declare const _default: import("react").NamedExoticComponent<CheckboxProps> & {
+  formBinding: {
+    readonly valueProp: "checked";
+  };
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=Checkbox.d.mts.map

package/es/base-ui/Checkbox/Checkbox.mjs

@@ -0,0 +1,62 @@
+"use client";
+import Text from "../../Text/Text.mjs";
+import { styles } from "./style.mjs";
+import { memo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { CheckIcon, Minus } from "lucide-react";
+import { Checkbox } from "@base-ui/react/checkbox";
+//#region src/base-ui/Checkbox/Checkbox.tsx
+const Checkbox$1 = memo(({ size = 16, shape = "square", backgroundColor, children, className, classNames, styles: customStyles, style, textProps, onChange, disabled, indeterminate, ...rest }) => {
+	const boxStyle = {
+		borderRadius: shape === "square" ? `max(4px, ${Math.round(size / 4)}px)` : "50%",
+		height: size,
+		width: size,
+		...backgroundColor ? { "--jinmi-checkbox-bg": backgroundColor } : {},
+		...children ? {} : style,
+		...customStyles?.checkbox
+	};
+	const box = /* @__PURE__ */ jsx(Checkbox.Root, {
+		disabled,
+		indeterminate,
+		style: boxStyle,
+		className: cx(styles.root, children ? classNames?.checkbox : className, classNames?.checkbox),
+		onCheckedChange: onChange,
+		...rest,
+		children: /* @__PURE__ */ jsx(Checkbox.Indicator, {
+			className: styles.indicator,
+			children: indeterminate ? /* @__PURE__ */ jsx(Minus, {
+				size,
+				strokeWidth: 3,
+				style: { transform: `scale(${shape === "square" ? .75 : .66})` }
+			}) : /* @__PURE__ */ jsx(CheckIcon, {
+				size,
+				strokeWidth: 3,
+				style: { transform: `scale(${shape === "square" ? .75 : .66})` }
+			})
+		})
+	});
+	if (!children) return box;
+	return /* @__PURE__ */ jsxs("label", {
+		className: cx(styles.label, className, classNames?.wrapper),
+		style: {
+			gap: Math.floor(size / 2),
+			...style,
+			...customStyles?.wrapper
+		},
+		children: [box, /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			className: classNames?.text,
+			style: customStyles?.text,
+			...textProps,
+			type: disabled ? "secondary" : textProps?.type,
+			children
+		})]
+	});
+});
+Checkbox$1.displayName = "Checkbox";
+var Checkbox_default = Object.assign(Checkbox$1, { formBinding: { valueProp: "checked" } });
+//#endregion
+export { Checkbox_default as default };
+
+//# sourceMappingURL=Checkbox.mjs.map

package/es/base-ui/Checkbox/Checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","names":["Checkbox","BaseCheckbox"],"sources":["../../../src/base-ui/Checkbox/Checkbox.tsx"],"sourcesContent":["'use client';\n\nimport { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';\nimport { cx } from 'antd-style';\nimport { CheckIcon, Minus } from 'lucide-react';\nimport { type CSSProperties, memo } from 'react';\n\nimport Text from '@/Text';\n\nimport { styles } from './style';\nimport type { CheckboxProps } from './type';\n\nconst Checkbox = memo<CheckboxProps>(\n  ({\n    size = 16,\n    shape = 'square',\n    backgroundColor,\n    children,\n    className,\n    classNames,\n    styles: customStyles,\n    style,\n    textProps,\n    onChange,\n    disabled,\n    indeterminate,\n    ...rest\n  }) => {\n    const boxStyle: CSSProperties = {\n      borderRadius: shape === 'square' ? `max(4px, ${Math.round(size / 4)}px)` : '50%',\n      height: size,\n      width: size,\n      ...(backgroundColor ? { '--jinmi-checkbox-bg': backgroundColor } : {}),\n      ...(children ? {} : style),\n      ...customStyles?.checkbox,\n    };\n\n    const box = (\n      <BaseCheckbox.Root\n        disabled={disabled}\n        indeterminate={indeterminate}\n        style={boxStyle}\n        className={cx(\n          styles.root,\n          children ? classNames?.checkbox : className,\n          classNames?.checkbox,\n        )}\n        onCheckedChange={onChange}\n        {...rest}\n      >\n        <BaseCheckbox.Indicator className={styles.indicator}>\n          {indeterminate ? (\n            <Minus\n              size={size}\n              strokeWidth={3}\n              style={{ transform: `scale(${shape === 'square' ? 0.75 : 0.66})` }}\n            />\n          ) : (\n            <CheckIcon\n              size={size}\n              strokeWidth={3}\n              style={{ transform: `scale(${shape === 'square' ? 0.75 : 0.66})` }}\n            />\n          )}\n        </BaseCheckbox.Indicator>\n      </BaseCheckbox.Root>\n    );\n\n    if (!children) return box;\n\n    return (\n      <label\n        className={cx(styles.label, className, classNames?.wrapper)}\n        style={{ gap: Math.floor(size / 2), ...style, ...customStyles?.wrapper }}\n      >\n        {box}\n        <Text\n          as={'span'}\n          className={classNames?.text}\n          style={customStyles?.text}\n          {...textProps}\n          type={disabled ? 'secondary' : textProps?.type}\n        >\n          {children}\n        </Text>\n      </label>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Object.assign(Checkbox, { formBinding: { valueProp: 'checked' } as const });\n"],"mappings":";;;;;;;;;AAYA,MAAMA,aAAW,MACd,EACC,OAAO,IACP,QAAQ,UACR,iBACA,UACA,WACA,YACA,QAAQ,cACR,OACA,WACA,UACA,UACA,eACA,GAAG,WACC;CACJ,MAAM,WAA0B;EAC9B,cAAc,UAAU,WAAW,YAAY,KAAK,MAAM,OAAO,CAAC,EAAE,OAAO;EAC3E,QAAQ;EACR,OAAO;EACP,GAAI,kBAAkB,EAAE,uBAAuB,gBAAgB,IAAI,CAAC;EACpE,GAAI,WAAW,CAAC,IAAI;EACpB,GAAG,cAAc;CACnB;CAEA,MAAM,MACJ,oBAACC,SAAa,MAAd;EACY;EACK;EACf,OAAO;EACP,WAAW,GACT,OAAO,MACP,WAAW,YAAY,WAAW,WAClC,YAAY,QACd;EACA,iBAAiB;EACjB,GAAI;EAEJ,UAAA,oBAACA,SAAa,WAAd;GAAwB,WAAW,OAAO;GACvC,UAAA,gBACC,oBAAC,OAAD;IACQ;IACN,aAAa;IACb,OAAO,EAAE,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,GAAG;GAClE,CAAA,IAED,oBAAC,WAAD;IACQ;IACN,aAAa;IACb,OAAO,EAAE,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,GAAG;GAClE,CAAA;EAEmB,CAAA;CACP,CAAA;CAGrB,IAAI,CAAC,UAAU,OAAO;CAEtB,OACE,qBAAC,SAAD;EACE,WAAW,GAAG,OAAO,OAAO,WAAW,YAAY,OAAO;EAC1D,OAAO;GAAE,KAAK,KAAK,MAAM,OAAO,CAAC;GAAG,GAAG;GAAO,GAAG,cAAc;EAAQ;EAFzE,UAAA,CAIG,KACD,oBAAC,MAAD;GACE,IAAI;GACJ,WAAW,YAAY;GACvB,OAAO,cAAc;GACrB,GAAI;GACJ,MAAM,WAAW,cAAc,WAAW;GAEzC;EACG,CAAA,CACD;;AAEX,CACF;AAEA,WAAS,cAAc;AAEvB,IAAA,mBAAe,OAAO,OAAOD,YAAU,EAAE,aAAa,EAAE,WAAW,UAAU,EAAW,CAAC"}

package/es/base-ui/Checkbox/CheckboxGroup.d.mts

@@ -0,0 +1,6 @@
+import { CheckboxGroupProps } from "./type.mjs";
+//#region src/base-ui/Checkbox/CheckboxGroup.d.ts
+declare const CheckboxGroup: import("react").NamedExoticComponent<CheckboxGroupProps>;
+//#endregion
+export { CheckboxGroup as default };
+//# sourceMappingURL=CheckboxGroup.d.mts.map

package/es/base-ui/Checkbox/CheckboxGroup.mjs

@@ -0,0 +1,37 @@
+"use client";
+import Checkbox_default from "./Checkbox.mjs";
+import { memo, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+//#region src/base-ui/Checkbox/CheckboxGroup.tsx
+const CheckboxGroup$1 = memo(({ options, onChange, gap = 12, horizontal = true, size, shape, textProps, style, ...rest }) => {
+	const items = useMemo(() => options.map((option) => typeof option === "string" ? {
+		label: option,
+		value: option
+	} : option), [options]);
+	return /* @__PURE__ */ jsx(CheckboxGroup, {
+		style: {
+			display: "flex",
+			flexDirection: horizontal ? "row" : "column",
+			flexWrap: "wrap",
+			gap,
+			...style
+		},
+		onValueChange: onChange,
+		...rest,
+		children: items.map((item) => /* @__PURE__ */ jsx(Checkbox_default, {
+			disabled: item.disabled,
+			name: item.value,
+			shape,
+			size,
+			textProps,
+			value: item.value,
+			children: item.label
+		}, item.value))
+	});
+});
+CheckboxGroup$1.displayName = "CheckboxGroup";
+//#endregion
+export { CheckboxGroup$1 as default };
+
+//# sourceMappingURL=CheckboxGroup.mjs.map

package/es/base-ui/Checkbox/CheckboxGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.mjs","names":["CheckboxGroup","BaseCheckboxGroup","Checkbox"],"sources":["../../../src/base-ui/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group';\r\nimport { memo, useMemo } from 'react';\r\n\r\nimport Checkbox from './Checkbox';\r\nimport type { CheckboxGroupOption, CheckboxGroupProps } from './type';\r\n\r\nconst CheckboxGroup = memo<CheckboxGroupProps>(\r\n  ({ options, onChange, gap = 12, horizontal = true, size, shape, textProps, style, ...rest }) => {\r\n    const items = useMemo<CheckboxGroupOption[]>(\r\n      () =>\r\n        options.map((option) =>\r\n          typeof option === 'string' ? { label: option, value: option } : option,\r\n        ),\r\n      [options],\r\n    );\r\n\r\n    return (\r\n      <BaseCheckboxGroup\r\n        style={{\r\n          display: 'flex',\r\n          flexDirection: horizontal ? 'row' : 'column',\r\n          flexWrap: 'wrap',\r\n          gap,\r\n          ...style,\r\n        }}\r\n        onValueChange={onChange}\r\n        {...rest}\r\n      >\r\n        {items.map((item) => (\r\n          <Checkbox\r\n            disabled={item.disabled}\r\n            key={item.value}\r\n            name={item.value}\r\n            shape={shape}\r\n            size={size}\r\n            textProps={textProps}\r\n            value={item.value}\r\n          >\r\n            {item.label}\r\n          </Checkbox>\r\n        ))}\r\n      </BaseCheckboxGroup>\r\n    );\r\n  },\r\n);\r\n\r\nCheckboxGroup.displayName = 'CheckboxGroup';\r\n\r\nexport default CheckboxGroup;\r\n"],"mappings":";;;;;;AAQA,MAAMA,kBAAgB,MACnB,EAAE,SAAS,UAAU,MAAM,IAAI,aAAa,MAAM,MAAM,OAAO,WAAW,OAAO,GAAG,WAAW;CAC9F,MAAM,QAAQ,cAEV,QAAQ,KAAK,WACX,OAAO,WAAW,WAAW;EAAE,OAAO;EAAQ,OAAO;CAAO,IAAI,MAClE,GACF,CAAC,OAAO,CACV;CAEA,OACE,oBAACC,eAAD;EACE,OAAO;GACL,SAAS;GACT,eAAe,aAAa,QAAQ;GACpC,UAAU;GACV;GACA,GAAG;EACL;EACA,eAAe;EACf,GAAI;EAEH,UAAA,MAAM,KAAK,SACV,oBAACC,kBAAD;GACE,UAAU,KAAK;GAEf,MAAM,KAAK;GACJ;GACD;GACK;GACX,OAAO,KAAK;GAEX,UAAA,KAAK;EACE,GARH,KAAK,KAQF,CACX;CACgB,CAAA;AAEvB,CACF;AAEA,gBAAc,cAAc"}

package/es/base-ui/Checkbox/index.d.mts

@@ -0,0 +1,5 @@
+import { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, CheckboxShape } from "./type.mjs";
+import _default from "./Checkbox.mjs";
+import CheckboxGroup from "./CheckboxGroup.mjs";
+import { styles } from "./style.mjs";
+export { _default as Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxShape, styles as checkboxStyles };

package/es/base-ui/Checkbox/style.d.mts

@@ -0,0 +1,9 @@
+//#region src/base-ui/Checkbox/style.d.ts
+declare const styles: {
+  indicator: string;
+  label: string;
+  root: string;
+};
+//#endregion
+export { styles };
+//# sourceMappingURL=style.d.mts.map

package/es/base-ui/Checkbox/style.mjs

@@ -0,0 +1,68 @@
+import { focusRing } from "../focusRing.mjs";
+import { createStaticStyles } from "antd-style";
+//#region src/base-ui/Checkbox/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => ({
+	indicator: css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `,
+	label: css`
+    cursor: pointer;
+    user-select: none;
+    display: inline-flex;
+    align-items: center;
+
+    &:has([data-disabled]) {
+      cursor: not-allowed;
+    }
+  `,
+	root: css`
+    cursor: pointer;
+
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+
+    margin: 0;
+    padding: 0;
+    border: 1px solid ${cssVar.colorBorderSecondary};
+
+    color: ${cssVar.colorBgLayout};
+
+    background: ${cssVar.colorBgContainer};
+    outline: none;
+
+    transition:
+      background 150ms ${cssVar.motionEaseOut},
+      border-color 150ms ${cssVar.motionEaseOut};
+
+    &:hover:not([data-disabled], [data-checked], [data-indeterminate]) {
+      border-color: ${cssVar.colorBorder};
+    }
+
+    ${focusRing};
+
+    &[data-checked],
+    &[data-indeterminate] {
+      border-color: var(--jinmi-checkbox-bg, ${cssVar.colorPrimary});
+      background: var(--jinmi-checkbox-bg, ${cssVar.colorPrimary});
+    }
+
+    &[data-disabled] {
+      cursor: not-allowed;
+
+      border-color: ${cssVar.colorFill};
+
+      color: ${cssVar.colorText};
+
+      opacity: 0.25;
+      background: ${cssVar.colorFill};
+    }
+  `
+}));
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/base-ui/Checkbox/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/Checkbox/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  indicator: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n  label: css`\n    cursor: pointer;\n    user-select: none;\n    display: inline-flex;\n    align-items: center;\n\n    &:has([data-disabled]) {\n      cursor: not-allowed;\n    }\n  `,\n  root: css`\n    cursor: pointer;\n\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    justify-content: center;\n\n    margin: 0;\n    padding: 0;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n\n    color: ${cssVar.colorBgLayout};\n\n    background: ${cssVar.colorBgContainer};\n    outline: none;\n\n    transition:\n      background 150ms ${cssVar.motionEaseOut},\n      border-color 150ms ${cssVar.motionEaseOut};\n\n    &:hover:not([data-disabled], [data-checked], [data-indeterminate]) {\n      border-color: ${cssVar.colorBorder};\n    }\n\n    ${focusRing};\n\n    &[data-checked],\n    &[data-indeterminate] {\n      border-color: var(--jinmi-checkbox-bg, ${cssVar.colorPrimary});\n      background: var(--jinmi-checkbox-bg, ${cssVar.colorPrimary});\n    }\n\n    &[data-disabled] {\n      cursor: not-allowed;\n\n      border-color: ${cssVar.colorFill};\n\n      color: ${cssVar.colorText};\n\n      opacity: 0.25;\n      background: ${cssVar.colorFill};\n    }\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,WAAW,GAAG;;;;;CAKd,OAAO,GAAG;;;;;;;;;;CAUV,MAAM,GAAG;;;;;;;;;;wBAUa,OAAO,qBAAqB;;aAEvC,OAAO,cAAc;;kBAEhB,OAAO,iBAAiB;;;;yBAIjB,OAAO,cAAc;2BACnB,OAAO,cAAc;;;sBAG1B,OAAO,YAAY;;;MAGnC,UAAU;;;;+CAI+B,OAAO,aAAa;6CACtB,OAAO,aAAa;;;;;;sBAM3C,OAAO,UAAU;;eAExB,OAAO,UAAU;;;oBAGZ,OAAO,UAAU;;;AAGrC,EAAE"}

package/es/base-ui/Checkbox/type.d.mts

@@ -0,0 +1,52 @@
+import { FlexboxProps } from "../../Flex/type.mjs";
+import "../../Flex/index.mjs";
+import { TextProps } from "../../Text/type.mjs";
+import "../../Text/index.mjs";
+import { CSSProperties, ComponentProps, ReactNode } from "react";
+import { Checkbox } from "@base-ui/react/checkbox";
+import { CheckboxGroup } from "@base-ui/react/checkbox-group";
+//#region src/base-ui/Checkbox/type.d.ts
+type CheckboxShape = 'square' | 'circle';
+type BaseCheckboxProps = Omit<ComponentProps<typeof Checkbox.Root>, 'className' | 'style' | 'render' | 'children' | 'onCheckedChange'>;
+interface CheckboxProps extends BaseCheckboxProps {
+  backgroundColor?: string;
+  children?: ReactNode;
+  className?: string;
+  classNames?: {
+    checkbox?: string;
+    text?: string;
+    wrapper?: string;
+  };
+  onChange?: (checked: boolean) => void;
+  shape?: CheckboxShape;
+  /**
+   * Box size in pixels
+   * @default 16
+   */
+  size?: number;
+  style?: CSSProperties;
+  styles?: {
+    checkbox?: CSSProperties;
+    text?: CSSProperties;
+    wrapper?: CSSProperties;
+  };
+  textProps?: Omit<TextProps, 'children' | 'className' | 'style'>;
+}
+interface CheckboxGroupOption {
+  disabled?: boolean;
+  label: ReactNode;
+  value: string;
+}
+type BaseCheckboxGroupProps = Omit<ComponentProps<typeof CheckboxGroup>, 'className' | 'style' | 'render' | 'children' | 'onValueChange' | 'onChange'>;
+interface CheckboxGroupProps extends BaseCheckboxGroupProps, Pick<FlexboxProps, 'gap' | 'horizontal'> {
+  className?: string;
+  onChange?: (value: string[]) => void;
+  options: (string | CheckboxGroupOption)[];
+  shape?: CheckboxShape;
+  size?: number;
+  style?: CSSProperties;
+  textProps?: CheckboxProps['textProps'];
+}
+//#endregion
+export { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps, CheckboxShape };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/Collapsible/Collapsible.d.mts

@@ -0,0 +1,6 @@
+import { CollapsibleProps } from "./type.mjs";
+//#region src/base-ui/Collapsible/Collapsible.d.ts
+declare const Collapsible: import("react").NamedExoticComponent<CollapsibleProps>;
+//#endregion
+export { Collapsible as default };
+//# sourceMappingURL=Collapsible.d.mts.map

package/es/base-ui/Collapsible/Collapsible.mjs

@@ -0,0 +1,25 @@
+"use client";
+import { styles } from "../Accordion/style.mjs";
+import { memo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import { Collapsible } from "@base-ui/react/collapsible";
+//#region src/base-ui/Collapsible/Collapsible.tsx
+const Collapsible$1 = memo(({ open, keepMounted, children, className, contentClassName, contentStyle, style }) => /* @__PURE__ */ jsx(Collapsible.Root, {
+	open,
+	children: /* @__PURE__ */ jsx(Collapsible.Panel, {
+		className: cx(styles.panel, className),
+		keepMounted,
+		style,
+		children: /* @__PURE__ */ jsx("div", {
+			className: cx(styles.content, contentClassName),
+			style: contentStyle,
+			children
+		})
+	})
+}));
+Collapsible$1.displayName = "Collapsible";
+//#endregion
+export { Collapsible$1 as default };
+
+//# sourceMappingURL=Collapsible.mjs.map

package/es/base-ui/Collapsible/Collapsible.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.mjs","names":["Collapsible","BaseUICollapsible","accordionStyles"],"sources":["../../../src/base-ui/Collapsible/Collapsible.tsx"],"sourcesContent":["'use client';\r\n\r\nimport { Collapsible as BaseUICollapsible } from '@base-ui/react/collapsible';\r\nimport { cx } from 'antd-style';\r\nimport { memo } from 'react';\r\n\r\nimport { accordionStyles } from '../Accordion/atoms';\r\nimport type { CollapsibleProps } from './type';\r\n\r\nconst Collapsible = memo<CollapsibleProps>(\r\n  ({ open, keepMounted, children, className, contentClassName, contentStyle, style }) => (\r\n    <BaseUICollapsible.Root open={open}>\r\n      <BaseUICollapsible.Panel\r\n        className={cx(accordionStyles.panel, className)}\r\n        keepMounted={keepMounted}\r\n        style={style}\r\n      >\r\n        <div className={cx(accordionStyles.content, contentClassName)} style={contentStyle}>\r\n          {children}\r\n        </div>\r\n      </BaseUICollapsible.Panel>\r\n    </BaseUICollapsible.Root>\r\n  ),\r\n);\r\n\r\nCollapsible.displayName = 'Collapsible';\r\n\r\nexport default Collapsible;\r\n"],"mappings":";;;;;;;AASA,MAAMA,gBAAc,MACjB,EAAE,MAAM,aAAa,UAAU,WAAW,kBAAkB,cAAc,YACzE,oBAACC,YAAkB,MAAnB;CAA8B;CAC5B,UAAA,oBAACA,YAAkB,OAAnB;EACE,WAAW,GAAGC,OAAgB,OAAO,SAAS;EACjC;EACN;EAEP,UAAA,oBAAC,OAAD;GAAK,WAAW,GAAGA,OAAgB,SAAS,gBAAgB;GAAG,OAAO;GACnE;EACE,CAAA;CACkB,CAAA;AACH,CAAA,CAE5B;AAEA,cAAY,cAAc"}

package/es/base-ui/Collapsible/index.d.mts

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

package/es/base-ui/Collapsible/type.d.mts

@@ -0,0 +1,14 @@
+import { CSSProperties, ReactNode } from "react";
+//#region src/base-ui/Collapsible/type.d.ts
+interface CollapsibleProps {
+  children?: ReactNode;
+  className?: string;
+  contentClassName?: string;
+  contentStyle?: CSSProperties;
+  keepMounted?: boolean;
+  open: boolean;
+  style?: CSSProperties;
+}
+//#endregion
+export { CollapsibleProps };
+//# sourceMappingURL=type.d.mts.map

package/es/base-ui/ColorPicker/ColorPicker.d.mts

@@ -0,0 +1,6 @@
+import { ColorPickerProps } from "./type.mjs";
+//#region src/base-ui/ColorPicker/ColorPicker.d.ts
+declare const ColorPicker: import("react").NamedExoticComponent<ColorPickerProps>;
+//#endregion
+export { ColorPicker as default };
+//# sourceMappingURL=ColorPicker.d.mts.map