@mieweb/ui 0.7.3-dev.9 → 0.8.0-dev.0

package/dist/chunk-5MXO6PEV.cjs

@@ -0,0 +1,78 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+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);
+
+var ReadingProgressBar = React__namespace.forwardRef(function ReadingProgressBar2({ className, barClassName, ...props }, ref) {
+  const [pct, setPct] = React__namespace.useState(0);
+  React__namespace.useEffect(() => {
+    let rafId = 0;
+    const update = () => {
+      const el = document.documentElement;
+      const max = el.scrollHeight - el.clientHeight;
+      setPct(
+        max > 0 ? Math.min(100, Math.max(0, el.scrollTop / max * 100)) : 0
+      );
+    };
+    const schedule = () => {
+      cancelAnimationFrame(rafId);
+      rafId = requestAnimationFrame(update);
+    };
+    update();
+    window.addEventListener("scroll", schedule, { passive: true });
+    window.addEventListener("resize", schedule);
+    return () => {
+      cancelAnimationFrame(rafId);
+      window.removeEventListener("scroll", schedule);
+      window.removeEventListener("resize", schedule);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      ...props,
+      "aria-hidden": "true",
+      className: chunkS5RVSXDV_cjs.cn(
+        "pointer-events-none fixed inset-x-0 top-0 z-50 h-1 bg-transparent",
+        className
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          "data-slot": "reading-progress-fill",
+          className: chunkS5RVSXDV_cjs.cn(
+            "h-full transition-[width] duration-150",
+            barClassName ?? "bg-primary-500"
+          ),
+          style: { width: `${pct}%` }
+        }
+      )
+    }
+  );
+});
+
+exports.ReadingProgressBar = ReadingProgressBar;
+//# sourceMappingURL=chunk-5MXO6PEV.cjs.map
+//# sourceMappingURL=chunk-5MXO6PEV.cjs.map

package/dist/chunk-5MXO6PEV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ReadingProgressBar/ReadingProgressBar.tsx"],"names":["React","ReadingProgressBar","jsx","cn"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBO,IAAM,kBAAA,GAA2BA,gBAAA,CAAA,UAAA,CAGtC,SAASC,mBAAAA,CAAmB,EAAE,WAAW,YAAA,EAAc,GAAG,KAAA,EAAM,EAAG,GAAA,EAAK;AACxE,EAAA,MAAM,CAAC,GAAA,EAAK,MAAM,CAAA,GAAUD,0BAAS,CAAC,CAAA;AAEtC,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,KAAA,GAAQ,CAAA;AAEZ,IAAA,MAAM,SAAS,MAAM;AACnB,MAAA,MAAM,KAAK,QAAA,CAAS,eAAA;AACpB,MAAA,MAAM,GAAA,GAAM,EAAA,CAAG,YAAA,GAAe,EAAA,CAAG,YAAA;AACjC,MAAA,MAAA;AAAA,QACE,GAAA,GAAM,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,CAAA,EAAI,EAAA,CAAG,SAAA,GAAY,GAAA,GAAO,GAAG,CAAC,CAAA,GAAI;AAAA,OACrE;AAAA,IACF,CAAA;AAGA,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,MAAA,KAAA,GAAQ,sBAAsB,MAAM,CAAA;AAAA,IACtC,CAAA;AAEA,IAAA,MAAA,EAAO;AACP,IAAA,MAAA,CAAO,iBAAiB,QAAA,EAAU,QAAA,EAAU,EAAE,OAAA,EAAS,MAAM,CAAA;AAC7D,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AAC1C,IAAA,OAAO,MAAM;AACX,MAAA,oBAAA,CAAqB,KAAK,CAAA;AAC1B,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAC7C,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,QAAQ,CAAA;AAAA,IAC/C,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uBACEE,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,aAAA,EAAY,MAAA;AAAA,MACZ,SAAA,EAAWC,oBAAA;AAAA,QACT,mEAAA;AAAA,QACA;AAAA,OACF;AAAA,MAEA,QAAA,kBAAAD,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAU,uBAAA;AAAA,UACV,SAAA,EAAWC,oBAAA;AAAA,YACT,wCAAA;AAAA,YACA,YAAA,IAAgB;AAAA,WAClB;AAAA,UACA,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA;AAAI;AAAA;AAC5B;AAAA,GACF;AAEJ,CAAC","file":"chunk-5MXO6PEV.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport interface ReadingProgressBarProps extends Omit<\n  React.HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** Class for the filled bar (default `bg-primary-500`). */\n  barClassName?: string;\n}\n\n/**\n * A thin progress bar pinned to the top of the viewport, tracking how far\n * the reader has scrolled through the document. Purely decorative\n * (`aria-hidden`) — long-form articles, guides, reports.\n *\n * @example\n * ```tsx\n * <ReadingProgressBar />\n * <ReadingProgressBar barClassName=\"bg-warning\" className=\"h-0.5\" />\n * ```\n */\nexport const ReadingProgressBar = React.forwardRef<\n  HTMLDivElement,\n  ReadingProgressBarProps\n>(function ReadingProgressBar({ className, barClassName, ...props }, ref) {\n  const [pct, setPct] = React.useState(0);\n\n  React.useEffect(() => {\n    let rafId = 0;\n\n    const update = () => {\n      const el = document.documentElement;\n      const max = el.scrollHeight - el.clientHeight;\n      setPct(\n        max > 0 ? Math.min(100, Math.max(0, (el.scrollTop / max) * 100)) : 0\n      );\n    };\n\n    // Coalesce bursty scroll events to one state update per frame\n    const schedule = () => {\n      cancelAnimationFrame(rafId);\n      rafId = requestAnimationFrame(update);\n    };\n\n    update();\n    window.addEventListener('scroll', schedule, { passive: true });\n    window.addEventListener('resize', schedule);\n    return () => {\n      cancelAnimationFrame(rafId);\n      window.removeEventListener('scroll', schedule);\n      window.removeEventListener('resize', schedule);\n    };\n  }, []);\n\n  return (\n    <div\n      ref={ref}\n      {...props}\n      aria-hidden=\"true\"\n      className={cn(\n        'pointer-events-none fixed inset-x-0 top-0 z-50 h-1 bg-transparent',\n        className\n      )}\n    >\n      <div\n        data-slot=\"reading-progress-fill\"\n        className={cn(\n          'h-full transition-[width] duration-150',\n          barClassName ?? 'bg-primary-500'\n        )}\n        style={{ width: `${pct}%` }}\n      />\n    </div>\n  );\n});\n"]}

