@ktnpm_devops/react-component 0.12.1 → 0.13.0

package/dist/index16.js.map

@@ -1 +1 @@
-{"version":3,"file":"index16.js","sources":["../src/layouts/ChatLayout/ChatLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ChatLayoutProps } from './ChatLayout.types';\nimport styles from './ChatLayout.module.css';\n\nexport const ChatLayout = ({\n  sidebar,\n  conversationList,\n  messageArea,\n  inputArea,\n  sidebarCollapsed = false,\n  showConversationList = true,\n  className,\n}: ChatLayoutProps) => (\n  <div className={clsx(styles.root, className)}>\n    {sidebar && !sidebarCollapsed && (\n      <aside className={styles.sidebar}>{sidebar}</aside>\n    )}\n\n    {conversationList && showConversationList && (\n      <aside className={styles.conversationList}>{conversationList}</aside>\n    )}\n\n    <main className={styles.mainArea}>\n      <div className={styles.messages}>{messageArea}</div>\n      <div className={styles.input}>{inputArea}</div>\n    </main>\n  </div>\n);\n\nChatLayout.displayName = 'ChatLayout';\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB;AACF,2BACG,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GACxC,UAAA;AAAA,EAAA,WAAW,CAAC,oBACX,oBAAC,WAAM,WAAW,OAAO,SAAU,UAAA,SAAQ;AAAA,EAG5C,oBAAoB,wBACnB,oBAAC,WAAM,WAAW,OAAO,kBAAmB,UAAA,kBAAiB;AAAA,EAG/D,qBAAC,QAAA,EAAK,WAAW,OAAO,UACtB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,UAAW,UAAA,aAAY;AAAA,IAC9C,oBAAC,OAAA,EAAI,WAAW,OAAO,OAAQ,UAAA,UAAA,CAAU;AAAA,EAAA,EAAA,CAC3C;AAAA,EAAA,CACF;AAGF,WAAW,cAAc;"}
+{"version":3,"file":"index16.js","sources":["../src/composites/ChartExpandModal/ChartExpandModal.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport { CHART_MODAL, VIEWPORT_MARGIN, ICON_SIZE, SVG_VIEWBOX, SVG_STROKE_WIDTH } from '../../constants';\nimport clsx from 'clsx';\nimport styles from './ChartExpandModal.module.css';\n\nexport interface ChartExpandModalProps {\n  /** Title displayed in the modal header. */\n  title: string;\n  /** Content to render inside the modal body. */\n  children: ReactNode;\n  /** Called when the modal should close. */\n  onClose: () => void;\n  /** Enable resize handles on the modal. */\n  resizable?: boolean;\n  /** Default modal dimensions in pixels. */\n  defaultSize?: { width?: number; height?: number };\n  /** Additional actions rendered in the header. */\n  actions?: ReactNode;\n}\n\nconst getInitialSize = (override?: { width?: number; height?: number }) => {\n  if (typeof window === 'undefined') {\n    return {\n      width: override?.width ?? CHART_MODAL.FALLBACK_WIDTH,\n      height: override?.height ?? CHART_MODAL.FALLBACK_HEIGHT,\n    };\n  }\n  const w = Math.min(override?.width ?? CHART_MODAL.DEFAULT_WIDTH, window.innerWidth - VIEWPORT_MARGIN);\n  const h = Math.min(override?.height ?? CHART_MODAL.DEFAULT_HEIGHT, window.innerHeight - VIEWPORT_MARGIN);\n  return { width: Math.max(w, CHART_MODAL.MIN_WIDTH), height: Math.max(h, CHART_MODAL.MIN_HEIGHT) };\n};\n\nexport const ChartExpandModal = ({\n  title,\n  children,\n  onClose,\n  resizable = false,\n  defaultSize,\n  actions,\n}: ChartExpandModalProps) => {\n  const [size, setSize] = useState(() => getInitialSize(defaultSize));\n  const [isReady, setIsReady] = useState(false);\n  const bodyRef = useRef<HTMLDivElement>(null);\n\n  useEscapeKey(onClose);\n\n  useEffect(() => {\n    if (!resizable) return;\n    const handleResize = () => setSize(getInitialSize(defaultSize));\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [resizable, defaultSize]);\n\n  useEffect(() => {\n    const check = () => {\n      const body = bodyRef.current;\n      if (body && body.clientWidth > 0 && body.clientHeight > 0) {\n        setIsReady(true);\n      } else {\n        requestAnimationFrame(check);\n      }\n    };\n    requestAnimationFrame(check);\n  }, []);\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent | React.TouchEvent) => {\n      if (!resizable || typeof window === 'undefined') return;\n      e.preventDefault();\n      const startX = 'touches' in e ? e.touches[0]?.clientX ?? 0 : e.clientX;\n      const startY = 'touches' in e ? e.touches[0]?.clientY ?? 0 : e.clientY;\n      const startW = size.width;\n      const startH = size.height;\n\n      const handleMove = (ev: MouseEvent | TouchEvent) => {\n        const cx = ev instanceof TouchEvent ? ev.touches[0]?.clientX ?? 0 : (ev as MouseEvent).clientX;\n        const cy = ev instanceof TouchEvent ? ev.touches[0]?.clientY ?? 0 : (ev as MouseEvent).clientY;\n        const maxW = Math.min(window.innerWidth - VIEWPORT_MARGIN, CHART_MODAL.MAX_WIDTH);\n        const maxH = Math.min(window.innerHeight - VIEWPORT_MARGIN, CHART_MODAL.MAX_HEIGHT);\n        setSize({\n          width: Math.min(Math.max(startW + (cx - startX), CHART_MODAL.MIN_WIDTH), maxW),\n          height: Math.min(Math.max(startH + (cy - startY), CHART_MODAL.MIN_HEIGHT), maxH),\n        });\n      };\n\n      const handleUp = () => {\n        window.removeEventListener('mousemove', handleMove);\n        window.removeEventListener('mouseup', handleUp);\n        window.removeEventListener('touchmove', handleMove as EventListener);\n        window.removeEventListener('touchend', handleUp);\n      };\n\n      window.addEventListener('mousemove', handleMove);\n      window.addEventListener('mouseup', handleUp);\n      window.addEventListener('touchmove', handleMove as EventListener, { passive: false });\n      window.addEventListener('touchend', handleUp);\n    },\n    [resizable, size],\n  );\n\n  if (typeof document === 'undefined') return null;\n\n  const modalStyle = resizable ? { width: `${size.width}px`, height: `${size.height}px` } : undefined;\n\n  return createPortal(\n    <div className={styles.overlay} role=\"dialog\" aria-modal=\"true\">\n      <div className={clsx(styles.modal, { [styles.resizable]: resizable })} style={modalStyle}>\n        <header className={styles.header}>\n          <h2 className={styles.title}>{title}</h2>\n          <div className={styles.headerActions}>\n            {actions}\n            <button type=\"button\" className={styles.close} onClick={onClose} aria-label=\"Close expanded chart\">\n              <svg width={ICON_SIZE.LG} height={ICON_SIZE.LG} viewBox={SVG_VIEWBOX} fill=\"none\" stroke=\"currentColor\" strokeWidth={SVG_STROKE_WIDTH} strokeLinecap=\"round\" strokeLinejoin=\"round\">\n                <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n                <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n              </svg>\n            </button>\n          </div>\n        </header>\n        <div className={styles.body} ref={bodyRef}>\n          {isReady ? children : <div className={styles.loading}>Loading chart...</div>}\n        </div>\n        {resizable && (\n          <div className={styles.resizeHandle} onMouseDown={handleResizeStart} onTouchStart={handleResizeStart}>\n            <span />\n          </div>\n        )}\n      </div>\n    </div>,\n    document.body,\n  );\n};\n"],"names":["_a","_b"],"mappings":"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"}

package/dist/index17.cjs

@@ -1,58 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const clsx = require("./index55.cjs");
-const Checkbox_module = require("./index63.cjs");
-const Checkbox = react.forwardRef(
-  ({
-    checked,
-    onCheckedChange,
-    label,
-    indeterminate = false,
-    size = "md",
-    disabled = false,
-    className,
-    ...props
-  }, ref) => {
-    const innerRef = react.useRef(null);
-    react.useEffect(() => {
-      if (innerRef.current) {
-        innerRef.current.indeterminate = indeterminate;
-      }
-    }, [indeterminate]);
-    const setRefs = react.useCallback(
-      (node) => {
-        innerRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      "label",
-      {
-        className: clsx.clsx(Checkbox_module.default.root, Checkbox_module.default[size], disabled && Checkbox_module.default.disabled, className),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            "input",
-            {
-              ref: setRefs,
-              type: "checkbox",
-              className: Checkbox_module.default.input,
-              checked,
-              disabled,
-              "aria-checked": indeterminate ? "mixed" : void 0,
-              onChange: (event) => onCheckedChange(event.target.checked),
-              ...props
-            }
-          ),
-          label != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Checkbox_module.default.label, children: label })
-        ]
-      }
-    );
-  }
-);
-Checkbox.displayName = "Checkbox";
-exports.Checkbox = Checkbox;
+const clsx = require("./index57.cjs");
+const ChatLayout_module = require("./index81.cjs");
+const ChatLayout = ({
+  sidebar,
+  conversationList,
+  messageArea,
+  inputArea,
+  sidebarCollapsed = false,
+  showConversationList = true,
+  className
+}) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(ChatLayout_module.default.root, className), children: [
+  sidebar && !sidebarCollapsed && /* @__PURE__ */ jsxRuntime.jsx("aside", { className: ChatLayout_module.default.sidebar, children: sidebar }),
+  conversationList && showConversationList && /* @__PURE__ */ jsxRuntime.jsx("aside", { className: ChatLayout_module.default.conversationList, children: conversationList }),
+  /* @__PURE__ */ jsxRuntime.jsxs("main", { className: ChatLayout_module.default.mainArea, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatLayout_module.default.messages, children: messageArea }),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: ChatLayout_module.default.input, children: inputArea })
+  ] })
+] });
+ChatLayout.displayName = "ChatLayout";
+exports.ChatLayout = ChatLayout;
 //# sourceMappingURL=index17.cjs.map

