@cssui/react 1.0.0 → 1.0.2

package/dist/adapter-react/components/breadcrumb/Breadcrumb.d.ts

@@ -0,0 +1,8 @@
+import { type HTMLAttributes } from 'react';
+import { type BreadcrumbProps as BaseBreadcrumbProps } from '../../../components/breadcrumb/index';
+import '../../../components/breadcrumb/style.css';
+export interface BreadcrumbProps extends Omit<BaseBreadcrumbProps, 'className'>, Omit<HTMLAttributes<HTMLElement>, 'children'> {
+}
+export declare const Breadcrumb: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<BreadcrumbProps & import("react").RefAttributes<HTMLElement>>>;
+export default Breadcrumb;
+//# sourceMappingURL=Breadcrumb.d.ts.map

package/dist/adapter-react/components/breadcrumb/Breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA8B,KAAK,cAAc,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,EAML,KAAK,eAAe,IAAI,mBAAmB,EAC5C,MAAM,8BAA8B,CAAA;AAMrC,OAAO,wCAAwC,CAAA;AAE/C,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;CAAG;AA+LlG,eAAO,MAAM,UAAU,+IAAmC,CAAA;AAE1D,eAAe,UAAU,CAAA"}

package/dist/adapter-react/components/breadcrumb/Breadcrumb.js

