@nebula-demo/ui 0.1.3

package/dist/components/FileUpload/FileUpload.js

@@ -0,0 +1,151 @@
+import { jsx as n, jsxs as v } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as w } from "../../utils/cn.js";
+import { FOCUS_RING as G } from "../../utils/focusRing.js";
+import { Icon as X } from "../Icon/Icon.js";
+const _ = t.forwardRef(
+  ({
+    name: I,
+    accept: o,
+    multiple: c = !1,
+    maxSize: l,
+    disabled: r = !1,
+    files: p,
+    icon: L,
+    instructionTextStrong: $ = "Select to upload",
+    instructionTextNormal: O = "or drag and drop",
+    uploadSpecificationText: b = "PDF or TXT files only (3 MB max)",
+    ariaLabel: R = "File upload drop zone",
+    onChange: d,
+    onDrag: x,
+    onDrop: g,
+    onError: u,
+    className: A,
+    ...M
+  }, P) => {
+    const k = t.useId(), D = `${k}-file-input`, m = `${k}-file-spec`, [T, h] = t.useState(!1), y = t.useRef(null), C = t.useCallback(
+      (e) => {
+        const a = [];
+        for (const i of e) {
+          if (o) {
+            const W = o.split(",").map((s) => s.trim().toLowerCase()), z = `.${i.name.split(".").pop()?.toLowerCase()}`, N = i.type.toLowerCase();
+            if (!W.some(
+              (s) => s === z || s === N || s.endsWith("/*") && N.startsWith(s.replace("/*", "/"))
+            )) {
+              u?.(new Error(`File "${i.name}" is not an accepted file type.`));
+              continue;
+            }
+          }
+          if (l && i.size > l) {
+            u?.(
+              new Error(
+                `File "${i.name}" exceeds the maximum size of ${Math.round(l / 1024 / 1024)} MB.`
+              )
+            );
+            continue;
+          }
+          a.push(i);
+        }
+        return a;
+      },
+      [o, l, u]
+    ), f = t.useCallback(
+      (e) => {
+        const a = C(e);
+        a.length !== 0 && d?.(p !== void 0 && c ? [...p, ...a] : a);
+      },
+      [C, p, d, c]
+    ), E = t.useCallback(
+      (e) => {
+        const a = e.target.files;
+        !a || a.length === 0 || (f(Array.from(a)), e.target.value = "");
+      },
+      [f]
+    ), F = t.useCallback(
+      (e) => {
+        e.preventDefault(), e.stopPropagation(), !r && (h(!0), x?.(e));
+      },
+      [r, x]
+    ), U = t.useCallback((e) => {
+      e.preventDefault(), e.stopPropagation(), h(!1);
+    }, []), j = t.useCallback(
+      (e) => {
+        if (e.preventDefault(), e.stopPropagation(), h(!1), r) return;
+        const a = Array.from(e.dataTransfer.files);
+        if (a.length === 0) return;
+        const i = c ? a : [a[0]];
+        g?.(i), f(i);
+      },
+      [r, c, g, f]
+    ), B = t.useCallback(() => {
+      r || y.current?.click();
+    }, [r]), K = t.useCallback(
+      (e) => {
+        r || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), y.current?.click());
+      },
+      [r]
+    );
+    return /* @__PURE__ */ n("div", { ref: P, className: w("cai-w-full", A), ...M, children: /* @__PURE__ */ v("label", { htmlFor: D, className: "cai-block cai-cursor-pointer", children: [
+      /* @__PURE__ */ v(
+        "div",
+        {
+          role: "button",
+          tabIndex: r ? -1 : 0,
+          "aria-label": R,
+          "aria-disabled": r || void 0,
+          "aria-describedby": m,
+          onDragOver: F,
+          onDragEnter: F,
+          onDragLeave: U,
+          onDrop: j,
+          onClick: B,
+          onKeyDown: K,
+          className: w(
+            "cai-flex cai-w-full cai-flex-col cai-items-center",
+            "cai-rounded-xl cai-border",
+            "cai-bg-secondary cai-px-3xl cai-py-4xl",
+            "cai-transition-colors cai-cursor-pointer",
+            G,
+            T ? "cai-border-2 cai-border-brand-primary" : "cai-border-tertiary hover:cai-border-brand-primary",
+            r && "cai-pointer-events-none cai-opacity-40"
+          ),
+          children: [
+            /* @__PURE__ */ n("span", { className: "cai-text-primary cai-mb-2", children: L ?? /* @__PURE__ */ n(X, { name: "upload-02", size: 24 }) }),
+            /* @__PURE__ */ v("div", { className: "cai-font-sans cai-text-base", children: [
+              /* @__PURE__ */ n("span", { className: "cai-font-semibold cai-text-primary", children: $ }),
+              /* @__PURE__ */ n("span", { className: "cai-ml-1 cai-font-medium cai-text-secondary", children: O })
+            ] }),
+            b && /* @__PURE__ */ n(
+              "p",
+              {
+                id: m,
+                className: "cai-font-sans cai-text-sm cai-font-normal cai-text-tertiary cai-mt-1",
+                children: b
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ n(
+        "input",
+        {
+          ref: y,
+          id: D,
+          type: "file",
+          name: I,
+          accept: o,
+          multiple: c,
+          disabled: r,
+          onChange: E,
+          "aria-describedby": m,
+          className: "cai-sr-only",
+          tabIndex: -1
+        }
+      )
+    ] }) });
+  }
+);
+_.displayName = "FileUpload";
+export {
+  _ as FileUpload
+};

package/dist/components/FileUpload/index.d.ts

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

package/dist/components/FileUpload/index.d.ts.map

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

package/dist/components/FilterChip/FilterChip.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),k=require("react"),j=require("../../utils/cn.cjs"),h=require("./FilterChip.variants.cjs"),g=require("../Icon/Icon.cjs");function q(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const t=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(s,a,t.get?t:{enumerable:!0,get:()=>e[a]})}}return s.default=e,Object.freeze(s)}const C=q(k),N=C.forwardRef(({type:e="selectable",variant:s="primary",size:a="sm",selected:t=!1,open:o=!1,disabled:r=!1,onSelect:f,onOpen:u,onDismiss:m,icon:d,avatar:p,children:n,value:I,className:v,onClick:x,..._},w)=>{const b=h.FILTER_CHIP_ICON_SIZES[a??"sm"],O=C.useCallback(S=>{r||(x?.(S),e==="selectable"&&f?.(),e==="dropdown"&&u?.(),e==="dismissible"&&m?.())},[r,x,e,f,u,m]);let c=null;e==="dropdown"?c=i.jsx("span",{className:j.cn("cai-flex cai-items-center cai-transition-transform cai-duration-150",o&&"cai-rotate-180"),children:i.jsx(g.Icon,{name:"chevron-down",size:b-2})}):e==="dismissible"&&(c=i.jsx("span",{className:"cai-flex cai-items-center",children:i.jsx(g.Icon,{name:"x-close",size:b-2})}));let l=null;p?l=i.jsx("span",{className:"cai-flex cai-items-center cai-shrink-0",children:p}):d&&(l=i.jsx("span",{className:"cai-flex cai-items-center cai-shrink-0",children:d}));const R=e==="dropdown"?{"aria-haspopup":"listbox","aria-expanded":o}:e==="dismissible"?{"aria-label":typeof n=="string"?`Remove ${n}`:void 0}:{"aria-pressed":t};return i.jsxs("button",{ref:w,type:"button","aria-disabled":r||void 0,disabled:r,"data-value":I,onClick:O,className:j.cn(h.filterChipVariants({variant:s,size:a,selected:t,disabled:r}),v),...R,..._,children:[l,i.jsx("span",{className:"cai-truncate",children:n}),c]})});N.displayName="FilterChip";exports.FilterChip=N;