package/dist/index17.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index17.cjs","sources":["../src/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport type { CheckboxProps } from './Checkbox.types';\nimport styles from './Checkbox.module.css';\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checked,\n      onCheckedChange,\n      label,\n      indeterminate = false,\n      size = 'md',\n      disabled = false,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    // `indeterminate` is a DOM property, not an attribute — React cannot set it via JSX.\n    useEffect(() => {\n      if (innerRef.current) {\n        innerRef.current.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n      },\n      [ref],\n    );\n\n    return (\n      <label\n        className={clsx(styles.root, styles[size], disabled && styles.disabled, className)}\n      >\n        <input\n          ref={setRefs}\n          type=\"checkbox\"\n          className={styles.input}\n          checked={checked}\n          disabled={disabled}\n          aria-checked={indeterminate ? 'mixed' : undefined}\n          onChange={(event) => onCheckedChange(event.target.checked)}\n          {...props}\n        />\n        {label != null && <span className={styles.label}>{label}</span>}\n      </label>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["forwardRef","useRef","useEffect","useCallback","jsxs","clsx","styles","jsx"],"mappings":";;;;;;AAKO,MAAM,WAAWA,MAAAA;AAAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAWC,MAAAA,OAAgC,IAAI;AAGrDC,UAAAA,UAAU,MAAM;AACd,UAAI,SAAS,SAAS;AACpB,iBAAS,QAAQ,gBAAgB;AAAA,MACnC;AAAA,IACF,GAAG,CAAC,aAAa,CAAC;AAElB,UAAM,UAAUC,MAAAA;AAAAA,MACd,CAAC,SAAkC;AACjC,iBAAS,UAAU;AACnB,YAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,iBAC9B,IAAM,KAAwD,UAAU;AAAA,MACnF;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGN,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,KAAAA,KAAKC,wBAAO,MAAMA,gBAAAA,QAAO,IAAI,GAAG,YAAYA,gBAAAA,QAAO,UAAU,SAAS;AAAA,QAEjF,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL,WAAWD,gBAAAA,QAAO;AAAA,cAClB;AAAA,cACA;AAAA,cACA,gBAAc,gBAAgB,UAAU;AAAA,cACxC,UAAU,CAAC,UAAU,gBAAgB,MAAM,OAAO,OAAO;AAAA,cACxD,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEL,SAAS,QAAQC,2BAAAA,IAAC,UAAK,WAAWD,wBAAO,OAAQ,UAAA,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9D;AACF;AAEA,SAAS,cAAc;;"}
+{"version":3,"file":"index17.cjs","sources":["../src/layouts/ChatLayout/ChatLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ChatLayoutProps } from './ChatLayout.types';\nimport styles from './ChatLayout.module.css';\n\nexport const ChatLayout = ({\n  sidebar,\n  conversationList,\n  messageArea,\n  inputArea,\n  sidebarCollapsed = false,\n  showConversationList = true,\n  className,\n}: ChatLayoutProps) => (\n  <div className={clsx(styles.root, className)}>\n    {sidebar && !sidebarCollapsed && (\n      <aside className={styles.sidebar}>{sidebar}</aside>\n    )}\n\n    {conversationList && showConversationList && (\n      <aside className={styles.conversationList}>{conversationList}</aside>\n    )}\n\n    <main className={styles.mainArea}>\n      <div className={styles.messages}>{messageArea}</div>\n      <div className={styles.input}>{inputArea}</div>\n    </main>\n  </div>\n);\n\nChatLayout.displayName = 'ChatLayout';\n"],"names":["clsx","styles","jsx","jsxs"],"mappings":";;;;;AAIO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB;AACF,sCACG,OAAA,EAAI,WAAWA,KAAAA,KAAKC,kBAAAA,QAAO,MAAM,SAAS,GACxC,UAAA;AAAA,EAAA,WAAW,CAAC,oBACXC,2BAAAA,IAAC,WAAM,WAAWD,kBAAAA,QAAO,SAAU,UAAA,SAAQ;AAAA,EAG5C,oBAAoB,wBACnBC,2BAAAA,IAAC,WAAM,WAAWD,kBAAAA,QAAO,kBAAmB,UAAA,kBAAiB;AAAA,EAG/DE,2BAAAA,KAAC,QAAA,EAAK,WAAWF,kBAAAA,QAAO,UACtB,UAAA;AAAA,IAAAC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,kBAAAA,QAAO,UAAW,UAAA,aAAY;AAAA,IAC9CC,2BAAAA,IAAC,OAAA,EAAI,WAAWD,kBAAAA,QAAO,OAAQ,UAAA,UAAA,CAAU;AAAA,EAAA,EAAA,CAC3C;AAAA,EAAA,CACF;AAGF,WAAW,cAAc;;"}