package/dist/chunk-5QZ73PZC.js

@@ -0,0 +1,62 @@
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { Check, Copy } from 'lucide-react';
+import { jsx } from 'react/jsx-runtime';
+
+var CopyButton = React.forwardRef(
+  function CopyButton2({
+    value,
+    label = "Copy",
+    copiedLabel = "Copied",
+    timeout = 1200,
+    onCopied,
+    className,
+    onClick,
+    ...props
+  }, ref) {
+    const [copied, setCopied] = React.useState(false);
+    const timer = React.useRef(null);
+    React.useEffect(
+      () => () => {
+        if (timer.current) clearTimeout(timer.current);
+      },
+      []
+    );
+    const handleClick = async (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      onClick?.(e);
+      try {
+        await navigator.clipboard.writeText(value);
+        setCopied(true);
+        onCopied?.(value);
+        if (timer.current) clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), timeout);
+      } catch {
+      }
+    };
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ref,
+        type: "button",
+        onClick: handleClick,
+        title: copied ? copiedLabel : label,
+        "aria-label": copied ? copiedLabel : label,
+        className: cn(
+          "inline-flex shrink-0 items-center justify-center rounded p-1 transition-colors",
+          "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+          copied ? "text-success" : "text-muted-foreground hover:bg-muted hover:text-foreground",
+          className
+        ),
+        ...props,
+        children: copied ? /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "h-3.5 w-3.5" }) : /* @__PURE__ */ jsx(Copy, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+      }
+    );
+  }
+);
+CopyButton.displayName = "CopyButton";
+
+export { CopyButton };
+//# sourceMappingURL=chunk-5QZ73PZC.js.map
+//# sourceMappingURL=chunk-5QZ73PZC.js.map