package/dist/components/FilterChip/FilterChip.d.ts

@@ -0,0 +1,43 @@
+import { FilterChipVariantsProps } from './FilterChip.variants';
+import * as React from 'react';
+export interface FilterChipProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>, Omit<FilterChipVariantsProps, 'disabled'> {
+    /** Chip behavior type. Defaults to 'selectable'. */
+    type?: 'selectable' | 'dropdown' | 'dismissible';
+    /**
+     * Visual selected state. Indicates the chip has an active filter applied
+     * (e.g. "Price Range (1)" with one selection inside its dropdown). For a
+     * dropdown chip, `selected` and `open` are independent: a chip can be
+     * closed-but-selected (filter applied, menu collapsed) or open-but-unselected
+     * (menu expanded, no filter chosen yet).
+     */
+    selected?: boolean;
+    /**
+     * Dropdown popover open state. Drives chevron rotation and `aria-expanded`.
+     * Only meaningful for `type="dropdown"`.
+     */
+    open?: boolean;
+    /** Disables interaction. */
+    disabled?: boolean;
+    /** Toggle handler for selectable chips. */
+    onSelect?: () => void;
+    /** Open handler for dropdown chips. */
+    onOpen?: () => void;
+    /** Remove handler for dismissible chips. */
+    onDismiss?: () => void;
+    /** Optional leading icon element. */
+    icon?: React.ReactNode;
+    /** Optional leading avatar element. */
+    avatar?: React.ReactNode;
+    /** Label text. */
+    children: React.ReactNode;
+    /**
+     * Stable identifier for the chip, surfaced as `data-value` and used by
+     * FilterChipGroup to coordinate selection state across child chips.
+     */
+    value?: string;
+    /** Additional class names. */
+    className?: string;
+}
+declare const FilterChip: React.ForwardRefExoticComponent<FilterChipProps & React.RefAttributes<HTMLButtonElement>>;
+export { FilterChip };
+//# sourceMappingURL=FilterChip.d.ts.map