package/dist/index17.js

@@ -1,58 +1,24 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useEffect, useCallback } from "react";
-import { clsx } from "./index55.js";
-import styles from "./index63.js";
-const Checkbox = forwardRef(
-  ({
-    checked,
-    onCheckedChange,
-    label,
-    indeterminate = false,
-    size = "md",
-    disabled = false,
-    className,
-    ...props
-  }, ref) => {
-    const innerRef = useRef(null);
-    useEffect(() => {
-      if (innerRef.current) {
-        innerRef.current.indeterminate = indeterminate;
-      }
-    }, [indeterminate]);
-    const setRefs = useCallback(
-      (node) => {
-        innerRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    return /* @__PURE__ */ jsxs(
-      "label",
-      {
-        className: clsx(styles.root, styles[size], disabled && styles.disabled, className),
-        children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              ref: setRefs,
-              type: "checkbox",
-              className: styles.input,
-              checked,
-              disabled,
-              "aria-checked": indeterminate ? "mixed" : void 0,
-              onChange: (event) => onCheckedChange(event.target.checked),
-              ...props
-            }
-          ),
-          label != null && /* @__PURE__ */ jsx("span", { className: styles.label, children: label })
-        ]
-      }
-    );
-  }
-);
-Checkbox.displayName = "Checkbox";
+import { clsx } from "./index57.js";
+import styles from "./index81.js";
+const ChatLayout = ({
+  sidebar,
+  conversationList,
+  messageArea,
+  inputArea,
+  sidebarCollapsed = false,
+  showConversationList = true,
+  className
+}) => /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, className), children: [
+  sidebar && !sidebarCollapsed && /* @__PURE__ */ jsx("aside", { className: styles.sidebar, children: sidebar }),
+  conversationList && showConversationList && /* @__PURE__ */ jsx("aside", { className: styles.conversationList, children: conversationList }),
+  /* @__PURE__ */ jsxs("main", { className: styles.mainArea, children: [
+    /* @__PURE__ */ jsx("div", { className: styles.messages, children: messageArea }),
+    /* @__PURE__ */ jsx("div", { className: styles.input, children: inputArea })
+  ] })
+] });
+ChatLayout.displayName = "ChatLayout";
 export {
-  Checkbox
+  ChatLayout
 };
 //# sourceMappingURL=index17.js.map