package/dist/chunk-5QZ73PZC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/CopyButton/CopyButton.tsx"],"names":["CopyButton"],"mappings":";;;;;AAkCO,IAAM,UAAA,GAAmB,KAAA,CAAA,UAAA;AAAA,EAC9B,SAASA,WAAAA,CACP;AAAA,IACE,KAAA;AAAA,IACA,KAAA,GAAQ,MAAA;AAAA,IACR,WAAA,GAAc,QAAA;AAAA,IACd,OAAA,GAAU,IAAA;AAAA,IACV,QAAA;AAAA,IACA,SAAA;AAAA,IACA,OAAA;AAAA,IACA,GAAG;AAAA,KAEL,GAAA,EACA;AACA,IAAA,MAAM,CAAC,MAAA,EAAQ,SAAS,CAAA,GAAU,eAAS,KAAK,CAAA;AAChD,IAAA,MAAM,KAAA,GAAc,aAA6C,IAAI,CAAA;AAErE,IAAM,KAAA,CAAA,SAAA;AAAA,MACJ,MAAM,MAAM;AACV,QAAA,IAAI,KAAA,CAAM,OAAA,EAAS,YAAA,CAAa,KAAA,CAAM,OAAO,CAAA;AAAA,MAC/C,CAAA;AAAA,MACA;AAAC,KACH;AAEA,IAAA,MAAM,WAAA,GAAc,OAAO,CAAA,KAA2C;AAEpE,MAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,MAAA,CAAA,CAAE,cAAA,EAAe;AACjB,MAAA,OAAA,GAAU,CAAC,CAAA;AACX,MAAA,IAAI;AACF,QAAA,MAAM,SAAA,CAAU,SAAA,CAAU,SAAA,CAAU,KAAK,CAAA;AACzC,QAAA,SAAA,CAAU,IAAI,CAAA;AACd,QAAA,QAAA,GAAW,KAAK,CAAA;AAChB,QAAA,IAAI,KAAA,CAAM,OAAA,EAAS,YAAA,CAAa,KAAA,CAAM,OAAO,CAAA;AAC7C,QAAA,KAAA,CAAM,UAAU,UAAA,CAAW,MAAM,SAAA,CAAU,KAAK,GAAG,OAAO,CAAA;AAAA,MAC5D,CAAA,CAAA,MAAQ;AAAA,MAER;AAAA,IACF,CAAA;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA,EAAK,QAAA;AAAA,QACL,OAAA,EAAS,WAAA;AAAA,QACT,KAAA,EAAO,SAAS,WAAA,GAAc,KAAA;AAAA,QAC9B,YAAA,EAAY,SAAS,WAAA,GAAc,KAAA;AAAA,QACnC,SAAA,EAAW,EAAA;AAAA,UACT,gFAAA;AAAA,UACA,yEAAA;AAAA,UACA,SACI,cAAA,GACA,4DAAA;AAAA,UACJ;AAAA,SACF;AAAA,QACC,GAAG,KAAA;AAAA,QAEH,QAAA,EAAA,MAAA,mBACC,GAAA,CAAC,KAAA,EAAA,EAAM,aAAA,EAAY,MAAA,EAAO,SAAA,EAAU,aAAA,EAAc,CAAA,mBAElD,GAAA,CAAC,IAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EAAO,WAAU,aAAA,EAAc;AAAA;AAAA,KAErD;AAAA,EAEJ;AACF;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-5QZ73PZC.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Check, Copy } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nexport interface CopyButtonProps extends Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'value'\n> {\n  /** Text written to the clipboard. */\n  value: string;\n  /** Accessible label / tooltip (default \"Copy\"). */\n  label?: string;\n  /** Label while the copied state shows (default \"Copied\"). */\n  copiedLabel?: string;\n  /** How long the copied state shows, in ms (default 1200). */\n  timeout?: number;\n  /** Called after a successful copy. */\n  onCopied?: (value: string) => void;\n}\n\n/**\n * An inline copy-to-clipboard icon button with a brief success check.\n * Copied state is isolated per instance — safe to drop into table rows,\n * ID chips, and detail fields.\n *\n * @example\n * ```tsx\n * <span className=\"flex items-center gap-1\">\n *   MRN WC-10382 <CopyButton value=\"WC-10382\" label=\"Copy MRN\" />\n * </span>\n * ```\n */\nexport const CopyButton = React.forwardRef<HTMLButtonElement, CopyButtonProps>(\n  function CopyButton(\n    {\n      value,\n      label = 'Copy',\n      copiedLabel = 'Copied',\n      timeout = 1200,\n      onCopied,\n      className,\n      onClick,\n      ...props\n    },\n    ref\n  ) {\n    const [copied, setCopied] = React.useState(false);\n    const timer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    React.useEffect(\n      () => () => {\n        if (timer.current) clearTimeout(timer.current);\n      },\n      []\n    );\n\n    const handleClick = async (e: React.MouseEvent<HTMLButtonElement>) => {\n      // Inside clickable rows/links the copy must not trigger the row action\n      e.stopPropagation();\n      e.preventDefault();\n      onClick?.(e);\n      try {\n        await navigator.clipboard.writeText(value);\n        setCopied(true);\n        onCopied?.(value);\n        if (timer.current) clearTimeout(timer.current);\n        timer.current = setTimeout(() => setCopied(false), timeout);\n      } catch {\n        /* clipboard access denied — silent */\n      }\n    };\n\n    return (\n      <button\n        ref={ref}\n        type=\"button\"\n        onClick={handleClick}\n        title={copied ? copiedLabel : label}\n        aria-label={copied ? copiedLabel : label}\n        className={cn(\n          'inline-flex shrink-0 items-center justify-center rounded p-1 transition-colors',\n          'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n          copied\n            ? 'text-success'\n            : 'text-muted-foreground hover:bg-muted hover:text-foreground',\n          className\n        )}\n        {...props}\n      >\n        {copied ? (\n          <Check aria-hidden=\"true\" className=\"h-3.5 w-3.5\" />\n        ) : (\n          <Copy aria-hidden=\"true\" className=\"h-3.5 w-3.5\" />\n        )}\n      </button>\n    );\n  }\n);\n\nCopyButton.displayName = 'CopyButton';\n"]}

package/dist/chunk-6NZXWKUE.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-6NZXWKUE.js.map
+//# sourceMappingURL=chunk-6NZXWKUE.js.map

package/dist/chunk-6NZXWKUE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-6NZXWKUE.js"}

package/dist/chunk-6SCQ7FKT.js

@@ -0,0 +1,115 @@
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { Filter, X } from 'lucide-react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var FilterSummaryBar = React.forwardRef(function FilterSummaryBar2({
+  filteredCount,
+  totalCount,
+  activeFilterCount,
+  hasSearchText = false,
+  showWhenIdle = false,
+  onClearAll,
+  recordLabel = "record",
+  recordsLabel = "records",
+  filterLabel = "filter",
+  filtersLabel = "filters",
+  activeLabel = "active",
+  searchActiveLabel = "search active",
+  allVisibleLabel = "all records visible",
+  clearLabel = "Clear all",
+  ofLabel = "of",
+  plusSearchLabel = "+ search",
+  className,
+  ...props
+}, ref) {
+  const isFiltering = activeFilterCount > 0 || hasSearchText;
+  if (!isFiltering && !showWhenIdle) return null;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex items-center gap-3 rounded-lg border px-4 py-2 text-xs transition-colors",
+        isFiltering ? "border-primary-300 bg-primary-500/10 dark:border-primary-700" : "border-border bg-muted/60",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          Filter,
+          {
+            "aria-hidden": "true",
+            className: cn(
+              "h-3 w-3 shrink-0",
+              isFiltering ? "text-primary-500" : "text-muted-foreground"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            role: "status",
+            "aria-live": "polite",
+            "aria-atomic": "true",
+            className: cn(
+              isFiltering ? "text-primary-800 dark:text-primary-200" : "text-muted-foreground"
+            ),
+            children: isFiltering ? /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx("span", { className: "font-semibold", children: filteredCount.toLocaleString() }),
+              typeof totalCount === "number" && Number.isFinite(totalCount) ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                ofLabel,
+                " ",
+                /* @__PURE__ */ jsx("span", { className: "font-semibold", children: totalCount.toLocaleString() })
+              ] }) : null,
+              " ",
+              filteredCount === 1 ? recordLabel : recordsLabel,
+              activeFilterCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                "\u2014",
+                " ",
+                /* @__PURE__ */ jsxs("span", { className: "font-semibold", children: [
+                  activeFilterCount.toLocaleString(),
+                  " ",
+                  activeFilterCount === 1 ? filterLabel : filtersLabel
+                ] }),
+                " ",
+                activeLabel
+              ] }),
+              hasSearchText && activeFilterCount === 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                " \u2014 ",
+                searchActiveLabel
+              ] }),
+              hasSearchText && activeFilterCount > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+                " ",
+                plusSearchLabel
+              ] })
+            ] }) : allVisibleLabel
+          }
+        ),
+        isFiltering && onClearAll && /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: onClearAll,
+            className: cn(
+              "ms-auto flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium transition-colors",
+              "text-primary-800 hover:bg-primary-500/15 hover:text-primary-700 dark:text-primary-300 dark:hover:text-primary-200",
+              "focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none"
+            ),
+            children: [
+              /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "h-2.5 w-2.5" }),
+              clearLabel
+            ]
+          }
+        )
+      ]
+    }
+  );
+});
+FilterSummaryBar.displayName = "FilterSummaryBar";
+
+export { FilterSummaryBar };
+//# sourceMappingURL=chunk-6SCQ7FKT.js.map
+//# sourceMappingURL=chunk-6SCQ7FKT.js.map