@@ -0,0 +1,170 @@
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { useRef, useState, Fragment } from 'react';
+import { getBreadcrumbCurrentIndex, getBreadcrumbDisplayItems, getBreadcrumbClassNames } from '../../../components/breadcrumb/index.js';
+import { cn } from '../../../utils/src/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+import { useClickOutside, useEscClose, mergeRefs } from '../../hooks/index.js';
+import IconComponent from '../icon/Icon.js';
+
+const BreadcrumbComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      items = [],
+      className,
+      maxItems = 6,
+      itemsBeforeCollapse = 1,
+      itemsAfterCollapse = 4,
+      mobileMaxItems = 3,
+      mobileItemsBeforeCollapse = 1,
+      mobileItemsAfterCollapse = 1,
+      ellipsisActive = false,
+      separatorIcon = "ChevronRight",
+      ...restProps
+    } = props;
+    const rootRef = useRef(null);
+    const [openMode, setOpenMode] = useState(null);
+    useClickOutside(rootRef, () => setOpenMode(null));
+    useEscClose(openMode !== null, () => setOpenMode(null));
+    const currentIndex = getBreadcrumbCurrentIndex(items);
+    const desktopItems = getBreadcrumbDisplayItems(items, {
+      maxItems,
+      itemsBeforeCollapse,
+      itemsAfterCollapse
+    });
+    const mobileItems = getBreadcrumbDisplayItems(items, {
+      maxItems: mobileMaxItems,
+      itemsBeforeCollapse: mobileItemsBeforeCollapse,
+      itemsAfterCollapse: mobileItemsAfterCollapse
+    });
+    const renderContent = (item, index) => {
+      const isCurrent = item.current || index === currentIndex;
+      const label = item.label ? /* @__PURE__ */ jsx("span", { className: "css-breadcrumb__label", children: item.label }) : null;
+      const icon = item.icon ? /* @__PURE__ */ jsx("span", { className: "css-breadcrumb__icon", children: /* @__PURE__ */ jsx(IconComponent, { name: item.icon, size: 20 }) }) : null;
+      const ariaLabel = item.ariaLabel ?? item.label;
+      if (!isCurrent && item.href && !item.disabled) {
+        return /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: item.href,
+            className: "css-breadcrumb__link",
+            "aria-label": ariaLabel,
+            title: item.label,
+            children: [
+              icon,
+              label
+            ]
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            isCurrent ? "css-breadcrumb__current" : "css-breadcrumb__link",
+            item.disabled ? "css-breadcrumb__link--disabled" : void 0
+          ),
+          "aria-current": isCurrent ? "page" : void 0,
+          "aria-label": ariaLabel,
+          title: item.label,
+          children: [
+            icon,
+            label
+          ]
+        }
+      );
+    };
+    const renderDropdownContent = (item, index) => {
+      const isCurrent = item.current || index === currentIndex;
+      const label = item.label ? /* @__PURE__ */ jsx("span", { className: "css-breadcrumb__label", children: item.label }) : null;
+      const icon = item.icon ? /* @__PURE__ */ jsx("span", { className: "css-breadcrumb__icon", children: /* @__PURE__ */ jsx(IconComponent, { name: item.icon, size: 20 }) }) : null;
+      const ariaLabel = item.ariaLabel ?? item.label;
+      if (!isCurrent && item.href && !item.disabled) {
+        return /* @__PURE__ */ jsxs(
+          "a",
+          {
+            href: item.href,
+            className: "css-breadcrumb__dropdown-link",
+            "aria-label": ariaLabel,
+            title: item.label,
+            children: [
+              icon,
+              label
+            ]
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "span",
+        {
+          className: cn(
+            isCurrent ? "css-breadcrumb__dropdown-current" : "css-breadcrumb__dropdown-link",
+            item.disabled ? "css-breadcrumb__dropdown-link--disabled" : void 0
+          ),
+          "aria-current": isCurrent ? "page" : void 0,
+          "aria-label": ariaLabel,
+          title: item.label,
+          children: [
+            icon,
+            label
+          ]
+        }
+      );
+    };
+    const renderList = (list, mode) => /* @__PURE__ */ jsx("ol", { className: cn("css-breadcrumb__list", `css-breadcrumb__list--${mode}`), children: list.map((node, nodeIndex) => /* @__PURE__ */ jsxs(Fragment, { children: [
+      nodeIndex > 0 && /* @__PURE__ */ jsx("li", { className: "css-breadcrumb__segment", "aria-hidden": "true", children: /* @__PURE__ */ jsx("span", { className: "css-breadcrumb__separator", children: /* @__PURE__ */ jsx(IconComponent, { name: separatorIcon, size: 20 }) }) }),
+      /* @__PURE__ */ jsx(
+        "li",
+        {
+          className: cn(
+            "css-breadcrumb__segment",
+            node.type === "ellipsis" && "css-breadcrumb__segment--ellipsis"
+          ),
+          children: node.type === "ellipsis" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: cn(
+                  "css-breadcrumb__ellipsis",
+                  "css-breadcrumb__ellipsis-trigger",
+                  (ellipsisActive || openMode === mode) && "css-breadcrumb__ellipsis--active"
+                ),
+                "aria-label": "\u66F4\u591A\u8DEF\u5F84",
+                "aria-expanded": ellipsisActive || openMode === mode,
+                onClick: () => setOpenMode(openMode === mode ? null : mode),
+                onKeyDown: (event) => {
+                  if (event.key === "Enter" || event.key === " ") {
+                    event.preventDefault();
+                    setOpenMode(openMode === mode ? null : mode);
+                  }
+                },
+                children: /* @__PURE__ */ jsx(IconComponent, { name: "MoreHoriz", size: 20 })
+              }
+            ),
+            ellipsisActive || openMode === mode ? /* @__PURE__ */ jsx("div", { className: "css-breadcrumb__dropdown", children: /* @__PURE__ */ jsx("ol", { className: "css-breadcrumb__dropdown-list", children: node.items.map((hiddenNode) => /* @__PURE__ */ jsx("li", { className: "css-breadcrumb__dropdown-item", children: renderDropdownContent(hiddenNode.item, hiddenNode.index) }, hiddenNode.key)) }) }) : null
+          ] }) : /* @__PURE__ */ jsx("span", { className: "css-breadcrumb__item", children: renderContent(node.item, node.index) })
+        }
+      )
+    ] }, node.key)) });
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        ref: mergeRefs(ref, rootRef),
+        className: cn(getBreadcrumbClassNames(), className),
+        "aria-label": "\u9762\u5305\u5C51",
+        ...restProps,
+        children: [
+          renderList(desktopItems, "desktop"),
+          renderList(mobileItems, "mobile")
+        ]
+      }
+    );
+  })
+);
+BreadcrumbComponent.displayName = "CssBreadcrumb";
+const Breadcrumb = withInstall(BreadcrumbComponent);
+
+export { Breadcrumb };
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/adapter-react/components/breadcrumb/Breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.js","sources":["../../../../../adapter-react/components/breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { Fragment, useRef, useState, type HTMLAttributes } from 'react'\nimport {\n  getBreadcrumbClassNames,\n  getBreadcrumbCurrentIndex,\n  getBreadcrumbDisplayItems,\n  type BreadcrumbDisplayNode,\n  type BreadcrumbItem,\n  type BreadcrumbProps as BaseBreadcrumbProps,\n} from '@cssui/components/breadcrumb'\nimport { cn } from '@cssui/utils'\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\nimport { mergeRefs, useClickOutside, useEscClose } from '../../hooks'\nimport Icon from '../icon/Icon'\n\nimport '@cssui/components/breadcrumb/style.css'\n\nexport interface BreadcrumbProps\n  extends Omit<BaseBreadcrumbProps, 'className'>, Omit<HTMLAttributes<HTMLElement>, 'children'> {}\n\nconst BreadcrumbComponent = createComponent(\n  forwardRef<HTMLElement, BreadcrumbProps>((props, ref) => {\n    const {\n      items = [],\n      className,\n      maxItems = 6,\n      itemsBeforeCollapse = 1,\n      itemsAfterCollapse = 4,\n      mobileMaxItems = 3,\n      mobileItemsBeforeCollapse = 1,\n      mobileItemsAfterCollapse = 1,\n      ellipsisActive = false,\n      separatorIcon = 'ChevronRight',\n      ...restProps\n    } = props\n\n    const rootRef = useRef<HTMLElement>(null)\n    const [openMode, setOpenMode] = useState<'desktop' | 'mobile' | null>(null)\n\n    useClickOutside(rootRef as React.RefObject<HTMLElement>, () => setOpenMode(null))\n    useEscClose(openMode !== null, () => setOpenMode(null))\n\n    const currentIndex = getBreadcrumbCurrentIndex(items)\n    const desktopItems = getBreadcrumbDisplayItems(items, {\n      maxItems,\n      itemsBeforeCollapse,\n      itemsAfterCollapse,\n    })\n    const mobileItems = getBreadcrumbDisplayItems(items, {\n      maxItems: mobileMaxItems,\n      itemsBeforeCollapse: mobileItemsBeforeCollapse,\n      itemsAfterCollapse: mobileItemsAfterCollapse,\n    })\n\n    const renderContent = (item: BreadcrumbItem, index: number) => {\n      const isCurrent = item.current || index === currentIndex\n      const label = item.label ? <span className=\"css-breadcrumb__label\">{item.label}</span> : null\n      const icon = item.icon ? (\n        <span className=\"css-breadcrumb__icon\">\n          <Icon name={item.icon as any} size={20} />\n        </span>\n      ) : null\n      const ariaLabel = item.ariaLabel ?? item.label\n\n      if (!isCurrent && item.href && !item.disabled) {\n        return (\n          <a\n            href={item.href}\n            className=\"css-breadcrumb__link\"\n            aria-label={ariaLabel}\n            title={item.label}\n          >\n            {icon}\n            {label}\n          </a>\n        )\n      }\n\n      return (\n        <span\n          className={cn(\n            isCurrent ? 'css-breadcrumb__current' : 'css-breadcrumb__link',\n            item.disabled ? 'css-breadcrumb__link--disabled' : undefined\n          )}\n          aria-current={isCurrent ? 'page' : undefined}\n          aria-label={ariaLabel}\n          title={item.label}\n        >\n          {icon}\n          {label}\n        </span>\n      )\n    }\n\n    const renderDropdownContent = (item: BreadcrumbItem, index: number) => {\n      const isCurrent = item.current || index === currentIndex\n      const label = item.label ? <span className=\"css-breadcrumb__label\">{item.label}</span> : null\n      const icon = item.icon ? (\n        <span className=\"css-breadcrumb__icon\">\n          <Icon name={item.icon as any} size={20} />\n        </span>\n      ) : null\n      const ariaLabel = item.ariaLabel ?? item.label\n\n      if (!isCurrent && item.href && !item.disabled) {\n        return (\n          <a\n            href={item.href}\n            className=\"css-breadcrumb__dropdown-link\"\n            aria-label={ariaLabel}\n            title={item.label}\n          >\n            {icon}\n            {label}\n          </a>\n        )\n      }\n\n      return (\n        <span\n          className={cn(\n            isCurrent ? 'css-breadcrumb__dropdown-current' : 'css-breadcrumb__dropdown-link',\n            item.disabled ? 'css-breadcrumb__dropdown-link--disabled' : undefined\n          )}\n          aria-current={isCurrent ? 'page' : undefined}\n          aria-label={ariaLabel}\n          title={item.label}\n        >\n          {icon}\n          {label}\n        </span>\n      )\n    }\n\n    const renderList = (list: BreadcrumbDisplayNode[], mode: 'desktop' | 'mobile') => (\n      <ol className={cn('css-breadcrumb__list', `css-breadcrumb__list--${mode}`)}>\n        {list.map((node, nodeIndex) => (\n          <Fragment key={node.key}>\n            {nodeIndex > 0 && (\n              <li className=\"css-breadcrumb__segment\" aria-hidden=\"true\">\n                <span className=\"css-breadcrumb__separator\">\n                  <Icon name={separatorIcon as any} size={20} />\n                </span>\n              </li>\n            )}\n            <li\n              className={cn(\n                'css-breadcrumb__segment',\n                node.type === 'ellipsis' && 'css-breadcrumb__segment--ellipsis'\n              )}\n            >\n              {node.type === 'ellipsis' ? (\n                <>\n                  <button\n                    type=\"button\"\n                    className={cn(\n                      'css-breadcrumb__ellipsis',\n                      'css-breadcrumb__ellipsis-trigger',\n                      (ellipsisActive || openMode === mode) && 'css-breadcrumb__ellipsis--active'\n                    )}\n                    aria-label=\"更多路径\"\n                    aria-expanded={ellipsisActive || openMode === mode}\n                    onClick={() => setOpenMode(openMode === mode ? null : mode)}\n                    onKeyDown={event => {\n                      if (event.key === 'Enter' || event.key === ' ') {\n                        event.preventDefault()\n                        setOpenMode(openMode === mode ? null : mode)\n                      }\n                    }}\n                  >\n                    <Icon name=\"MoreHoriz\" size={20} />\n                  </button>\n                  {ellipsisActive || openMode === mode ? (\n                    <div className=\"css-breadcrumb__dropdown\">\n                      <ol className=\"css-breadcrumb__dropdown-list\">\n                        {node.items.map(hiddenNode => (\n                          <li key={hiddenNode.key} className=\"css-breadcrumb__dropdown-item\">\n                            {renderDropdownContent(hiddenNode.item, hiddenNode.index)}\n                          </li>\n                        ))}\n                      </ol>\n                    </div>\n                  ) : null}\n                </>\n              ) : (\n                <span className=\"css-breadcrumb__item\">{renderContent(node.item, node.index)}</span>\n              )}\n            </li>\n          </Fragment>\n        ))}\n      </ol>\n    )\n\n    return (\n      <nav\n        ref={mergeRefs(ref, rootRef)}\n        className={cn(getBreadcrumbClassNames(), className)}\n        aria-label=\"面包屑\"\n        {...restProps}\n      >\n        {renderList(desktopItems, 'desktop')}\n        {renderList(mobileItems, 'mobile')}\n      </nav>\n    )\n  })\n)\n\nBreadcrumbComponent.displayName = 'CssBreadcrumb'\n\nexport const Breadcrumb = withInstall(BreadcrumbComponent)\n\nexport default Breadcrumb\n"],"names":["Icon","Fragment"],"mappings":"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"}

package/dist/adapter-react/components/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+export { Breadcrumb, type BreadcrumbProps } from './Breadcrumb';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/breadcrumb/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/breadcrumb/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/adapter-react/components/button/Button.d.ts

@@ -0,0 +1,10 @@
+import type { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
+import { type ButtonProps as BaseButtonProps } from '../../../components/button/index';
+import '../../../components/button/style.css';
+export interface ButtonProps extends Omit<BaseButtonProps, 'children' | 'onClick'>, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'size' | 'color' | 'disabled' | 'onClick'> {
+    children?: ReactNode;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+}
+export declare const Button: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>>;
+export default Button;
+//# sourceMappingURL=Button.d.ts.map

package/dist/adapter-react/components/button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../components/button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAuB,KAAK,WAAW,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAKnG,OAAO,oCAAoC,CAAA;AAE3C,MAAM,WAAW,WACf,SACE,IAAI,CAAC,eAAe,EAAE,UAAU,GAAG,SAAS,CAAC,EAC7C,IAAI,CACF,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,CACnD;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;CAC/C;AA8CD,eAAO,MAAM,MAAM,iJAA+B,CAAA;AAElD,eAAe,MAAM,CAAA"}

package/dist/adapter-react/components/button/Button.js

@@ -0,0 +1,49 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { getButtonClassNames } from '../../../components/button/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+import { cn } from '../../../utils/src/index.js';
+import IconComponent from '../icon/Icon.js';
+
+const ButtonComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      children,
+      className,
+      size = "sm",
+      type = "primary",
+      disabled = false,
+      htmlType = "button",
+      icon,
+      onClick,
+      ...restProps
+    } = props;
+    const classNames = cn(getButtonClassNames({ size, type, disabled }), className);
+    const handleClick = (event) => {
+      if (!disabled) {
+        onClick?.(event);
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: htmlType,
+        className: classNames,
+        disabled,
+        onClick: handleClick,
+        ...restProps,
+        children: [
+          icon && /* @__PURE__ */ jsx("span", { className: "css-button__icon", children: /* @__PURE__ */ jsx(IconComponent, { name: icon }) }),
+          children && /* @__PURE__ */ jsx("span", { className: "css-button__text", children })
+        ]
+      }
+    );
+  })
+);
+ButtonComponent.displayName = "CssButton";
+const Button = withInstall(ButtonComponent);
+
+export { Button, Button as default };
+//# sourceMappingURL=Button.js.map