package/dist/index17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index17.js","sources":["../src/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport type { CheckboxProps } from './Checkbox.types';\nimport styles from './Checkbox.module.css';\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checked,\n      onCheckedChange,\n      label,\n      indeterminate = false,\n      size = 'md',\n      disabled = false,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    // `indeterminate` is a DOM property, not an attribute — React cannot set it via JSX.\n    useEffect(() => {\n      if (innerRef.current) {\n        innerRef.current.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n      },\n      [ref],\n    );\n\n    return (\n      <label\n        className={clsx(styles.root, styles[size], disabled && styles.disabled, className)}\n      >\n        <input\n          ref={setRefs}\n          type=\"checkbox\"\n          className={styles.input}\n          checked={checked}\n          disabled={disabled}\n          aria-checked={indeterminate ? 'mixed' : undefined}\n          onChange={(event) => onCheckedChange(event.target.checked)}\n          {...props}\n        />\n        {label != null && <span className={styles.label}>{label}</span>}\n      </label>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":[],"mappings":";;;;AAKO,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAW,OAAgC,IAAI;AAGrD,cAAU,MAAM;AACd,UAAI,SAAS,SAAS;AACpB,iBAAS,QAAQ,gBAAgB;AAAA,MACnC;AAAA,IACF,GAAG,CAAC,aAAa,CAAC;AAElB,UAAM,UAAU;AAAA,MACd,CAAC,SAAkC;AACjC,iBAAS,UAAU;AACnB,YAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,iBAC9B,IAAM,KAAwD,UAAU;AAAA,MACnF;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGN,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,GAAG,YAAY,OAAO,UAAU,SAAS;AAAA,QAEjF,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL,WAAW,OAAO;AAAA,cAClB;AAAA,cACA;AAAA,cACA,gBAAc,gBAAgB,UAAU;AAAA,cACxC,UAAU,CAAC,UAAU,gBAAgB,MAAM,OAAO,OAAO;AAAA,cACxD,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEL,SAAS,QAAQ,oBAAC,UAAK,WAAW,OAAO,OAAQ,UAAA,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9D;AACF;AAEA,SAAS,cAAc;"}
+{"version":3,"file":"index17.js","sources":["../src/layouts/ChatLayout/ChatLayout.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport type { ChatLayoutProps } from './ChatLayout.types';\nimport styles from './ChatLayout.module.css';\n\nexport const ChatLayout = ({\n  sidebar,\n  conversationList,\n  messageArea,\n  inputArea,\n  sidebarCollapsed = false,\n  showConversationList = true,\n  className,\n}: ChatLayoutProps) => (\n  <div className={clsx(styles.root, className)}>\n    {sidebar && !sidebarCollapsed && (\n      <aside className={styles.sidebar}>{sidebar}</aside>\n    )}\n\n    {conversationList && showConversationList && (\n      <aside className={styles.conversationList}>{conversationList}</aside>\n    )}\n\n    <main className={styles.mainArea}>\n      <div className={styles.messages}>{messageArea}</div>\n      <div className={styles.input}>{inputArea}</div>\n    </main>\n  </div>\n);\n\nChatLayout.displayName = 'ChatLayout';\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AAAA,EACnB,uBAAuB;AAAA,EACvB;AACF,2BACG,OAAA,EAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GACxC,UAAA;AAAA,EAAA,WAAW,CAAC,oBACX,oBAAC,WAAM,WAAW,OAAO,SAAU,UAAA,SAAQ;AAAA,EAG5C,oBAAoB,wBACnB,oBAAC,WAAM,WAAW,OAAO,kBAAmB,UAAA,kBAAiB;AAAA,EAG/D,qBAAC,QAAA,EAAK,WAAW,OAAO,UACtB,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAI,WAAW,OAAO,UAAW,UAAA,aAAY;AAAA,IAC9C,oBAAC,OAAA,EAAI,WAAW,OAAO,OAAQ,UAAA,UAAA,CAAU;AAAA,EAAA,EAAA,CAC3C;AAAA,EAAA,CACF;AAGF,WAAW,cAAc;"}

package/dist/index18.cjs

@@ -2,21 +2,57 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index55.cjs");
-const Chip_module = require("./index62.cjs");
-const Chip = react.forwardRef(
-  ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      ref,
-      type,
-      "aria-pressed": selected,
-      className: clsx.clsx(Chip_module.default.root, Chip_module.default[size], selected && Chip_module.default.selected, className),
-      onClick: () => onToggle == null ? void 0 : onToggle(value),
-      ...props
-    }
-  )
+const clsx = require("./index57.cjs");
+const Checkbox_module = require("./index65.cjs");
+const Checkbox = react.forwardRef(
+  ({
+    checked,
+    onCheckedChange,
+    label,
+    indeterminate = false,
+    size = "md",
+    disabled = false,
+    className,
+    ...props
+  }, ref) => {
+    const innerRef = react.useRef(null);
+    react.useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate]);
+    const setRefs = react.useCallback(
+      (node) => {
+        innerRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        className: clsx.clsx(Checkbox_module.default.root, Checkbox_module.default[size], disabled && Checkbox_module.default.disabled, className),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: setRefs,
+              type: "checkbox",
+              className: Checkbox_module.default.input,
+              checked,
+              disabled,
+              "aria-checked": indeterminate ? "mixed" : void 0,
+              onChange: (event) => onCheckedChange(event.target.checked),
+              ...props
+            }
+          ),
+          label != null && /* @__PURE__ */ jsxRuntime.jsx("span", { className: Checkbox_module.default.label, children: label })
+        ]
+      }
+    );
+  }
 );
