@fangxinyan/lumina 0.5.0 → 0.6.0

package/dist/chunk-RNVE2LMJ.cjs

@@ -0,0 +1,162 @@
+'use strict';
+
+var chunk3XIDJEYR_cjs = require('./chunk-3XIDJEYR.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Popover-DVGQGWX6.css');
+var React = require('react');
+var reactDom = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Popover = React__namespace.forwardRef(({
+  content,
+  title,
+  placement = "bottom",
+  trigger = "click",
+  arrow = false,
+  closable = false,
+  width,
+  defaultOpen = false,
+  open,
+  onOpenChange,
+  children,
+  className = "",
+  onClick,
+  onMouseEnter,
+  onMouseLeave,
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React__namespace.useState(defaultOpen);
+  const isControlled = open !== void 0;
+  const show = isControlled ? open : inner;
+  const panelWidth = width === "auto" ? 160 : width ?? 240;
+  const {
+    triggerRef,
+    floatingRef,
+    floatingStyle,
+    placement: resolved
+  } = chunk3XIDJEYR_cjs.useFloating({
+    open: show,
+    placement,
+    panelWidth,
+    panelHeight: 160,
+    alignCross: "center"
+  });
+  const set = React__namespace.useCallback((v) => {
+    if (!isControlled) setInner(v);
+    onOpenChange?.(v);
+  }, [isControlled, onOpenChange]);
+  const setTriggerRef = React__namespace.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
+  React__namespace.useEffect(() => {
+    if (trigger !== "click" || !show) return;
+    const h = (e) => {
+      const t = e.target;
+      if (triggerRef.current?.contains(t)) return;
+      if (floatingRef.current?.contains(t)) return;
+      set(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, [show, trigger, set, triggerRef, floatingRef]);
+  const hoverTimeout = React__namespace.useRef();
+  const interact = trigger === "hover" ? {
+    onMouseEnter: () => {
+      window.clearTimeout(hoverTimeout.current);
+      set(true);
+    },
+    onMouseLeave: () => {
+      hoverTimeout.current = window.setTimeout(() => set(false), 100);
+    }
+  } : { onClick: () => set(!show) };
+  const panelHover = trigger === "hover" ? {
+    onMouseEnter: () => window.clearTimeout(hoverTimeout.current),
+    onMouseLeave: () => {
+      hoverTimeout.current = window.setTimeout(() => set(false), 100);
+    }
+  } : {};
+  const widthStyle = width === "auto" ? {} : { width: width ?? void 0, minWidth: width ? void 0 : 220 };
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        ref: setTriggerRef,
+        className: `popover-anchor ${className}`,
+        style: { display: "inline-flex", alignSelf: "flex-start" },
+        onClick: (e) => {
+          onClick?.(e);
+          if ("onClick" in interact) interact.onClick?.();
+        },
+        onMouseEnter: (e) => {
+          onMouseEnter?.(e);
+          if ("onMouseEnter" in interact) interact.onMouseEnter?.();
+        },
+        onMouseLeave: (e) => {
+          onMouseLeave?.(e);
+          if ("onMouseLeave" in interact) interact.onMouseLeave?.();
+        },
+        ...rest,
+        children
+      }
+    ),
+    show && typeof document !== "undefined" && reactDom.createPortal(
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: floatingRef,
+          className: `popover popover-${resolved}`,
+          style: { ...floatingStyle, ...widthStyle },
+          ...panelHover,
+          children: [
+            (title || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "popover-header", children: [
+              title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "popover-title", children: title }),
+              closable && /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  className: "popover-close",
+                  onClick: () => set(false),
+                  "aria-label": "Close",
+                  children: "\xD7"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "popover-body", children: content }),
+            arrow && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `popover-arrow popover-arrow-${resolved}` })
+          ]
+        }
+      ),
+      document.body
+    )
+  ] });
+});
+Popover.displayName = "Popover";
+
+exports.Popover = Popover;
+//# sourceMappingURL=chunk-RNVE2LMJ.cjs.map
+//# sourceMappingURL=chunk-RNVE2LMJ.cjs.map