package/dist/components/FilterChip/FilterChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChip.d.ts","sourceRoot":"","sources":["../../../src/components/FilterChip/FilterChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EAGL,KAAK,uBAAuB,EAC7B,MAAM,uBAAuB,CAAA;AAM9B,MAAM,WAAW,eACf,SACE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAC3D,IAAI,CAAC,uBAAuB,EAAE,UAAU,CAAC;IAC3C,oDAAoD;IACpD,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,aAAa,CAAA;IAChD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,uCAAuC;IACvC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,qCAAqC;IACrC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,kBAAkB;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,QAAA,MAAM,UAAU,2FA+Ff,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/FilterChip/FilterChip.js

@@ -0,0 +1,71 @@
+import { jsx as a, jsxs as F } from "react/jsx-runtime";
+import * as x from "react";
+import { cn as N } from "../../utils/cn.js";
+import { filterChipVariants as _, FILTER_CHIP_ICON_SIZES as j } from "./FilterChip.variants.js";
+import { Icon as b } from "../Icon/Icon.js";
+const z = x.forwardRef(
+  ({
+    type: i = "selectable",
+    variant: C = "primary",
+    size: n = "sm",
+    selected: t = !1,
+    open: c = !1,
+    disabled: e = !1,
+    onSelect: o,
+    onOpen: m,
+    onDismiss: f,
+    icon: p,
+    avatar: d,
+    children: s,
+    value: I,
+    className: w,
+    onClick: h,
+    ...k
+  }, v) => {
+    const u = j[n ?? "sm"], R = x.useCallback(
+      (E) => {
+        e || (h?.(E), i === "selectable" && o?.(), i === "dropdown" && m?.(), i === "dismissible" && f?.());
+      },
+      [e, h, i, o, m, f]
+    );
+    let r = null;
+    i === "dropdown" ? r = /* @__PURE__ */ a(
+      "span",
+      {
+        className: N(
+          "cai-flex cai-items-center cai-transition-transform cai-duration-150",
+          c && "cai-rotate-180"
+        ),
+        children: /* @__PURE__ */ a(b, { name: "chevron-down", size: u - 2 })
+      }
+    ) : i === "dismissible" && (r = /* @__PURE__ */ a("span", { className: "cai-flex cai-items-center", children: /* @__PURE__ */ a(b, { name: "x-close", size: u - 2 }) }));
+    let l = null;
+    d ? l = /* @__PURE__ */ a("span", { className: "cai-flex cai-items-center cai-shrink-0", children: d }) : p && (l = /* @__PURE__ */ a("span", { className: "cai-flex cai-items-center cai-shrink-0", children: p }));
+    const g = i === "dropdown" ? { "aria-haspopup": "listbox", "aria-expanded": c } : i === "dismissible" ? {
+      "aria-label": typeof s == "string" ? `Remove ${s}` : void 0
+    } : { "aria-pressed": t };
+    return /* @__PURE__ */ F(
+      "button",
+      {
+        ref: v,
+        type: "button",
+        "aria-disabled": e || void 0,
+        disabled: e,
+        "data-value": I,
+        onClick: R,
+        className: N(_({ variant: C, size: n, selected: t, disabled: e }), w),
+        ...g,
+        ...k,
+        children: [
+          l,
+          /* @__PURE__ */ a("span", { className: "cai-truncate", children: s }),
+          r
+        ]
+      }
+    );
+  }
+);
+z.displayName = "FilterChip";
+export {
+  z as FilterChip
+};