-Chip.displayName = "Chip";
-exports.Chip = Chip;
+Checkbox.displayName = "Checkbox";
+exports.Checkbox = Checkbox;
 //# sourceMappingURL=index18.cjs.map

package/dist/index18.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index18.cjs","sources":["../src/primitives/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { ChipProps } from './Chip.types';\nimport styles from './Chip.module.css';\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  ({ className, value, selected = false, size = 'md', type = 'button', onToggle, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      aria-pressed={selected}\n      className={clsx(styles.root, styles[size], selected && styles.selected, className)}\n      onClick={() => onToggle?.(value)}\n      {...props}\n    />\n  ),\n);\n\nChip.displayName = 'Chip';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAKO,MAAM,OAAOA,MAAAA;AAAAA,EAClB,CAAC,EAAE,WAAW,OAAO,WAAW,OAAO,OAAO,MAAM,OAAO,UAAU,UAAU,GAAG,MAAA,GAAS,QACzFC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBAAc;AAAA,MACd,WAAWC,KAAAA,KAAKC,oBAAO,MAAMA,YAAAA,QAAO,IAAI,GAAG,YAAYA,YAAAA,QAAO,UAAU,SAAS;AAAA,MACjF,SAAS,MAAM,qCAAW;AAAA,MACzB,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,KAAK,cAAc;;"}
+{"version":3,"file":"index18.cjs","sources":["../src/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport type { CheckboxProps } from './Checkbox.types';\nimport styles from './Checkbox.module.css';\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checked,\n      onCheckedChange,\n      label,\n      indeterminate = false,\n      size = 'md',\n      disabled = false,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    // `indeterminate` is a DOM property, not an attribute — React cannot set it via JSX.\n    useEffect(() => {\n      if (innerRef.current) {\n        innerRef.current.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n      },\n      [ref],\n    );\n\n    return (\n      <label\n        className={clsx(styles.root, styles[size], disabled && styles.disabled, className)}\n      >\n        <input\n          ref={setRefs}\n          type=\"checkbox\"\n          className={styles.input}\n          checked={checked}\n          disabled={disabled}\n          aria-checked={indeterminate ? 'mixed' : undefined}\n          onChange={(event) => onCheckedChange(event.target.checked)}\n          {...props}\n        />\n        {label != null && <span className={styles.label}>{label}</span>}\n      </label>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":["forwardRef","useRef","useEffect","useCallback","jsxs","clsx","styles","jsx"],"mappings":";;;;;;AAKO,MAAM,WAAWA,MAAAA;AAAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAWC,MAAAA,OAAgC,IAAI;AAGrDC,UAAAA,UAAU,MAAM;AACd,UAAI,SAAS,SAAS;AACpB,iBAAS,QAAQ,gBAAgB;AAAA,MACnC;AAAA,IACF,GAAG,CAAC,aAAa,CAAC;AAElB,UAAM,UAAUC,MAAAA;AAAAA,MACd,CAAC,SAAkC;AACjC,iBAAS,UAAU;AACnB,YAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,iBAC9B,IAAM,KAAwD,UAAU;AAAA,MACnF;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGN,WACEC,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWC,KAAAA,KAAKC,wBAAO,MAAMA,gBAAAA,QAAO,IAAI,GAAG,YAAYA,gBAAAA,QAAO,UAAU,SAAS;AAAA,QAEjF,UAAA;AAAA,UAAAC,2BAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL,WAAWD,gBAAAA,QAAO;AAAA,cAClB;AAAA,cACA;AAAA,cACA,gBAAc,gBAAgB,UAAU;AAAA,cACxC,UAAU,CAAC,UAAU,gBAAgB,MAAM,OAAO,OAAO;AAAA,cACxD,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEL,SAAS,QAAQC,2BAAAA,IAAC,UAAK,WAAWD,wBAAO,OAAQ,UAAA,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9D;AACF;AAEA,SAAS,cAAc;;"}

package/dist/index18.js

@@ -1,22 +1,58 @@
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import { clsx } from "./index55.js";
-import styles from "./index62.js";
-const Chip = forwardRef(
-  ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsx(
-    "button",
-    {
-      ref,
-      type,
-      "aria-pressed": selected,
-      className: clsx(styles.root, styles[size], selected && styles.selected, className),
-      onClick: () => onToggle == null ? void 0 : onToggle(value),
-      ...props
-    }
-  )
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useEffect, useCallback } from "react";
+import { clsx } from "./index57.js";
+import styles from "./index65.js";
+const Checkbox = forwardRef(
+  ({
+    checked,
+    onCheckedChange,
+    label,
+    indeterminate = false,
+    size = "md",
+    disabled = false,
+    className,
+    ...props
+  }, ref) => {
+    const innerRef = useRef(null);
+    useEffect(() => {
+      if (innerRef.current) {
+        innerRef.current.indeterminate = indeterminate;
+      }
+    }, [indeterminate]);
+    const setRefs = useCallback(
+      (node) => {
+        innerRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
+    return /* @__PURE__ */ jsxs(
+      "label",
+      {
+        className: clsx(styles.root, styles[size], disabled && styles.disabled, className),
+        children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: setRefs,
+              type: "checkbox",
+              className: styles.input,
+              checked,
+              disabled,
+              "aria-checked": indeterminate ? "mixed" : void 0,
+              onChange: (event) => onCheckedChange(event.target.checked),
+              ...props
+            }
+          ),
+          label != null && /* @__PURE__ */ jsx("span", { className: styles.label, children: label })
+        ]
+      }
+    );
+  }
 );
