@noambz/ui 0.7.0

package/dist/components/molecules/summary-header/summary-header.js

@@ -0,0 +1,57 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const SummaryHeader = forwardRef(
+  ({ title, description, stats, actions, className, ...props }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cn(
+        "flex flex-col gap-4 border-b border-border-base pb-4 md:flex-row md:items-end md:justify-between",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-xl font-semibold leading-tight text-foreground", children: title }),
+          description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: description }) : null,
+          actions ? /* @__PURE__ */ jsx("div", { className: "mt-3 flex flex-wrap items-center gap-2", children: actions }) : null
+        ] }),
+        stats && stats.length > 0 ? /* @__PURE__ */ jsx("dl", { className: "grid shrink-0 grid-cols-2 gap-3 sm:grid-cols-3 md:flex md:flex-wrap md:justify-end", children: stats.map((stat) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "min-w-[8rem] rounded-lg border border-border-base bg-surface px-3 py-2",
+            children: [
+              /* @__PURE__ */ jsxs("dt", { className: "flex items-center gap-1.5 text-xs uppercase tracking-wide text-muted-foreground", children: [
+                stat.icon ? /* @__PURE__ */ jsx("span", { className: "h-3 w-3 shrink-0", children: stat.icon }) : null,
+                stat.label
+              ] }),
+              /* @__PURE__ */ jsxs("dd", { className: "mt-1 flex items-baseline gap-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-lg font-semibold tabular-nums", children: stat.value }),
+                stat.delta ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "text-xs tabular-nums",
+                      stat.deltaPositive === void 0 && "text-muted-foreground",
+                      stat.deltaPositive === true && "text-emerald-600 dark:text-emerald-400",
+                      stat.deltaPositive === false && "text-red-600 dark:text-red-400"
+                    ),
+                    children: stat.delta
+                  }
+                ) : null
+              ] })
+            ]
+          },
+          stat.key
+        )) }) : null
+      ]
+    }
+  )
+);
+SummaryHeader.displayName = "SummaryHeader";
+export {
+  SummaryHeader
+};
+//# sourceMappingURL=summary-header.js.map

package/dist/components/molecules/summary-header/summary-header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/summary-header/summary-header.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport interface ISummaryStat {\n  key: string;\n  label: ReactNode;\n  value: ReactNode;\n  /** Optional delta label (e.g. \"+3 vs yesterday\"). */\n  delta?: ReactNode;\n  deltaPositive?: boolean;\n  /** Small icon shown before the value. */\n  icon?: ReactNode;\n}\n\nexport interface ISummaryHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title: ReactNode;\n  description?: ReactNode;\n  stats?: ReadonlyArray<ISummaryStat>;\n  actions?: ReactNode;\n}\n\n/**\n * Header block for dashboard-style pages. Combines a title + description on\n * the left with a row of stat tiles on the right. Stats wrap responsively.\n */\nexport const SummaryHeader = forwardRef<HTMLDivElement, ISummaryHeaderProps>(\n  ({ title, description, stats, actions, className, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        \"flex flex-col gap-4 border-b border-border-base pb-4 md:flex-row md:items-end md:justify-between\",\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"min-w-0\">\n        <h2 className=\"text-xl font-semibold leading-tight text-foreground\">{title}</h2>\n        {description ? <p className=\"mt-1 text-sm text-muted-foreground\">{description}</p> : null}\n        {actions ? <div className=\"mt-3 flex flex-wrap items-center gap-2\">{actions}</div> : null}\n      </div>\n      {stats && stats.length > 0 ? (\n        <dl className=\"grid shrink-0 grid-cols-2 gap-3 sm:grid-cols-3 md:flex md:flex-wrap md:justify-end\">\n          {stats.map((stat) => (\n            <div\n              key={stat.key}\n              className=\"min-w-[8rem] rounded-lg border border-border-base bg-surface px-3 py-2\"\n            >\n              <dt className=\"flex items-center gap-1.5 text-xs uppercase tracking-wide text-muted-foreground\">\n                {stat.icon ? <span className=\"h-3 w-3 shrink-0\">{stat.icon}</span> : null}\n                {stat.label}\n              </dt>\n              <dd className=\"mt-1 flex items-baseline gap-2\">\n                <span className=\"text-lg font-semibold tabular-nums\">{stat.value}</span>\n                {stat.delta ? (\n                  <span\n                    className={cn(\n                      \"text-xs tabular-nums\",\n                      stat.deltaPositive === undefined && \"text-muted-foreground\",\n                      stat.deltaPositive === true && \"text-emerald-600 dark:text-emerald-400\",\n                      stat.deltaPositive === false && \"text-red-600 dark:text-red-400\",\n                    )}\n                  >\n                    {stat.delta}\n                  </span>\n                ) : null}\n              </dd>\n            </div>\n          ))}\n        </dl>\n      ) : null}\n    </div>\n  ),\n);\nSummaryHeader.displayName = \"SummaryHeader\";\n"],"mappings":";AAqCM,SACE,KADF;AAnCN,SAAS,kBAAuD;AAChE,SAAS,UAAU;AAwBZ,MAAM,gBAAgB;AAAA,EAC3B,CAAC,EAAE,OAAO,aAAa,OAAO,SAAS,WAAW,GAAG,MAAM,GAAG,QAC5D;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,WAAU,WACb;AAAA,8BAAC,QAAG,WAAU,uDAAuD,iBAAM;AAAA,UAC1E,cAAc,oBAAC,OAAE,WAAU,sCAAsC,uBAAY,IAAO;AAAA,UACpF,UAAU,oBAAC,SAAI,WAAU,0CAA0C,mBAAQ,IAAS;AAAA,WACvF;AAAA,QACC,SAAS,MAAM,SAAS,IACvB,oBAAC,QAAG,WAAU,sFACX,gBAAM,IAAI,CAAC,SACV;AAAA,UAAC;AAAA;AAAA,YAEC,WAAU;AAAA,YAEV;AAAA,mCAAC,QAAG,WAAU,mFACX;AAAA,qBAAK,OAAO,oBAAC,UAAK,WAAU,oBAAoB,eAAK,MAAK,IAAU;AAAA,gBACpE,KAAK;AAAA,iBACR;AAAA,cACA,qBAAC,QAAG,WAAU,kCACZ;AAAA,oCAAC,UAAK,WAAU,sCAAsC,eAAK,OAAM;AAAA,gBAChE,KAAK,QACJ;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAW;AAAA,sBACT;AAAA,sBACA,KAAK,kBAAkB,UAAa;AAAA,sBACpC,KAAK,kBAAkB,QAAQ;AAAA,sBAC/B,KAAK,kBAAkB,SAAS;AAAA,oBAClC;AAAA,oBAEC,eAAK;AAAA;AAAA,gBACR,IACE;AAAA,iBACN;AAAA;AAAA;AAAA,UArBK,KAAK;AAAA,QAsBZ,CACD,GACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AACA,cAAc,cAAc;","names":[]}

package/dist/components/molecules/summary-header/summary-header.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { SummaryHeader } from "./summary-header.js";
+declare const meta: Meta<typeof SummaryHeader>;
+export default meta;
+type Story = StoryObj<typeof SummaryHeader>;
+export declare const Default: Story;
+export declare const TitleOnly: Story;
+//# sourceMappingURL=summary-header.stories.d.ts.map

package/dist/components/molecules/summary-header/summary-header.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"summary-header.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/summary-header/summary-header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAIpC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC"}

