@countermeasure-platform/web-components 0.2.0

package/dist/react/primitives/stepper.js

@@ -0,0 +1,68 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { t } from "../../check-D2xnnLBE.js";
+import { t as n } from "../../x-DCVjAtEF.js";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import * as a from "react";
+//#region src/react/primitives/stepper.tsx
+var o = a.createContext({ orientation: "horizontal" });
+function s({ className: t, orientation: n = "horizontal", children: i, ...s }) {
+	let c = a.useMemo(() => ({ orientation: n }), [n]);
+	return /* @__PURE__ */ r(o.Provider, {
+		value: c,
+		children: /* @__PURE__ */ r("nav", {
+			"data-slot": "stepper",
+			"aria-label": "Progress",
+			className: e(t),
+			...s,
+			children: /* @__PURE__ */ r("ol", {
+				className: e("flex gap-2", n === "vertical" ? "flex-col" : "items-center"),
+				children: i
+			})
+		})
+	});
+}
+function c({ className: s, step: c, label: l, description: u, status: d = "pending", isLast: f = !1, icon: p, onClick: m, ...h }) {
+	let { orientation: g } = a.useContext(o), _ = d !== "disabled" && m !== void 0;
+	return /* @__PURE__ */ i("li", {
+		"data-slot": "stepper-item",
+		"data-status": d,
+		className: e("flex gap-3", g === "horizontal" && "flex-1 items-center", g === "vertical" && "relative pb-8 last:pb-0", s),
+		...h,
+		children: [
+			/* @__PURE__ */ i("div", {
+				className: e("flex items-center gap-3", g === "horizontal" && "flex-col sm:flex-row", g === "vertical" && "items-start"),
+				children: [/* @__PURE__ */ r("button", {
+					type: "button",
+					disabled: !_,
+					onClick: _ ? m : void 0,
+					"aria-current": d === "active" ? "step" : void 0,
+					className: e("relative z-10 flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-medium transition-all", d === "pending" && "border-border-glass bg-surface-secondary text-foreground-secondary", d === "active" && "border-primary bg-primary text-primary-foreground shadow-glow", d === "complete" && "border-primary bg-primary text-primary-foreground", d === "error" && "border-destructive bg-destructive text-destructive-foreground", d === "disabled" && "border-border-glass bg-surface-secondary text-foreground-secondary/50 cursor-not-allowed opacity-50", _ && "cursor-pointer hover:shadow-glow"),
+					children: p || (d === "complete" ? /* @__PURE__ */ r(t, { className: "size-4" }) : d === "error" ? /* @__PURE__ */ r(n, { className: "size-4" }) : c)
+				}), /* @__PURE__ */ i("div", {
+					className: "flex flex-col",
+					children: [/* @__PURE__ */ r("span", {
+						className: e("text-sm font-medium", d === "active" && "text-foreground", d === "complete" && "text-foreground", d === "pending" && "text-foreground-secondary", d === "error" && "text-destructive", d === "disabled" && "text-foreground-secondary/50"),
+						children: l
+					}), u && /* @__PURE__ */ r("span", {
+						className: e("text-xs", d === "disabled" ? "text-foreground-secondary/40" : "text-foreground-secondary"),
+						children: u
+					})]
+				})]
+			}),
+			!f && g === "horizontal" && /* @__PURE__ */ r("div", {
+				"data-slot": "stepper-connector",
+				"aria-hidden": "true",
+				className: e("mx-2 h-0.5 flex-1 rounded-full transition-colors", d === "complete" ? "bg-primary" : "bg-border-glass")
+			}),
+			!f && g === "vertical" && /* @__PURE__ */ r("div", {
+				"data-slot": "stepper-connector",
+				"aria-hidden": "true",
+				className: e("absolute left-[15px] top-10 h-[calc(100%-2.5rem)] w-0.5 rounded-full transition-colors", d === "complete" ? "bg-primary" : "bg-border-glass")
+			})
+		]
+	});
+}
+//#endregion
+export { s as Stepper, c as StepperItem };
+
+//# sourceMappingURL=stepper.js.map