package/dist/chunk-RNVE2LMJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":["React","useFloating","jsxs","Fragment","jsx","createPortal"],"mappings":"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","file":"chunk-RNVE2LMJ.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Popover.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface PopoverProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, \"title\" | \"children\" | \"content\"> {\n  /** Popover body content. */\n  content: React.ReactNode;\n  /** Optional title rendered above content. */\n  title?: React.ReactNode;\n  /** Preferred placement relative to the trigger. */\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  /** How the popover is triggered. */\n  trigger?: \"click\" | \"hover\";\n  /** Show a small arrow pointing at the trigger. */\n  arrow?: boolean;\n  /** Show a close button in the header (click trigger only). */\n  closable?: boolean;\n  /** Panel width in px, or `\"auto\"` to fit content. */\n  width?: number | \"auto\";\n  /** Uncontrolled initial open state. */\n  defaultOpen?: boolean;\n  /** Controlled open state. */\n  open?: boolean;\n  /** Callback when visibility changes. */\n  onOpenChange?: (open: boolean) => void;\n  /** Trigger element. */\n  children: React.ReactElement;\n  className?: string;\n}\n\n/**\n * `Popover` — rich content bubble with optional title, arrow, and close button.\n *\n * @example\n * <Popover title=\"Confirm\" content={<p>Are you sure?</p>} arrow>\n *   <Button>Delete</Button>\n * </Popover>\n */\nexport const Popover = React.forwardRef<HTMLSpanElement, PopoverProps>(({\n  content,\n  title,\n  placement = \"bottom\",\n  trigger = \"click\",\n  arrow = false,\n  closable = false,\n  width,\n  defaultOpen = false,\n  open,\n  onOpenChange,\n  children,\n  className = \"\",\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}, ref) => {\n  const [inner, setInner] = React.useState(defaultOpen);\n  const isControlled = open !== undefined;\n  const show = isControlled ? open! : inner;\n\n  const panelWidth = width === \"auto\" ? 160 : (width ?? 240);\n\n  const {\n    triggerRef,\n    floatingRef,\n    floatingStyle,\n    placement: resolved,\n  } = useFloating<HTMLSpanElement, HTMLDivElement>({\n    open: show,\n    placement,\n    panelWidth,\n    panelHeight: 160,\n    alignCross: \"center\",\n  });\n\n  const set = React.useCallback((v: boolean) => {\n    if (!isControlled) setInner(v);\n    onOpenChange?.(v);\n  }, [isControlled, onOpenChange]);\n\n  const setTriggerRef = React.useCallback(\n    (node: HTMLSpanElement | null) => {\n      (triggerRef as React.MutableRefObject<HTMLSpanElement | null>).current = node;\n      if (typeof ref === \"function\") ref(node);\n      else if (ref) ref.current = node;\n    },\n    [ref, triggerRef]\n  );\n\n  React.useEffect(() => {\n    if (trigger !== \"click\" || !show) return;\n    const h = (e: MouseEvent) => {\n      const t = e.target as Node;\n      if (triggerRef.current?.contains(t)) return;\n      if (floatingRef.current?.contains(t)) return;\n      set(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\n  }, [show, trigger, set, triggerRef, floatingRef]);\n\n  const hoverTimeout = React.useRef<number | undefined>();\n\n  const interact =\n    trigger === \"hover\"\n      ? {\n          onMouseEnter: () => {\n            window.clearTimeout(hoverTimeout.current);\n            set(true);\n          },\n          onMouseLeave: () => {\n            hoverTimeout.current = window.setTimeout(() => set(false), 100);\n          },\n        }\n      : { onClick: () => set(!show) };\n\n  const panelHover =\n    trigger === \"hover\"\n      ? {\n          onMouseEnter: () => window.clearTimeout(hoverTimeout.current),\n          onMouseLeave: () => {\n            hoverTimeout.current = window.setTimeout(() => set(false), 100);\n          },\n        }\n      : {};\n\n  const widthStyle = width === \"auto\" ? {} : { width: width ?? undefined, minWidth: width ? undefined : 220 };\n\n  return (\n    <>\n      <span\n        ref={setTriggerRef}\n        className={`popover-anchor ${className}`}\n        style={{ display: \"inline-flex\", alignSelf: \"flex-start\" }}\n        onClick={(e) => {\n          onClick?.(e);\n          if (\"onClick\" in interact) interact.onClick?.();\n        }}\n        onMouseEnter={(e) => {\n          onMouseEnter?.(e);\n          if (\"onMouseEnter\" in interact) interact.onMouseEnter?.();\n        }}\n        onMouseLeave={(e) => {\n          onMouseLeave?.(e);\n          if (\"onMouseLeave\" in interact) interact.onMouseLeave?.();\n        }}\n        {...rest}\n      >\n        {children}\n      </span>\n      {show && typeof document !== \"undefined\" &&\n        createPortal(\n          <div\n            ref={floatingRef}\n            className={`popover popover-${resolved}`}\n            style={{ ...floatingStyle, ...widthStyle }}\n            {...panelHover}\n          >\n            {(title || closable) && (\n              <div className=\"popover-header\">\n                {title && <div className=\"popover-title\">{title}</div>}\n                {closable && (\n                  <button\n                    className=\"popover-close\"\n                    onClick={() => set(false)}\n                    aria-label=\"Close\"\n                  >\n                    ×\n                  </button>\n                )}\n              </div>\n            )}\n            <div className=\"popover-body\">{content}</div>\n            {arrow && <span className={`popover-arrow popover-arrow-${resolved}`} />}\n          </div>,\n          document.body\n        )}\n    </>\n  );\n});\nPopover.displayName = \"Popover\";\n"]}

package/dist/{chunk-TQLCIXCK.cjs → chunk-RXL26GSI.cjs}