package/dist/components/molecules/tabs/index.d.ts

@@ -0,0 +1,2 @@
+export { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC"}

package/dist/components/molecules/tabs/index.js

@@ -0,0 +1,8 @@
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs.js";
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/tabs/index.ts"],"sourcesContent":["export { Tabs, TabsList, TabsTrigger, TabsContent } from \"./tabs.js\";\n"],"mappings":"AAAA,SAAS,MAAM,UAAU,aAAa,mBAAmB;","names":[]}

package/dist/components/molecules/tabs/tabs.d.ts

@@ -0,0 +1,6 @@
+import * as RadixTabs from "@radix-ui/react-tabs";
+export declare const Tabs: import("react").ForwardRefExoticComponent<RadixTabs.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsList: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: import("react").ForwardRefExoticComponent<Omit<RadixTabs.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/molecules/tabs/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,SAAS,MAAM,sBAAsB,CAAC;AAIlD,eAAO,MAAM,IAAI,gHAAiB,CAAC;AAEnC,eAAO,MAAM,QAAQ,iLAYnB,CAAC;AAGH,eAAO,MAAM,WAAW,0LAYtB,CAAC;AAGH,eAAO,MAAM,WAAW,oLAStB,CAAC"}

package/dist/components/molecules/tabs/tabs.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixTabs from "@radix-ui/react-tabs";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const Tabs = RadixTabs.Root;
+const TabsList = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadixTabs.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-lg bg-surface-muted p-1 text-muted-foreground",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = "TabsList";
+const TabsTrigger = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadixTabs.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadixTabs.Content,
+  {
+    ref,
+    className: cn("mt-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring", className),
+    ...props
+  }
+));
+TabsContent.displayName = "TabsContent";
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger
+};
+//# sourceMappingURL=tabs.js.map