-Chip.displayName = "Chip";
+Checkbox.displayName = "Checkbox";
 export {
-  Chip
+  Checkbox
 };
 //# sourceMappingURL=index18.js.map

package/dist/index18.js.map

@@ -1 +1 @@
-{"version":3,"file":"index18.js","sources":["../src/primitives/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { ChipProps } from './Chip.types';\nimport styles from './Chip.module.css';\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  ({ className, value, selected = false, size = 'md', type = 'button', onToggle, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      aria-pressed={selected}\n      className={clsx(styles.root, styles[size], selected && styles.selected, className)}\n      onClick={() => onToggle?.(value)}\n      {...props}\n    />\n  ),\n);\n\nChip.displayName = 'Chip';\n"],"names":[],"mappings":";;;;AAKO,MAAM,OAAO;AAAA,EAClB,CAAC,EAAE,WAAW,OAAO,WAAW,OAAO,OAAO,MAAM,OAAO,UAAU,UAAU,GAAG,MAAA,GAAS,QACzF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBAAc;AAAA,MACd,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,GAAG,YAAY,OAAO,UAAU,SAAS;AAAA,MACjF,SAAS,MAAM,qCAAW;AAAA,MACzB,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,KAAK,cAAc;"}
+{"version":3,"file":"index18.js","sources":["../src/primitives/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useRef } from 'react';\nimport clsx from 'clsx';\nimport type { CheckboxProps } from './Checkbox.types';\nimport styles from './Checkbox.module.css';\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      checked,\n      onCheckedChange,\n      label,\n      indeterminate = false,\n      size = 'md',\n      disabled = false,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const innerRef = useRef<HTMLInputElement | null>(null);\n\n    // `indeterminate` is a DOM property, not an attribute — React cannot set it via JSX.\n    useEffect(() => {\n      if (innerRef.current) {\n        innerRef.current.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    const setRefs = useCallback(\n      (node: HTMLInputElement | null) => {\n        innerRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLInputElement | null>).current = node;\n      },\n      [ref],\n    );\n\n    return (\n      <label\n        className={clsx(styles.root, styles[size], disabled && styles.disabled, className)}\n      >\n        <input\n          ref={setRefs}\n          type=\"checkbox\"\n          className={styles.input}\n          checked={checked}\n          disabled={disabled}\n          aria-checked={indeterminate ? 'mixed' : undefined}\n          onChange={(event) => onCheckedChange(event.target.checked)}\n          {...props}\n        />\n        {label != null && <span className={styles.label}>{label}</span>}\n      </label>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n"],"names":[],"mappings":";;;;AAKO,MAAM,WAAW;AAAA,EACtB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB,OAAO;AAAA,IACP,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,WAAW,OAAgC,IAAI;AAGrD,cAAU,MAAM;AACd,UAAI,SAAS,SAAS;AACpB,iBAAS,QAAQ,gBAAgB;AAAA,MACnC;AAAA,IACF,GAAG,CAAC,aAAa,CAAC;AAElB,UAAM,UAAU;AAAA,MACd,CAAC,SAAkC;AACjC,iBAAS,UAAU;AACnB,YAAI,OAAO,QAAQ,WAAY,KAAI,IAAI;AAAA,iBAC9B,IAAM,KAAwD,UAAU;AAAA,MACnF;AAAA,MACA,CAAC,GAAG;AAAA,IAAA;AAGN,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,GAAG,YAAY,OAAO,UAAU,SAAS;AAAA,QAEjF,UAAA;AAAA,UAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL,WAAW,OAAO;AAAA,cAClB;AAAA,cACA;AAAA,cACA,gBAAc,gBAAgB,UAAU;AAAA,cACxC,UAAU,CAAC,UAAU,gBAAgB,MAAM,OAAO,OAAO;AAAA,cACxD,GAAG;AAAA,YAAA;AAAA,UAAA;AAAA,UAEL,SAAS,QAAQ,oBAAC,UAAK,WAAW,OAAO,OAAQ,UAAA,MAAA,CAAM;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG9D;AACF;AAEA,SAAS,cAAc;"}

package/dist/index19.cjs

@@ -2,29 +2,21 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index55.cjs");
-const ChipGroup_module = require("./index85.cjs");
-const Chip = require("./index18.cjs");
-const ChipGroup = react.forwardRef(
-  ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {
-    const selectedSet = react.useMemo(
-      () => selected instanceof Set ? selected : new Set(selected),
-      [selected]
-    );
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "group", className: clsx.clsx(ChipGroup_module.default.root, className), ...props, children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
-      Chip.Chip,
-      {
-        value: option.value,
-        size,
-        selected: selectedSet.has(option.value),
-        disabled: option.disabled,
-        onToggle,
-        children: option.label
-      },
-      option.value
-    )) });
-  }
+const clsx = require("./index57.cjs");
+const Chip_module = require("./index64.cjs");
+const Chip = react.forwardRef(
+  ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-pressed": selected,
+      className: clsx.clsx(Chip_module.default.root, Chip_module.default[size], selected && Chip_module.default.selected, className),
+      onClick: () => onToggle == null ? void 0 : onToggle(value),
+      ...props
+    }
+  )
 );