@@ -3,10 +3,31 @@
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Avatar-R5A4AFKZ.css');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 // src/components/Avatar/Avatar.tsx
-var Avatar = ({
+var Avatar = React__namespace.forwardRef(({
   src,
   alt = "",
   initials,
@@ -16,7 +37,7 @@ var Avatar = ({
   className = "",
   style,
   ...rest
-}) => {
+}, ref) => {
   const sizeCls = typeof size === "string" && size !== "md" ? size : "";
   const shapeCls = shape === "square" ? "square" : "";
   const customStyle = typeof size === "number" ? { ["--size"]: `${size}px`, ...style } : style ?? {};
@@ -24,6 +45,7 @@ var Avatar = ({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
+      ref,
       className: `avatar ${sizeCls} ${shapeCls} ${className}`.trim().replace(/\s+/g, " "),
       style: customStyle,
       ...rest,
@@ -33,8 +55,9 @@ var Avatar = ({
       ]
     }
   );
-};
+});
+Avatar.displayName = "Avatar";
 
 exports.Avatar = Avatar;
-//# sourceMappingURL=chunk-TQLCIXCK.cjs.map
-//# sourceMappingURL=chunk-TQLCIXCK.cjs.map
+//# sourceMappingURL=chunk-RXL26GSI.cjs.map
+//# sourceMappingURL=chunk-RXL26GSI.cjs.map

package/dist/chunk-RXL26GSI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,IAAM,MAAA,GAAeA,4BAAwC,CAAC;AAAA,EACnE,GAAA;AAAA,EACA,GAAA,GAAM,EAAA;AAAA,EACN,QAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,KAAA,GAAQ,QAAA;AAAA,EACR,MAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,UAAU,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,KAAS,OAAO,IAAA,GAAO,EAAA;AACnE,EAAA,MAAM,QAAA,GAAW,KAAA,KAAU,QAAA,GAAW,QAAA,GAAW,EAAA;AACjD,EAAA,MAAM,WAAA,GACJ,OAAO,IAAA,KAAS,QAAA,GAAW,EAAE,CAAC,QAAiB,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA,EAAM,GAAG,KAAA,EAAM,GAAI,SAAS,EAAC;AACxF,EAAA,MAAM,QAAQ,QAAA,IAAY,GAAA,CAAI,MAAM,CAAA,EAAG,CAAC,EAAE,WAAA,EAAY;AACtD,EAAA,uBACEC,eAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,CAAA,OAAA,EAAU,OAAO,CAAA,CAAA,EAAI,QAAQ,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,CAAG,IAAA,EAAK,CAAE,OAAA,CAAQ,MAAA,EAAQ,GAAG,CAAA;AAAA,MAClF,KAAA,EAAO,WAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,GAAA,kCAAO,KAAA,EAAA,EAAI,GAAA,EAAU,KAAU,CAAA,mBAAKC,cAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,QACjD,0BAAUA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,cAAA,EAAiB,MAAM,CAAA,CAAA,EAAI;AAAA;AAAA;AAAA,GACzD;AAEJ,CAAC;AACD,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-RXL26GSI.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Avatar.css\";\nimport * as React from \"react\";\n\nexport interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n  src?: string;\n  alt?: string;\n  /** Initials if no image. Auto-derived from `alt` if omitted. */\n  initials?: string;\n  size?: number | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Shape — circular (default) or rounded-square. */\n  shape?: \"circle\" | \"square\";\n  /** Status dot. */\n  status?: \"online\" | \"busy\" | \"away\" | \"offline\";\n}\n\n/** `Avatar` — user image or initials chip. */\nexport const Avatar = React.forwardRef<HTMLDivElement, AvatarProps>(({\n  src,\n  alt = \"\",\n  initials,\n  size = \"md\",\n  shape = \"circle\",\n  status,\n  className = \"\",\n  style,\n  ...rest\n}, ref) => {\n  const sizeCls = typeof size === \"string\" && size !== \"md\" ? size : \"\";\n  const shapeCls = shape === \"square\" ? \"square\" : \"\";\n  const customStyle: React.CSSProperties =\n    typeof size === \"number\" ? { [\"--size\" as never]: `${size}px`, ...style } : style ?? {};\n  const shown = initials ?? alt.slice(0, 2).toUpperCase();\n  return (\n    <div\n      ref={ref}\n      className={`avatar ${sizeCls} ${shapeCls} ${className}`.trim().replace(/\\s+/g, \" \")}\n      style={customStyle}\n      {...rest}\n    >\n      {src ? <img src={src} alt={alt} /> : <span>{shown}</span>}\n      {status && <span className={`avatar-status ${status}`} />}\n    </div>\n  );\n});\nAvatar.displayName = \"Avatar\";\n"]}

package/dist/{chunk-NN7WMXY4.cjs → chunk-S3OSBW7R.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkYCHUHMNP_cjs = require('./chunk-YCHUHMNP.cjs');
+var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Checkbox-SKJATVSN.css');
@@ -27,7 +27,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Checkbox = ({
+var Checkbox = React__namespace.forwardRef(({
   checked,
   defaultChecked,
   indeterminate,
@@ -35,8 +35,9 @@ var Checkbox = ({
   disabled,
   label,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -53,7 +54,7 @@ var Checkbox = ({
     disabled && "disabled",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "button",
       {
@@ -64,20 +65,22 @@ var Checkbox = ({
         onClick: toggle,
         id,
         className: "checkbox-box",
-        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "check", size: 11 }) : null
+        children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "minus", size: 11 }) : value ? /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "check", size: 11 }) : null
       }
     ),
     label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "checkbox-label", children: label })
   ] });
-};
-function RadioGroup({
+});
+Checkbox.displayName = "Checkbox";
+var RadioGroupInner = ({
   options,
   value,
   defaultValue,
   onChange,
   direction = "vertical",
-  className = ""
-}) {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React__namespace.useState(defaultValue);
   const isControlled = value !== void 0;
   const current = isControlled ? value : inner;
@@ -85,7 +88,7 @@ function RadioGroup({
     if (!isControlled) setInner(v);
     onChange?.(v);
   };
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: `radio-group ${direction} ${className}`, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `radio-group ${direction} ${className}`, ...rest, children: options.map((opt) => /* @__PURE__ */ jsxRuntime.jsxs(
     "label",
     {
       className: `radio ${current === opt.value ? "checked" : ""} ${opt.disabled ? "disabled" : ""}`,
@@ -106,9 +109,11 @@ function RadioGroup({
     },
     String(opt.value)
   )) });
-}
+};
+var RadioGroup = React__namespace.forwardRef(RadioGroupInner);
+RadioGroup.displayName = "RadioGroup";
 
 exports.Checkbox = Checkbox;
 exports.RadioGroup = RadioGroup;