package/dist/components/molecules/tabs/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/tabs/tabs.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixTabs from \"@radix-ui/react-tabs\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport const Tabs = RadixTabs.Root;\n\nexport const TabsList = forwardRef<\n  ElementRef<typeof RadixTabs.List>,\n  ComponentPropsWithoutRef<typeof RadixTabs.List>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.List\n    ref={ref}\n    className={cn(\n      \"inline-flex h-10 items-center justify-center rounded-lg bg-surface-muted p-1 text-muted-foreground\",\n      className,\n    )}\n    {...props}\n  />\n));\nTabsList.displayName = \"TabsList\";\n\nexport const TabsTrigger = forwardRef<\n  ElementRef<typeof RadixTabs.Trigger>,\n  ComponentPropsWithoutRef<typeof RadixTabs.Trigger>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.Trigger\n    ref={ref}\n    className={cn(\n      \"inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1.5 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow\",\n      className,\n    )}\n    {...props}\n  />\n));\nTabsTrigger.displayName = \"TabsTrigger\";\n\nexport const TabsContent = forwardRef<\n  ElementRef<typeof RadixTabs.Content>,\n  ComponentPropsWithoutRef<typeof RadixTabs.Content>\n>(({ className, ...props }, ref) => (\n  <RadixTabs.Content\n    ref={ref}\n    className={cn(\"mt-3 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\", className)}\n    {...props}\n  />\n));\nTabsContent.displayName = \"TabsContent\";\n"],"mappings":";AAYE;AAVF,YAAY,eAAe;AAC3B,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AAEZ,MAAM,OAAO,UAAU;AAEvB,MAAM,WAAW,WAGtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,UAAU;AAAA,EAAV;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,SAAS,cAAc;AAEhB,MAAM,cAAc,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,UAAU;AAAA,EAAV;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc;AAEnB,MAAM,cAAc,WAGzB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B;AAAA,EAAC,UAAU;AAAA,EAAV;AAAA,IACC;AAAA,IACA,WAAW,GAAG,gFAAgF,SAAS;AAAA,IACtG,GAAG;AAAA;AACN,CACD;AACD,YAAY,cAAc;","names":[]}

package/dist/components/molecules/tabs/tabs.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Tabs } from "./tabs.js";
+declare const meta: Meta<typeof Tabs>;
+export default meta;
+type Story = StoryObj<typeof Tabs>;
+export declare const Default: Story;
+//# sourceMappingURL=tabs.stories.d.ts.map

package/dist/components/molecules/tabs/tabs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tabs/tabs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAsC,MAAM,WAAW,CAAC;AAErE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAI3B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAmBrB,CAAC"}

package/dist/components/molecules/tag-input/index.d.ts

@@ -0,0 +1,2 @@
+export { TagInput, type ITagInputProps } from "./tag-input.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/tag-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tag-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/molecules/tag-input/index.js

@@ -0,0 +1,5 @@
+import { TagInput } from "./tag-input.js";
+export {
+  TagInput
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/tag-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/tag-input/index.ts"],"sourcesContent":["export { TagInput, type ITagInputProps } from \"./tag-input.js\";\n"],"mappings":"AAAA,SAAS,gBAAqC;","names":[]}

package/dist/components/molecules/tag-input/tag-input.d.ts

@@ -0,0 +1,27 @@
+export interface ITagInputProps {
+    value?: ReadonlyArray<string>;
+    defaultValue?: ReadonlyArray<string>;
+    onChange?: (tags: string[]) => void;
+    /** Keys or characters that commit the current buffer into a tag. */
+    separators?: ReadonlyArray<string>;
+    /** Strip whitespace and lower-case before commit. Defaults to trim only. */
+    normalize?: (raw: string) => string;
+    /** Reject duplicates silently. Defaults to true. */
+    dedupe?: boolean;
+    /** Validator — return false to reject. */
+    validate?: (tag: string) => boolean;
+    placeholder?: string;
+    maxTags?: number;
+    disabled?: boolean;
+    invalid?: boolean;
+    className?: string;
+    name?: string;
+    "aria-label"?: string;
+}
+/**
+ * Input that captures typed tokens into pill-shaped tags. Hitting Enter,
+ * Tab, or comma commits the current buffer; Backspace on an empty field
+ * removes the last tag.
+ */
+export declare const TagInput: import("react").ForwardRefExoticComponent<ITagInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=tag-input.d.ts.map

package/dist/components/molecules/tag-input/tag-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tag-input/tag-input.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC9B,YAAY,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACrC,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,oEAAoE;IACpE,UAAU,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IACnC,4EAA4E;IAC5E,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,oDAAoD;IACpD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,OAAO,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAID;;;;GAIG;AACH,eAAO,MAAM,QAAQ,6GA+HpB,CAAC"}

package/dist/components/molecules/tag-input/tag-input.js