package/dist/react/primitives/stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.js","names":[],"sources":["../../../src/react/primitives/stepper.tsx"],"sourcesContent":["import { CheckIcon, XIcon } from 'lucide-react'\nimport * as React from 'react'\n\nimport { cn } from './utils'\n\ntype StepStatus = 'pending' | 'active' | 'complete' | 'error' | 'disabled'\n\ninterface StepperContextValue {\n  orientation: 'horizontal' | 'vertical'\n}\n\nconst StepperContext = React.createContext<StepperContextValue>({\n  orientation: 'horizontal',\n})\n\nfunction Stepper({\n  className,\n  orientation = 'horizontal',\n  children,\n  ...props\n}: React.ComponentProps<'nav'> & {\n  orientation?: 'horizontal' | 'vertical'\n}) {\n  const contextValue = React.useMemo(() => ({ orientation }), [orientation])\n\n  return (\n    <StepperContext.Provider value={contextValue}>\n      <nav data-slot=\"stepper\" aria-label=\"Progress\" className={cn(className)} {...props}>\n        <ol className={cn('flex gap-2', orientation === 'vertical' ? 'flex-col' : 'items-center')}>\n          {children}\n        </ol>\n      </nav>\n    </StepperContext.Provider>\n  )\n}\n\nfunction StepperItem({\n  className,\n  step,\n  label,\n  description,\n  status = 'pending',\n  isLast = false,\n  icon,\n  onClick,\n  ...props\n}: React.ComponentProps<'li'> & {\n  step: number\n  label: string\n  description?: string\n  status?: StepStatus\n  isLast?: boolean\n  icon?: React.ReactNode\n}) {\n  const { orientation } = React.useContext(StepperContext)\n  const isClickable = status !== 'disabled' && onClick !== undefined\n\n  return (\n    <li\n      data-slot=\"stepper-item\"\n      data-status={status}\n      className={cn(\n        'flex gap-3',\n        orientation === 'horizontal' && 'flex-1 items-center',\n        orientation === 'vertical' && 'relative pb-8 last:pb-0',\n        className\n      )}\n      {...props}\n    >\n      <div\n        className={cn(\n          'flex items-center gap-3',\n          orientation === 'horizontal' && 'flex-col sm:flex-row',\n          orientation === 'vertical' && 'items-start'\n        )}\n      >\n        {/* Step indicator */}\n        <button\n          type=\"button\"\n          disabled={!isClickable}\n          onClick={\n            isClickable\n              ? (onClick as unknown as React.MouseEventHandler<HTMLButtonElement>)\n              : undefined\n          }\n          aria-current={status === 'active' ? 'step' : undefined}\n          className={cn(\n            'relative z-10 flex size-8 shrink-0 items-center justify-center rounded-full border-2 text-sm font-medium transition-all',\n            status === 'pending' &&\n              'border-border-glass bg-surface-secondary text-foreground-secondary',\n            status === 'active' && 'border-primary bg-primary text-primary-foreground shadow-glow',\n            status === 'complete' && 'border-primary bg-primary text-primary-foreground',\n            status === 'error' && 'border-destructive bg-destructive text-destructive-foreground',\n            status === 'disabled' &&\n              'border-border-glass bg-surface-secondary text-foreground-secondary/50 cursor-not-allowed opacity-50',\n            isClickable && 'cursor-pointer hover:shadow-glow'\n          )}\n        >\n          {icon ? (\n            icon\n          ) : status === 'complete' ? (\n            <CheckIcon className=\"size-4\" />\n          ) : status === 'error' ? (\n            <XIcon className=\"size-4\" />\n          ) : (\n            step\n          )}\n        </button>\n\n        {/* Step text */}\n        <div className=\"flex flex-col\">\n          <span\n            className={cn(\n              'text-sm font-medium',\n              status === 'active' && 'text-foreground',\n              status === 'complete' && 'text-foreground',\n              status === 'pending' && 'text-foreground-secondary',\n              status === 'error' && 'text-destructive',\n              status === 'disabled' && 'text-foreground-secondary/50'\n            )}\n          >\n            {label}\n          </span>\n          {description && (\n            <span\n              className={cn(\n                'text-xs',\n                status === 'disabled' ? 'text-foreground-secondary/40' : 'text-foreground-secondary'\n              )}\n            >\n              {description}\n            </span>\n          )}\n        </div>\n      </div>\n\n      {/* Connector line */}\n      {!isLast && orientation === 'horizontal' && (\n        <div\n          data-slot=\"stepper-connector\"\n          aria-hidden=\"true\"\n          className={cn(\n            'mx-2 h-0.5 flex-1 rounded-full transition-colors',\n            status === 'complete' ? 'bg-primary' : 'bg-border-glass'\n          )}\n        />\n      )}\n      {!isLast && orientation === 'vertical' && (\n        <div\n          data-slot=\"stepper-connector\"\n          aria-hidden=\"true\"\n          className={cn(\n            'absolute left-[15px] top-10 h-[calc(100%-2.5rem)] w-0.5 rounded-full transition-colors',\n            status === 'complete' ? 'bg-primary' : 'bg-border-glass'\n          )}\n        />\n      )}\n    </li>\n  )\n}\n\nexport { Stepper, StepperItem, type StepStatus }\n"],"mappings":";;;;;;AAWA,IAAM,IAAiB,EAAM,cAAmC,EAC9D,aAAa,cACd,CAAC;AAEF,SAAS,EAAQ,EACf,cACA,iBAAc,cACd,aACA,GAAG,KAGF;CACD,IAAM,IAAe,EAAM,eAAe,EAAE,gBAAa,GAAG,CAAC,EAAY,CAAC;AAE1E,QACE,kBAAC,EAAe,UAAhB;EAAyB,OAAO;YAC9B,kBAAC,OAAD;GAAK,aAAU;GAAU,cAAW;GAAW,WAAW,EAAG,EAAU;GAAE,GAAI;aAC3E,kBAAC,MAAD;IAAI,WAAW,EAAG,cAAc,MAAgB,aAAa,aAAa,eAAe;IACtF;IACE,CAAA;GACD,CAAA;EACkB,CAAA;;AAI9B,SAAS,EAAY,EACnB,cACA,SACA,UACA,gBACA,YAAS,WACT,YAAS,IACT,SACA,YACA,GAAG,KAQF;CACD,IAAM,EAAE,mBAAgB,EAAM,WAAW,EAAe,EAClD,IAAc,MAAW,cAAc,MAAY,KAAA;AAEzD,QACE,kBAAC,MAAD;EACE,aAAU;EACV,eAAa;EACb,WAAW,EACT,cACA,MAAgB,gBAAgB,uBAChC,MAAgB,cAAc,2BAC9B,EACD;EACD,GAAI;YATN;GAWE,kBAAC,OAAD;IACE,WAAW,EACT,2BACA,MAAgB,gBAAgB,wBAChC,MAAgB,cAAc,cAC/B;cALH,CAQE,kBAAC,UAAD;KACE,MAAK;KACL,UAAU,CAAC;KACX,SACE,IACK,IACD,KAAA;KAEN,gBAAc,MAAW,WAAW,SAAS,KAAA;KAC7C,WAAW,EACT,2HACA,MAAW,aACT,sEACF,MAAW,YAAY,iEACvB,MAAW,cAAc,qDACzB,MAAW,WAAW,iEACtB,MAAW,cACT,uGACF,KAAe,mCAChB;eAEA,MAEG,MAAW,aACb,kBAAC,GAAD,EAAW,WAAU,UAAW,CAAA,GAC9B,MAAW,UACb,kBAAC,GAAD,EAAO,WAAU,UAAW,CAAA,GAE5B;KAEK,CAAA,EAGT,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD;MACE,WAAW,EACT,uBACA,MAAW,YAAY,mBACvB,MAAW,cAAc,mBACzB,MAAW,aAAa,6BACxB,MAAW,WAAW,oBACtB,MAAW,cAAc,+BAC1B;gBAEA;MACI,CAAA,EACN,KACC,kBAAC,QAAD;MACE,WAAW,EACT,WACA,MAAW,aAAa,iCAAiC,4BAC1D;gBAEA;MACI,CAAA,CAEL;OACF;;GAGL,CAAC,KAAU,MAAgB,gBAC1B,kBAAC,OAAD;IACE,aAAU;IACV,eAAY;IACZ,WAAW,EACT,oDACA,MAAW,aAAa,eAAe,kBACxC;IACD,CAAA;GAEH,CAAC,KAAU,MAAgB,cAC1B,kBAAC,OAAD;IACE,aAAU;IACV,eAAY;IACZ,WAAW,EACT,0FACA,MAAW,aAAa,eAAe,kBACxC;IACD,CAAA;GAED"}