package/dist/components/FilterChip/FilterChip.variants.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),r=require("../../utils/focusRing.cjs"),e=a.cva(["cai-inline-flex cai-items-center cai-font-sans cai-font-medium","cai-rounded-full cai-border cai-select-none cai-transition-all cai-duration-150","cai-max-w-[200px] cai-cursor-pointer",r.FOCUS_RING],{variants:{variant:{primary:"",brand:""},size:{sm:"cai-h-7 cai-px-3 cai-text-xs cai-gap-1.5",lg:"cai-h-9 cai-px-4 cai-text-sm cai-gap-2"},selected:{true:"",false:""},disabled:{true:"cai-opacity-40 cai-cursor-not-allowed",false:""}},compoundVariants:[{variant:"primary",selected:!1,disabled:!1,className:["cai-border-septenary cai-bg-primary-invert cai-bg-opacity-0 cai-text-primary","hover:cai-bg-secondary hover:cai-border-octonary"]},{variant:"primary",selected:!1,disabled:!0,className:"cai-border-septenary cai-bg-primary-invert cai-bg-opacity-0 cai-text-primary"},{variant:"primary",selected:!0,disabled:!1,className:"cai-border-quaternary cai-bg-quaternary cai-text-primary-invert"},{variant:"primary",selected:!0,disabled:!0,className:"cai-border-quaternary cai-bg-quaternary cai-text-primary-invert"},{variant:"brand",selected:!1,disabled:!1,className:["cai-border-brand-primary cai-bg-transparent cai-text-brand-primary","hover:cai-bg-brand-secondary hover:cai-border-brand-primary"]},{variant:"brand",selected:!1,disabled:!0,className:"cai-border-brand-primary cai-bg-transparent cai-text-brand-primary"},{variant:"brand",selected:!0,disabled:!1,className:"cai-border-brand-primary cai-bg-brand-primary cai-text-primary-invert"},{variant:"brand",selected:!0,disabled:!0,className:"cai-border-brand-primary cai-bg-brand-primary cai-text-primary-invert"}],defaultVariants:{variant:"primary",size:"sm",selected:!1,disabled:!1}}),i={sm:14,lg:18};exports.FILTER_CHIP_ICON_SIZES=i;exports.filterChipVariants=e;

package/dist/components/FilterChip/FilterChip.variants.d.ts