@@ -0,0 +1,143 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  forwardRef,
+  useCallback,
+  useRef,
+  useState
+} from "react";
+import { cn } from "../../../utils/cn.js";
+const DEFAULT_TAG_INPUT_SEPARATORS = [",", "Enter", "Tab"];
+const DEFAULT_NORMALIZE = (raw) => raw.trim();
+const TagInput = forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    separators = DEFAULT_TAG_INPUT_SEPARATORS,
+    normalize = DEFAULT_NORMALIZE,
+    dedupe = true,
+    validate,
+    placeholder,
+    maxTags,
+    disabled,
+    invalid,
+    className,
+    name,
+    "aria-label": ariaLabel = "Tags"
+  }, ref) => {
+    const isControlled = value !== void 0;
+    const [innerTags, setInnerTags] = useState(Array.from(defaultValue ?? []));
+    const [buffer, setBuffer] = useState("");
+    const tags = isControlled ? Array.from(value ?? []) : innerTags;
+    const rootRef = useRef(null);
+    const setTags = useCallback(
+      (next) => {
+        if (!isControlled) setInnerTags(next);
+        onChange?.(next);
+      },
+      [isControlled, onChange]
+    );
+    const commit = useCallback(
+      (raw) => {
+        const candidate = normalize(raw);
+        if (!candidate) return false;
+        if (validate && !validate(candidate)) return false;
+        if (dedupe && tags.includes(candidate)) return false;
+        if (maxTags !== void 0 && tags.length >= maxTags) return false;
+        setTags([...tags, candidate]);
+        return true;
+      },
+      [normalize, validate, dedupe, tags, maxTags, setTags]
+    );
+    const removeAt = useCallback(
+      (index) => {
+        setTags(tags.filter((_, i) => i !== index));
+      },
+      [tags, setTags]
+    );
+    const handleKeyDown = (event) => {
+      if (separators.includes(event.key)) {
+        if (buffer) {
+          event.preventDefault();
+          if (commit(buffer)) setBuffer("");
+        } else if (event.key !== "Tab") {
+          event.preventDefault();
+        }
+        return;
+      }
+      if (event.key === "Backspace" && !buffer && tags.length > 0) {
+        event.preventDefault();
+        removeAt(tags.length - 1);
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: rootRef,
+        onClick: () => {
+          const input = rootRef.current?.querySelector("input");
+          input?.focus();
+        },
+        className: cn(
+          "flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-lg border bg-background px-2 py-1.5 text-sm transition-colors",
+          "focus-within:ring-2 focus-within:ring-ring",
+          invalid ? "border-red-500" : "border-border-strong",
+          disabled && "cursor-not-allowed opacity-50",
+          className
+        ),
+        role: "group",
+        "aria-label": ariaLabel,
+        children: [
+          tags.map((tag, index) => /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: "inline-flex items-center gap-1 rounded-full bg-zinc-100 px-2 py-0.5 text-xs font-medium text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300",
+              children: [
+                tag,
+                !disabled ? /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": `Remove ${tag}`,
+                    onClick: (event) => {
+                      event.stopPropagation();
+                      removeAt(index);
+                    },
+                    className: "-me-1 rounded-full p-0.5 text-zinc-500 transition-colors hover:bg-zinc-200 hover:text-zinc-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring dark:hover:bg-zinc-700 dark:hover:text-zinc-50",
+                    children: /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 16 16", className: "h-3 w-3", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": true, children: [
+                      /* @__PURE__ */ jsx("path", { d: "M12 4L4 12" }),
+                      /* @__PURE__ */ jsx("path", { d: "M4 4l8 8" })
+                    ] })
+                  }
+                ) : null
+              ]
+            },
+            `${tag}-${index}`
+          )),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              name,
+              value: buffer,
+              onChange: (e) => setBuffer(e.target.value),
+              onKeyDown: handleKeyDown,
+              onBlur: () => {
+                if (buffer && commit(buffer)) setBuffer("");
+              },
+              placeholder: tags.length === 0 ? placeholder : void 0,
+              disabled,
+              className: "flex-1 min-w-[6rem] bg-transparent text-sm text-foreground placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+TagInput.displayName = "TagInput";
+export {
+  TagInput
+};
+//# sourceMappingURL=tag-input.js.map