package/dist/chunk-6SCQ7FKT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FilterSummaryBar/FilterSummaryBar.tsx"],"names":["FilterSummaryBar"],"mappings":"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","file":"chunk-6SCQ7FKT.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Filter, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nexport interface FilterSummaryBarProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Rows currently visible after filtering. */\n  filteredCount: number;\n  /** Total records before filtering. Omit when unknown; `0` renders as a real total. */\n  totalCount?: number;\n  /** Number of active filter conditions. */\n  activeFilterCount: number;\n  /** Whether a search query is also active. */\n  hasSearchText?: boolean;\n  /**\n   * Keep the bar visible even when no filters/search are active. The idle\n   * bar shows only `allVisibleLabel` (no counts).\n   */\n  showWhenIdle?: boolean;\n  /** Called when the clear action is clicked. Omit to hide the clear button. */\n  onClearAll?: () => void;\n  /** Visible strings, overridable for i18n. */\n  recordLabel?: string;\n  recordsLabel?: string;\n  filterLabel?: string;\n  filtersLabel?: string;\n  activeLabel?: string;\n  searchActiveLabel?: string;\n  allVisibleLabel?: string;\n  clearLabel?: string;\n  /** Joiner between filtered and total counts (default \"of\"). */\n  ofLabel?: string;\n  /** Suffix appended when search narrows on top of filters (default \"+ search\"). */\n  plusSearchLabel?: string;\n}\n\n/**\n * The bar that anchors a filtered grid: \"1,204 of 8,911 records — 3\n * filters active · Clear all\". Hidden while idle unless `showWhenIdle`,\n * and tinted with the primary accent whenever filters or search narrow\n * the view. Pair with any data grid or list whose filter state lives in\n * the host.\n *\n * @example\n * ```tsx\n * <FilterSummaryBar\n *   filteredCount={rows.length}\n *   totalCount={total}\n *   activeFilterCount={filters.length}\n *   hasSearchText={query.length > 0}\n *   onClearAll={resetFilters}\n * />\n * ```\n */\nexport const FilterSummaryBar = React.forwardRef<\n  HTMLDivElement,\n  FilterSummaryBarProps\n>(function FilterSummaryBar(\n  {\n    filteredCount,\n    totalCount,\n    activeFilterCount,\n    hasSearchText = false,\n    showWhenIdle = false,\n    onClearAll,\n    recordLabel = 'record',\n    recordsLabel = 'records',\n    filterLabel = 'filter',\n    filtersLabel = 'filters',\n    activeLabel = 'active',\n    searchActiveLabel = 'search active',\n    allVisibleLabel = 'all records visible',\n    clearLabel = 'Clear all',\n    ofLabel = 'of',\n    plusSearchLabel = '+ search',\n    className,\n    ...props\n  },\n  ref\n) {\n  const isFiltering = activeFilterCount > 0 || hasSearchText;\n  if (!isFiltering && !showWhenIdle) return null;\n\n  return (\n    <div\n      ref={ref}\n      className={cn(\n        'flex items-center gap-3 rounded-lg border px-4 py-2 text-xs transition-colors',\n        isFiltering\n          ? 'border-primary-300 bg-primary-500/10 dark:border-primary-700'\n          : 'border-border bg-muted/60',\n        className\n      )}\n      {...props}\n    >\n      <Filter\n        aria-hidden=\"true\"\n        className={cn(\n          'h-3 w-3 shrink-0',\n          isFiltering ? 'text-primary-500' : 'text-muted-foreground'\n        )}\n      />\n      <span\n        role=\"status\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        className={cn(\n          isFiltering\n            ? 'text-primary-800 dark:text-primary-200'\n            : 'text-muted-foreground'\n        )}\n      >\n        {isFiltering ? (\n          <>\n            <span className=\"font-semibold\">\n              {filteredCount.toLocaleString()}\n            </span>\n            {typeof totalCount === 'number' && Number.isFinite(totalCount) ? (\n              <>\n                {' '}\n                {ofLabel}{' '}\n                <span className=\"font-semibold\">\n                  {totalCount.toLocaleString()}\n                </span>\n              </>\n            ) : null}{' '}\n            {filteredCount === 1 ? recordLabel : recordsLabel}\n            {activeFilterCount > 0 && (\n              <>\n                {' '}\n                &mdash;{' '}\n                <span className=\"font-semibold\">\n                  {activeFilterCount.toLocaleString()}{' '}\n                  {activeFilterCount === 1 ? filterLabel : filtersLabel}\n                </span>{' '}\n                {activeLabel}\n              </>\n            )}\n            {hasSearchText && activeFilterCount === 0 && (\n              <> &mdash; {searchActiveLabel}</>\n            )}\n            {hasSearchText && activeFilterCount > 0 && <> {plusSearchLabel}</>}\n          </>\n        ) : (\n          allVisibleLabel\n        )}\n      </span>\n      {isFiltering && onClearAll && (\n        <button\n          type=\"button\"\n          onClick={onClearAll}\n          className={cn(\n            'ms-auto flex items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium transition-colors',\n            'text-primary-800 hover:bg-primary-500/15 hover:text-primary-700 dark:text-primary-300 dark:hover:text-primary-200',\n            'focus-visible:ring-ring focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none'\n          )}\n        >\n          <X aria-hidden=\"true\" className=\"h-2.5 w-2.5\" />\n          {clearLabel}\n        </button>\n      )}\n    </div>\n  );\n});\n\nFilterSummaryBar.displayName = 'FilterSummaryBar';\n"]}

package/dist/{chunk-KFLDXJEE.js → chunk-753Z3NXL.js}

@@ -1,3 +1,4 @@
+import { floatingGroupLabelVariants, floatingGroupVariants } from './chunk-3IMM2PM4.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
@@ -145,6 +146,7 @@ var Checkbox = React.forwardRef(
 Checkbox.displayName = "Checkbox";
 function CheckboxGroup({
   label,
+  labelVariant = "stacked",
   description,
   error,
   orientation = "vertical",
@@ -154,6 +156,19 @@ function CheckboxGroup({
   const groupId = React.useId();
   const descriptionId = `${groupId}-description`;
   const errorId = `${groupId}-error`;
+  const isFloating = labelVariant === "floating" && !!label;
+  const itemsElement = /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "checkbox-group-items",
+      className: cn(
+        "flex gap-4",
+        orientation === "vertical" && "flex-col gap-2"
+      ),
+      children
+    }
+  );
   return /* @__PURE__ */ jsxs(
     "fieldset",
     {
@@ -165,31 +180,47 @@ function CheckboxGroup({
           "legend",
           {
             "data-slot": "checkbox-group-legend",
-            className: "text-foreground mb-1 text-sm font-medium",
+            className: cn(
+              // Legends are excluded from the fieldset's flex layout; explicit
+              // margin matches the stacked Input label's 6px gap.
+              "text-foreground mb-1.5 text-sm font-medium",
+              isFloating && "sr-only"
+            ),
             children: label
           }
         ),
+        isFloating ? /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-slot": "checkbox-group-field",
+            className: floatingGroupVariants({ hasError: !!error }),
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-slot": "checkbox-group-floating-label",
+                  className: floatingGroupLabelVariants({ hasError: !!error }),
+                  children: label
+                }
+              ),
+              itemsElement
+            ]
+          }
+        ) : null,
         description && /* @__PURE__ */ jsx(
           "p",
           {
             id: descriptionId,
             "data-slot": "checkbox-group-description",
-            className: "text-muted-foreground mb-3 text-xs",
-            children: description
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            role: "group",
-            "data-slot": "checkbox-group-items",
             className: cn(
-              "flex gap-4",
-              orientation === "vertical" && "flex-col gap-2"
+              "text-muted-foreground text-xs",
+              isFloating ? "mt-1" : "mb-3"
             ),
-            children
+            children: description
           }
         ),
+        !isFloating && itemsElement,
         error && /* @__PURE__ */ jsx(
           "p",
           {
@@ -257,5 +288,5 @@ function MinusIcon({ size, className }) {
 }
 
 export { Checkbox, CheckboxGroup, checkboxVariants };
-//# sourceMappingURL=chunk-KFLDXJEE.js.map
-//# sourceMappingURL=chunk-KFLDXJEE.js.map
+//# sourceMappingURL=chunk-753Z3NXL.js.map
+//# sourceMappingURL=chunk-753Z3NXL.js.map

package/dist/chunk-753Z3NXL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","file":"chunk-753Z3NXL.js","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport {\n  floatingGroupVariants,\n  floatingGroupLabelVariants,\n} from '../Input/Input';\n\nconst checkboxVariants = cva(\n  [\n    'shrink-0 appearance-none',\n    'border-2 border-input rounded',\n    'bg-background',\n    'transition-all duration-150',\n    'cursor-pointer',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'checked:bg-primary-800 checked:border-primary-500',\n    'indeterminate:bg-primary-800 indeterminate:border-primary-500',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport interface CheckboxProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Label for the checkbox */\n  label?: string;\n  /** Description text below the label */\n  description?: string;\n  /** Indeterminate state (neither checked nor unchecked) */\n  indeterminate?: boolean;\n  /** Error message */\n  error?: string;\n  /** Position of the label */\n  labelPosition?: 'left' | 'right';\n}\n\n/**\n * An accessible checkbox component with support for indeterminate state.\n *\n * @example\n * ```tsx\n * <Checkbox label=\"Accept terms and conditions\" />\n * <Checkbox label=\"Newsletter\" description=\"Receive updates about new features\" />\n * <Checkbox indeterminate label=\"Select all\" />\n * ```\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className,\n      size,\n      label,\n      description,\n      indeterminate = false,\n      error,\n      labelPosition = 'right',\n      id,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const internalRef = React.useRef<HTMLInputElement>(null);\n    const generatedId = React.useId();\n    const checkboxId = id || generatedId;\n    const descriptionId = `${checkboxId}-description`;\n    const errorId = `${checkboxId}-error`;\n\n    // Handle indeterminate state\n    React.useEffect(() => {\n      const checkbox = internalRef.current;\n      if (checkbox) {\n        checkbox.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => internalRef.current!);\n\n    const checkboxElement = (\n      <span\n        data-slot=\"checkbox-indicator\"\n        className=\"relative inline-flex items-center justify-center\"\n      >\n        <input\n          ref={internalRef}\n          data-slot=\"checkbox\"\n          id={checkboxId}\n          type=\"checkbox\"\n          disabled={disabled}\n          aria-describedby={\n            [description ? descriptionId : null, error ? errorId : null]\n              .filter(Boolean)\n              .join(' ') || undefined\n          }\n          aria-invalid={!!error}\n          className={cn('peer', checkboxVariants({ size }), className)}\n          {...props}\n        />\n        {/* Custom check icon overlay */}\n        <CheckIcon\n          size={size}\n          className=\"pointer-events-none absolute text-white opacity-0 transition-opacity peer-checked:opacity-100\"\n        />\n        {/* Custom indeterminate icon overlay */}\n        <MinusIcon\n          size={size}\n          className=\"pointer-events-none absolute text-white opacity-0 transition-opacity peer-indeterminate:opacity-100\"\n        />\n      </span>\n    );\n\n    const labelElement = label && (\n      <div className=\"flex flex-col\">\n        <label\n          htmlFor={checkboxId}\n          data-slot=\"checkbox-label\"\n          className={cn(\n            'text-foreground cursor-pointer text-sm font-medium select-none',\n            disabled && 'cursor-not-allowed opacity-50'\n          )}\n        >\n          {label}\n        </label>\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"checkbox-description\"\n            className=\"text-muted-foreground mt-0.5 text-xs\"\n          >\n            {description}\n          </p>\n        )}\n      </div>\n    );\n\n    return (\n      <div data-slot=\"checkbox-wrapper\" className=\"flex flex-col gap-1\">\n        <div\n          data-slot=\"checkbox-row\"\n          className={cn(\n            'flex gap-2',\n            description ? 'items-start' : 'items-center',\n            labelPosition === 'left' && 'flex-row-reverse'\n          )}\n        >\n          {checkboxElement}\n          {labelElement}\n        </div>\n        {error && (\n          <p\n            id={errorId}\n            data-slot=\"checkbox-error\"\n            className=\"text-destructive-700 dark:text-destructive-400 text-sm\"\n            role=\"alert\"\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n\n// ============================================================================\n// Checkbox Group\n// ============================================================================\n\nexport interface CheckboxGroupProps {\n  /** Group label */\n  label?: string;\n  /**\n   * How the group label is rendered.\n   * - `stacked` (default): label above the options.\n   * - `floating`: renders the group as a bordered field matching floating\n   *   inputs, with the label fixed in the floated position so mixed forms\n   *   stay vertically aligned.\n   */\n  labelVariant?: 'stacked' | 'floating';\n  /** Description for the group */\n  description?: string;\n  /** Error message for the group */\n  error?: string;\n  /** Orientation of checkboxes */\n  orientation?: 'horizontal' | 'vertical';\n  /** Children checkboxes */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A container for grouping related checkboxes.\n *\n * @example\n * ```tsx\n * <CheckboxGroup label=\"Interests\" orientation=\"vertical\">\n *   <Checkbox label=\"Sports\" />\n *   <Checkbox label=\"Music\" />\n *   <Checkbox label=\"Travel\" />\n * </CheckboxGroup>\n * ```\n */\nfunction CheckboxGroup({\n  label,\n  labelVariant = 'stacked',\n  description,\n  error,\n  orientation = 'vertical',\n  children,\n  className,\n}: CheckboxGroupProps) {\n  const groupId = React.useId();\n  const descriptionId = `${groupId}-description`;\n  const errorId = `${groupId}-error`;\n\n  const isFloating = labelVariant === 'floating' && !!label;\n\n  const itemsElement = (\n    <div\n      role=\"group\"\n      data-slot=\"checkbox-group-items\"\n      className={cn(\n        'flex gap-4',\n        orientation === 'vertical' && 'flex-col gap-2'\n      )}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <fieldset\n      data-slot=\"checkbox-group\"\n      className={cn('flex flex-col', className)}\n      aria-describedby={\n        [description ? descriptionId : null, error ? errorId : null]\n          .filter(Boolean)\n          .join(' ') || undefined\n      }\n    >\n      {label && (\n        <legend\n          data-slot=\"checkbox-group-legend\"\n          className={cn(\n            // Legends are excluded from the fieldset's flex layout; explicit\n            // margin matches the stacked Input label's 6px gap.\n            'text-foreground mb-1.5 text-sm font-medium',\n            isFloating && 'sr-only'\n          )}\n        >\n          {label}\n        </legend>\n      )}\n      {isFloating ? (\n        <div\n          data-slot=\"checkbox-group-field\"\n          className={floatingGroupVariants({ hasError: !!error })}\n        >\n          <span\n            aria-hidden=\"true\"\n            data-slot=\"checkbox-group-floating-label\"\n            className={floatingGroupLabelVariants({ hasError: !!error })}\n          >\n            {label}\n          </span>\n          {itemsElement}\n        </div>\n      ) : null}\n      {description && (\n        <p\n          id={descriptionId}\n          data-slot=\"checkbox-group-description\"\n          className={cn(\n            'text-muted-foreground text-xs',\n            isFloating ? 'mt-1' : 'mb-3'\n          )}\n        >\n          {description}\n        </p>\n      )}\n      {!isFloating && itemsElement}\n      {error && (\n        <p\n          id={errorId}\n          data-slot=\"checkbox-group-error\"\n          className=\"text-destructive mt-2 text-sm\"\n          role=\"alert\"\n        >\n          {error}\n        </p>\n      )}\n    </fieldset>\n  );\n}\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n// ============================================================================\n// Check Icon\n// ============================================================================\n\ninterface CheckIconProps {\n  size?: 'sm' | 'md' | 'lg' | null;\n  className?: string;\n}\n\nfunction CheckIcon({ size, className }: CheckIconProps) {\n  const sizeMap = {\n    sm: 10,\n    md: 12,\n    lg: 14,\n  };\n  const iconSize = sizeMap[size || 'md'];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={iconSize}\n      height={iconSize}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\nfunction MinusIcon({ size, className }: CheckIconProps) {\n  const sizeMap = {\n    sm: 10,\n    md: 12,\n    lg: 14,\n  };\n  const iconSize = sizeMap[size || 'md'];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={iconSize}\n      height={iconSize}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n\nexport { Checkbox, CheckboxGroup, checkboxVariants };\n"]}

package/dist/{chunk-S3MKIDYG.cjs → chunk-7AECNMYV.cjs}

@@ -1,5 +1,6 @@
 'use strict';
 
+var chunkZ5S5JEJD_cjs = require('./chunk-Z5S5JEJD.cjs');
 var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
 var React = require('react');
 var classVarianceAuthority = require('class-variance-authority');
@@ -167,6 +168,7 @@ var Checkbox = React__namespace.forwardRef(
 Checkbox.displayName = "Checkbox";
 function CheckboxGroup({
   label,
+  labelVariant = "stacked",
   description,
   error,
   orientation = "vertical",
@@ -176,6 +178,19 @@ function CheckboxGroup({
   const groupId = React__namespace.useId();
   const descriptionId = `${groupId}-description`;
   const errorId = `${groupId}-error`;
+  const isFloating = labelVariant === "floating" && !!label;
+  const itemsElement = /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      role: "group",
+      "data-slot": "checkbox-group-items",
+      className: chunkS5RVSXDV_cjs.cn(
+        "flex gap-4",
+        orientation === "vertical" && "flex-col gap-2"
+      ),
+      children
+    }
+  );
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "fieldset",
     {
@@ -187,31 +202,47 @@ function CheckboxGroup({
           "legend",
           {
             "data-slot": "checkbox-group-legend",
-            className: "text-foreground mb-1 text-sm font-medium",
+            className: chunkS5RVSXDV_cjs.cn(
+              // Legends are excluded from the fieldset's flex layout; explicit
+              // margin matches the stacked Input label's 6px gap.
+              "text-foreground mb-1.5 text-sm font-medium",
+              isFloating && "sr-only"
+            ),
             children: label
           }
         ),
+        isFloating ? /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            "data-slot": "checkbox-group-field",
+            className: chunkZ5S5JEJD_cjs.floatingGroupVariants({ hasError: !!error }),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  "data-slot": "checkbox-group-floating-label",
+                  className: chunkZ5S5JEJD_cjs.floatingGroupLabelVariants({ hasError: !!error }),
+                  children: label
+                }
+              ),
+              itemsElement
+            ]
+          }
+        ) : null,
         description && /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
             id: descriptionId,
             "data-slot": "checkbox-group-description",
-            className: "text-muted-foreground mb-3 text-xs",
-            children: description
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            role: "group",
-            "data-slot": "checkbox-group-items",
             className: chunkS5RVSXDV_cjs.cn(
-              "flex gap-4",
-              orientation === "vertical" && "flex-col gap-2"
+              "text-muted-foreground text-xs",
+              isFloating ? "mt-1" : "mb-3"
             ),
-            children
+            children: description
           }
         ),