@@ -0,0 +1,22 @@
+import { VariantProps } from 'class-variance-authority';
+/**
+ * Root chip element. Pill-shaped button with type, variant, size,
+ * and selected state combinations.
+ *
+ * Variant tokens (from spec):
+ *   primary         → border-septenary, bg-primary-invert (transparent), text-primary
+ *   brand           → border-brand-primary, bg-transparent, text-brand-primary
+ *   primary:hover   → bg-secondary, border-octonary
+ *   brand:hover     → bg-brand-secondary, border-brand-primary
+ *   primary:selected→ bg-quaternary, text-primary-invert
+ *   brand:selected  → bg-brand-primary, text-primary-invert
+ */
+export declare const filterChipVariants: (props?: ({
+    variant?: "brand" | "primary" | null | undefined;
+    size?: "sm" | "lg" | null | undefined;
+    selected?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type FilterChipVariantsProps = VariantProps<typeof filterChipVariants>;
+export declare const FILTER_CHIP_ICON_SIZES: Record<string, number>;
+//# sourceMappingURL=FilterChip.variants.d.ts.map

package/dist/components/FilterChip/FilterChip.variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChip.variants.d.ts","sourceRoot":"","sources":["../../../src/components/FilterChip/FilterChip.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,kBAAkB;;;;;8EA6F9B,CAAA;AAED,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAM7E,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAGzD,CAAA"}

package/dist/components/FilterChip/FilterChip.variants.js

@@ -0,0 +1,103 @@
+import { cva as a } from "class-variance-authority";
+import { FOCUS_RING as r } from "../../utils/focusRing.js";
+const t = a(
+  [
+    "cai-inline-flex cai-items-center cai-font-sans cai-font-medium",
+    "cai-rounded-full cai-border cai-select-none cai-transition-all cai-duration-150",
+    "cai-max-w-[200px] cai-cursor-pointer",
+    r
+  ],
+  {
+    variants: {
+      variant: {
+        primary: "",
+        brand: ""
+      },
+      size: {
+        sm: "cai-h-7 cai-px-3 cai-text-xs cai-gap-1.5",
+        lg: "cai-h-9 cai-px-4 cai-text-sm cai-gap-2"
+      },
+      selected: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "cai-opacity-40 cai-cursor-not-allowed",
+        false: ""
+      }
+    },
+    compoundVariants: [
+      /* ---- primary, unselected ---- */
+      {
+        variant: "primary",
+        selected: !1,
+        disabled: !1,
+        className: [
+          "cai-border-septenary cai-bg-primary-invert cai-bg-opacity-0 cai-text-primary",
+          "hover:cai-bg-secondary hover:cai-border-octonary"
+        ]
+      },
+      {
+        variant: "primary",
+        selected: !1,
+        disabled: !0,
+        className: "cai-border-septenary cai-bg-primary-invert cai-bg-opacity-0 cai-text-primary"
+      },
+      /* ---- primary, selected ---- */
+      {
+        variant: "primary",
+        selected: !0,
+        disabled: !1,
+        className: "cai-border-quaternary cai-bg-quaternary cai-text-primary-invert"
+      },
+      {
+        variant: "primary",
+        selected: !0,
+        disabled: !0,
+        className: "cai-border-quaternary cai-bg-quaternary cai-text-primary-invert"
+      },
+      /* ---- brand, unselected ---- */
+      {
+        variant: "brand",
+        selected: !1,
+        disabled: !1,
+        className: [
+          "cai-border-brand-primary cai-bg-transparent cai-text-brand-primary",
+          "hover:cai-bg-brand-secondary hover:cai-border-brand-primary"
+        ]
+      },
+      {
+        variant: "brand",
+        selected: !1,
+        disabled: !0,
+        className: "cai-border-brand-primary cai-bg-transparent cai-text-brand-primary"
+      },
+      /* ---- brand, selected ---- */
+      {
+        variant: "brand",
+        selected: !0,
+        disabled: !1,
+        className: "cai-border-brand-primary cai-bg-brand-primary cai-text-primary-invert"
+      },
+      {
+        variant: "brand",
+        selected: !0,
+        disabled: !0,
+        className: "cai-border-brand-primary cai-bg-brand-primary cai-text-primary-invert"
+      }
+    ],
+    defaultVariants: {
+      variant: "primary",
+      size: "sm",
+      selected: !1,
+      disabled: !1
+    }
+  }
+), c = {
+  sm: 14,
+  lg: 18
+};
+export {
+  c as FILTER_CHIP_ICON_SIZES,
+  t as filterChipVariants
+};

package/dist/components/FilterChip/index.d.ts

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

package/dist/components/FilterChip/index.d.ts.map

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

package/dist/components/FilterChipGroup/FilterChipGroup.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),T=require("react"),_=require("../../utils/cn.cjs");function K(o){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const l in o)if(l!=="default"){const u=Object.getOwnPropertyDescriptor(o,l);Object.defineProperty(c,l,u.get?u:{enumerable:!0,get:()=>o[l]})}}return c.default=o,Object.freeze(c)}const t=K(T),j=t.createContext(null),w=t.forwardRef(({variant:o="primary",size:c="sm",value:l,onValueChange:u,mode:m="multi",openValue:p,onOpenChange:h,announceChanges:g=!1,"aria-label":S,className:D,children:C,...R},f)=>{const[O,I]=t.useState([]),i=t.useMemo(()=>l===void 0?O:Array.isArray(l)?l:l?[l]:[],[l,O]),b=t.useCallback(e=>{let r;m==="single"?r=i.includes(e)?[]:[e]:r=i.includes(e)?i.filter(n=>n!==e):[...i,e],l===void 0&&I(r),u?.(m==="single"?r[0]??"":r)},[m,i,l,u]),[A,E]=t.useState(null),v=p!==void 0?p:A,M=t.useCallback(e=>{const r=v===e?null:e;p===void 0&&E(r),h?.(r)},[v,p,h]),k=t.useRef(null),F=t.useCallback(e=>{k.current=e,typeof f=="function"?f(e):f&&(f.current=e)},[f]),G=t.useCallback(e=>{const r=k.current;if(!r)return;const n=Array.from(r.querySelectorAll("[data-value]")),s=n.findIndex(x=>x===document.activeElement);if(s===-1)return;let a;switch(e.key){case"ArrowRight":e.preventDefault(),a=(s+1)%n.length;break;case"ArrowLeft":e.preventDefault(),a=(s-1+n.length)%n.length;break;case"Home":e.preventDefault(),a=0;break;case"End":e.preventDefault(),a=n.length-1;break;default:return}n[a]?.focus()},[]),N=t.useMemo(()=>({variant:o,size:c,selectedValues:i,onToggle:b}),[o,c,i,b]);let d=-1;t.Children.forEach(C,(e,r)=>{if(d!==-1||!t.isValidElement(e))return;const n=e.props.value;n&&i.includes(n)&&(d=r)}),d===-1&&(d=0);const q=t.Children.map(C,(e,r)=>{if(!t.isValidElement(e))return e;const n=e,s=n.props.value,a=s?i.includes(s):!1,x=s?v===s:!1;return t.cloneElement(n,{variant:o,size:c,selected:a,onSelect:s?()=>b(s):void 0,open:x,onOpen:s?()=>M(s):void 0,tabIndex:r===d?0:-1})}),P=t.useMemo(()=>{if(!g)return"";const e=i.length;return e===0?"No filters active":`${e} ${e===1?"filter":"filters"} active`},[g,i]);return y.jsxs(j.Provider,{value:N,children:[y.jsx("div",{ref:F,role:"group","aria-label":S,onKeyDown:G,className:_.cn("cai-flex cai-flex-wrap cai-gap-2 cai-items-center",D),...R,children:q}),g&&y.jsx("div",{role:"status","aria-live":"polite",className:"cai-sr-only",children:P})]})});w.displayName="FilterChipGroup";exports.FilterChipGroup=w;exports.FilterChipGroupContext=j;