package/dist/adapter-react/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../../../adapter-react/components/button/Button.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react'\nimport { getButtonClassNames, type ButtonProps as BaseButtonProps } from '@cssui/components/button'\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\nimport { cn } from '@cssui/utils'\nimport Icon from '../icon/Icon'\n\nimport '@cssui/components/button/style.css'\n\nexport interface ButtonProps\n  extends\n    Omit<BaseButtonProps, 'children' | 'onClick'>,\n    Omit<\n      ButtonHTMLAttributes<HTMLButtonElement>,\n      'type' | 'size' | 'color' | 'disabled' | 'onClick'\n    > {\n  children?: ReactNode\n  onClick?: MouseEventHandler<HTMLButtonElement>\n}\n\nconst ButtonComponent = createComponent(\n  forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n    const {\n      children,\n      className,\n      size = 'sm',\n      type = 'primary',\n      disabled = false,\n      htmlType = 'button',\n      icon,\n      onClick,\n      ...restProps\n    } = props\n\n    const classNames = cn(getButtonClassNames({ size, type, disabled }), className)\n\n    const handleClick: MouseEventHandler<HTMLButtonElement> = event => {\n      if (!disabled) {\n        onClick?.(event)\n      }\n    }\n\n    return (\n      <button\n        ref={ref}\n        type={htmlType}\n        className={classNames}\n        disabled={disabled}\n        onClick={handleClick}\n        {...restProps}\n      >\n        {icon && (\n          <span className=\"css-button__icon\">\n            <Icon name={icon as any} />\n          </span>\n        )}\n        {children && <span className=\"css-button__text\">{children}</span>}\n      </button>\n    )\n  })\n)\n\nButtonComponent.displayName = 'CssButton'\n\nexport const Button = withInstall(ButtonComponent)\n\nexport default Button\n"],"names":["Icon"],"mappings":";;;;;;;;AAmBA,MAAM,eAAA,GAAkB,eAAA;AAAA,EACtB,UAAA,CAA2C,CAAC,KAAA,EAAO,GAAA,KAAQ;AACzD,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA,GAAO,IAAA;AAAA,MACP,IAAA,GAAO,SAAA;AAAA,MACP,QAAA,GAAW,KAAA;AAAA,MACX,QAAA,GAAW,QAAA;AAAA,MACX,IAAA;AAAA,MACA,OAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,UAAA,GAAa,GAAG,mBAAA,CAAoB,EAAE,MAAM,IAAA,EAAM,QAAA,EAAU,CAAA,EAAG,SAAS,CAAA;AAE9E,IAAA,MAAM,cAAoD,CAAA,KAAA,KAAS;AACjE,MAAA,IAAI,CAAC,QAAA,EAAU;AACb,QAAA,OAAA,GAAU,KAAK,CAAA;AAAA,MACjB;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAM,QAAA;AAAA,QACN,SAAA,EAAW,UAAA;AAAA,QACX,QAAA;AAAA,QACA,OAAA,EAAS,WAAA;AAAA,QACR,GAAG,SAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,IAAA,oBACC,GAAA,CAAC,UAAK,SAAA,EAAU,kBAAA,EACd,8BAACA,aAAA,EAAA,EAAK,IAAA,EAAM,MAAa,CAAA,EAC3B,CAAA;AAAA,UAED,QAAA,oBAAY,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,oBAAoB,QAAA,EAAS;AAAA;AAAA;AAAA,KAC5D;AAAA,EAEJ,CAAC;AACH,CAAA;AAEA,eAAA,CAAgB,WAAA,GAAc,WAAA;AAEvB,MAAM,MAAA,GAAS,YAAY,eAAe;;;;"}