package/dist/components/molecules/tag-input/tag-input.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/tag-input/tag-input.tsx"],"sourcesContent":["\"use client\";\n\nimport {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type KeyboardEvent,\n} from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst DEFAULT_TAG_INPUT_SEPARATORS = [\",\", \"Enter\", \"Tab\"] as const;\n\nexport interface ITagInputProps {\n  value?: ReadonlyArray<string>;\n  defaultValue?: ReadonlyArray<string>;\n  onChange?: (tags: string[]) => void;\n  /** Keys or characters that commit the current buffer into a tag. */\n  separators?: ReadonlyArray<string>;\n  /** Strip whitespace and lower-case before commit. Defaults to trim only. */\n  normalize?: (raw: string) => string;\n  /** Reject duplicates silently. Defaults to true. */\n  dedupe?: boolean;\n  /** Validator — return false to reject. */\n  validate?: (tag: string) => boolean;\n  placeholder?: string;\n  maxTags?: number;\n  disabled?: boolean;\n  invalid?: boolean;\n  className?: string;\n  name?: string;\n  \"aria-label\"?: string;\n}\n\nconst DEFAULT_NORMALIZE = (raw: string) => raw.trim();\n\n/**\n * Input that captures typed tokens into pill-shaped tags. Hitting Enter,\n * Tab, or comma commits the current buffer; Backspace on an empty field\n * removes the last tag.\n */\nexport const TagInput = forwardRef<HTMLInputElement, ITagInputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      separators = DEFAULT_TAG_INPUT_SEPARATORS,\n      normalize = DEFAULT_NORMALIZE,\n      dedupe = true,\n      validate,\n      placeholder,\n      maxTags,\n      disabled,\n      invalid,\n      className,\n      name,\n      \"aria-label\": ariaLabel = \"Tags\",\n    },\n    ref,\n  ) => {\n    const isControlled = value !== undefined;\n    const [innerTags, setInnerTags] = useState<string[]>(Array.from(defaultValue ?? []));\n    const [buffer, setBuffer] = useState(\"\");\n    const tags = isControlled ? Array.from(value ?? []) : innerTags;\n    const rootRef = useRef<HTMLDivElement | null>(null);\n\n    const setTags = useCallback(\n      (next: string[]) => {\n        if (!isControlled) setInnerTags(next);\n        onChange?.(next);\n      },\n      [isControlled, onChange],\n    );\n\n    const commit = useCallback(\n      (raw: string): boolean => {\n        const candidate = normalize(raw);\n        if (!candidate) return false;\n        if (validate && !validate(candidate)) return false;\n        if (dedupe && tags.includes(candidate)) return false;\n        if (maxTags !== undefined && tags.length >= maxTags) return false;\n        setTags([...tags, candidate]);\n        return true;\n      },\n      [normalize, validate, dedupe, tags, maxTags, setTags],\n    );\n\n    const removeAt = useCallback(\n      (index: number) => {\n        setTags(tags.filter((_, i) => i !== index));\n      },\n      [tags, setTags],\n    );\n\n    const handleKeyDown = (event: KeyboardEvent<HTMLInputElement>) => {\n      if (separators.includes(event.key)) {\n        if (buffer) {\n          event.preventDefault();\n          if (commit(buffer)) setBuffer(\"\");\n        } else if (event.key !== \"Tab\") {\n          event.preventDefault();\n        }\n        return;\n      }\n      if (event.key === \"Backspace\" && !buffer && tags.length > 0) {\n        event.preventDefault();\n        removeAt(tags.length - 1);\n      }\n    };\n\n    return (\n      <div\n        ref={rootRef}\n        onClick={() => {\n          const input = rootRef.current?.querySelector(\"input\");\n          (input as HTMLInputElement | null)?.focus();\n        }}\n        className={cn(\n          \"flex min-h-9 w-full flex-wrap items-center gap-1.5 rounded-lg border bg-background px-2 py-1.5 text-sm transition-colors\",\n          \"focus-within:ring-2 focus-within:ring-ring\",\n          invalid ? \"border-red-500\" : \"border-border-strong\",\n          disabled && \"cursor-not-allowed opacity-50\",\n          className,\n        )}\n        role=\"group\"\n        aria-label={ariaLabel}\n      >\n        {tags.map((tag, index) => (\n          <span\n            key={`${tag}-${index}`}\n            className=\"inline-flex items-center gap-1 rounded-full bg-zinc-100 px-2 py-0.5 text-xs font-medium text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300\"\n          >\n            {tag}\n            {!disabled ? (\n              <button\n                type=\"button\"\n                aria-label={`Remove ${tag}`}\n                onClick={(event) => {\n                  event.stopPropagation();\n                  removeAt(index);\n                }}\n                className=\"-me-1 rounded-full p-0.5 text-zinc-500 transition-colors hover:bg-zinc-200 hover:text-zinc-900 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring dark:hover:bg-zinc-700 dark:hover:text-zinc-50\"\n              >\n                <svg viewBox=\"0 0 16 16\" className=\"h-3 w-3\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden>\n                  <path d=\"M12 4L4 12\" />\n                  <path d=\"M4 4l8 8\" />\n                </svg>\n              </button>\n            ) : null}\n          </span>\n        ))}\n        <input\n          ref={ref}\n          name={name}\n          value={buffer}\n          onChange={(e) => setBuffer(e.target.value)}\n          onKeyDown={handleKeyDown}\n          onBlur={() => {\n            if (buffer && commit(buffer)) setBuffer(\"\");\n          }}\n          placeholder={tags.length === 0 ? placeholder : undefined}\n          disabled={disabled}\n          className=\"flex-1 min-w-[6rem] bg-transparent text-sm text-foreground placeholder:text-muted-foreground focus:outline-none disabled:cursor-not-allowed\"\n        />\n      </div>\n    );\n  },\n);\nTagInput.displayName = \"TagInput\";\n"],"mappings":"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","names":[]}