package/dist/react/primitives/switch.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Switch Component
+ *
+ * A toggle switch built on Radix UI primitives.
+ * Used for binary settings like Low Effects Mode and Compact Mode.
+ */
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+interface SwitchProps extends React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root> {
+    /** Size variant */
+    size?: 'default' | 'sm';
+}
+declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+export type { SwitchProps };
+//# sourceMappingURL=switch.d.ts.map

package/dist/react/primitives/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/switch.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAA;AAG1D,UAAU,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC;IACxF,mBAAmB;IACnB,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB;AAED,QAAA,MAAM,MAAM,uFA0BX,CAAA;AAGD,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/react/primitives/switch.js

@@ -0,0 +1,2 @@
+import { t as e } from "../../switch-dChlavwa.js";
+export { e as Switch };

package/dist/react/primitives/table.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+declare function Table({ className, ...props }: React.ComponentProps<'table'>): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<'tr'>): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<'th'>): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<'td'>): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption };
+//# sourceMappingURL=table.d.ts.map

package/dist/react/primitives/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAUpE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAE1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQ1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAWrE;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQ7E;AAED,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/dist/react/primitives/table.js

@@ -0,0 +1,68 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+//#region src/react/primitives/table.tsx
+function n({ className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		"data-slot": "table-container",
+		className: "relative w-full overflow-x-auto",
+		children: /* @__PURE__ */ t("table", {
+			"data-slot": "table",
+			className: e("w-full caption-bottom text-sm", n),
+			...r
+		})
+	});
+}
+function r({ className: n, ...r }) {
+	return /* @__PURE__ */ t("thead", {
+		"data-slot": "table-header",
+		className: e("[&_tr]:border-b", n),
+		...r
+	});
+}
+function i({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tbody", {
+		"data-slot": "table-body",
+		className: e("[&_tr:last-child]:border-0", n),
+		...r
+	});
+}
+function a({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tfoot", {
+		"data-slot": "table-footer",
+		className: e("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", n),
+		...r
+	});
+}
+function o({ className: n, ...r }) {
+	return /* @__PURE__ */ t("tr", {
+		"data-slot": "table-row",
+		className: e("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", n),
+		...r
+	});
+}
+function s({ className: n, ...r }) {
+	return /* @__PURE__ */ t("th", {
+		"data-slot": "table-head",
+		className: e("text-foreground h-12 px-4 text-left align-middle font-medium whitespace-nowrap first:pl-6 last:pr-6 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
+	});
+}
+function c({ className: n, ...r }) {
+	return /* @__PURE__ */ t("td", {
+		"data-slot": "table-cell",
+		className: e("px-4 py-3 align-middle whitespace-nowrap first:pl-6 last:pr-6 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", n),
+		...r
+	});
+}
+function l({ className: n, ...r }) {
+	return /* @__PURE__ */ t("caption", {
+		"data-slot": "table-caption",
+		className: e("text-muted-foreground mt-4 text-sm", n),
+		...r
+	});
+}
+//#endregion
+export { n as Table, i as TableBody, l as TableCaption, c as TableCell, a as TableFooter, s as TableHead, r as TableHeader, o as TableRow };
+
+//# sourceMappingURL=table.js.map

package/dist/react/primitives/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","names":[],"sources":["../../../src/react/primitives/table.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from './utils'\n\nfunction Table({ className, ...props }: React.ComponentProps<'table'>) {\n  return (\n    <div data-slot=\"table-container\" className=\"relative w-full overflow-x-auto\">\n      <table\n        data-slot=\"table\"\n        className={cn('w-full caption-bottom text-sm', className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({ className, ...props }: React.ComponentProps<'thead'>) {\n  return <thead data-slot=\"table-header\" className={cn('[&_tr]:border-b', className)} {...props} />\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<'tbody'>) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn('[&_tr:last-child]:border-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn('bg-muted/50 border-t font-medium [&>tr]:last:border-b-0', className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<'tr'>) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        'hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({ className, ...props }: React.ComponentProps<'th'>) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        'text-foreground h-12 px-4 text-left align-middle font-medium whitespace-nowrap first:pl-6 last:pr-6 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({ className, ...props }: React.ComponentProps<'td'>) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        'px-4 py-3 align-middle whitespace-nowrap first:pl-6 last:pr-6 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]',\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({ className, ...props }: React.ComponentProps<'caption'>) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn('text-muted-foreground mt-4 text-sm', className)}\n      {...props}\n    />\n  )\n}\n\nexport { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption }\n"],"mappings":";;;;AAIA,SAAS,EAAM,EAAE,cAAW,GAAG,KAAwC;AACrE,QACE,kBAAC,OAAD;EAAK,aAAU;EAAkB,WAAU;YACzC,kBAAC,SAAD;GACE,aAAU;GACV,WAAW,EAAG,iCAAiC,EAAU;GACzD,GAAI;GACJ,CAAA;EACE,CAAA;;AAIV,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;AAC3E,QAAO,kBAAC,SAAD;EAAO,aAAU;EAAe,WAAW,EAAG,mBAAmB,EAAU;EAAE,GAAI;EAAS,CAAA;;AAGnG,SAAS,EAAU,EAAE,cAAW,GAAG,KAAwC;AACzE,QACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,8BAA8B,EAAU;EACtD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAY,EAAE,cAAW,GAAG,KAAwC;AAC3E,QACE,kBAAC,SAAD;EACE,aAAU;EACV,WAAW,EAAG,2DAA2D,EAAU;EACnF,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAS,EAAE,cAAW,GAAG,KAAqC;AACrE,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,+EACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;AACtE,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,2KACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAU,EAAE,cAAW,GAAG,KAAqC;AACtE,QACE,kBAAC,MAAD;EACE,aAAU;EACV,WAAW,EACT,qIACA,EACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,EAAa,EAAE,cAAW,GAAG,KAA0C;AAC9E,QACE,kBAAC,WAAD;EACE,aAAU;EACV,WAAW,EAAG,sCAAsC,EAAU;EAC9D,GAAI;EACJ,CAAA"}

package/dist/react/primitives/tabs.d.ts

@@ -0,0 +1,8 @@
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import * as React from 'react';
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/react/primitives/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAQrF;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,2CAWzF;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAW/F;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,2CAQ/F;AAED,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/dist/react/primitives/tabs.js

@@ -0,0 +1,2 @@
+import { i as e, n as t, r as n, t as r } from "../../tabs-Bpcitl6-.js";
+export { r as Tabs, t as TabsContent, n as TabsList, e as TabsTrigger };

package/dist/react/primitives/tag-input.d.ts

@@ -0,0 +1,27 @@
+export interface TagSuggestion {
+    value: string;
+    label?: string;
+    color?: string;
+    category?: string;
+}
+export interface TagInputProps {
+    /** Current tags */
+    tags?: string[];
+    /** Static suggestions or async fetcher */
+    suggestions?: TagSuggestion[] | ((query: string) => TagSuggestion[] | Promise<TagSuggestion[]>);
+    /** Maximum number of tags */
+    maxTags?: number;
+    /** Allow duplicate tag values */
+    allowDuplicates?: boolean;
+    /** Input placeholder */
+    placeholder?: string;
+    /** Delimiter character for splitting pasted text */
+    delimiter?: string;
+    /** Additional class name */
+    className?: string;
+    /** Callback when tags change */
+    onChange?: (tags: string[]) => void;
+}
+declare function TagInput({ tags: tagsProp, suggestions, maxTags, allowDuplicates, placeholder, delimiter, className, onChange, }: TagInputProps): import("react/jsx-runtime").JSX.Element;
+export { TagInput };
+//# sourceMappingURL=tag-input.d.ts.map

package/dist/react/primitives/tag-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/tag-input.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,aAAa;IAC5B,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;IACf,0CAA0C;IAC1C,WAAW,CAAC,EAAE,aAAa,EAAE,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,KAAK,aAAa,EAAE,GAAG,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;IAC/F,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iCAAiC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACpC;AAED,iBAAS,QAAQ,CAAC,EAChB,IAAI,EAAE,QAAa,EACnB,WAAW,EACX,OAAO,EACP,eAAuB,EACvB,WAA0B,EAC1B,SAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,aAAa,2CA0Uf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/react/primitives/tag-input.js

@@ -0,0 +1,206 @@
+import { t as e } from "../../utils-B7XIe3qq.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "react";
+//#region src/react/primitives/tag-input.tsx
+function i({ tags: i = [], suggestions: a, maxTags: o, allowDuplicates: s = !1, placeholder: c = "Add tag...", delimiter: l = ",", className: u, onChange: d }) {
+	let [f, p] = r.useState(i), [m, h] = r.useState(""), [g, _] = r.useState([]), [v, y] = r.useState(-1), [b, x] = r.useState(!1), [S, C] = r.useState(!1), w = r.useRef(null), T = r.useRef(null), E = r.useRef(null);
+	r.useEffect(() => {
+		p(i);
+	}, [i]), r.useEffect(() => {
+		function e(e) {
+			T.current && !T.current.contains(e.target) && M();
+		}
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, []);
+	let D = o !== void 0 && f.length >= o;
+	function O(e) {
+		p(e), d?.(e);
+	}
+	function k(e) {
+		let t = e.trim();
+		return t === "" || D || !s && f.includes(t) ? !1 : (O([...f, t]), !0);
+	}
+	function A(e) {
+		O(f.filter((t) => t !== e));
+	}
+	function j() {
+		f.length > 0 && O(f.slice(0, -1));
+	}
+	function M() {
+		x(!1), y(-1);
+	}
+	function N() {
+		x(!0);
+	}
+	function P(e) {
+		if (!(!a || typeof a == "function")) return a.find((t) => t.value === e);
+	}
+	function F(e) {
+		return s ? e : e.filter((e) => !f.includes(e.value));
+	}
+	async function I(e) {
+		if (!a) {
+			M();
+			return;
+		}
+		if (typeof a == "function") {
+			C(!0);
+			try {
+				let t = a(e), n = F(t instanceof Promise ? await t : t);
+				_(n), n.length > 0 ? N() : M();
+			} catch {
+				M();
+			} finally {
+				C(!1);
+			}
+		} else {
+			let t = e.toLowerCase(), n = F(a.filter((e) => (e.label ?? e.value).toLowerCase().includes(t)));
+			_(n), n.length > 0 ? N() : M();
+		}
+	}
+	function L(e) {
+		let t = e.target.value;
+		h(t);
+		let n = t.trim();
+		if (n === "" || !a) {
+			M();
+			return;
+		}
+		E.current && clearTimeout(E.current), E.current = setTimeout(() => {
+			I(n);
+		}, 150);
+	}
+	function R(e) {
+		switch (e.key) {
+			case "Enter":
+				if (e.preventDefault(), b && v >= 0) {
+					let e = g[v];
+					e && (k(e.value), h(""), M());
+				} else m.trim() !== "" && (k(m), h(""), M());
+				break;
+			case "Backspace":
+				m === "" && f.length > 0 && j();
+				break;
+			case "Escape":
+				b && (e.preventDefault(), M());
+				break;
+			case "ArrowDown":
+				b && (e.preventDefault(), y((e) => e < g.length - 1 ? e + 1 : 0));
+				break;
+			case "ArrowUp":
+				b && (e.preventDefault(), y((e) => e > 0 ? e - 1 : g.length - 1));
+				break;
+			default: e.key === l && m.trim() !== "" && (e.preventDefault(), k(m), h(""), M());
+		}
+	}
+	function z(e) {
+		let t = e.clipboardData?.getData("text");
+		if (t && t.includes(l)) {
+			e.preventDefault();
+			let n = t.split(l);
+			for (let e of n) k(e);
+		}
+	}
+	function B(e) {
+		k(e.value), h(""), M(), w.current?.focus();
+	}
+	return /* @__PURE__ */ n("div", {
+		ref: T,
+		"data-slot": "tag-input",
+		className: e("relative w-full", u),
+		children: [/* @__PURE__ */ n("div", {
+			className: e("border-border-glass bg-glass flex min-h-[2.5rem] w-full flex-wrap items-center gap-1.5 rounded-xl border px-3 py-1.5 backdrop-blur-[20px]", "transition-all duration-[250ms]", "focus-within:border-primary focus-within:shadow-glow"),
+			onClick: () => w.current?.focus(),
+			children: [f.map((r, i) => {
+				let a = P(r);
+				return /* @__PURE__ */ n("span", {
+					"data-tag": r,
+					className: e("inline-flex items-center gap-1 rounded-lg px-2 py-0.5 text-[12px] font-medium", "bg-glass-hover text-foreground-secondary border border-border-glass", "transition-all duration-200"),
+					style: a?.color ? {
+						borderColor: a.color,
+						color: a.color
+					} : void 0,
+					children: [/* @__PURE__ */ t("span", { children: a?.label ?? r }), /* @__PURE__ */ t("button", {
+						type: "button",
+						"aria-label": `Remove ${r}`,
+						className: "ml-0.5 inline-flex h-4 w-4 items-center justify-center rounded-sm text-foreground-muted transition-colors hover:text-foreground",
+						onClick: (e) => {
+							e.stopPropagation(), A(r);
+						},
+						children: /* @__PURE__ */ t("svg", {
+							width: "10",
+							height: "10",
+							viewBox: "0 0 12 12",
+							fill: "none",
+							children: /* @__PURE__ */ t("path", {
+								d: "M9 3L3 9M3 3L9 9",
+								stroke: "currentColor",
+								strokeWidth: "1.5",
+								strokeLinecap: "round"
+							})
+						})
+					})]
+				}, `${r}-${i}`);
+			}), /* @__PURE__ */ t("input", {
+				ref: w,
+				type: "text",
+				role: "combobox",
+				"aria-expanded": b,
+				"aria-autocomplete": "list",
+				autoComplete: "off",
+				placeholder: D ? "Max tags reached" : c,
+				disabled: D,
+				className: e("min-w-[80px] flex-1 border-none bg-transparent py-1 text-[13px] text-foreground outline-none", "placeholder:text-foreground-muted", "disabled:cursor-not-allowed disabled:opacity-50"),
+				value: m,
+				onChange: L,
+				onKeyDown: R,
+				onPaste: z,
+				onFocus: () => {
+					m.trim().length > 0 && a && I(m.trim());
+				}
+			})]
+		}), b && /* @__PURE__ */ t("div", {
+			role: "listbox",
+			className: e("absolute left-0 z-50 mt-1 max-h-48 w-full overflow-y-auto rounded-xl border border-border-glass bg-glass shadow-lg backdrop-blur-[20px]", "animate-in fade-in-0 zoom-in-95 slide-in-from-top-1"),
+			children: S ? /* @__PURE__ */ n("div", {
+				className: "flex items-center gap-2 px-3 py-2 text-[12px] text-foreground-muted",
+				children: [/* @__PURE__ */ t("svg", {
+					className: "animate-spin",
+					width: "14",
+					height: "14",
+					viewBox: "0 0 16 16",
+					children: /* @__PURE__ */ t("circle", {
+						cx: "8",
+						cy: "8",
+						r: "6",
+						stroke: "currentColor",
+						strokeWidth: "2",
+						fill: "none",
+						strokeDasharray: "30 10"
+					})
+				}), "Loading..."]
+			}) : g.map((r, i) => /* @__PURE__ */ n("div", {
+				role: "option",
+				"aria-selected": i === v,
+				className: e("flex cursor-pointer items-center gap-2 px-3 py-2 text-[13px] transition-colors", "text-foreground-secondary", i === v && "bg-glass-hover text-foreground", i !== v && "hover:bg-glass-hover hover:text-foreground"),
+				onClick: () => B(r),
+				onMouseEnter: () => y(i),
+				children: [
+					r.color && /* @__PURE__ */ t("span", {
+						className: "h-2.5 w-2.5 shrink-0 rounded-full",
+						style: { backgroundColor: r.color }
+					}),
+					/* @__PURE__ */ t("span", { children: r.label ?? r.value }),
+					r.category && /* @__PURE__ */ t("span", {
+						className: "ml-auto text-[11px] text-foreground-muted",
+						children: r.category
+					})
+				]
+			}, r.value))
+		})]
+	});
+}
+//#endregion
+export { i as TagInput };
+
+//# sourceMappingURL=tag-input.js.map

package/dist/react/primitives/tag-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-input.js","names":[],"sources":["../../../src/react/primitives/tag-input.tsx"],"sourcesContent":["import * as React from 'react'\nimport { cn } from './utils'\n\nexport interface TagSuggestion {\n  value: string\n  label?: string\n  color?: string\n  category?: string\n}\n\nexport interface TagInputProps {\n  /** Current tags */\n  tags?: string[]\n  /** Static suggestions or async fetcher */\n  suggestions?: TagSuggestion[] | ((query: string) => TagSuggestion[] | Promise<TagSuggestion[]>)\n  /** Maximum number of tags */\n  maxTags?: number\n  /** Allow duplicate tag values */\n  allowDuplicates?: boolean\n  /** Input placeholder */\n  placeholder?: string\n  /** Delimiter character for splitting pasted text */\n  delimiter?: string\n  /** Additional class name */\n  className?: string\n  /** Callback when tags change */\n  onChange?: (tags: string[]) => void\n}\n\nfunction TagInput({\n  tags: tagsProp = [],\n  suggestions,\n  maxTags,\n  allowDuplicates = false,\n  placeholder = 'Add tag...',\n  delimiter = ',',\n  className,\n  onChange,\n}: TagInputProps) {\n  const [tags, setTags] = React.useState<string[]>(tagsProp)\n  const [inputValue, setInputValue] = React.useState('')\n  const [filteredSuggestions, setFilteredSuggestions] = React.useState<TagSuggestion[]>([])\n  const [highlightedIndex, setHighlightedIndex] = React.useState(-1)\n  const [isDropdownOpen, setIsDropdownOpen] = React.useState(false)\n  const [isLoading, setIsLoading] = React.useState(false)\n  const inputRef = React.useRef<HTMLInputElement>(null)\n  const rootRef = React.useRef<HTMLDivElement>(null)\n  const debounceRef = React.useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  React.useEffect(() => {\n    setTags(tagsProp)\n  }, [tagsProp])\n\n  // Close dropdown on outside click\n  React.useEffect(() => {\n    function handleClick(e: MouseEvent) {\n      if (rootRef.current && !rootRef.current.contains(e.target as Node)) {\n        closeDropdown()\n      }\n    }\n    document.addEventListener('mousedown', handleClick)\n    return () => document.removeEventListener('mousedown', handleClick)\n  }, [])\n\n  const isMaxReached = maxTags !== undefined && tags.length >= maxTags\n\n  function updateTags(newTags: string[]) {\n    setTags(newTags)\n    onChange?.(newTags)\n  }\n\n  function addTag(tag: string): boolean {\n    const trimmed = tag.trim()\n    if (trimmed === '') return false\n    if (isMaxReached) return false\n    if (!allowDuplicates && tags.includes(trimmed)) return false\n    updateTags([...tags, trimmed])\n    return true\n  }\n\n  function removeTag(tag: string) {\n    updateTags(tags.filter(t => t !== tag))\n  }\n\n  function removeLastTag() {\n    if (tags.length > 0) {\n      updateTags(tags.slice(0, -1))\n    }\n  }\n\n  function closeDropdown() {\n    setIsDropdownOpen(false)\n    setHighlightedIndex(-1)\n  }\n\n  function openDropdown() {\n    setIsDropdownOpen(true)\n  }\n\n  function findSuggestion(tag: string): TagSuggestion | undefined {\n    if (!suggestions || typeof suggestions === 'function') return undefined\n    return suggestions.find(s => s.value === tag)\n  }\n\n  function filterExisting(list: TagSuggestion[]): TagSuggestion[] {\n    if (allowDuplicates) return list\n    return list.filter(s => !tags.includes(s.value))\n  }\n\n  async function fetchSuggestions(query: string) {\n    if (!suggestions) {\n      closeDropdown()\n      return\n    }\n    if (typeof suggestions === 'function') {\n      setIsLoading(true)\n      try {\n        const result = suggestions(query)\n        const resolved = result instanceof Promise ? await result : result\n        const filtered = filterExisting(resolved)\n        setFilteredSuggestions(filtered)\n        if (filtered.length > 0) openDropdown()\n        else closeDropdown()\n      } catch {\n        closeDropdown()\n      } finally {\n        setIsLoading(false)\n      }\n    } else {\n      const lowerQuery = query.toLowerCase()\n      const filtered = filterExisting(\n        suggestions.filter(s => {\n          const text = (s.label ?? s.value).toLowerCase()\n          return text.includes(lowerQuery)\n        })\n      )\n      setFilteredSuggestions(filtered)\n      if (filtered.length > 0) openDropdown()\n      else closeDropdown()\n    }\n  }\n\n  function handleInputChange(e: React.ChangeEvent<HTMLInputElement>) {\n    const val = e.target.value\n    setInputValue(val)\n    const query = val.trim()\n    if (query === '' || !suggestions) {\n      closeDropdown()\n      return\n    }\n    if (debounceRef.current) clearTimeout(debounceRef.current)\n    debounceRef.current = setTimeout(() => {\n      void fetchSuggestions(query)\n    }, 150)\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    switch (e.key) {\n      case 'Enter': {\n        e.preventDefault()\n        if (isDropdownOpen && highlightedIndex >= 0) {\n          const suggestion = filteredSuggestions[highlightedIndex]\n          if (suggestion) {\n            addTag(suggestion.value)\n            setInputValue('')\n            closeDropdown()\n          }\n        } else if (inputValue.trim() !== '') {\n          addTag(inputValue)\n          setInputValue('')\n          closeDropdown()\n        }\n        break\n      }\n      case 'Backspace': {\n        if (inputValue === '' && tags.length > 0) {\n          removeLastTag()\n        }\n        break\n      }\n      case 'Escape': {\n        if (isDropdownOpen) {\n          e.preventDefault()\n          closeDropdown()\n        }\n        break\n      }\n      case 'ArrowDown': {\n        if (isDropdownOpen) {\n          e.preventDefault()\n          setHighlightedIndex(prev => (prev < filteredSuggestions.length - 1 ? prev + 1 : 0))\n        }\n        break\n      }\n      case 'ArrowUp': {\n        if (isDropdownOpen) {\n          e.preventDefault()\n          setHighlightedIndex(prev => (prev > 0 ? prev - 1 : filteredSuggestions.length - 1))\n        }\n        break\n      }\n      default: {\n        if (e.key === delimiter && inputValue.trim() !== '') {\n          e.preventDefault()\n          addTag(inputValue)\n          setInputValue('')\n          closeDropdown()\n        }\n      }\n    }\n  }\n\n  function handlePaste(e: React.ClipboardEvent<HTMLInputElement>) {\n    const text = e.clipboardData?.getData('text')\n    if (!text) return\n    if (text.includes(delimiter)) {\n      e.preventDefault()\n      const parts = text.split(delimiter)\n      for (const part of parts) {\n        addTag(part)\n      }\n    }\n  }\n\n  function handleSuggestionClick(suggestion: TagSuggestion) {\n    addTag(suggestion.value)\n    setInputValue('')\n    closeDropdown()\n    inputRef.current?.focus()\n  }\n\n  return (\n    <div ref={rootRef} data-slot=\"tag-input\" className={cn('relative w-full', className)}>\n      {/* Tags container styled like an input */}\n      <div\n        className={cn(\n          'border-border-glass bg-glass flex min-h-[2.5rem] w-full flex-wrap items-center gap-1.5 rounded-xl border px-3 py-1.5 backdrop-blur-[20px]',\n          'transition-all duration-[250ms]',\n          'focus-within:border-primary focus-within:shadow-glow'\n        )}\n        onClick={() => inputRef.current?.focus()}\n      >\n        {/* Tag chips */}\n        {tags.map((tag, i) => {\n          const suggestion = findSuggestion(tag)\n          return (\n            <span\n              key={`${tag}-${i}`}\n              data-tag={tag}\n              className={cn(\n                'inline-flex items-center gap-1 rounded-lg px-2 py-0.5 text-[12px] font-medium',\n                'bg-glass-hover text-foreground-secondary border border-border-glass',\n                'transition-all duration-200'\n              )}\n              style={\n                suggestion?.color\n                  ? { borderColor: suggestion.color, color: suggestion.color }\n                  : undefined\n              }\n            >\n              <span>{suggestion?.label ?? tag}</span>\n              <button\n                type=\"button\"\n                aria-label={`Remove ${tag}`}\n                className=\"ml-0.5 inline-flex h-4 w-4 items-center justify-center rounded-sm text-foreground-muted transition-colors hover:text-foreground\"\n                onClick={e => {\n                  e.stopPropagation()\n                  removeTag(tag)\n                }}\n              >\n                <svg width=\"10\" height=\"10\" viewBox=\"0 0 12 12\" fill=\"none\">\n                  <path\n                    d=\"M9 3L3 9M3 3L9 9\"\n                    stroke=\"currentColor\"\n                    strokeWidth=\"1.5\"\n                    strokeLinecap=\"round\"\n                  />\n                </svg>\n              </button>\n            </span>\n          )\n        })}\n\n        {/* Input */}\n        <input\n          ref={inputRef}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={isDropdownOpen}\n          aria-autocomplete=\"list\"\n          autoComplete=\"off\"\n          placeholder={isMaxReached ? 'Max tags reached' : placeholder}\n          disabled={isMaxReached}\n          className={cn(\n            'min-w-[80px] flex-1 border-none bg-transparent py-1 text-[13px] text-foreground outline-none',\n            'placeholder:text-foreground-muted',\n            'disabled:cursor-not-allowed disabled:opacity-50'\n          )}\n          value={inputValue}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onPaste={handlePaste}\n          onFocus={() => {\n            if (inputValue.trim().length > 0 && suggestions) {\n              void fetchSuggestions(inputValue.trim())\n            }\n          }}\n        />\n      </div>\n\n      {/* Suggestions dropdown */}\n      {isDropdownOpen && (\n        <div\n          role=\"listbox\"\n          className={cn(\n            'absolute left-0 z-50 mt-1 max-h-48 w-full overflow-y-auto rounded-xl border border-border-glass bg-glass shadow-lg backdrop-blur-[20px]',\n            'animate-in fade-in-0 zoom-in-95 slide-in-from-top-1'\n          )}\n        >\n          {isLoading ? (\n            <div className=\"flex items-center gap-2 px-3 py-2 text-[12px] text-foreground-muted\">\n              <svg className=\"animate-spin\" width=\"14\" height=\"14\" viewBox=\"0 0 16 16\">\n                <circle\n                  cx=\"8\"\n                  cy=\"8\"\n                  r=\"6\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"2\"\n                  fill=\"none\"\n                  strokeDasharray=\"30 10\"\n                />\n              </svg>\n              Loading...\n            </div>\n          ) : (\n            filteredSuggestions.map((suggestion, i) => (\n              <div\n                key={suggestion.value}\n                role=\"option\"\n                aria-selected={i === highlightedIndex}\n                className={cn(\n                  'flex cursor-pointer items-center gap-2 px-3 py-2 text-[13px] transition-colors',\n                  'text-foreground-secondary',\n                  i === highlightedIndex && 'bg-glass-hover text-foreground',\n                  i !== highlightedIndex && 'hover:bg-glass-hover hover:text-foreground'\n                )}\n                onClick={() => handleSuggestionClick(suggestion)}\n                onMouseEnter={() => setHighlightedIndex(i)}\n              >\n                {suggestion.color && (\n                  <span\n                    className=\"h-2.5 w-2.5 shrink-0 rounded-full\"\n                    style={{ backgroundColor: suggestion.color }}\n                  />\n                )}\n                <span>{suggestion.label ?? suggestion.value}</span>\n                {suggestion.category && (\n                  <span className=\"ml-auto text-[11px] text-foreground-muted\">\n                    {suggestion.category}\n                  </span>\n                )}\n              </div>\n            ))\n          )}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { TagInput }\n"],"mappings":"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"}

package/dist/react/primitives/terminal.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+export interface TerminalProps extends React.ComponentProps<'div'> {
+    prompt?: string;
+    greeting?: string;
+    onCommand?: (command: string) => string | Promise<string>;
+    maxHistory?: number;
+    maxLines?: number;
+    fontSize?: number;
+    fontFamily?: string;
+}
+declare function Terminal({ prompt, greeting, onCommand, maxHistory, maxLines, fontSize, fontFamily, className, ...props }: TerminalProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Terminal {
+    var displayName: string;
+}
+export { Terminal };
+//# sourceMappingURL=terminal.d.ts.map

package/dist/react/primitives/terminal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"terminal.d.ts","sourceRoot":"","sources":["../../../src/react/primitives/terminal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAChE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAAA;IACzD,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAiBD,iBAAS,QAAQ,CAAC,EAChB,MAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAgB,EAChB,QAAe,EACf,QAAa,EACb,UAAiD,EACjD,SAAS,EACT,GAAG,KAAK,EACT,EAAE,aAAa,2CA8Kf;kBAxLQ,QAAQ;;;AA2LjB,OAAO,EAAE,QAAQ,EAAE,CAAA"}