package/dist/adapter-react/components/button/index.d.ts

@@ -0,0 +1,3 @@
+export { Button } from './Button';
+export type { ButtonProps } from './Button';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA"}

package/dist/adapter-react/components/carousel/Carousel.d.ts

@@ -0,0 +1,12 @@
+import type { HTMLAttributes } from 'react';
+import { type CarouselItem, type CarouselProps as BaseCarouselProps } from '../../../components/carousel/index';
+import '../../../components/carousel/style.css';
+export interface CarouselProps extends Omit<BaseCarouselProps, 'className' | 'onChange'>, Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {
+    /** 非受控默认索引 */
+    defaultValue?: number;
+    /** 切换回调 */
+    onChange?: (value: number, item: CarouselItem) => void;
+}
+export declare const Carousel: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<CarouselProps & import("react").RefAttributes<HTMLDivElement>>>;
+export default Carousel;
+//# sourceMappingURL=Carousel.d.ts.map

package/dist/adapter-react/components/carousel/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../components/carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAML,KAAK,YAAY,EACjB,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,4BAA4B,CAAA;AAKnC,OAAO,sCAAsC,CAAA;AAE7C,MAAM,WAAW,aACf,SACE,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,UAAU,CAAC,EACjD,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC/D,cAAc;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,WAAW;IACX,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;CACvD;AAyKD,eAAO,MAAM,QAAQ,gJAAiC,CAAA;AACtD,eAAe,QAAQ,CAAA"}

