@jinmi/ui 0.0.0-stage → 6.0.2

package/es/Burger/style.mjs

@@ -0,0 +1,141 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles } from "antd-style";
+//#region src/Burger/style.ts
+const prefixCls = "ant";
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		container: css`
+      cursor: pointer;
+      width: ${cssVar.controlHeight};
+      height: ${cssVar.controlHeight};
+      border-radius: ${cssVar.borderRadius};
+    `,
+		drawer: css`
+      &.${prefixCls}-drawer-content {
+        background: transparent;
+      }
+
+      .${prefixCls}-drawer-body {
+        display: flex;
+        flex-direction: column;
+      }
+    `,
+		drawerRoot: css`
+      inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));
+
+      :focus-visible {
+        outline: none;
+      }
+
+      .${prefixCls}-drawer {
+        &-mask {
+          ${staticStylish.blur};
+          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);
+        }
+
+        &-content-wrapper {
+          box-shadow: none;
+        }
+      }
+    `,
+		drawerRootFullscreen: css`
+      inset-block-start: 0;
+
+      :focus-visible {
+        outline: none;
+      }
+
+      .${prefixCls}-drawer {
+        &-mask {
+          ${staticStylish.blur};
+          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);
+        }
+
+        &-content-wrapper {
+          box-shadow: none;
+        }
+      }
+    `,
+		fillRect: css`
+      flex: 1;
+      width: 100%;
+      border-block-start: none;
+    `,
+		menu: css`
+      padding-block-start: var(--burger-menu-padding-top, 0);
+      border-inline-end: transparent !important;
+      background: transparent;
+
+      > .${prefixCls}-menu-item-only-child, .${prefixCls}-menu-submenu-title {
+        width: 100%;
+        margin: 0 !important;
+        border-block-start: none;
+        border-radius: 0;
+
+        &:active {
+          color: ${cssVar.colorText};
+          background-color: ${cssVar.colorFill};
+        }
+      }
+
+      .${prefixCls}-menu-item-only-child:first-child {
+        border-block-start: none;
+      }
+
+      .${prefixCls}-menu-submenu-title[aria-expanded='true'] {
+        a {
+          font-weight: 600;
+          color: ${cssVar.colorText} !important;
+        }
+      }
+
+      .${prefixCls}-menu-item-group-title {
+        padding-block: 8px;
+
+        font-size: 12px;
+        font-weight: 500;
+        line-height: 1;
+        text-overflow: ellipsis;
+        text-transform: uppercase;
+        white-space: nowrap;
+
+        background: ${cssVar.colorFillSecondary};
+      }
+
+      .${prefixCls}-menu-item {
+        width: calc(100% - 16px) !important;
+        margin: 8px !important;
+        border-radius: ${cssVar.borderRadius};
+
+        &:hover,
+        &:active {
+          color: ${cssVar.colorText} !important;
+          background: ${cssVar.colorFillSecondary} !important;
+        }
+      }
+
+      .${prefixCls}-menu-item-active {
+        width: calc(100% - 16px) !important;
+        margin: 8px !important;
+        border-radius: ${cssVar.borderRadius};
+        background: ${cssVar.colorFillSecondary};
+      }
+
+      .${prefixCls}-menu-item-selected {
+        font-weight: 600;
+        color: ${cssVar.colorBgLayout};
+        background: ${cssVar.colorText};
+
+        &:hover,
+        &:active {
+          color: ${cssVar.colorBgLayout} !important;
+          background: ${cssVar.colorText} !important;
+        }
+      }
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Burger/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Burger/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nconst prefixCls = 'ant';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    container: css`\r\n      cursor: pointer;\r\n      width: ${cssVar.controlHeight};\r\n      height: ${cssVar.controlHeight};\r\n      border-radius: ${cssVar.borderRadius};\r\n    `,\r\n    drawer: css`\r\n      &.${prefixCls}-drawer-content {\r\n        background: transparent;\r\n      }\r\n\r\n      .${prefixCls}-drawer-body {\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n    `,\r\n    drawerRoot: css`\r\n      inset-block-start: var(--burger-drawer-top, calc(var(--burger-header-height, 64px) + 1px));\r\n\r\n      :focus-visible {\r\n        outline: none;\r\n      }\r\n\r\n      .${prefixCls}-drawer {\r\n        &-mask {\r\n          ${lobeStaticStylish.blur};\r\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\r\n        }\r\n\r\n        &-content-wrapper {\r\n          box-shadow: none;\r\n        }\r\n      }\r\n    `,\r\n    drawerRootFullscreen: css`\r\n      inset-block-start: 0;\r\n\r\n      :focus-visible {\r\n        outline: none;\r\n      }\r\n\r\n      .${prefixCls}-drawer {\r\n        &-mask {\r\n          ${lobeStaticStylish.blur};\r\n          background-color: color-mix(in srgb, ${cssVar.colorBgLayout} 50%, transparent);\r\n        }\r\n\r\n        &-content-wrapper {\r\n          box-shadow: none;\r\n        }\r\n      }\r\n    `,\r\n\r\n    fillRect: css`\r\n      flex: 1;\r\n      width: 100%;\r\n      border-block-start: none;\r\n    `,\r\n\r\n    menu: css`\r\n      padding-block-start: var(--burger-menu-padding-top, 0);\r\n      border-inline-end: transparent !important;\r\n      background: transparent;\r\n\r\n      > .${prefixCls}-menu-item-only-child, .${prefixCls}-menu-submenu-title {\r\n        width: 100%;\r\n        margin: 0 !important;\r\n        border-block-start: none;\r\n        border-radius: 0;\r\n\r\n        &:active {\r\n          color: ${cssVar.colorText};\r\n          background-color: ${cssVar.colorFill};\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-menu-item-only-child:first-child {\r\n        border-block-start: none;\r\n      }\r\n\r\n      .${prefixCls}-menu-submenu-title[aria-expanded='true'] {\r\n        a {\r\n          font-weight: 600;\r\n          color: ${cssVar.colorText} !important;\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-menu-item-group-title {\r\n        padding-block: 8px;\r\n\r\n        font-size: 12px;\r\n        font-weight: 500;\r\n        line-height: 1;\r\n        text-overflow: ellipsis;\r\n        text-transform: uppercase;\r\n        white-space: nowrap;\r\n\r\n        background: ${cssVar.colorFillSecondary};\r\n      }\r\n\r\n      .${prefixCls}-menu-item {\r\n        width: calc(100% - 16px) !important;\r\n        margin: 8px !important;\r\n        border-radius: ${cssVar.borderRadius};\r\n\r\n        &:hover,\r\n        &:active {\r\n          color: ${cssVar.colorText} !important;\r\n          background: ${cssVar.colorFillSecondary} !important;\r\n        }\r\n      }\r\n\r\n      .${prefixCls}-menu-item-active {\r\n        width: calc(100% - 16px) !important;\r\n        margin: 8px !important;\r\n        border-radius: ${cssVar.borderRadius};\r\n        background: ${cssVar.colorFillSecondary};\r\n      }\r\n\r\n      .${prefixCls}-menu-item-selected {\r\n        font-weight: 600;\r\n        color: ${cssVar.colorBgLayout};\r\n        background: ${cssVar.colorText};\r\n\r\n        &:hover,\r\n        &:active {\r\n          color: ${cssVar.colorBgLayout} !important;\r\n          background: ${cssVar.colorText} !important;\r\n        }\r\n      }\r\n    `,\r\n  };\r\n});\r\n"],"mappings":";;;AAIA,MAAM,YAAY;AAElB,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,WAAW,GAAG;;eAEH,OAAO,cAAc;gBACpB,OAAO,cAAc;uBACd,OAAO,aAAa;;EAEvC,QAAQ,GAAG;UACL,UAAU;;;;SAIX,UAAU;;;;;EAKf,YAAY,GAAG;;;;;;;SAOV,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EAQlE,sBAAsB,GAAG;;;;;;;SAOpB,UAAU;;YAEPA,cAAkB,KAAK;iDACc,OAAO,cAAc;;;;;;;;EASlE,UAAU,GAAG;;;;;EAMb,MAAM,GAAG;;;;;WAKF,UAAU,0BAA0B,UAAU;;;;;;;mBAOtC,OAAO,UAAU;8BACN,OAAO,UAAU;;;;SAItC,UAAU;;;;SAIV,UAAU;;;mBAGA,OAAO,UAAU;;;;SAI3B,UAAU;;;;;;;;;;sBAUG,OAAO,mBAAmB;;;SAGvC,UAAU;;;yBAGM,OAAO,aAAa;;;;mBAI1B,OAAO,UAAU;wBACZ,OAAO,mBAAmB;;;;SAIzC,UAAU;;;yBAGM,OAAO,aAAa;sBACvB,OAAO,mBAAmB;;;SAGvC,UAAU;;iBAEF,OAAO,cAAc;sBAChB,OAAO,UAAU;;;;mBAIpB,OAAO,cAAc;wBAChB,OAAO,UAAU;;;;CAIvC;AACF,CAAC"}

package/es/Burger/type.d.mts

@@ -0,0 +1,26 @@
+import { ActionIconProps } from "../base-ui/ActionIcon/type.mjs";
+import "../base-ui/ActionIcon/index.mjs";
+import { CSSProperties, Ref } from "react";
+import { DrawerProps, MenuProps } from "antd";
+//#region src/Burger/type.d.ts
+interface BurgerProps {
+  className?: string;
+  drawerProps?: Partial<Omit<DrawerProps, 'items' | 'opened' | 'setOpened'>>;
+  fullscreen?: boolean;
+  headerHeight?: number;
+  iconProps?: Partial<ActionIconProps>;
+  items: MenuProps['items'];
+  onClick?: MenuProps['onClick'];
+  opened: boolean;
+  openKeys?: MenuProps['openKeys'];
+  ref?: Ref<HTMLDivElement>;
+  rootClassName?: string;
+  selectedKeys?: MenuProps['selectedKeys'];
+  setOpened: (state: boolean) => void;
+  size?: ActionIconProps['size'];
+  style?: CSSProperties;
+  variant?: ActionIconProps['variant'];
+}
+//#endregion
+export { BurgerProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Button/Button.d.mts

@@ -0,0 +1,10 @@
+import { ButtonProps } from "./type.mjs";
+import { FC } from "react";
+//#region src/Button/Button.d.ts
+/**
+ * @deprecated Use `Button` from `@jinmi/ui/base-ui` instead.
+ */
+declare const Button: FC<ButtonProps>;
+//#endregion
+export { Button as default };
+//# sourceMappingURL=Button.d.mts.map

package/es/Button/Button.mjs

@@ -0,0 +1,44 @@
+"use client";
+import Icon from "../Icon/Icon.mjs";
+import { variants } from "./style.mjs";
+import { isValidElement } from "react";
+import { jsx } from "react/jsx-runtime";
+import { cx, useThemeMode } from "antd-style";
+import { Loader2Icon } from "lucide-react";
+import { Button } from "antd";
+//#region src/Button/Button.tsx
+/**
+* @deprecated Use `Button` from `@jinmi/ui/base-ui` instead.
+*/
+const Button$1 = ({ icon, variant, glass, shadow, loading, className, type, color, danger, children, iconProps, ref, ...rest }) => {
+	const { isDarkMode } = useThemeMode();
+	const defaultVariant = type ? void 0 : variant || (isDarkMode ? "filled" : "outlined");
+	return /* @__PURE__ */ jsx(Button, {
+		color: color || (defaultVariant === "filled" ? "default" : void 0),
+		danger,
+		ref,
+		type,
+		variant: defaultVariant,
+		className: cx(variants({
+			glass,
+			shadow
+		}), className),
+		icon: icon && (isValidElement(icon) ? icon : /* @__PURE__ */ jsx(Icon, {
+			icon,
+			...iconProps,
+			size: iconProps?.size || { size: "1.2em" }
+		})),
+		loading: loading ? { icon: /* @__PURE__ */ jsx(Icon, {
+			icon: Loader2Icon,
+			...iconProps,
+			spin: true,
+			size: iconProps?.size || { size: "1.2em" }
+		}) } : false,
+		...rest,
+		children
+	});
+};
+//#endregion
+export { Button$1 as default };
+
+//# sourceMappingURL=Button.mjs.map

package/es/Button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","names":["Button","AntdButton"],"sources":["../../src/Button/Button.tsx"],"sourcesContent":["'use client';\n\nimport { Button as AntdButton } from 'antd';\nimport { cx, useThemeMode } from 'antd-style';\nimport { Loader2Icon } from 'lucide-react';\nimport { type FC, isValidElement } from 'react';\n\nimport Icon from '@/Icon';\n\nimport { variants } from './style';\nimport type { ButtonProps } from './type';\n\n/**\n * @deprecated Use `Button` from `@jinmi/ui/base-ui` instead.\n */\nconst Button: FC<ButtonProps> = ({\n  icon,\n  variant,\n  glass,\n  shadow,\n  loading,\n  className,\n  type,\n  color,\n  danger,\n  children,\n  iconProps,\n  ref,\n  ...rest\n}) => {\n  const { isDarkMode } = useThemeMode();\n\n  const defaultVariant = type ? undefined : variant || (isDarkMode ? 'filled' : 'outlined');\n\n  return (\n    <AntdButton\n      color={color || (defaultVariant === 'filled' ? 'default' : undefined)}\n      danger={danger}\n      ref={ref}\n      type={type}\n      variant={defaultVariant}\n      className={cx(\n        variants({\n          glass,\n          shadow,\n        }),\n        className,\n      )}\n      icon={\n        icon &&\n        (isValidElement(icon) ? (\n          icon\n        ) : (\n          <Icon icon={icon} {...iconProps} size={iconProps?.size || { size: '1.2em' }} />\n        ))\n      }\n      loading={\n        loading\n          ? {\n              icon: (\n                <Icon\n                  icon={Loader2Icon}\n                  {...iconProps}\n                  spin\n                  size={iconProps?.size || { size: '1.2em' }}\n                />\n              ),\n            }\n          : false\n      }\n      {...rest}\n    >\n      {children}\n    </AntdButton>\n  );\n};\n\nexport default Button;\n"],"mappings":";;;;;;;;;;;;AAeA,MAAMA,YAA2B,EAC/B,MACA,SACA,OACA,QACA,SACA,WACA,MACA,OACA,QACA,UACA,WACA,KACA,GAAG,WACC;CACJ,MAAM,EAAE,eAAe,aAAa;CAEpC,MAAM,iBAAiB,OAAO,KAAA,IAAY,YAAY,aAAa,WAAW;CAE9E,OACE,oBAACC,QAAD;EACE,OAAO,UAAU,mBAAmB,WAAW,YAAY,KAAA;EACnD;EACH;EACC;EACN,SAAS;EACT,WAAW,GACT,SAAS;GACP;GACA;EACF,CAAC,GACD,SACF;EACA,MACE,SACC,eAAe,IAAI,IAClB,OAEA,oBAAC,MAAD;GAAY;GAAM,GAAI;GAAW,MAAM,WAAW,QAAQ,EAAE,MAAM,QAAQ;EAAI,CAAA;EAGlF,SACE,UACI,EACE,MACE,oBAAC,MAAD;GACE,MAAM;GACN,GAAI;GACJ,MAAA;GACA,MAAM,WAAW,QAAQ,EAAE,MAAM,QAAQ;EAC1C,CAAA,EAEL,IACA;EAEN,GAAI;EAEH;CACS,CAAA;AAEhB"}

package/es/Button/index.d.mts

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

package/es/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Button/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Button/index.mjs

@@ -0,0 +1,2 @@
+import Button from "./Button.mjs";
+export { Button as default };

package/es/Button/style.mjs

@@ -0,0 +1,39 @@
+import { staticStylish } from "../styles/theme/customStylishStatic.mjs";
+import { createStaticStyles } from "antd-style";
+import { cva } from "class-variance-authority";
+//#region src/Button/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		glass: staticStylish.blur,
+		root: css`
+      &[class*='ant-btn'] {
+        > [class*='ant-btn-icon'] {
+          display: flex;
+        }
+      }
+    `,
+		shadow: css`
+      box-shadow: ${cssVar.boxShadowTertiary} !important;
+    `
+	};
+});
+const variants = cva(styles.root, {
+	defaultVariants: {
+		glass: false,
+		shadow: false
+	},
+	variants: {
+		glass: {
+			false: null,
+			true: styles.glass
+		},
+		shadow: {
+			false: null,
+			true: styles.shadow
+		}
+	}
+});
+//#endregion
+export { styles, variants };
+
+//# sourceMappingURL=style.mjs.map

package/es/Button/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":["lobeStaticStylish"],"sources":["../../src/Button/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\r\nimport { cva } from 'class-variance-authority';\r\n\r\nimport { lobeStaticStylish } from '@/styles';\r\n\r\nexport const styles = createStaticStyles(({ css, cssVar }) => {\r\n  return {\r\n    glass: lobeStaticStylish.blur,\r\n    root: css`\r\n      &[class*='ant-btn'] {\r\n        > [class*='ant-btn-icon'] {\r\n          display: flex;\r\n        }\r\n      }\r\n    `,\r\n    shadow: css`\r\n      box-shadow: ${cssVar.boxShadowTertiary} !important;\r\n    `,\r\n  };\r\n});\r\n\r\nexport const variants = cva(styles.root, {\r\n  defaultVariants: {\r\n    glass: false,\r\n    shadow: false,\r\n  },\r\n\r\n  variants: {\r\n    glass: {\r\n      false: null,\r\n      true: styles.glass,\r\n    },\r\n    shadow: {\r\n      false: null,\r\n      true: styles.shadow,\r\n    },\r\n  },\r\n});\r\n"],"mappings":";;;;AAKA,MAAa,SAAS,oBAAoB,EAAE,KAAK,aAAa;CAC5D,OAAO;EACL,OAAOA,cAAkB;EACzB,MAAM,GAAG;;;;;;;EAOT,QAAQ,GAAG;oBACK,OAAO,kBAAkB;;CAE3C;AACF,CAAC;AAED,MAAa,WAAW,IAAI,OAAO,MAAM;CACvC,iBAAiB;EACf,OAAO;EACP,QAAQ;CACV;CAEA,UAAU;EACR,OAAO;GACL,OAAO;GACP,MAAM,OAAO;EACf;EACA,QAAQ;GACN,OAAO;GACP,MAAM,OAAO;EACf;CACF;AACF,CAAC"}

package/es/Button/type.d.mts

@@ -0,0 +1,15 @@
+import { IconProps } from "../Icon/type.mjs";
+import "../Icon/index.mjs";
+import { Ref } from "react";
+import { ButtonProps } from "antd";
+//#region src/Button/type.d.ts
+interface ButtonProps$1 extends Omit<ButtonProps, 'icon'> {
+  glass?: boolean;
+  icon?: IconProps['icon'];
+  iconProps?: Partial<Omit<IconProps, 'icon'>>;
+  ref?: Ref<HTMLButtonElement | HTMLAnchorElement>;
+  shadow?: boolean;
+}
+//#endregion
+export { ButtonProps$1 as ButtonProps };
+//# sourceMappingURL=type.d.mts.map

package/es/Checkbox/Checkbox.mjs

@@ -0,0 +1,80 @@
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Block from "../Block/Block.mjs";
+import Text from "../Text/Text.mjs";
+import { styles } from "./style.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cx } from "antd-style";
+import useMergeState from "use-merge-value";
+import { CheckIcon, Minus } from "lucide-react";
+//#region src/Checkbox/Checkbox.tsx
+const Checkbox = ({ checked, defaultChecked, onChange, size = 16, className, style, children, textProps, backgroundColor, classNames, styles: customStyles, shape = "square", disabled, indeterminate, ...rest }) => {
+	const [value, setValue] = useMergeState(defaultChecked || false, {
+		defaultValue: defaultChecked,
+		onChange,
+		value: checked
+	});
+	const checkboxStyles = {
+		borderRadius: shape === "square" ? `max(4px, ${Math.round(size / 4)}px)` : "50%",
+		...style,
+		...customStyles?.checkbox
+	};
+	const handleClick = (e) => {
+		if (!disabled) {
+			e?.preventDefault();
+			setValue(!value);
+		}
+	};
+	const isIndeterminate = indeterminate;
+	const isChecked = !isIndeterminate && value;
+	const checkIcon = /* @__PURE__ */ jsx(Block, {
+		align: "center",
+		flex: "none",
+		height: size,
+		justify: "center",
+		variant: "outlined",
+		width: size,
+		className: cx(styles.root, isChecked && styles.checked, isIndeterminate && styles.indeterminate, disabled && styles.disabled, className, classNames?.checkbox),
+		style: backgroundColor && (isChecked || isIndeterminate) ? {
+			backgroundColor,
+			borderColor: backgroundColor,
+			...checkboxStyles
+		} : { ...checkboxStyles },
+		onClick: handleClick,
+		...rest,
+		children: isIndeterminate ? /* @__PURE__ */ jsx(Minus, {
+			size,
+			strokeWidth: 3,
+			style: { transform: `scale(${shape === "square" ? .75 : .66})` }
+		}) : isChecked ? /* @__PURE__ */ jsx(CheckIcon, {
+			size,
+			strokeWidth: 3,
+			style: { transform: `scale(${shape === "square" ? .75 : .66})` }
+		}) : null
+	});
+	if (!children) return checkIcon;
+	return /* @__PURE__ */ jsxs(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		className: classNames?.wrapper,
+		gap: Math.floor(size / 2),
+		style: {
+			cursor: disabled ? "not-allowed" : "pointer",
+			userSelect: "none",
+			...customStyles?.wrapper
+		},
+		onClick: handleClick,
+		children: [checkIcon, /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			className: cx(classNames?.text),
+			style: customStyles?.text,
+			...textProps,
+			type: disabled ? "secondary" : textProps?.type,
+			children
+		})]
+	});
+};
+Checkbox.displayName = "Checkbox";
+//#endregion
+export { Checkbox as default };
+
+//# sourceMappingURL=Checkbox.mjs.map

package/es/Checkbox/Checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.mjs","names":["Flexbox"],"sources":["../../src/Checkbox/Checkbox.tsx"],"sourcesContent":["import { cx } from 'antd-style';\r\nimport { CheckIcon, Minus } from 'lucide-react';\r\nimport type { CSSProperties, FC, MouseEvent } from 'react';\r\nimport useMergeState from 'use-merge-value';\r\n\r\nimport Block from '@/Block';\r\nimport { Flexbox } from '@/Flex';\r\nimport Text from '@/Text';\r\n\r\nimport { styles } from './style';\r\nimport type { CheckboxProps } from './type';\r\n\r\nconst Checkbox: FC<CheckboxProps> = ({\r\n  checked,\r\n  defaultChecked,\r\n  onChange,\r\n  size = 16,\r\n  className,\r\n  style,\r\n  children,\r\n  textProps,\r\n  backgroundColor,\r\n  classNames,\r\n  styles: customStyles,\r\n  shape = 'square',\r\n  disabled,\r\n  indeterminate,\r\n  ...rest\r\n}) => {\r\n  const [value, setValue] = useMergeState(defaultChecked || false, {\r\n    defaultValue: defaultChecked,\r\n    onChange,\r\n    value: checked,\r\n  });\r\n\r\n  const checkboxStyles: CSSProperties = {\r\n    borderRadius: shape === 'square' ? `max(4px, ${Math.round(size / 4)}px)` : '50%',\r\n    ...style,\r\n    ...customStyles?.checkbox,\r\n  };\r\n\r\n  const handleClick = (e?: MouseEvent) => {\r\n    if (!disabled) {\r\n      e?.preventDefault();\r\n      setValue(!value);\r\n    }\r\n  };\r\n\r\n  const isIndeterminate = indeterminate;\r\n  const isChecked = !isIndeterminate && value;\r\n\r\n  const checkIcon = (\r\n    <Block\r\n      align={'center'}\r\n      flex={'none'}\r\n      height={size}\r\n      justify={'center'}\r\n      variant={'outlined'}\r\n      width={size}\r\n      className={cx(\r\n        styles.root,\r\n        isChecked && styles.checked,\r\n        isIndeterminate && styles.indeterminate,\r\n        disabled && styles.disabled,\r\n        className,\r\n        classNames?.checkbox,\r\n      )}\r\n      style={\r\n        backgroundColor && (isChecked || isIndeterminate)\r\n          ? { backgroundColor, borderColor: backgroundColor, ...checkboxStyles }\r\n          : { ...checkboxStyles }\r\n      }\r\n      onClick={handleClick}\r\n      {...rest}\r\n    >\r\n      {isIndeterminate ? (\r\n        <Minus\r\n          size={size}\r\n          strokeWidth={3}\r\n          style={{\r\n            transform: `scale(${shape === 'square' ? 0.75 : 0.66})`,\r\n          }}\r\n        />\r\n      ) : isChecked ? (\r\n        <CheckIcon\r\n          size={size}\r\n          strokeWidth={3}\r\n          style={{\r\n            transform: `scale(${shape === 'square' ? 0.75 : 0.66})`,\r\n          }}\r\n        />\r\n      ) : null}\r\n    </Block>\r\n  );\r\n\r\n  if (!children) return checkIcon;\r\n\r\n  return (\r\n    <Flexbox\r\n      horizontal\r\n      align={'center'}\r\n      className={classNames?.wrapper}\r\n      gap={Math.floor(size / 2)}\r\n      style={{\r\n        cursor: disabled ? 'not-allowed' : 'pointer',\r\n        userSelect: 'none',\r\n        ...customStyles?.wrapper,\r\n      }}\r\n      onClick={handleClick}\r\n    >\r\n      {checkIcon}\r\n      <Text\r\n        as={'span'}\r\n        className={cx(classNames?.text)}\r\n        style={customStyles?.text}\r\n        {...textProps}\r\n        type={disabled ? 'secondary' : textProps?.type}\r\n      >\r\n        {children}\r\n      </Text>\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nCheckbox.displayName = 'Checkbox';\r\n\r\nexport default Checkbox;\r\n"],"mappings":";;;;;;;;;AAYA,MAAM,YAA+B,EACnC,SACA,gBACA,UACA,OAAO,IACP,WACA,OACA,UACA,WACA,iBACA,YACA,QAAQ,cACR,QAAQ,UACR,UACA,eACA,GAAG,WACC;CACJ,MAAM,CAAC,OAAO,YAAY,cAAc,kBAAkB,OAAO;EAC/D,cAAc;EACd;EACA,OAAO;CACT,CAAC;CAED,MAAM,iBAAgC;EACpC,cAAc,UAAU,WAAW,YAAY,KAAK,MAAM,OAAO,CAAC,EAAE,OAAO;EAC3E,GAAG;EACH,GAAG,cAAc;CACnB;CAEA,MAAM,eAAe,MAAmB;EACtC,IAAI,CAAC,UAAU;GACb,GAAG,eAAe;GAClB,SAAS,CAAC,KAAK;EACjB;CACF;CAEA,MAAM,kBAAkB;CACxB,MAAM,YAAY,CAAC,mBAAmB;CAEtC,MAAM,YACJ,oBAAC,OAAD;EACE,OAAO;EACP,MAAM;EACN,QAAQ;EACR,SAAS;EACT,SAAS;EACT,OAAO;EACP,WAAW,GACT,OAAO,MACP,aAAa,OAAO,SACpB,mBAAmB,OAAO,eAC1B,YAAY,OAAO,UACnB,WACA,YAAY,QACd;EACA,OACE,oBAAoB,aAAa,mBAC7B;GAAE;GAAiB,aAAa;GAAiB,GAAG;EAAe,IACnE,EAAE,GAAG,eAAe;EAE1B,SAAS;EACT,GAAI;EAEH,UAAA,kBACC,oBAAC,OAAD;GACQ;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,GACvD;EACD,CAAA,IACC,YACF,oBAAC,WAAD;GACQ;GACN,aAAa;GACb,OAAO,EACL,WAAW,SAAS,UAAU,WAAW,MAAO,IAAK,GACvD;EACD,CAAA,IACC;CACC,CAAA;CAGT,IAAI,CAAC,UAAU,OAAO;CAEtB,OACE,qBAACA,mBAAD;EACE,YAAA;EACA,OAAO;EACP,WAAW,YAAY;EACvB,KAAK,KAAK,MAAM,OAAO,CAAC;EACxB,OAAO;GACL,QAAQ,WAAW,gBAAgB;GACnC,YAAY;GACZ,GAAG,cAAc;EACnB;EACA,SAAS;EAVX,UAAA,CAYG,WACD,oBAAC,MAAD;GACE,IAAI;GACJ,WAAW,GAAG,YAAY,IAAI;GAC9B,OAAO,cAAc;GACrB,GAAI;GACJ,MAAM,WAAW,cAAc,WAAW;GAEzC;EACG,CAAA,CACC;;AAEb;AAEA,SAAS,cAAc"}

package/es/Checkbox/CheckboxGroup.d.mts

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

package/es/Checkbox/CheckboxGroup.mjs

@@ -0,0 +1,49 @@
+import FlexBasic_default from "../Flex/FlexBasic.mjs";
+import Checkbox from "./Checkbox.mjs";
+import { jsx } from "react/jsx-runtime";
+import useMergeState from "use-merge-value";
+//#region src/Checkbox/CheckboxGroup.tsx
+const CheckboxGroup = ({ defaultValue, disabled, onChange, options, textProps, value, shape, size, ...rest }) => {
+	const [selectedValues, setSelectedValues] = useMergeState(defaultValue || [], {
+		defaultValue,
+		onChange,
+		value
+	});
+	const handleChange = (optionValue, checked) => {
+		const newValues = checked ? [...selectedValues, optionValue] : selectedValues.filter((v) => v !== optionValue);
+		setSelectedValues(newValues);
+	};
+	const normalizedOptions = options.map((option) => {
+		if (typeof option === "string") return {
+			disabled: false,
+			label: option,
+			value: option
+		};
+		return option;
+	});
+	return /* @__PURE__ */ jsx(FlexBasic_default, {
+		horizontal: true,
+		align: "center",
+		gap: 16,
+		wrap: "wrap",
+		...rest,
+		children: normalizedOptions.map((option) => {
+			const isChecked = selectedValues.includes(option.value);
+			const isDisabled = disabled || option.disabled;
+			return /* @__PURE__ */ jsx(Checkbox, {
+				checked: isChecked,
+				disabled: isDisabled,
+				shape,
+				size,
+				textProps,
+				onChange: (checked) => handleChange(option.value, checked),
+				children: option.label
+			}, String(option.value));
+		})
+	});
+};
+CheckboxGroup.displayName = "CheckboxGroup";
+//#endregion
+export { CheckboxGroup as default };
+
+//# sourceMappingURL=CheckboxGroup.mjs.map

package/es/Checkbox/CheckboxGroup.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.mjs","names":["Flexbox"],"sources":["../../src/Checkbox/CheckboxGroup.tsx"],"sourcesContent":["import type { FC } from 'react';\r\nimport useMergeState from 'use-merge-value';\r\n\r\nimport { Flexbox } from '@/Flex';\r\n\r\nimport Checkbox from './Checkbox';\r\nimport type { CheckboxGroupProps } from './type';\r\n\r\nconst CheckboxGroup: FC<CheckboxGroupProps> = ({\r\n  defaultValue,\r\n  disabled,\r\n  onChange,\r\n  options,\r\n  textProps,\r\n  value,\r\n  shape,\r\n  size,\r\n  ...rest\r\n}) => {\r\n  const [selectedValues, setSelectedValues] = useMergeState<string[]>(defaultValue || [], {\r\n    defaultValue,\r\n    onChange,\r\n    value,\r\n  });\r\n\r\n  const handleChange = (optionValue: string, checked: boolean) => {\r\n    const newValues = checked\r\n      ? [...selectedValues, optionValue]\r\n      : selectedValues.filter((v) => v !== optionValue);\r\n\r\n    setSelectedValues(newValues);\r\n  };\r\n\r\n  const normalizedOptions = options.map((option) => {\r\n    if (typeof option === 'string') {\r\n      return {\r\n        disabled: false,\r\n        label: option,\r\n        value: option,\r\n      };\r\n    }\r\n    return option;\r\n  });\r\n\r\n  return (\r\n    <Flexbox horizontal align={'center'} gap={16} wrap={'wrap'} {...rest}>\r\n      {normalizedOptions.map((option) => {\r\n        const isChecked = selectedValues.includes(option.value);\r\n        const isDisabled = disabled || option.disabled;\r\n\r\n        return (\r\n          <Checkbox\r\n            checked={isChecked}\r\n            disabled={isDisabled}\r\n            key={String(option.value)}\r\n            shape={shape}\r\n            size={size}\r\n            textProps={textProps}\r\n            onChange={(checked) => handleChange(option.value, checked)}\r\n          >\r\n            {option.label}\r\n          </Checkbox>\r\n        );\r\n      })}\r\n    </Flexbox>\r\n  );\r\n};\r\n\r\nCheckboxGroup.displayName = 'CheckboxGroup';\r\n\r\nexport default CheckboxGroup;\r\n"],"mappings":";;;;;AAQA,MAAM,iBAAyC,EAC7C,cACA,UACA,UACA,SACA,WACA,OACA,OACA,MACA,GAAG,WACC;CACJ,MAAM,CAAC,gBAAgB,qBAAqB,cAAwB,gBAAgB,CAAC,GAAG;EACtF;EACA;EACA;CACF,CAAC;CAED,MAAM,gBAAgB,aAAqB,YAAqB;EAC9D,MAAM,YAAY,UACd,CAAC,GAAG,gBAAgB,WAAW,IAC/B,eAAe,QAAQ,MAAM,MAAM,WAAW;EAElD,kBAAkB,SAAS;CAC7B;CAEA,MAAM,oBAAoB,QAAQ,KAAK,WAAW;EAChD,IAAI,OAAO,WAAW,UACpB,OAAO;GACL,UAAU;GACV,OAAO;GACP,OAAO;EACT;EAEF,OAAO;CACT,CAAC;CAED,OACE,oBAACA,mBAAD;EAAS,YAAA;EAAW,OAAO;EAAU,KAAK;EAAI,MAAM;EAAQ,GAAI;EAC7D,UAAA,kBAAkB,KAAK,WAAW;GACjC,MAAM,YAAY,eAAe,SAAS,OAAO,KAAK;GACtD,MAAM,aAAa,YAAY,OAAO;GAEtC,OACE,oBAAC,UAAD;IACE,SAAS;IACT,UAAU;IAEH;IACD;IACK;IACX,WAAW,YAAY,aAAa,OAAO,OAAO,OAAO;IAExD,UAAA,OAAO;GACA,GAPH,OAAO,OAAO,KAAK,CAOhB;EAEd,CAAC;CACM,CAAA;AAEb;AAEA,cAAc,cAAc"}

package/es/Checkbox/index.d.mts

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

package/es/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './index.d.mts';

package/es/Checkbox/index.js

@@ -0,0 +1 @@
+export * from './index.mjs';

package/es/Checkbox/index.mjs

@@ -0,0 +1,9 @@
+import Checkbox$1 from "./Checkbox.mjs";
+import CheckboxGroup from "./CheckboxGroup.mjs";
+//#region src/Checkbox/index.ts
+const Checkbox = Checkbox$1;
+Checkbox.Group = CheckboxGroup;
+//#endregion
+export { CheckboxGroup, Checkbox as default };
+
+//# sourceMappingURL=index.mjs.map

package/es/Checkbox/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["CheckboxParent"],"sources":["../../src/Checkbox/index.ts"],"sourcesContent":["import type { ReactNode, RefAttributes } from 'react';\r\n\r\nimport CheckboxParent from './Checkbox';\r\nimport CheckboxGroup from './CheckboxGroup';\r\nimport { type CheckboxProps } from './type';\r\n\r\ninterface ICheckbox {\r\n  (props: CheckboxProps & RefAttributes<HTMLDivElement>): ReactNode;\r\n  Group: typeof CheckboxGroup;\r\n}\r\n\r\nconst Checkbox = CheckboxParent as unknown as ICheckbox;\r\nCheckbox.Group = CheckboxGroup;\r\n\r\nexport default Checkbox;\r\nexport { default as CheckboxGroup } from './CheckboxGroup';\r\nexport type * from './type';\r\n"],"mappings":";;;AAWA,MAAM,WAAWA;AACjB,SAAS,QAAQ"}

package/es/Checkbox/style.mjs

@@ -0,0 +1,35 @@
+import { inkCssVar } from "../styles/inkCssVar.mjs";
+import { createStaticStyles } from "antd-style";
+//#region src/Checkbox/style.ts
+const styles = createStaticStyles(({ css, cssVar }) => {
+	return {
+		checked: css`
+      border-color: ${inkCssVar.colorInk};
+      color: ${inkCssVar.colorInkText};
+      background-color: ${inkCssVar.colorInk};
+    `,
+		disabled: css`
+      cursor: not-allowed;
+
+      border-color: ${cssVar.colorFill};
+
+      color: ${cssVar.colorText};
+
+      opacity: 0.25;
+      background-color: ${cssVar.colorFill};
+    `,
+		indeterminate: css`
+      border-color: ${inkCssVar.colorInk};
+      color: ${inkCssVar.colorInkText};
+      background-color: ${inkCssVar.colorInk};
+    `,
+		root: css`
+      cursor: pointer;
+      display: inline-flex;
+    `
+	};
+});
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/Checkbox/style.mjs.map

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

package/es/Checkbox/type.d.mts

@@ -0,0 +1,46 @@
+import { FlexboxProps } from "../Flex/type.mjs";
+import "../Flex/index.mjs";
+import { DivProps } from "../types/index.mjs";
+import { TextProps } from "../Text/type.mjs";
+import "../Text/index.mjs";
+import { CSSProperties, ReactNode } from "react";
+//#region src/Checkbox/type.d.ts
+interface CheckboxProps extends Omit<DivProps, 'onChange'> {
+  backgroundColor?: string;
+  checked?: boolean;
+  classNames?: {
+    checkbox?: string;
+    text?: string;
+    wrapper?: string;
+  };
+  defaultChecked?: boolean;
+  disabled?: boolean;
+  indeterminate?: boolean;
+  onChange?: (checked: boolean) => void;
+  shape?: 'square' | 'circle';
+  size?: number;
+  styles?: {
+    checkbox?: CSSProperties;
+    text?: CSSProperties;
+    wrapper?: CSSProperties;
+  };
+  textProps?: Omit<TextProps, 'children' | 'className' | 'style'>;
+}
+interface CheckboxGroupOption {
+  disabled?: boolean;
+  label: ReactNode;
+  value: string;
+}
+interface CheckboxGroupProps extends Omit<FlexboxProps, 'defaultValue' | 'onChange'> {
+  defaultValue?: string[];
+  disabled?: boolean;
+  onChange?: (value: string[]) => void;
+  options: string[] | CheckboxGroupOption[];
+  shape?: 'square' | 'circle';
+  size?: number;
+  textProps?: Omit<TextProps, 'children' | 'className' | 'style'>;
+  value?: string[];
+}
+//#endregion
+export { CheckboxGroupOption, CheckboxGroupProps, CheckboxProps };
+//# sourceMappingURL=type.d.mts.map

package/es/CodeDiff/CodeDiff.d.mts

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