-//# sourceMappingURL=chunk-NN7WMXY4.cjs.map
-//# sourceMappingURL=chunk-NN7WMXY4.cjs.map
+//# sourceMappingURL=chunk-S3OSBW7R.cjs.map
+//# sourceMappingURL=chunk-S3OSBW7R.cjs.map

package/dist/chunk-S3OSBW7R.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"names":["React","jsx","Icon","jsxs"],"mappings":"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","file":"chunk-S3OSBW7R.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Checkbox.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface CheckboxProps\n  extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, \"onChange\" | \"children\" | \"id\"> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  indeterminate?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/** `Checkbox` — binary choice, supports indeterminate state. */\nexport const Checkbox = React.forwardRef<HTMLLabelElement, CheckboxProps>(({\n  checked,\n  defaultChecked,\n  indeterminate,\n  onChange,\n  disabled,\n  label,\n  className = \"\",\n  id,\n  ...rest\n}, ref) => {\n  const [inner, setInner] = React.useState(defaultChecked ?? false);\n  const isControlled = checked !== undefined;\n  const value = isControlled ? checked : inner;\n\n  const toggle = () => {\n    if (disabled) return;\n    const next = !value;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  const cls = [\n    \"checkbox\",\n    value && \"checked\",\n    indeterminate && \"indeterminate\",\n    disabled && \"disabled\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label ref={ref} className={cls} {...rest}>\n      <button\n        type=\"button\"\n        role=\"checkbox\"\n        aria-checked={indeterminate ? \"mixed\" : value}\n        disabled={disabled}\n        onClick={toggle}\n        id={id}\n        className=\"checkbox-box\"\n      >\n        {indeterminate ? <Icon name=\"minus\" size={11} /> : value ? <Icon name=\"check\" size={11} /> : null}\n      </button>\n      {label && <span className=\"checkbox-label\">{label}</span>}\n    </label>\n  );\n});\nCheckbox.displayName = \"Checkbox\";\n\nexport interface RadioOption<T extends string | number = string> {\n  value: T;\n  label: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps<T extends string | number = string>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  options: RadioOption<T>[];\n  value?: T;\n  defaultValue?: T;\n  onChange?: (value: T) => void;\n  name?: string;\n  direction?: \"vertical\" | \"horizontal\";\n  className?: string;\n}\n\ntype RadioGroupComponent = <T extends string | number = string>(\n  props: RadioGroupProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null;\n\nconst RadioGroupInner = <T extends string | number = string>({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  direction = \"vertical\",\n  className = \"\",\n  ...rest\n}: RadioGroupProps<T>, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const [inner, setInner] = React.useState<T | undefined>(defaultValue);\n  const isControlled = value !== undefined;\n  const current = isControlled ? value : inner;\n\n  const pick = (v: T) => {\n    if (!isControlled) setInner(v);\n    onChange?.(v);\n  };\n\n  return (\n    <div ref={ref} className={`radio-group ${direction} ${className}`} {...rest}>\n      {options.map((opt) => (\n        <label\n          key={String(opt.value)}\n          className={`radio ${current === opt.value ? \"checked\" : \"\"} ${opt.disabled ? \"disabled\" : \"\"}`}\n        >\n          <button\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={current === opt.value}\n            disabled={opt.disabled}\n            onClick={() => pick(opt.value)}\n            className=\"radio-dot\"\n          />\n          <span className=\"radio-label\">{opt.label}</span>\n        </label>\n      ))}\n    </div>\n  );\n};\n\n/** `RadioGroup` — mutually exclusive options. */\nexport const RadioGroup = React.forwardRef(RadioGroupInner) as RadioGroupComponent;\n(RadioGroup as any).displayName = \"RadioGroup\";\n"]}

package/dist/{chunk-33TIL25B.cjs → chunk-SREMTSVI.cjs}

@@ -3,31 +3,54 @@
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./AppShell-RCALXUCZ.css');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
 // src/components/AppShell/AppShell.tsx