+        !isFloating && itemsElement,
         error && /* @__PURE__ */ jsxRuntime.jsx(
           "p",
           {
@@ -281,5 +312,5 @@ function MinusIcon({ size, className }) {
 exports.Checkbox = Checkbox;
 exports.CheckboxGroup = CheckboxGroup;
 exports.checkboxVariants = checkboxVariants;
-//# sourceMappingURL=chunk-S3MKIDYG.cjs.map
-//# sourceMappingURL=chunk-S3MKIDYG.cjs.map
+//# sourceMappingURL=chunk-7AECNMYV.cjs.map
+//# sourceMappingURL=chunk-7AECNMYV.cjs.map

package/dist/chunk-7AECNMYV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"names":["cva","React","jsxs","jsx","cn","floatingGroupVariants","floatingGroupLabelVariants"],"mappings":"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","file":"chunk-7AECNMYV.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\nimport {\n  floatingGroupVariants,\n  floatingGroupLabelVariants,\n} from '../Input/Input';\n\nconst checkboxVariants = cva(\n  [\n    'shrink-0 appearance-none',\n    'border-2 border-input rounded',\n    'bg-background',\n    'transition-all duration-150',\n    'cursor-pointer',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    'disabled:cursor-not-allowed disabled:opacity-50',\n    'checked:bg-primary-800 checked:border-primary-500',\n    'indeterminate:bg-primary-800 indeterminate:border-primary-500',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-4 w-4',\n        md: 'h-5 w-5',\n        lg: 'h-6 w-6',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n    },\n  }\n);\n\nexport interface CheckboxProps\n  extends\n    Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'>,\n    VariantProps<typeof checkboxVariants> {\n  /** Label for the checkbox */\n  label?: string;\n  /** Description text below the label */\n  description?: string;\n  /** Indeterminate state (neither checked nor unchecked) */\n  indeterminate?: boolean;\n  /** Error message */\n  error?: string;\n  /** Position of the label */\n  labelPosition?: 'left' | 'right';\n}\n\n/**\n * An accessible checkbox component with support for indeterminate state.\n *\n * @example\n * ```tsx\n * <Checkbox label=\"Accept terms and conditions\" />\n * <Checkbox label=\"Newsletter\" description=\"Receive updates about new features\" />\n * <Checkbox indeterminate label=\"Select all\" />\n * ```\n */\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n  (\n    {\n      className,\n      size,\n      label,\n      description,\n      indeterminate = false,\n      error,\n      labelPosition = 'right',\n      id,\n      disabled,\n      ...props\n    },\n    ref\n  ) => {\n    const internalRef = React.useRef<HTMLInputElement>(null);\n    const generatedId = React.useId();\n    const checkboxId = id || generatedId;\n    const descriptionId = `${checkboxId}-description`;\n    const errorId = `${checkboxId}-error`;\n\n    // Handle indeterminate state\n    React.useEffect(() => {\n      const checkbox = internalRef.current;\n      if (checkbox) {\n        checkbox.indeterminate = indeterminate;\n      }\n    }, [indeterminate]);\n\n    // Combine refs\n    React.useImperativeHandle(ref, () => internalRef.current!);\n\n    const checkboxElement = (\n      <span\n        data-slot=\"checkbox-indicator\"\n        className=\"relative inline-flex items-center justify-center\"\n      >\n        <input\n          ref={internalRef}\n          data-slot=\"checkbox\"\n          id={checkboxId}\n          type=\"checkbox\"\n          disabled={disabled}\n          aria-describedby={\n            [description ? descriptionId : null, error ? errorId : null]\n              .filter(Boolean)\n              .join(' ') || undefined\n          }\n          aria-invalid={!!error}\n          className={cn('peer', checkboxVariants({ size }), className)}\n          {...props}\n        />\n        {/* Custom check icon overlay */}\n        <CheckIcon\n          size={size}\n          className=\"pointer-events-none absolute text-white opacity-0 transition-opacity peer-checked:opacity-100\"\n        />\n        {/* Custom indeterminate icon overlay */}\n        <MinusIcon\n          size={size}\n          className=\"pointer-events-none absolute text-white opacity-0 transition-opacity peer-indeterminate:opacity-100\"\n        />\n      </span>\n    );\n\n    const labelElement = label && (\n      <div className=\"flex flex-col\">\n        <label\n          htmlFor={checkboxId}\n          data-slot=\"checkbox-label\"\n          className={cn(\n            'text-foreground cursor-pointer text-sm font-medium select-none',\n            disabled && 'cursor-not-allowed opacity-50'\n          )}\n        >\n          {label}\n        </label>\n        {description && (\n          <p\n            id={descriptionId}\n            data-slot=\"checkbox-description\"\n            className=\"text-muted-foreground mt-0.5 text-xs\"\n          >\n            {description}\n          </p>\n        )}\n      </div>\n    );\n\n    return (\n      <div data-slot=\"checkbox-wrapper\" className=\"flex flex-col gap-1\">\n        <div\n          data-slot=\"checkbox-row\"\n          className={cn(\n            'flex gap-2',\n            description ? 'items-start' : 'items-center',\n            labelPosition === 'left' && 'flex-row-reverse'\n          )}\n        >\n          {checkboxElement}\n          {labelElement}\n        </div>\n        {error && (\n          <p\n            id={errorId}\n            data-slot=\"checkbox-error\"\n            className=\"text-destructive-700 dark:text-destructive-400 text-sm\"\n            role=\"alert\"\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nCheckbox.displayName = 'Checkbox';\n\n// ============================================================================\n// Checkbox Group\n// ============================================================================\n\nexport interface CheckboxGroupProps {\n  /** Group label */\n  label?: string;\n  /**\n   * How the group label is rendered.\n   * - `stacked` (default): label above the options.\n   * - `floating`: renders the group as a bordered field matching floating\n   *   inputs, with the label fixed in the floated position so mixed forms\n   *   stay vertically aligned.\n   */\n  labelVariant?: 'stacked' | 'floating';\n  /** Description for the group */\n  description?: string;\n  /** Error message for the group */\n  error?: string;\n  /** Orientation of checkboxes */\n  orientation?: 'horizontal' | 'vertical';\n  /** Children checkboxes */\n  children: React.ReactNode;\n  /** Additional class name */\n  className?: string;\n}\n\n/**\n * A container for grouping related checkboxes.\n *\n * @example\n * ```tsx\n * <CheckboxGroup label=\"Interests\" orientation=\"vertical\">\n *   <Checkbox label=\"Sports\" />\n *   <Checkbox label=\"Music\" />\n *   <Checkbox label=\"Travel\" />\n * </CheckboxGroup>\n * ```\n */\nfunction CheckboxGroup({\n  label,\n  labelVariant = 'stacked',\n  description,\n  error,\n  orientation = 'vertical',\n  children,\n  className,\n}: CheckboxGroupProps) {\n  const groupId = React.useId();\n  const descriptionId = `${groupId}-description`;\n  const errorId = `${groupId}-error`;\n\n  const isFloating = labelVariant === 'floating' && !!label;\n\n  const itemsElement = (\n    <div\n      role=\"group\"\n      data-slot=\"checkbox-group-items\"\n      className={cn(\n        'flex gap-4',\n        orientation === 'vertical' && 'flex-col gap-2'\n      )}\n    >\n      {children}\n    </div>\n  );\n\n  return (\n    <fieldset\n      data-slot=\"checkbox-group\"\n      className={cn('flex flex-col', className)}\n      aria-describedby={\n        [description ? descriptionId : null, error ? errorId : null]\n          .filter(Boolean)\n          .join(' ') || undefined\n      }\n    >\n      {label && (\n        <legend\n          data-slot=\"checkbox-group-legend\"\n          className={cn(\n            // Legends are excluded from the fieldset's flex layout; explicit\n            // margin matches the stacked Input label's 6px gap.\n            'text-foreground mb-1.5 text-sm font-medium',\n            isFloating && 'sr-only'\n          )}\n        >\n          {label}\n        </legend>\n      )}\n      {isFloating ? (\n        <div\n          data-slot=\"checkbox-group-field\"\n          className={floatingGroupVariants({ hasError: !!error })}\n        >\n          <span\n            aria-hidden=\"true\"\n            data-slot=\"checkbox-group-floating-label\"\n            className={floatingGroupLabelVariants({ hasError: !!error })}\n          >\n            {label}\n          </span>\n          {itemsElement}\n        </div>\n      ) : null}\n      {description && (\n        <p\n          id={descriptionId}\n          data-slot=\"checkbox-group-description\"\n          className={cn(\n            'text-muted-foreground text-xs',\n            isFloating ? 'mt-1' : 'mb-3'\n          )}\n        >\n          {description}\n        </p>\n      )}\n      {!isFloating && itemsElement}\n      {error && (\n        <p\n          id={errorId}\n          data-slot=\"checkbox-group-error\"\n          className=\"text-destructive mt-2 text-sm\"\n          role=\"alert\"\n        >\n          {error}\n        </p>\n      )}\n    </fieldset>\n  );\n}\n\nCheckboxGroup.displayName = 'CheckboxGroup';\n\n// ============================================================================\n// Check Icon\n// ============================================================================\n\ninterface CheckIconProps {\n  size?: 'sm' | 'md' | 'lg' | null;\n  className?: string;\n}\n\nfunction CheckIcon({ size, className }: CheckIconProps) {\n  const sizeMap = {\n    sm: 10,\n    md: 12,\n    lg: 14,\n  };\n  const iconSize = sizeMap[size || 'md'];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={iconSize}\n      height={iconSize}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M20 6 9 17l-5-5\" />\n    </svg>\n  );\n}\n\nfunction MinusIcon({ size, className }: CheckIconProps) {\n  const sizeMap = {\n    sm: 10,\n    md: 12,\n    lg: 14,\n  };\n  const iconSize = sizeMap[size || 'md'];\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={iconSize}\n      height={iconSize}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className={className}\n      aria-hidden=\"true\"\n    >\n      <path d=\"M5 12h14\" />\n    </svg>\n  );\n}\n\nexport { Checkbox, CheckboxGroup, checkboxVariants };\n"]}