package/dist/components/FilterChipGroup/FilterChipGroup.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+export interface FilterChipGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Applied to all child FilterChip elements. Defaults to 'primary'. */
+    variant?: 'primary' | 'brand';
+    /** Applied to all child FilterChip elements. Defaults to 'sm'. */
+    size?: 'sm' | 'lg';
+    /** Controlled selected value(s). String for single mode, string[] for multi. */
+    value?: string | string[];
+    /** Selection change callback. */
+    onValueChange?: (value: string | string[]) => void;
+    /** Selection mode. Defaults to 'multi'. */
+    mode?: 'single' | 'multi';
+    /**
+     * Controlled open value for dropdown chips. Only one dropdown can be open
+     * at a time. Pass `null` to close all. When undefined, the group manages
+     * open state internally.
+     */
+    openValue?: string | null;
+    /**
+     * Callback fired when the open dropdown chip changes. Receives the value
+     * of the newly-opened chip, or `null` when all dropdowns close.
+     */
+    onOpenChange?: (value: string | null) => void;
+    /**
+     * When true, renders a visually-hidden `aria-live="polite"` status region
+     * that announces selection changes (e.g. "3 filters active"). Opt-in to
+     * avoid duplicate announcements when consumers manage their own live region.
+     */
+    announceChanges?: boolean;
+    /** Required accessible label for the group. */
+    'aria-label': string;
+    /** Additional class names. */
+    className?: string;
+    /**
+     * FilterChip children. The group injects `variant`, `size`, `selected`,
+     * `onSelect`, `open`, `onOpen`, and `tabIndex` into each child via
+     * `React.cloneElement`. Child-supplied `tabIndex` is overridden by the
+     * group's roving-tabindex focus model — this is intentional, so the
+     * group owns keyboard navigation. Children are matched by their `value`
+     * prop (also rendered as `data-value`).
+     */
+    children: React.ReactNode;
+}
+interface FilterChipGroupContextValue {
+    variant: 'primary' | 'brand';
+    size: 'sm' | 'lg';
+    selectedValues: string[];
+    onToggle: (value: string) => void;
+}
+export declare const FilterChipGroupContext: React.Context<FilterChipGroupContextValue | null>;
+export declare function useFilterChipGroup(): FilterChipGroupContextValue | null;
+declare const FilterChipGroup: React.ForwardRefExoticComponent<FilterChipGroupProps & React.RefAttributes<HTMLDivElement>>;
+export { FilterChipGroup };
+//# sourceMappingURL=FilterChipGroup.d.ts.map