package/dist/components/molecules/tag-input/tag-input.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { TagInput } from "./tag-input.js";
+declare const meta: Meta<typeof TagInput>;
+export default meta;
+type Story = StoryObj<typeof TagInput>;
+export declare const Uncontrolled: Story;
+export declare const Controlled: Story;
+export declare const WithValidation: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=tag-input.stories.d.ts.map

package/dist/components/molecules/tag-input/tag-input.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tag-input/tag-input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAO/B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,YAAY,EAAE,KAI1B,CAAC;AAIF,eAAO,MAAM,UAAU,EAAE,KAkBxB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/dist/components/molecules/tag-input/tag-input.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=tag-input.test.d.ts.map

package/dist/components/molecules/tag-input/tag-input.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-input.test.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/tag-input/tag-input.test.tsx"],"names":[],"mappings":""}

package/dist/components/molecules/text-artifact-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./text-artifact-card.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/text-artifact-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/text-artifact-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}

package/dist/components/molecules/text-artifact-card/index.js

@@ -0,0 +1,2 @@
+export * from "./text-artifact-card.js";
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/text-artifact-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/text-artifact-card/index.ts"],"sourcesContent":["export * from \"./text-artifact-card.js\";\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/components/molecules/text-artifact-card/text-artifact-card.d.ts

@@ -0,0 +1,16 @@
+import { type ReactNode } from "react";
+export interface ITextArtifactCardProps {
+    title: ReactNode;
+    metadata?: ReactNode;
+    body: string;
+    actions?: ReactNode;
+    collapseAfterLines?: number;
+    showMoreLabel?: string;
+    showLessLabel?: string;
+    className?: string;
+}
+/**
+ * Readable long-form text artifact with optional metadata, actions, and collapse.
+ */
+export declare function TextArtifactCard({ title, metadata, body, actions, collapseAfterLines, showMoreLabel, showLessLabel, className, }: ITextArtifactCardProps): import("react").JSX.Element;
+//# sourceMappingURL=text-artifact-card.d.ts.map

package/dist/components/molecules/text-artifact-card/text-artifact-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-artifact-card.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/text-artifact-card/text-artifact-card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKjD,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,KAAK,EACL,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,kBAA2C,EAC3C,aAA2B,EAC3B,aAA2B,EAC3B,SAAS,GACV,EAAE,sBAAsB,+BAmCxB"}

package/dist/components/molecules/text-artifact-card/text-artifact-card.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../button/button.js";
+import { ButtonSizeEnum, ButtonVariantEnum } from "../button/button.type.js";
+import { Card, CardBody, CardHeader, CardTitle } from "../card/card.js";
+const DEFAULT_COLLAPSE_LINES = 12;
+function TextArtifactCard({
+  title,
+  metadata,
+  body,
+  actions,
+  collapseAfterLines = DEFAULT_COLLAPSE_LINES,
+  showMoreLabel = "Show more",
+  showLessLabel = "Show less",
+  className
+}) {
+  const [expanded, setExpanded] = useState(false);
+  const lines = body.split(/\r?\n/);
+  const shouldCollapse = lines.length > collapseAfterLines;
+  const visibleBody = shouldCollapse && !expanded ? `${lines.slice(0, collapseAfterLines).join("\n")}
+...` : body;
+  return /* @__PURE__ */ jsxs(Card, { className, children: [
+    /* @__PURE__ */ jsxs(CardHeader, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+        /* @__PURE__ */ jsx(CardTitle, { children: title }),
+        metadata ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: metadata }) : null
+      ] }),
+      actions ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: actions }) : null
+    ] }),
+    /* @__PURE__ */ jsxs(CardBody, { className: "space-y-3", children: [
+      /* @__PURE__ */ jsx("pre", { className: "max-h-96 overflow-auto whitespace-pre-wrap rounded-md border border-border-base bg-surface-muted/40 p-3 text-xs leading-relaxed", children: visibleBody }),
+      shouldCollapse ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "button",
+          variant: ButtonVariantEnum.GHOST,
+          size: ButtonSizeEnum.SM,
+          onClick: () => setExpanded((current) => !current),
+          children: expanded ? showLessLabel : showMoreLabel
+        }
+      ) : null
+    ] })
+  ] });
+}
+export {
+  TextArtifactCard
+};
+//# sourceMappingURL=text-artifact-card.js.map