-var WindowControls = ({
+var WindowControls = React__namespace.forwardRef(({
   platform = "mac",
   onMinimize,
   onMaximize,
   onClose,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const noDragStyle = { WebkitAppRegion: "no-drag" };
   if (platform === "windows") {
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `win-controls windows ${className}`, style: noDragStyle, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `win-controls windows ${className}`, style: noDragStyle, ...rest, children: [
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, "aria-label": "Minimize", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 5h8", stroke: "currentColor", strokeWidth: "1" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, "aria-label": "Maximize", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "1", y: "1", width: "8", height: "8", stroke: "currentColor", strokeWidth: "1" }) }) }),
       /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M1 1l8 8M9 1l-8 8", stroke: "currentColor", strokeWidth: "1" }) }) })
     ] });
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `win-controls mac ${className}`, style: noDragStyle, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `win-controls mac ${className}`, style: noDragStyle, ...rest, children: [
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn close", onClick: onClose, "aria-label": "Close" }),
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn minimize", onClick: onMinimize, "aria-label": "Minimize" }),
     /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "win-btn maximize", onClick: onMaximize, "aria-label": "Maximize" })
   ] });
-};
-var TitleBar = ({
+});
+WindowControls.displayName = "WindowControls";
+var TitleBar = React__namespace.forwardRef(({
   title,
   platform = "mac",
   onMinimize,
@@ -36,27 +59,30 @@ var TitleBar = ({
   center,
   actions,
   draggable = true,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const dragStyle = draggable ? { WebkitAppRegion: "drag" } : void 0;
   const noDragStyle = { WebkitAppRegion: "no-drag" };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `titlebar ${platform} ${className}`, style: dragStyle, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `titlebar ${platform} ${className}`, style: dragStyle, ...rest, children: [
     platform === "mac" && /* @__PURE__ */ jsxRuntime.jsx(WindowControls, { platform: "mac", onMinimize, onMaximize, onClose }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-title", children: title }),
     center && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-center", style: noDragStyle, children: center }),
     actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "titlebar-actions", style: noDragStyle, children: actions }),
     platform === "windows" && /* @__PURE__ */ jsxRuntime.jsx(WindowControls, { platform: "windows", onMinimize, onMaximize, onClose })
   ] });
-};
-var Sidebar = ({
+});
+TitleBar.displayName = "TitleBar";
+var Sidebar = React__namespace.forwardRef(({
   items,
   activeKey,
   onSelect,
   collapsed,
   header,
   footer,
-  className = ""
-}) => /* @__PURE__ */ jsxRuntime.jsxs("aside", { className: `sidebar ${collapsed ? "collapsed" : ""} ${className}`, children: [
+  className = "",
+  ...rest
+}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("aside", { ref, className: `sidebar ${collapsed ? "collapsed" : ""} ${className}`, ...rest, children: [
   header && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sidebar-header", children: header }),
   /* @__PURE__ */ jsxRuntime.jsx("nav", { className: "sidebar-nav", children: items.map((it) => /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
@@ -73,18 +99,20 @@ var Sidebar = ({
     it.key
   )) }),
   footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "sidebar-footer", children: footer })
-] });
-var AppShell = ({ sidebar, titleBar, children, className = "" }) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `app-shell ${className}`, children: [
+] }));
+Sidebar.displayName = "Sidebar";
+var AppShell = React__namespace.forwardRef(({ sidebar, titleBar, children, className = "", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `app-shell ${className}`, ...rest, children: [
   titleBar,
   /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "app-shell-body", children: [
     sidebar,
     /* @__PURE__ */ jsxRuntime.jsx("main", { className: "app-shell-main", children })
   ] })
-] });
+] }));
+AppShell.displayName = "AppShell";
 
 exports.AppShell = AppShell;
 exports.Sidebar = Sidebar;
 exports.TitleBar = TitleBar;
 exports.WindowControls = WindowControls;
-//# sourceMappingURL=chunk-33TIL25B.cjs.map
-//# sourceMappingURL=chunk-33TIL25B.cjs.map
+//# sourceMappingURL=chunk-SREMTSVI.cjs.map
+//# sourceMappingURL=chunk-SREMTSVI.cjs.map