package/dist/components/FilterChipGroup/FilterChipGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChipGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FilterChipGroup/FilterChipGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,CACX;IACC,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B,kEAAkE;IAClE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,gFAAgF;IAChF,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,iCAAiC;IACjC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAClD,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IACzB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC7C;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,+CAA+C;IAC/C,YAAY,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;;OAOG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAMD,UAAU,2BAA2B;IACnC,OAAO,EAAE,SAAS,GAAG,OAAO,CAAA;IAC5B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAA;IACjB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,eAAO,MAAM,sBAAsB,mDAAgE,CAAA;AAEnG,wBAAgB,kBAAkB,uCAEjC;AAMD,QAAA,MAAM,eAAe,6FA+LpB,CAAA;AAID,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/FilterChipGroup/FilterChipGroup.js

@@ -0,0 +1,112 @@
+import { jsxs as K, jsx as w } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as T } from "../../utils/cn.js";
+const $ = t.createContext(null), q = t.forwardRef(
+  ({
+    variant: f = "primary",
+    size: d = "sm",
+    value: i,
+    onValueChange: p,
+    mode: m = "multi",
+    openValue: u,
+    onOpenChange: b,
+    announceChanges: v = !1,
+    "aria-label": I,
+    className: A,
+    children: h,
+    ...D
+  }, c) => {
+    const [k, E] = t.useState([]), s = t.useMemo(() => i === void 0 ? k : Array.isArray(i) ? i : i ? [i] : [], [i, k]), x = t.useCallback(
+      (e) => {
+        let r;
+        m === "single" ? r = s.includes(e) ? [] : [e] : r = s.includes(e) ? s.filter((n) => n !== e) : [...s, e], i === void 0 && E(r), p?.(m === "single" ? r[0] ?? "" : r);
+      },
+      [m, s, i, p]
+    ), [O, R] = t.useState(null), g = u !== void 0 ? u : O, S = t.useCallback(
+      (e) => {
+        const r = g === e ? null : e;
+        u === void 0 && R(r), b?.(r);
+      },
+      [g, u, b]
+    ), C = t.useRef(null), M = t.useCallback(
+      (e) => {
+        C.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
+      },
+      [c]
+    ), N = t.useCallback((e) => {
+      const r = C.current;
+      if (!r) return;
+      const n = Array.from(r.querySelectorAll("[data-value]")), l = n.findIndex((y) => y === document.activeElement);
+      if (l === -1) return;
+      let o;
+      switch (e.key) {
+        case "ArrowRight":
+          e.preventDefault(), o = (l + 1) % n.length;
+          break;
+        case "ArrowLeft":
+          e.preventDefault(), o = (l - 1 + n.length) % n.length;
+          break;
+        case "Home":
+          e.preventDefault(), o = 0;
+          break;
+        case "End":
+          e.preventDefault(), o = n.length - 1;
+          break;
+        default:
+          return;
+      }
+      n[o]?.focus();
+    }, []), F = t.useMemo(
+      () => ({
+        variant: f,
+        size: d,
+        selectedValues: s,
+        onToggle: x
+      }),
+      [f, d, s, x]
+    );
+    let a = -1;
+    t.Children.forEach(h, (e, r) => {
+      if (a !== -1 || !t.isValidElement(e)) return;
+      const n = e.props.value;
+      n && s.includes(n) && (a = r);
+    }), a === -1 && (a = 0);
+    const G = t.Children.map(h, (e, r) => {
+      if (!t.isValidElement(e)) return e;
+      const n = e, l = n.props.value, o = l ? s.includes(l) : !1, y = l ? g === l : !1;
+      return t.cloneElement(n, {
+        variant: f,
+        size: d,
+        selected: o,
+        onSelect: l ? () => x(l) : void 0,
+        open: y,
+        onOpen: l ? () => S(l) : void 0,
+        tabIndex: r === a ? 0 : -1
+      });
+    }), j = t.useMemo(() => {
+      if (!v) return "";
+      const e = s.length;
+      return e === 0 ? "No filters active" : `${e} ${e === 1 ? "filter" : "filters"} active`;
+    }, [v, s]);
+    return /* @__PURE__ */ K($.Provider, { value: F, children: [
+      /* @__PURE__ */ w(
+        "div",
+        {
+          ref: M,
+          role: "group",
+          "aria-label": I,
+          onKeyDown: N,
+          className: T("cai-flex cai-flex-wrap cai-gap-2 cai-items-center", A),
+          ...D,
+          children: G
+        }
+      ),
+      v && /* @__PURE__ */ w("div", { role: "status", "aria-live": "polite", className: "cai-sr-only", children: j })
+    ] });
+  }
+);
+q.displayName = "FilterChipGroup";
+export {
+  q as FilterChipGroup,
+  $ as FilterChipGroupContext
+};