package/dist/adapter-react/components/carousel/Carousel.js

@@ -0,0 +1,155 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useRef, useMemo, useCallback } from 'react';
+import { getCarouselSafeIndex, getCarouselItemAlt, getCarouselIndicatorClassNames, getCarouselClassNames, normalizeCarouselType } from '../../../components/carousel/index.js';
+import { cn } from '../../../utils/src/index.js';
+import { useMergedState } from '../../hooks/useMergedState.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+
+const CarouselComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      items,
+      value,
+      defaultValue = 0,
+      type = "dots",
+      loop = true,
+      aspectRatio = "1 / 1",
+      onChange,
+      className,
+      style,
+      ...restProps
+    } = props;
+    const [currentValue, setCurrentValue] = useMergedState(defaultValue, { value });
+    const touchStartXRef = useRef(null);
+    const normalizedType = normalizeCarouselType(type);
+    const total = items.length;
+    const currentIndex = useMemo(
+      () => getCarouselSafeIndex(currentValue, total, loop),
+      [currentValue, total, loop]
+    );
+    const activeItem = items[currentIndex];
+    const handleChange = useCallback(
+      (nextValue) => {
+        if (total <= 0) {
+          return;
+        }
+        const nextIndex = getCarouselSafeIndex(nextValue, total, loop);
+        setCurrentValue(nextIndex);
+        onChange?.(nextIndex, items[nextIndex]);
+      },
+      [items, loop, onChange, setCurrentValue, total]
+    );
+    const handleTouchStart = useCallback((event) => {
+      touchStartXRef.current = event.touches[0]?.clientX ?? null;
+    }, []);
+    const handleTouchEnd = useCallback(
+      (event) => {
+        if (touchStartXRef.current === null || total < 2) {
+          touchStartXRef.current = null;
+          return;
+        }
+        const deltaX = (event.changedTouches[0]?.clientX ?? touchStartXRef.current) - touchStartXRef.current;
+        touchStartXRef.current = null;
+        if (Math.abs(deltaX) < 32) {
+          return;
+        }
+        handleChange(deltaX > 0 ? currentIndex - 1 : currentIndex + 1);
+      },
+      [currentIndex, handleChange, total]
+    );
+    const mergedStyle = useMemo(
+      () => ({
+        ...style,
+        "--css-carousel-ratio": aspectRatio
+      }),
+      [aspectRatio, style]
+    );
+    const shouldRenderFooter = total > 1 || normalizedType === "number";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(getCarouselClassNames({ type: normalizedType }), className),
+        style: mergedStyle,
+        ...restProps,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "css-carousel__viewport",
+              onTouchStart: handleTouchStart,
+              onTouchEnd: handleTouchEnd,
+              children: total > 0 ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "css-carousel__track",
+                  style: { transform: `translateX(-${currentIndex * 100}%)` },
+                  children: items.map((item, index) => /* @__PURE__ */ jsx("div", { className: "css-carousel__slide", children: /* @__PURE__ */ jsx(
+                    "img",
+                    {
+                      className: "css-carousel__image",
+                      src: item.src,
+                      alt: getCarouselItemAlt(item, index),
+                      draggable: false
+                    }
+                  ) }, `${item.src}-${index}`))
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: "css-carousel__empty", children: "\u6682\u65E0\u5185\u5BB9" })
+            }
+          ),
+          shouldRenderFooter && total > 0 && /* @__PURE__ */ jsxs("div", { className: "css-carousel__footer", children: [
+            normalizedType === "dots" && /* @__PURE__ */ jsx("div", { className: "css-carousel__dots", "aria-label": "\u8D70\u9A6C\u706F\u5206\u9875", children: items.map((item, index) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: getCarouselIndicatorClassNames("dot", {
+                  active: index === currentIndex
+                }),
+                "aria-label": `\u5207\u6362\u5230\u7B2C ${index + 1} \u5F20`,
+                "aria-current": index === currentIndex,
+                onClick: () => handleChange(index)
+              },
+              `${item.src}-dot-${index}`
+            )) }),
+            normalizedType === "number" && /* @__PURE__ */ jsxs("div", { className: "css-carousel__meta", "aria-live": "polite", children: [
+              /* @__PURE__ */ jsx("p", { className: "css-carousel__title", children: activeItem?.title ?? activeItem?.description ?? `\u7B2C ${currentIndex + 1} \u5F20` }),
+              /* @__PURE__ */ jsxs("span", { className: "css-carousel__count", children: [
+                currentIndex + 1,
+                "/",
+                total
+              ] })
+            ] }),
+            normalizedType === "thumb" && /* @__PURE__ */ jsx("div", { className: "css-carousel__thumbs", "aria-label": "\u8D70\u9A6C\u706F\u7F29\u7565\u56FE", children: items.map((item, index) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: getCarouselIndicatorClassNames("thumb", {
+                  active: index === currentIndex
+                }),
+                "aria-label": `\u5207\u6362\u5230\u7B2C ${index + 1} \u5F20`,
+                "aria-current": index === currentIndex,
+                onClick: () => handleChange(index),
+                children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    src: item.thumbSrc ?? item.src,
+                    alt: getCarouselItemAlt(item, index),
+                    draggable: false
+                  }
+                )
+              },
+              `${item.src}-thumb-${index}`
+            )) })
+          ] })
+        ]
+      }
+    );
+  })
+);
+CarouselComponent.displayName = "CssCarousel";
+const Carousel = withInstall(CarouselComponent);
+
+export { Carousel };
+//# sourceMappingURL=Carousel.js.map