package/dist/chunk-SREMTSVI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppShell/AppShell.tsx"],"names":["React","jsxs","jsx"],"mappings":"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","file":"chunk-SREMTSVI.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./AppShell.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface WindowControlsProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** macOS traffic lights or Windows-style buttons. */\n  platform?: \"mac\" | \"windows\";\n  onMinimize?: () => void;\n  onMaximize?: () => void;\n  onClose?: () => void;\n  className?: string;\n}\n\n/**\n * `WindowControls` — standalone window control buttons.\n * Mac: traffic lights (close/min/max). Windows: rectangular controls.\n */\nexport const WindowControls = React.forwardRef<HTMLDivElement, WindowControlsProps>(({\n  platform = \"mac\",\n  onMinimize,\n  onMaximize,\n  onClose,\n  className = \"\",\n  ...rest\n}, ref) => {\n  const noDragStyle = { WebkitAppRegion: \"no-drag\" } as React.CSSProperties;\n  if (platform === \"windows\") {\n    return (\n      <div ref={ref} className={`win-controls windows ${className}`} style={noDragStyle} {...rest}>\n        <button type=\"button\" className=\"win-btn minimize\" onClick={onMinimize} aria-label=\"Minimize\">\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden>\n            <path d=\"M1 5h8\" stroke=\"currentColor\" strokeWidth=\"1\" />\n          </svg>\n        </button>\n        <button type=\"button\" className=\"win-btn maximize\" onClick={onMaximize} aria-label=\"Maximize\">\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden>\n            <rect x=\"1\" y=\"1\" width=\"8\" height=\"8\" stroke=\"currentColor\" strokeWidth=\"1\" />\n          </svg>\n        </button>\n        <button type=\"button\" className=\"win-btn close\" onClick={onClose} aria-label=\"Close\">\n          <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" fill=\"none\" aria-hidden>\n            <path d=\"M1 1l8 8M9 1l-8 8\" stroke=\"currentColor\" strokeWidth=\"1\" />\n          </svg>\n        </button>\n      </div>\n    );\n  }\n  return (\n    <div ref={ref} className={`win-controls mac ${className}`} style={noDragStyle} {...rest}>\n      <button type=\"button\" className=\"win-btn close\" onClick={onClose} aria-label=\"Close\" />\n      <button type=\"button\" className=\"win-btn minimize\" onClick={onMinimize} aria-label=\"Minimize\" />\n      <button type=\"button\" className=\"win-btn maximize\" onClick={onMaximize} aria-label=\"Maximize\" />\n    </div>\n  );\n});\nWindowControls.displayName = \"WindowControls\";\n\nexport interface TitleBarProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: React.ReactNode;\n  /** Platform appearance — affects button placement. Default \"mac\". */\n  platform?: \"mac\" | \"windows\";\n  onMinimize?: () => void;\n  onMaximize?: () => void;\n  onClose?: () => void;\n  /** Extra content in the center. */\n  center?: React.ReactNode;\n  /** Extra content on the trailing side. */\n  actions?: React.ReactNode;\n  /** Make the whole bar draggable (Electron `-webkit-app-region: drag`). */\n  draggable?: boolean;\n  className?: string;\n}\n\n/**\n * `TitleBar` — Electron-style window chrome. Attach at the top of your app.\n * Buttons are non-draggable regions so clicks register correctly.\n */\nexport const TitleBar = React.forwardRef<HTMLDivElement, TitleBarProps>(({\n  title,\n  platform = \"mac\",\n  onMinimize,\n  onMaximize,\n  onClose,\n  center,\n  actions,\n  draggable = true,\n  className = \"\",\n  ...rest\n}, ref) => {\n  const dragStyle = draggable ? ({ WebkitAppRegion: \"drag\" } as React.CSSProperties) : undefined;\n  const noDragStyle = { WebkitAppRegion: \"no-drag\" } as React.CSSProperties;\n\n  return (\n    <div ref={ref} className={`titlebar ${platform} ${className}`} style={dragStyle} {...rest}>\n      {platform === \"mac\" && (\n        <WindowControls platform=\"mac\" onMinimize={onMinimize} onMaximize={onMaximize} onClose={onClose} />\n      )}\n      <div className=\"titlebar-title\">{title}</div>\n      {center && (\n        <div className=\"titlebar-center\" style={noDragStyle}>\n          {center}\n        </div>\n      )}\n      {actions && (\n        <div className=\"titlebar-actions\" style={noDragStyle}>\n          {actions}\n        </div>\n      )}\n      {platform === \"windows\" && (\n        <WindowControls platform=\"windows\" onMinimize={onMinimize} onMaximize={onMaximize} onClose={onClose} />\n      )}\n    </div>\n  );\n});\nTitleBar.displayName = \"TitleBar\";\n\nexport interface SidebarItem {\n  key: string;\n  label: React.ReactNode;\n  icon?: React.ReactNode;\n  badge?: React.ReactNode;\n  children?: SidebarItem[];\n}\n\nexport interface SidebarProps\n  extends Omit<React.HTMLAttributes<HTMLElement>, \"onSelect\" | \"children\"> {\n  items: SidebarItem[];\n  activeKey?: string;\n  onSelect?: (key: string) => void;\n  /** Collapsed: icons only. */\n  collapsed?: boolean;\n  /** Header slot (e.g. workspace switcher). */\n  header?: React.ReactNode;\n  /** Footer slot (e.g. user card). */\n  footer?: React.ReactNode;\n  className?: string;\n}\n\n/** `Sidebar` — navigation rail. Pair with `AppShell`. */\nexport const Sidebar = React.forwardRef<HTMLElement, SidebarProps>(({\n  items,\n  activeKey,\n  onSelect,\n  collapsed,\n  header,\n  footer,\n  className = \"\",\n  ...rest\n}, ref) => (\n  <aside ref={ref} className={`sidebar ${collapsed ? \"collapsed\" : \"\"} ${className}`} {...rest}>\n    {header && <div className=\"sidebar-header\">{header}</div>}\n    <nav className=\"sidebar-nav\">\n      {items.map((it) => (\n        <button\n          type=\"button\"\n          key={it.key}\n          className={`sidebar-item ${activeKey === it.key ? \"active\" : \"\"}`}\n          onClick={() => onSelect?.(it.key)}\n        >\n          {it.icon && <span className=\"sidebar-icon\">{it.icon}</span>}\n          {!collapsed && <span className=\"sidebar-label\">{it.label}</span>}\n          {!collapsed && it.badge && <span className=\"sidebar-badge\">{it.badge}</span>}\n        </button>\n      ))}\n    </nav>\n    {footer && <div className=\"sidebar-footer\">{footer}</div>}\n  </aside>\n));\nSidebar.displayName = \"Sidebar\";\n\nexport interface AppShellProps extends React.HTMLAttributes<HTMLDivElement> {\n  sidebar?: React.ReactNode;\n  titleBar?: React.ReactNode;\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * `AppShell` — 3-zone Electron layout: title bar across top, sidebar on left, content fills rest.\n */\nexport const AppShell = React.forwardRef<HTMLDivElement, AppShellProps>(({ sidebar, titleBar, children, className = \"\", ...rest }, ref) => (\n  <div ref={ref} className={`app-shell ${className}`} {...rest}>\n    {titleBar}\n    <div className=\"app-shell-body\">\n      {sidebar}\n      <main className=\"app-shell-main\">{children}</main>\n    </div>\n  </div>\n));\nAppShell.displayName = \"AppShell\";\n"]}