package/dist/components/FilterChipGroup/index.d.ts

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

package/dist/components/FilterChipGroup/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FilterChipGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/components/Icon/Icon.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("react"),l=require("../../utils/cn.cjs"),f=require("./icons.cjs");function p(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const d=p(a);function g(e){return typeof e=="string"?[o.jsx("path",{d:e},"0")]:e.paths.map((n,t)=>o.jsx("path",{d:n},t))}const s=d.forwardRef(({name:e,size:n=20,strokeWidth:t=2,className:r,...i},u)=>{const c=f.UTUI_ICONS[e];return c?o.jsx("svg",{ref:u,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:n,height:n,fill:"none",stroke:"currentColor",strokeWidth:t,strokeLinecap:"round",strokeLinejoin:"round",className:l.cn(r),...i,children:g(c)}):(typeof process<"u"&&process.env?.NODE_ENV!=="production"&&console.warn(`[Icon] Unknown icon name: "${e}"`),null)});s.displayName="Icon";exports.Icon=s;

package/dist/components/Icon/Icon.d.ts

@@ -0,0 +1,16 @@
+import { UTUI_ICONS } from './icons';
+import * as React from 'react';
+export type IconName = keyof typeof UTUI_ICONS;
+export interface IconProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'name'> {
+    /** Icon name — key from the UTUI_ICONS dictionary (Untitled UI set) */
+    name: IconName | (string & {});
+    /** Pixel size for width and height. Defaults to 20. */
+    size?: number;
+    /** Stroke width. Defaults to 2. */
+    strokeWidth?: number;
+    /** Additional class names */
+    className?: string;
+}
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+export { Icon };
+//# sourceMappingURL=Icon.d.ts.map

package/dist/components/Icon/Icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAqB,MAAM,SAAS,CAAA;AAEvD,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,UAAU,CAAA;AAE9C,MAAM,WAAW,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IACjF,uEAAuE;IACvE,IAAI,EAAE,QAAQ,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;IAC9B,uDAAuD;IACvD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD,QAAA,MAAM,IAAI,iFA+BT,CAAA;AAID,OAAO,EAAE,IAAI,EAAE,CAAA"}