package/dist/components/molecules/text-artifact-card/text-artifact-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/text-artifact-card/text-artifact-card.tsx"],"sourcesContent":["\"use client\";\n\nimport { useState, type ReactNode } from \"react\";\nimport { Button } from \"../button/button.js\";\nimport { ButtonSizeEnum, ButtonVariantEnum } from \"../button/button.type.js\";\nimport { Card, CardBody, CardHeader, CardTitle } from \"../card/card.js\";\n\nexport interface ITextArtifactCardProps {\n  title: ReactNode;\n  metadata?: ReactNode;\n  body: string;\n  actions?: ReactNode;\n  collapseAfterLines?: number;\n  showMoreLabel?: string;\n  showLessLabel?: string;\n  className?: string;\n}\n\nconst DEFAULT_COLLAPSE_LINES = 12;\n\n/**\n * Readable long-form text artifact with optional metadata, actions, and collapse.\n */\nexport function TextArtifactCard({\n  title,\n  metadata,\n  body,\n  actions,\n  collapseAfterLines = DEFAULT_COLLAPSE_LINES,\n  showMoreLabel = \"Show more\",\n  showLessLabel = \"Show less\",\n  className,\n}: ITextArtifactCardProps) {\n  const [expanded, setExpanded] = useState(false);\n  const lines = body.split(/\\r?\\n/);\n  const shouldCollapse = lines.length > collapseAfterLines;\n  const visibleBody =\n    shouldCollapse && !expanded\n      ? `${lines.slice(0, collapseAfterLines).join(\"\\n\")}\\n...`\n      : body;\n\n  return (\n    <Card className={className}>\n      <CardHeader>\n        <div className=\"space-y-1\">\n          <CardTitle>{title}</CardTitle>\n          {metadata ? <div className=\"text-xs text-muted-foreground\">{metadata}</div> : null}\n        </div>\n        {actions ? <div className=\"flex flex-wrap gap-2\">{actions}</div> : null}\n      </CardHeader>\n      <CardBody className=\"space-y-3\">\n        <pre className=\"max-h-96 overflow-auto whitespace-pre-wrap rounded-md border border-border-base bg-surface-muted/40 p-3 text-xs leading-relaxed\">\n          {visibleBody}\n        </pre>\n        {shouldCollapse ? (\n          <Button\n            type=\"button\"\n            variant={ButtonVariantEnum.GHOST}\n            size={ButtonSizeEnum.SM}\n            onClick={() => setExpanded((current) => !current)}\n          >\n            {expanded ? showLessLabel : showMoreLabel}\n          </Button>\n        ) : null}\n      </CardBody>\n    </Card>\n  );\n}\n"],"mappings":";AA4CQ,SACE,KADF;AA1CR,SAAS,gBAAgC;AACzC,SAAS,cAAc;AACvB,SAAS,gBAAgB,yBAAyB;AAClD,SAAS,MAAM,UAAU,YAAY,iBAAiB;AAatD,MAAM,yBAAyB;AAKxB,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB;AACF,GAA2B;AACzB,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,QAAQ,KAAK,MAAM,OAAO;AAChC,QAAM,iBAAiB,MAAM,SAAS;AACtC,QAAM,cACJ,kBAAkB,CAAC,WACf,GAAG,MAAM,MAAM,GAAG,kBAAkB,EAAE,KAAK,IAAI,CAAC;AAAA,OAChD;AAEN,SACE,qBAAC,QAAK,WACJ;AAAA,yBAAC,cACC;AAAA,2BAAC,SAAI,WAAU,aACb;AAAA,4BAAC,aAAW,iBAAM;AAAA,QACjB,WAAW,oBAAC,SAAI,WAAU,iCAAiC,oBAAS,IAAS;AAAA,SAChF;AAAA,MACC,UAAU,oBAAC,SAAI,WAAU,wBAAwB,mBAAQ,IAAS;AAAA,OACrE;AAAA,IACA,qBAAC,YAAS,WAAU,aAClB;AAAA,0BAAC,SAAI,WAAU,mIACZ,uBACH;AAAA,MACC,iBACC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,kBAAkB;AAAA,UAC3B,MAAM,eAAe;AAAA,UACrB,SAAS,MAAM,YAAY,CAAC,YAAY,CAAC,OAAO;AAAA,UAE/C,qBAAW,gBAAgB;AAAA;AAAA,MAC9B,IACE;AAAA,OACN;AAAA,KACF;AAEJ;","names":[]}

package/dist/components/molecules/theme-toggle/index.d.ts

@@ -0,0 +1,6 @@
+export { ThemeToggle } from "./theme-toggle.js";
+export type { IThemeToggleProps } from "./theme-toggle.js";
+export { ThemeToggleConnected } from "./theme-toggle-connected.js";
+export type { IThemeToggleConnectedProps } from "./theme-toggle-connected.js";
+export { ThemeValueEnum, ThemeToggleSizeEnum } from "./theme-toggle.type.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/theme-toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/theme-toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,YAAY,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/components/molecules/theme-toggle/index.js