-ChipGroup.displayName = "ChipGroup";
-exports.ChipGroup = ChipGroup;
+Chip.displayName = "Chip";
+exports.Chip = Chip;
 //# sourceMappingURL=index19.cjs.map

package/dist/index19.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index19.cjs","sources":["../src/composites/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import { useMemo, forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { Chip } from '../../primitives/Chip';\nimport type { ChipGroupProps } from './ChipGroup.types';\nimport styles from './ChipGroup.module.css';\n\nexport const ChipGroup = forwardRef<HTMLDivElement, ChipGroupProps>(\n  ({ options, selected, onToggle, size = 'md', className, ...props }, ref) => {\n    const selectedSet = useMemo(\n      () => (selected instanceof Set ? selected : new Set(selected)),\n      [selected],\n    );\n\n    return (\n      <div ref={ref} role=\"group\" className={clsx(styles.root, className)} {...props}>\n        {options.map((option) => (\n          <Chip\n            key={option.value}\n            value={option.value}\n            size={size}\n            selected={selectedSet.has(option.value)}\n            disabled={option.disabled}\n            onToggle={onToggle}\n          >\n            {option.label}\n          </Chip>\n        ))}\n      </div>\n    );\n  },\n);\n\nChipGroup.displayName = 'ChipGroup';\n"],"names":["forwardRef","useMemo","clsx","styles","jsx","Chip"],"mappings":";;;;;;;AAMO,MAAM,YAAYA,MAAAA;AAAAA,EACvB,CAAC,EAAE,SAAS,UAAU,UAAU,OAAO,MAAM,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC1E,UAAM,cAAcC,MAAAA;AAAAA,MAClB,MAAO,oBAAoB,MAAM,WAAW,IAAI,IAAI,QAAQ;AAAA,MAC5D,CAAC,QAAQ;AAAA,IAAA;AAGX,0CACG,OAAA,EAAI,KAAU,MAAK,SAAQ,WAAWC,UAAKC,iBAAAA,QAAO,MAAM,SAAS,GAAI,GAAG,OACtE,UAAA,QAAQ,IAAI,CAAC,WACZC,2BAAAA;AAAAA,MAACC,KAAAA;AAAAA,MAAA;AAAA,QAEC,OAAO,OAAO;AAAA,QACd;AAAA,QACA,UAAU,YAAY,IAAI,OAAO,KAAK;AAAA,QACtC,UAAU,OAAO;AAAA,QACjB;AAAA,QAEC,UAAA,OAAO;AAAA,MAAA;AAAA,MAPH,OAAO;AAAA,IAAA,CASf,GACH;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;;"}
+{"version":3,"file":"index19.cjs","sources":["../src/primitives/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { ChipProps } from './Chip.types';\nimport styles from './Chip.module.css';\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  ({ className, value, selected = false, size = 'md', type = 'button', onToggle, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      aria-pressed={selected}\n      className={clsx(styles.root, styles[size], selected && styles.selected, className)}\n      onClick={() => onToggle?.(value)}\n      {...props}\n    />\n  ),\n);\n\nChip.displayName = 'Chip';\n"],"names":["forwardRef","jsx","clsx","styles"],"mappings":";;;;;;AAKO,MAAM,OAAOA,MAAAA;AAAAA,EAClB,CAAC,EAAE,WAAW,OAAO,WAAW,OAAO,OAAO,MAAM,OAAO,UAAU,UAAU,GAAG,MAAA,GAAS,QACzFC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBAAc;AAAA,MACd,WAAWC,KAAAA,KAAKC,oBAAO,MAAMA,YAAAA,QAAO,IAAI,GAAG,YAAYA,YAAAA,QAAO,UAAU,SAAS;AAAA,MACjF,SAAS,MAAM,qCAAW;AAAA,MACzB,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,KAAK,cAAc;;"}

package/dist/index19.js

@@ -1,30 +1,22 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
-import { clsx } from "./index55.js";
-import styles from "./index85.js";
-import { Chip } from "./index18.js";
-const ChipGroup = forwardRef(
-  ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {
-    const selectedSet = useMemo(
-      () => selected instanceof Set ? selected : new Set(selected),
-      [selected]
-    );
-    return /* @__PURE__ */ jsx("div", { ref, role: "group", className: clsx(styles.root, className), ...props, children: options.map((option) => /* @__PURE__ */ jsx(
-      Chip,
-      {
-        value: option.value,
-        size,
-        selected: selectedSet.has(option.value),
-        disabled: option.disabled,
-        onToggle,
-        children: option.label
-      },
-      option.value
-    )) });
-  }
+import { forwardRef } from "react";
+import { clsx } from "./index57.js";
+import styles from "./index64.js";
+const Chip = forwardRef(
+  ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref,
+      type,
+      "aria-pressed": selected,
+      className: clsx(styles.root, styles[size], selected && styles.selected, className),
+      onClick: () => onToggle == null ? void 0 : onToggle(value),
+      ...props
+    }
+  )
 );
-ChipGroup.displayName = "ChipGroup";
+Chip.displayName = "Chip";
 export {
-  ChipGroup
+  Chip
 };
 //# sourceMappingURL=index19.js.map

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":["../src/composites/ChipGroup/ChipGroup.tsx"],"sourcesContent":["import { useMemo, forwardRef } from 'react';\nimport clsx from 'clsx';\nimport { Chip } from '../../primitives/Chip';\nimport type { ChipGroupProps } from './ChipGroup.types';\nimport styles from './ChipGroup.module.css';\n\nexport const ChipGroup = forwardRef<HTMLDivElement, ChipGroupProps>(\n  ({ options, selected, onToggle, size = 'md', className, ...props }, ref) => {\n    const selectedSet = useMemo(\n      () => (selected instanceof Set ? selected : new Set(selected)),\n      [selected],\n    );\n\n    return (\n      <div ref={ref} role=\"group\" className={clsx(styles.root, className)} {...props}>\n        {options.map((option) => (\n          <Chip\n            key={option.value}\n            value={option.value}\n            size={size}\n            selected={selectedSet.has(option.value)}\n            disabled={option.disabled}\n            onToggle={onToggle}\n          >\n            {option.label}\n          </Chip>\n        ))}\n      </div>\n    );\n  },\n);\n\nChipGroup.displayName = 'ChipGroup';\n"],"names":[],"mappings":";;;;;AAMO,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,SAAS,UAAU,UAAU,OAAO,MAAM,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC1E,UAAM,cAAc;AAAA,MAClB,MAAO,oBAAoB,MAAM,WAAW,IAAI,IAAI,QAAQ;AAAA,MAC5D,CAAC,QAAQ;AAAA,IAAA;AAGX,+BACG,OAAA,EAAI,KAAU,MAAK,SAAQ,WAAW,KAAK,OAAO,MAAM,SAAS,GAAI,GAAG,OACtE,UAAA,QAAQ,IAAI,CAAC,WACZ;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,OAAO,OAAO;AAAA,QACd;AAAA,QACA,UAAU,YAAY,IAAI,OAAO,KAAK;AAAA,QACtC,UAAU,OAAO;AAAA,QACjB;AAAA,QAEC,UAAA,OAAO;AAAA,MAAA;AAAA,MAPH,OAAO;AAAA,IAAA,CASf,GACH;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;"}
+{"version":3,"file":"index19.js","sources":["../src/primitives/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport clsx from 'clsx';\nimport type { ChipProps } from './Chip.types';\nimport styles from './Chip.module.css';\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(\n  ({ className, value, selected = false, size = 'md', type = 'button', onToggle, ...props }, ref) => (\n    <button\n      ref={ref}\n      type={type}\n      aria-pressed={selected}\n      className={clsx(styles.root, styles[size], selected && styles.selected, className)}\n      onClick={() => onToggle?.(value)}\n      {...props}\n    />\n  ),\n);\n\nChip.displayName = 'Chip';\n"],"names":[],"mappings":";;;;AAKO,MAAM,OAAO;AAAA,EAClB,CAAC,EAAE,WAAW,OAAO,WAAW,OAAO,OAAO,MAAM,OAAO,UAAU,UAAU,GAAG,MAAA,GAAS,QACzF;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,gBAAc;AAAA,MACd,WAAW,KAAK,OAAO,MAAM,OAAO,IAAI,GAAG,YAAY,OAAO,UAAU,SAAS;AAAA,MACjF,SAAS,MAAM,qCAAW;AAAA,MACzB,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,KAAK,cAAc;"}

package/dist/index20.cjs

@@ -2,46 +2,29 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index55.cjs");
-const Col_module = require("./index100.cjs");
-const GRID_COLUMNS = 12;
-function toFlexValue(value) {
-  if (value === true) return 1;
-  if (typeof value === "number") return value;
-  return void 0;
-}
-const Col = react.forwardRef(
-  ({ span, offset, grow, shrink, basis, className, style, children, ...props }, ref) => {
-    const inlineStyle = { ...style };
-    if (span !== void 0) {
-      inlineStyle.width = `${span / GRID_COLUMNS * 100}%`;
-    }
-    if (offset !== void 0) {
-      inlineStyle.marginLeft = `${offset / GRID_COLUMNS * 100}%`;
-    }
-    const growValue = toFlexValue(grow);
-    if (growValue !== void 0) {
-      inlineStyle.flexGrow = growValue;
-    }
-    const shrinkValue = toFlexValue(shrink);
-    if (shrinkValue !== void 0) {
-      inlineStyle.flexShrink = shrinkValue;
-    }
-    if (basis !== void 0) {
-      inlineStyle.flexBasis = basis;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        ref,
-        className: clsx.clsx(Col_module.default.root, className),
-        style: inlineStyle,
-        ...props,
-        children
-      }
+const clsx = require("./index57.cjs");
+const ChipGroup_module = require("./index77.cjs");
+const Chip = require("./index19.cjs");
+const ChipGroup = react.forwardRef(
+  ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {
+    const selectedSet = react.useMemo(
+      () => selected instanceof Set ? selected : new Set(selected),
+      [selected]
     );
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "group", className: clsx.clsx(ChipGroup_module.default.root, className), ...props, children: options.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+      Chip.Chip,
+      {
+        value: option.value,
+        size,
+        selected: selectedSet.has(option.value),
+        disabled: option.disabled,
+        onToggle,
+        children: option.label
+      },
+      option.value
+    )) });
   }
 );
-Col.displayName = "Col";
-exports.Col = Col;
+ChipGroup.displayName = "ChipGroup";
+exports.ChipGroup = ChipGroup;
 //# sourceMappingURL=index20.cjs.map