package/dist/{chunk-6GNFRP2H.js → chunk-SWB57EA2.js}

@@ -5,7 +5,7 @@ import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 // src/components/Switch/Switch.tsx
-var Switch = ({
+var Switch = React.forwardRef(({
   checked,
   defaultChecked,
   onChange,
@@ -15,8 +15,9 @@ var Switch = ({
   checkedChildren,
   unCheckedChildren,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -35,7 +36,7 @@ var Switch = ({
     hasChildren && "with-children",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsxs(
       "button",
       {
@@ -57,8 +58,9 @@ var Switch = ({
     ),
     label && /* @__PURE__ */ jsx("span", { className: "switch-label", children: label })
   ] });
-};
+});
+Switch.displayName = "Switch";
 
 export { Switch };
-//# sourceMappingURL=chunk-6GNFRP2H.js.map
-//# sourceMappingURL=chunk-6GNFRP2H.js.map
+//# sourceMappingURL=chunk-SWB57EA2.js.map
+//# sourceMappingURL=chunk-SWB57EA2.js.map

package/dist/chunk-SWB57EA2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAwBO,IAAM,MAAA,GAAe,iBAA0C,CAAC;AAAA,EACrE,OAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,EAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,KAAA,CAAA,QAAA,CAAS,kBAAkB,KAAK,CAAA;AAChE,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,eAAe,OAAA,GAAU,KAAA;AAEvC,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAM,OAAO,CAAC,KAAA;AACd,IAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,IAAI,CAAA;AAChC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,eAAA,IAAmB,IAAA,IAAQ,iBAAA,IAAqB,IAAA;AACpE,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,QAAA;AAAA,IACA,KAAA,IAAS,IAAA;AAAA,IACT,SAAS,IAAA,IAAQ,IAAA;AAAA,IACjB,QAAA,IAAY,UAAA;AAAA,IACZ,WAAA,IAAe,eAAA;AAAA,IACf;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,4BACG,OAAA,EAAA,EAAM,GAAA,EAAU,SAAA,EAAW,GAAA,EAAM,GAAG,IAAA,EACnC,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,KAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA,EAAS,MAAA;AAAA,QACT,EAAA;AAAA,QACA,SAAA,EAAU,cAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,WAAA,oBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,4BACnD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,iBAAA,EAAkB;AAAA,WAAA,EACxD,CAAA;AAAA,0BAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA;AAAA,KACjC;AAAA,IACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAgB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAClD,CAAA;AAEJ,CAAC;AACD,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-SWB57EA2.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Switch.css\";\nimport * as React from \"react\";\n\nexport interface SwitchProps\n  extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, \"onChange\" | \"children\" | \"id\"> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: React.ReactNode;\n  size?: \"sm\" | \"md\";\n  /** Content rendered inside the track when checked (short text or icon). */\n  checkedChildren?: React.ReactNode;\n  /** Content rendered inside the track when unchecked. */\n  unCheckedChildren?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/**\n * `Switch` — on/off toggle. Controlled or uncontrolled.\n */\nexport const Switch = React.forwardRef<HTMLLabelElement, SwitchProps>(({\n  checked,\n  defaultChecked,\n  onChange,\n  disabled,\n  label,\n  size = \"md\",\n  checkedChildren,\n  unCheckedChildren,\n  className = \"\",\n  id,\n  ...rest\n}, ref) => {\n  const [inner, setInner] = React.useState(defaultChecked ?? false);\n  const isControlled = checked !== undefined;\n  const value = isControlled ? checked : inner;\n\n  const toggle = () => {\n    if (disabled) return;\n    const next = !value;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  const hasChildren = checkedChildren != null || unCheckedChildren != null;\n  const cls = [\n    \"switch\",\n    value && \"on\",\n    size !== \"md\" && size,\n    disabled && \"disabled\",\n    hasChildren && \"with-children\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label ref={ref} className={cls} {...rest}>\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={value}\n        disabled={disabled}\n        onClick={toggle}\n        id={id}\n        className=\"switch-track\"\n      >\n        {hasChildren && (\n          <span className=\"switch-inner\">\n            <span className=\"switch-inner-on\">{checkedChildren}</span>\n            <span className=\"switch-inner-off\">{unCheckedChildren}</span>\n          </span>\n        )}\n        <span className=\"switch-thumb\" />\n      </button>\n      {label && <span className=\"switch-label\">{label}</span>}\n    </label>\n  );\n});\nSwitch.displayName = \"Switch\";\n"]}

package/dist/{chunk-KW7Z4IQC.js → chunk-T7ZBJJC4.js}

@@ -1,10 +1,11 @@
-import { Icon } from './chunk-QOGROEVD.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Alert-JJ7GB3UU.css';
+import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var Alert = ({
+var Alert = React.forwardRef(({
   tone = "info",
   title,
   children,
@@ -13,14 +14,17 @@ var Alert = ({
   closable,
   onClose,
   action,
-  className = ""
-}) => {
+  className = "",
+  ...rest
+}, ref) => {
   const iconName = icon ?? (tone === "success" ? "check2" : tone === "warning" || tone === "danger" ? "alert" : "info");
   return /* @__PURE__ */ jsxs(
     "div",
     {
+      ref,
       className: `alert ${tone} ${title ? "" : "no-title"} ${showIcon ? "" : "no-icon"} ${className}`,
       role: "alert",
+      ...rest,
       children: [
         showIcon && /* @__PURE__ */ jsx("span", { className: "alert-ico", children: /* @__PURE__ */ jsx(Icon, { name: iconName, size: 14 }) }),
         /* @__PURE__ */ jsxs("div", { className: "alert-body", children: [
@@ -32,8 +36,9 @@ var Alert = ({
       ]
     }
   );
-};
+});
+Alert.displayName = "Alert";
 
 export { Alert };
-//# sourceMappingURL=chunk-KW7Z4IQC.js.map
-//# sourceMappingURL=chunk-KW7Z4IQC.js.map
+//# sourceMappingURL=chunk-T7ZBJJC4.js.map
+//# sourceMappingURL=chunk-T7ZBJJC4.js.map

package/dist/chunk-T7ZBJJC4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;;AAwBO,IAAM,KAAA,GAAc,iBAAuC,CAAC;AAAA,EACjE,IAAA,GAAO,MAAA;AAAA,EACP,KAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,QAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,QAAA,GACJ,SAAS,IAAA,KAAS,SAAA,GAAY,WAAW,IAAA,KAAS,SAAA,IAAa,IAAA,KAAS,QAAA,GAAW,OAAA,GAAU,MAAA,CAAA;AAC/F,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAAI,KAAA,GAAQ,EAAA,GAAK,UAAU,CAAA,CAAA,EAAI,QAAA,GAAW,EAAA,GAAK,SAAS,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,MAC7F,IAAA,EAAK,OAAA;AAAA,MACJ,GAAG,IAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA,oBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EACd,QAAA,kBAAA,GAAA,CAAC,QAAK,IAAA,EAAM,QAAA,EAAU,IAAA,EAAM,EAAA,EAAI,CAAA,EAClC,CAAA;AAAA,wBAEF,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EACZ,QAAA,EAAA;AAAA,UAAA,KAAA,oBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,UAC7C,QAAA,oBAAY,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAS;AAAA,SAAA,EACrD,CAAA;AAAA,QACC,MAAA,oBAAU,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAgB,QAAA,EAAA,MAAA,EAAO,CAAA;AAAA,QAChD,4BACC,GAAA,CAAC,QAAA,EAAA,EAAO,IAAA,EAAK,QAAA,EAAS,WAAU,aAAA,EAAc,OAAA,EAAS,OAAA,EAAS,YAAA,EAAW,WACzE,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,MAAK,GAAA,EAAI,IAAA,EAAM,IAAI,CAAA,EAC3B;AAAA;AAAA;AAAA,GAEJ;AAEJ,CAAC;AACD,KAAA,CAAM,WAAA,GAAc,OAAA","file":"chunk-T7ZBJJC4.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Alert.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\n\nexport type AlertTone = \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface AlertProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"children\"> {\n  tone?: AlertTone;\n  title?: React.ReactNode;\n  children?: React.ReactNode;\n  icon?: IconName;\n  /** Controls the leading semantic icon. Defaults to `true`. */\n  showIcon?: boolean;\n  closable?: boolean;\n  onClose?: () => void;\n  /** Right-side action area, rendered after the content and before the close button. */\n  action?: React.ReactNode;\n  className?: string;\n}\n\n/** `Alert` — inline contextual message. */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(({\n  tone = \"info\",\n  title,\n  children,\n  icon,\n  showIcon = true,\n  closable,\n  onClose,\n  action,\n  className = \"\",\n  ...rest\n}, ref) => {\n  const iconName: IconName =\n    icon ?? (tone === \"success\" ? \"check2\" : tone === \"warning\" || tone === \"danger\" ? \"alert\" : \"info\");\n  return (\n    <div\n      ref={ref}\n      className={`alert ${tone} ${title ? \"\" : \"no-title\"} ${showIcon ? \"\" : \"no-icon\"} ${className}`}\n      role=\"alert\"\n      {...rest}\n    >\n      {showIcon && (\n        <span className=\"alert-ico\">\n          <Icon name={iconName} size={14} />\n        </span>\n      )}\n      <div className=\"alert-body\">\n        {title && <div className=\"alert-title\">{title}</div>}\n        {children && <div className=\"alert-desc\">{children}</div>}\n      </div>\n      {action && <div className=\"alert-action\">{action}</div>}\n      {closable && (\n        <button type=\"button\" className=\"alert-close\" onClick={onClose} aria-label=\"Dismiss\">\n          <Icon name=\"x\" size={12} />\n        </button>\n      )}\n    </div>\n  );\n});\nAlert.displayName = \"Alert\";\n"]}