package/dist/adapter-react/components/carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","sources":["../../../../../adapter-react/components/carousel/Carousel.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes } from 'react'\r\nimport { useCallback, useMemo, useRef } from 'react'\r\nimport {\r\n  getCarouselClassNames,\r\n  getCarouselIndicatorClassNames,\r\n  getCarouselItemAlt,\r\n  getCarouselSafeIndex,\r\n  normalizeCarouselType,\r\n  type CarouselItem,\r\n  type CarouselProps as BaseCarouselProps,\r\n} from '@cssui/components/carousel'\r\nimport { cn } from '@cssui/utils'\r\nimport { useMergedState } from '../../hooks'\r\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\r\n\r\nimport '@cssui/components/carousel/style.css'\r\n\r\nexport interface CarouselProps\r\n  extends\r\n    Omit<BaseCarouselProps, 'className' | 'onChange'>,\r\n    Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> {\r\n  /** 非受控默认索引 */\r\n  defaultValue?: number\r\n  /** 切换回调 */\r\n  onChange?: (value: number, item: CarouselItem) => void\r\n}\r\n\r\nconst CarouselComponent = createComponent(\r\n  forwardRef<HTMLDivElement, CarouselProps>((props, ref) => {\r\n    const {\r\n      items,\r\n      value,\r\n      defaultValue = 0,\r\n      type = 'dots',\r\n      loop = true,\r\n      aspectRatio = '1 / 1',\r\n      onChange,\r\n      className,\r\n      style,\r\n      ...restProps\r\n    } = props\r\n\r\n    const [currentValue, setCurrentValue] = useMergedState<number>(defaultValue, { value })\r\n    const touchStartXRef = useRef<number | null>(null)\r\n    const normalizedType = normalizeCarouselType(type)\r\n    const total = items.length\r\n    const currentIndex = useMemo(\r\n      () => getCarouselSafeIndex(currentValue, total, loop),\r\n      [currentValue, total, loop]\r\n    )\r\n    const activeItem = items[currentIndex]\r\n\r\n    const handleChange = useCallback(\r\n      (nextValue: number) => {\r\n        if (total <= 0) {\r\n          return\r\n        }\r\n\r\n        const nextIndex = getCarouselSafeIndex(nextValue, total, loop)\r\n        setCurrentValue(nextIndex)\r\n        onChange?.(nextIndex, items[nextIndex])\r\n      },\r\n      [items, loop, onChange, setCurrentValue, total]\r\n    )\r\n\r\n    const handleTouchStart = useCallback((event: React.TouchEvent<HTMLDivElement>) => {\r\n      touchStartXRef.current = event.touches[0]?.clientX ?? null\r\n    }, [])\r\n\r\n    const handleTouchEnd = useCallback(\r\n      (event: React.TouchEvent<HTMLDivElement>) => {\r\n        if (touchStartXRef.current === null || total < 2) {\r\n          touchStartXRef.current = null\r\n          return\r\n        }\r\n\r\n        const deltaX =\r\n          (event.changedTouches[0]?.clientX ?? touchStartXRef.current) - touchStartXRef.current\r\n        touchStartXRef.current = null\r\n\r\n        if (Math.abs(deltaX) < 32) {\r\n          return\r\n        }\r\n\r\n        handleChange(deltaX > 0 ? currentIndex - 1 : currentIndex + 1)\r\n      },\r\n      [currentIndex, handleChange, total]\r\n    )\r\n\r\n    const mergedStyle = useMemo(\r\n      () =>\r\n        ({\r\n          ...(style as CSSProperties),\r\n          '--css-carousel-ratio': aspectRatio,\r\n        }) as CSSProperties,\r\n      [aspectRatio, style]\r\n    )\r\n\r\n    const shouldRenderFooter = total > 1 || normalizedType === 'number'\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(getCarouselClassNames({ type: normalizedType }), className)}\r\n        style={mergedStyle}\r\n        {...restProps}\r\n      >\r\n        <div\r\n          className=\"css-carousel__viewport\"\r\n          onTouchStart={handleTouchStart}\r\n          onTouchEnd={handleTouchEnd}\r\n        >\r\n          {total > 0 ? (\r\n            <div\r\n              className=\"css-carousel__track\"\r\n              style={{ transform: `translateX(-${currentIndex * 100}%)` }}\r\n            >\r\n              {items.map((item, index) => (\r\n                <div key={`${item.src}-${index}`} className=\"css-carousel__slide\">\r\n                  <img\r\n                    className=\"css-carousel__image\"\r\n                    src={item.src}\r\n                    alt={getCarouselItemAlt(item, index)}\r\n                    draggable={false}\r\n                  />\r\n                </div>\r\n              ))}\r\n            </div>\r\n          ) : (\r\n            <div className=\"css-carousel__empty\">暂无内容</div>\r\n          )}\r\n        </div>\r\n\r\n        {shouldRenderFooter && total > 0 && (\r\n          <div className=\"css-carousel__footer\">\r\n            {normalizedType === 'dots' && (\r\n              <div className=\"css-carousel__dots\" aria-label=\"走马灯分页\">\r\n                {items.map((item, index) => (\r\n                  <button\r\n                    key={`${item.src}-dot-${index}`}\r\n                    type=\"button\"\r\n                    className={getCarouselIndicatorClassNames('dot', {\r\n                      active: index === currentIndex,\r\n                    })}\r\n                    aria-label={`切换到第 ${index + 1} 张`}\r\n                    aria-current={index === currentIndex}\r\n                    onClick={() => handleChange(index)}\r\n                  />\r\n                ))}\r\n              </div>\r\n            )}\r\n\r\n            {normalizedType === 'number' && (\r\n              <div className=\"css-carousel__meta\" aria-live=\"polite\">\r\n                <p className=\"css-carousel__title\">\r\n                  {activeItem?.title ?? activeItem?.description ?? `第 ${currentIndex + 1} 张`}\r\n                </p>\r\n                <span className=\"css-carousel__count\">\r\n                  {currentIndex + 1}/{total}\r\n                </span>\r\n              </div>\r\n            )}\r\n\r\n            {normalizedType === 'thumb' && (\r\n              <div className=\"css-carousel__thumbs\" aria-label=\"走马灯缩略图\">\r\n                {items.map((item, index) => (\r\n                  <button\r\n                    key={`${item.src}-thumb-${index}`}\r\n                    type=\"button\"\r\n                    className={getCarouselIndicatorClassNames('thumb', {\r\n                      active: index === currentIndex,\r\n                    })}\r\n                    aria-label={`切换到第 ${index + 1} 张`}\r\n                    aria-current={index === currentIndex}\r\n                    onClick={() => handleChange(index)}\r\n                  >\r\n                    <img\r\n                      src={item.thumbSrc ?? item.src}\r\n                      alt={getCarouselItemAlt(item, index)}\r\n                      draggable={false}\r\n                    />\r\n                  </button>\r\n                ))}\r\n              </div>\r\n            )}\r\n          </div>\r\n        )}\r\n      </div>\r\n    )\r\n  })\r\n)\r\n\r\nCarouselComponent.displayName = 'CssCarousel'\r\n\r\nexport const Carousel = withInstall(CarouselComponent)\r\nexport default Carousel\r\n"],"names":[],"mappings":"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"}