@@ -0,0 +1,10 @@
+import { ThemeToggle } from "./theme-toggle.js";
+import { ThemeToggleConnected } from "./theme-toggle-connected.js";
+import { ThemeValueEnum, ThemeToggleSizeEnum } from "./theme-toggle.type.js";
+export {
+  ThemeToggle,
+  ThemeToggleConnected,
+  ThemeToggleSizeEnum,
+  ThemeValueEnum
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/theme-toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/theme-toggle/index.ts"],"sourcesContent":["export { ThemeToggle } from \"./theme-toggle.js\";\nexport type { IThemeToggleProps } from \"./theme-toggle.js\";\nexport { ThemeToggleConnected } from \"./theme-toggle-connected.js\";\nexport type { IThemeToggleConnectedProps } from \"./theme-toggle-connected.js\";\nexport { ThemeValueEnum, ThemeToggleSizeEnum } from \"./theme-toggle.type.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;AAE5B,SAAS,4BAA4B;AAErC,SAAS,gBAAgB,2BAA2B;","names":[]}

package/dist/components/molecules/theme-toggle/theme-toggle-connected.d.ts

@@ -0,0 +1,10 @@
+import { type IThemeToggleProps } from "./theme-toggle.js";
+export type IThemeToggleConnectedProps = Omit<IThemeToggleProps, "theme" | "setTheme">;
+/**
+ * Drop-in theme cycler wired directly to `next-themes`. Use when your app is
+ * already wrapped in `<ThemeProvider>` and you just want the toggle rendered
+ * with no extra plumbing. Use the headless `<ThemeToggle>` when you need to
+ * control the theme value from somewhere other than `next-themes`.
+ */
+export declare function ThemeToggleConnected(props: IThemeToggleConnectedProps): import("react").JSX.Element;
+//# sourceMappingURL=theme-toggle-connected.d.ts.map

package/dist/components/molecules/theme-toggle/theme-toggle-connected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle-connected.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/theme-toggle/theme-toggle-connected.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAe,KAAK,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAExE,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,UAAU,CAAC,CAAC;AAEvF;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,0BAA0B,+BAGrE"}

package/dist/components/molecules/theme-toggle/theme-toggle-connected.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
+import { ThemeToggle } from "./theme-toggle.js";
+function ThemeToggleConnected(props) {
+  const { theme, setTheme } = useTheme();
+  return /* @__PURE__ */ jsx(ThemeToggle, { theme, setTheme, ...props });
+}
+export {
+  ThemeToggleConnected
+};
+//# sourceMappingURL=theme-toggle-connected.js.map

package/dist/components/molecules/theme-toggle/theme-toggle-connected.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/theme-toggle/theme-toggle-connected.tsx"],"sourcesContent":["\"use client\";\n\nimport { useTheme } from \"next-themes\";\nimport { ThemeToggle, type IThemeToggleProps } from \"./theme-toggle.js\";\n\nexport type IThemeToggleConnectedProps = Omit<IThemeToggleProps, \"theme\" | \"setTheme\">;\n\n/**\n * Drop-in theme cycler wired directly to `next-themes`. Use when your app is\n * already wrapped in `<ThemeProvider>` and you just want the toggle rendered\n * with no extra plumbing. Use the headless `<ThemeToggle>` when you need to\n * control the theme value from somewhere other than `next-themes`.\n */\nexport function ThemeToggleConnected(props: IThemeToggleConnectedProps) {\n  const { theme, setTheme } = useTheme();\n  return <ThemeToggle theme={theme} setTheme={setTheme} {...props} />;\n}\n"],"mappings":";AAeS;AAbT,SAAS,gBAAgB;AACzB,SAAS,mBAA2C;AAU7C,SAAS,qBAAqB,OAAmC;AACtE,QAAM,EAAE,OAAO,SAAS,IAAI,SAAS;AACrC,SAAO,oBAAC,eAAY,OAAc,UAAqB,GAAG,OAAO;AACnE;","names":[]}

package/dist/components/molecules/theme-toggle/theme-toggle.d.ts

@@ -0,0 +1,19 @@
+import { type VariantProps } from "class-variance-authority";
+import { ThemeValueEnum } from "./theme-toggle.type.js";
+export interface IThemeToggleProps extends VariantProps<typeof themeToggleVariants> {
+    theme: string | undefined;
+    setTheme: (theme: string) => void;
+    labels?: Partial<Record<ThemeValueEnum, string>>;
+    ariaLabel?: string;
+    className?: string;
+}
+declare const themeToggleVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Three-state theme cycler: light -> dark -> system -> light. Guards against
+ * hydration mismatches by rendering a placeholder until mounted on the client.
+ */
+export declare function ThemeToggle({ theme, setTheme, labels, ariaLabel, size, className, }: IThemeToggleProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=theme-toggle.d.ts.map

package/dist/components/molecules/theme-toggle/theme-toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/theme-toggle/theme-toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAExD,MAAM,WAAW,iBAAkB,SAAQ,YAAY,CAAC,OAAO,mBAAmB,CAAC;IACjF,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB;;8EAcxB,CAAC;AAwDF;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,MAAuB,EACvB,SAA0B,EAC1B,IAAI,EACJ,SAAS,GACV,EAAE,iBAAiB,+BAiCnB"}