package/dist/adapter-react/components/carousel/index.d.ts

@@ -0,0 +1,3 @@
+export { Carousel } from './Carousel';
+export type { CarouselProps } from './Carousel';
+//# sourceMappingURL=index.d.ts.map

package/dist/adapter-react/components/carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/adapter-react/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import type { ChangeEvent } from 'react';
+import { type CheckboxProps as BaseCheckboxProps } from '../../../components/checkbox/index';
+import '../../../components/checkbox/style.css';
+export interface CheckboxProps extends Omit<BaseCheckboxProps, 'onChange'> {
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void;
+    [key: string]: any;
+}
+export declare const Checkbox: import("../..").ComponentWithInstall<import("react").ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>>;
+export default Checkbox;
+//# sourceMappingURL=Checkbox.d.ts.map

package/dist/adapter-react/components/checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAEL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,4BAA4B,CAAA;AAKnC,OAAO,sCAAsC,CAAA;AAE7C,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACxE,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3E,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB;AAyED,eAAO,MAAM,QAAQ,+JAAiC,CAAA;AAEtD,eAAe,QAAQ,CAAA"}

package/dist/adapter-react/components/checkbox/Checkbox.js

@@ -0,0 +1,69 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { getCheckboxClassNames } from '../../../components/checkbox/index.js';
+import { createComponent } from '../../runtime/createComponent.js';
+import { withInstall } from '../../runtime/withInstall.js';
+import { forwardRef } from '../../runtime/forwardRef.js';
+import IconComponent from '../icon/Icon.js';
+import { useCheckboxGroupContext } from './CheckboxGroup.js';
+
+const CheckboxComponent = createComponent(
+  forwardRef((props, ref) => {
+    const {
+      checked,
+      defaultChecked,
+      disabled,
+      error,
+      label,
+      children,
+      className,
+      onChange,
+      value,
+      ...restProps
+    } = props;
+    const groupContext = useCheckboxGroupContext();
+    const mergedChecked = groupContext && value !== void 0 ? groupContext.value.includes(value) : checked;
+    const mergedDisabled = disabled || groupContext?.disabled;
+    const mergedError = error || groupContext?.error;
+    const checkboxClassName = getCheckboxClassNames({
+      disabled: mergedDisabled,
+      error: mergedError,
+      className
+    });
+    const handleChange = (event) => {
+      if (mergedDisabled) {
+        return;
+      }
+      if (groupContext && value !== void 0) {
+        groupContext.onToggle?.(value, event.target.checked, event);
+      }
+      onChange?.(event.target.checked, event);
+    };
+    return /* @__PURE__ */ jsxs("label", { className: checkboxClassName, children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          type: "checkbox",
+          className: "css-checkbox__input",
+          checked: mergedChecked,
+          defaultChecked,
+          disabled: mergedDisabled,
+          value,
+          onChange: handleChange,
+          name: groupContext?.name,
+          ...restProps
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "css-checkbox__indicator", children: mergedChecked && /* @__PURE__ */ jsx(IconComponent, { name: "Check", size: 12, className: "css-checkbox__icon" }) }),
+      (label || children) && /* @__PURE__ */ jsxs("span", { className: "css-checkbox__label", children: [
+        label,
+        children
+      ] })
+    ] });
+  })
+);
+CheckboxComponent.displayName = "CssCheckbox";
+const Checkbox = withInstall(CheckboxComponent);
+
+export { Checkbox, Checkbox as default };
+//# sourceMappingURL=Checkbox.js.map

package/dist/adapter-react/components/checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sources":["../../../../../adapter-react/components/checkbox/Checkbox.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\r\nimport {\r\n  getCheckboxClassNames,\r\n  type CheckboxProps as BaseCheckboxProps,\r\n} from '@cssui/components/checkbox'\r\nimport { createComponent, forwardRef, withInstall } from '../../runtime'\r\nimport Icon from '../icon/Icon'\r\nimport { useCheckboxGroupContext } from './CheckboxGroup'\r\n\r\nimport '@cssui/components/checkbox/style.css'\r\n\r\nexport interface CheckboxProps extends Omit<BaseCheckboxProps, 'onChange'> {\r\n  defaultChecked?: boolean\r\n  onChange?: (checked: boolean, event: ChangeEvent<HTMLInputElement>) => void\r\n  [key: string]: any\r\n}\r\n\r\nconst CheckboxComponent = createComponent(\r\n  forwardRef<HTMLInputElement, CheckboxProps>((props, ref) => {\r\n    const {\r\n      checked,\r\n      defaultChecked,\r\n      disabled,\r\n      error,\r\n      label,\r\n      children,\r\n      className,\r\n      onChange,\r\n      value,\r\n      ...restProps\r\n    } = props\r\n\r\n    const groupContext = useCheckboxGroupContext()\r\n\r\n    const mergedChecked =\r\n      groupContext && value !== undefined ? groupContext.value.includes(value) : checked\r\n\r\n    const mergedDisabled = disabled || groupContext?.disabled\r\n    const mergedError = error || groupContext?.error\r\n\r\n    const checkboxClassName = getCheckboxClassNames({\r\n      disabled: mergedDisabled,\r\n      error: mergedError,\r\n      className,\r\n    })\r\n\r\n    const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\r\n      if (mergedDisabled) {\r\n        return\r\n      }\r\n\r\n      if (groupContext && value !== undefined) {\r\n        groupContext.onToggle?.(value, event.target.checked, event)\r\n      }\r\n\r\n      onChange?.(event.target.checked, event)\r\n    }\r\n\r\n    return (\r\n      <label className={checkboxClassName}>\r\n        <input\r\n          ref={ref}\r\n          type=\"checkbox\"\r\n          className=\"css-checkbox__input\"\r\n          checked={mergedChecked}\r\n          defaultChecked={defaultChecked}\r\n          disabled={mergedDisabled}\r\n          value={value as string | number | readonly string[] | undefined}\r\n          onChange={handleChange}\r\n          name={groupContext?.name}\r\n          {...restProps}\r\n        />\r\n        <span className=\"css-checkbox__indicator\">\r\n          {mergedChecked && <Icon name=\"Check\" size={12} className=\"css-checkbox__icon\" />}\r\n        </span>\r\n        {(label || children) && (\r\n          <span className=\"css-checkbox__label\">\r\n            {label}\r\n            {children}\r\n          </span>\r\n        )}\r\n      </label>\r\n    )\r\n  })\r\n)\r\n\r\nCheckboxComponent.displayName = 'CssCheckbox'\r\n\r\nexport const Checkbox = withInstall(CheckboxComponent)\r\n\r\nexport default Checkbox\r\n"],"names":["Icon"],"mappings":";;;;;;;;AAiBA,MAAM,iBAAA,GAAoB,eAAA;AAAA,EACxB,UAAA,CAA4C,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC1D,IAAA,MAAM;AAAA,MACJ,OAAA;AAAA,MACA,cAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,KAAA;AAAA,MACA,QAAA;AAAA,MACA,SAAA;AAAA,MACA,QAAA;AAAA,MACA,KAAA;AAAA,MACA,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,eAAe,uBAAA,EAAwB;AAE7C,IAAA,MAAM,aAAA,GACJ,gBAAgB,KAAA,KAAU,MAAA,GAAY,aAAa,KAAA,CAAM,QAAA,CAAS,KAAK,CAAA,GAAI,OAAA;AAE7E,IAAA,MAAM,cAAA,GAAiB,YAAY,YAAA,EAAc,QAAA;AACjD,IAAA,MAAM,WAAA,GAAc,SAAS,YAAA,EAAc,KAAA;AAE3C,IAAA,MAAM,oBAAoB,qBAAA,CAAsB;AAAA,MAC9C,QAAA,EAAU,cAAA;AAAA,MACV,KAAA,EAAO,WAAA;AAAA,MACP;AAAA,KACD,CAAA;AAED,IAAA,MAAM,YAAA,GAAe,CAAC,KAAA,KAAyC;AAC7D,MAAA,IAAI,cAAA,EAAgB;AAClB,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,YAAA,IAAgB,UAAU,MAAA,EAAW;AACvC,QAAA,YAAA,CAAa,QAAA,GAAW,KAAA,EAAO,KAAA,CAAM,MAAA,CAAO,SAAS,KAAK,CAAA;AAAA,MAC5D;AAEA,MAAA,QAAA,GAAW,KAAA,CAAM,MAAA,CAAO,OAAA,EAAS,KAAK,CAAA;AAAA,IACxC,CAAA;AAEA,IAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,iBAAA,EAChB,QAAA,EAAA;AAAA,sBAAA,GAAA;AAAA,QAAC,OAAA;AAAA,QAAA;AAAA,UACC,GAAA;AAAA,UACA,IAAA,EAAK,UAAA;AAAA,UACL,SAAA,EAAU,qBAAA;AAAA,UACV,OAAA,EAAS,aAAA;AAAA,UACT,cAAA;AAAA,UACA,QAAA,EAAU,cAAA;AAAA,UACV,KAAA;AAAA,UACA,QAAA,EAAU,YAAA;AAAA,UACV,MAAM,YAAA,EAAc,IAAA;AAAA,UACnB,GAAG;AAAA;AAAA,OACN;AAAA,sBACA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,yBAAA,EACb,QAAA,EAAA,aAAA,oBAAiB,GAAA,CAACA,aAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,IAAA,EAAM,EAAA,EAAI,SAAA,EAAU,sBAAqB,CAAA,EAChF,CAAA;AAAA,MAAA,CACE,KAAA,IAAS,QAAA,qBACT,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,qBAAA,EACb,QAAA,EAAA;AAAA,QAAA,KAAA;AAAA,QACA;AAAA,OAAA,EACH;AAAA,KAAA,EAEJ,CAAA;AAAA,EAEJ,CAAC;AACH,CAAA;AAEA,iBAAA,CAAkB,WAAA,GAAc,aAAA;AAEzB,MAAM,QAAA,GAAW,YAAY,iBAAiB;;;;"}