@noambz/ui 0.7.0

package/dist/components/atoms/skeleton/skeleton.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Skeleton } from "./skeleton.js";
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+export declare const Rectangle: Story;
+export declare const Circle: Story;
+export declare const TextParagraph: StoryObj;
+export declare const CardLike: StoryObj;
+//# sourceMappingURL=skeleton.stories.d.ts.map

package/dist/components/atoms/skeleton/skeleton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/skeleton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAgB,MAAM,eAAe,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAI/B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QAE3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAatB,CAAC"}

package/dist/components/atoms/spinner/index.d.ts

@@ -0,0 +1,3 @@
+export { Spinner } from "./spinner.js";
+export type { ISpinnerProps } from "./spinner.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/spinner/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/atoms/spinner/index.js

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

package/dist/components/atoms/spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/spinner/index.ts"],"sourcesContent":["export { Spinner } from \"./spinner.js\";\nexport type { ISpinnerProps } from \"./spinner.js\";\n"],"mappings":"AAAA,SAAS,eAAe;","names":[]}

package/dist/components/atoms/spinner/spinner.d.ts

@@ -0,0 +1,16 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes } from "react";
+declare const spinnerVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+    tone?: "current" | "muted" | "accent" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ISpinnerProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {
+    label?: string;
+}
+/**
+ * Animated loading indicator. Pass `label` to expose an accessible name;
+ * otherwise the spinner is marked aria-hidden (pair it with surrounding copy).
+ */
+export declare const Spinner: import("react").ForwardRefExoticComponent<ISpinnerProps & import("react").RefAttributes<HTMLSpanElement>>;
+export {};
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/atoms/spinner/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,QAAA,MAAM,eAAe;;;8EAmBnB,CAAC;AAEH,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,eAAe,CAAC;IAC1G,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO,2GAWnB,CAAC"}

package/dist/components/atoms/spinner/spinner.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const spinnerVariants = cva("inline-block animate-spin rounded-full border-current border-t-transparent", {
+  variants: {
+    size: {
+      xs: "h-3 w-3 border",
+      sm: "h-4 w-4 border-2",
+      md: "h-5 w-5 border-2",
+      lg: "h-8 w-8 border-[3px]",
+      xl: "h-12 w-12 border-4"
+    },
+    tone: {
+      current: "text-current",
+      muted: "text-zinc-400 dark:text-zinc-500",
+      accent: "text-blue-600 dark:text-blue-400"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    tone: "current"
+  }
+});
+const Spinner = forwardRef(
+  ({ className, size, tone, label, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      role: label ? "status" : void 0,
+      "aria-hidden": label ? void 0 : true,
+      "aria-label": label,
+      className: cn(spinnerVariants({ size, tone }), className),
+      ...props
+    }
+  )
+);
+Spinner.displayName = "Spinner";
+export {
+  Spinner
+};
+//# sourceMappingURL=spinner.js.map

package/dist/components/atoms/spinner/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/spinner/spinner.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst spinnerVariants = cva(\"inline-block animate-spin rounded-full border-current border-t-transparent\", {\n  variants: {\n    size: {\n      xs: \"h-3 w-3 border\",\n      sm: \"h-4 w-4 border-2\",\n      md: \"h-5 w-5 border-2\",\n      lg: \"h-8 w-8 border-[3px]\",\n      xl: \"h-12 w-12 border-4\",\n    },\n    tone: {\n      current: \"text-current\",\n      muted: \"text-zinc-400 dark:text-zinc-500\",\n      accent: \"text-blue-600 dark:text-blue-400\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n    tone: \"current\",\n  },\n});\n\nexport interface ISpinnerProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof spinnerVariants> {\n  label?: string;\n}\n\n/**\n * Animated loading indicator. Pass `label` to expose an accessible name;\n * otherwise the spinner is marked aria-hidden (pair it with surrounding copy).\n */\nexport const Spinner = forwardRef<HTMLSpanElement, ISpinnerProps>(\n  ({ className, size, tone, label, ...props }, ref) => (\n    <span\n      ref={ref}\n      role={label ? \"status\" : undefined}\n      aria-hidden={label ? undefined : true}\n      aria-label={label}\n      className={cn(spinnerVariants({ size, tone }), className)}\n      {...props}\n    />\n  ),\n);\nSpinner.displayName = \"Spinner\";\n"],"mappings":";AAqCI;AAnCJ,SAAS,WAA8B;AACvC,SAAS,kBAAuC;AAChD,SAAS,UAAU;AAEnB,MAAM,kBAAkB,IAAI,8EAA8E;AAAA,EACxG,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF,CAAC;AAUM,MAAM,UAAU;AAAA,EACrB,CAAC,EAAE,WAAW,MAAM,MAAM,OAAO,GAAG,MAAM,GAAG,QAC3C;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,QAAQ,WAAW;AAAA,MACzB,eAAa,QAAQ,SAAY;AAAA,MACjC,cAAY;AAAA,MACZ,WAAW,GAAG,gBAAgB,EAAE,MAAM,KAAK,CAAC,GAAG,SAAS;AAAA,MACvD,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,QAAQ,cAAc;","names":[]}

package/dist/components/atoms/spinner/spinner.stories.d.ts

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

package/dist/components/atoms/spinner/spinner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spinner/spinner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAQ9B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAAsC,CAAC;AAC7D,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AACF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}

package/dist/components/atoms/switch/index.d.ts

@@ -0,0 +1,3 @@
+export { Switch } from "./switch.js";
+export type { ISwitchProps } from "./switch.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/atoms/switch/index.js

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

package/dist/components/atoms/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/switch/index.ts"],"sourcesContent":["export { Switch } from \"./switch.js\";\nexport type { ISwitchProps } from \"./switch.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}

package/dist/components/atoms/switch/switch.d.ts

@@ -0,0 +1,10 @@
+import * as RadixSwitch from "@radix-ui/react-switch";
+import { type ComponentPropsWithoutRef } from "react";
+export type ISwitchProps = ComponentPropsWithoutRef<typeof RadixSwitch.Root>;
+/**
+ * Accessible toggle switch (Radix). Controlled via `checked` / `onCheckedChange`
+ * or uncontrolled via `defaultChecked`. Pair with a `<label htmlFor>` for a
+ * clickable label.
+ */
+export declare const Switch: import("react").ForwardRefExoticComponent<Omit<RadixSwitch.SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/atoms/switch/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/switch/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAGnF,MAAM,MAAM,YAAY,GAAG,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAE7E;;;;GAIG;AACH,eAAO,MAAM,MAAM,uLAqBlB,CAAC"}

package/dist/components/atoms/switch/switch.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixSwitch from "@radix-ui/react-switch";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const Switch = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    RadixSwitch.Root,
+    {
+      ref,
+      className: cn(
+        "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-colors",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-50",
+        "data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-300 dark:data-[state=unchecked]:bg-zinc-700",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        RadixSwitch.Thumb,
+        {
+          className: cn(
+            "pointer-events-none block h-4 w-4 rounded-full bg-white shadow-sm ring-0 transition-transform",
+            "data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5"
+          )
+        }
+      )
+    }
+  )
+);
+Switch.displayName = "Switch";
+export {
+  Switch
+};
+//# sourceMappingURL=switch.js.map

package/dist/components/atoms/switch/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/switch/switch.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixSwitch from \"@radix-ui/react-switch\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport type ISwitchProps = ComponentPropsWithoutRef<typeof RadixSwitch.Root>;\n\n/**\n * Accessible toggle switch (Radix). Controlled via `checked` / `onCheckedChange`\n * or uncontrolled via `defaultChecked`. Pair with a `<label htmlFor>` for a\n * clickable label.\n */\nexport const Switch = forwardRef<ElementRef<typeof RadixSwitch.Root>, ISwitchProps>(\n  ({ className, ...props }, ref) => (\n    <RadixSwitch.Root\n      ref={ref}\n      className={cn(\n        \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border border-transparent transition-colors\",\n        \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2\",\n        \"disabled:cursor-not-allowed disabled:opacity-50\",\n        \"data-[state=checked]:bg-blue-600 data-[state=unchecked]:bg-zinc-300 dark:data-[state=unchecked]:bg-zinc-700\",\n        className,\n      )}\n      {...props}\n    >\n      <RadixSwitch.Thumb\n        className={cn(\n          \"pointer-events-none block h-4 w-4 rounded-full bg-white shadow-sm ring-0 transition-transform\",\n          \"data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0.5\",\n        )}\n      />\n    </RadixSwitch.Root>\n  ),\n);\nSwitch.displayName = \"Switch\";\n"],"mappings":";AA0BM;AAxBN,YAAY,iBAAiB;AAC7B,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AASZ,MAAM,SAAS;AAAA,EACpB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC,YAAY;AAAA,QAAZ;AAAA,UACC,WAAW;AAAA,YACT;AAAA,YACA;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AACA,OAAO,cAAc;","names":[]}

package/dist/components/atoms/tag/index.d.ts

@@ -0,0 +1,4 @@
+export { Tag, Badge, tagVariants } from "./tag.js";
+export type { ITagProps, IBadgeProps } from "./tag.js";
+export { TagToneEnum, TagSizeEnum } from "./tag.type.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/tag/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/atoms/tag/index.js

@@ -0,0 +1,10 @@
+import { Tag, Badge, tagVariants } from "./tag.js";
+import { TagToneEnum, TagSizeEnum } from "./tag.type.js";
+export {
+  Badge,
+  Tag,
+  TagSizeEnum,
+  TagToneEnum,
+  tagVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/tag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/tag/index.ts"],"sourcesContent":["export { Tag, Badge, tagVariants } from \"./tag.js\";\nexport type { ITagProps, IBadgeProps } from \"./tag.js\";\nexport { TagToneEnum, TagSizeEnum } from \"./tag.type.js\";\n"],"mappings":"AAAA,SAAS,KAAK,OAAO,mBAAmB;AAExC,SAAS,aAAa,mBAAmB;","names":[]}

package/dist/components/atoms/tag/tag.d.ts

@@ -0,0 +1,22 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes } from "react";
+declare const tagVariants: (props?: ({
+    tone?: "accent" | "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
+    size?: "sm" | "md" | null | undefined;
+    outlined?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ITagProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof tagVariants> {
+}
+/**
+ * Compact label with semantic tones (neutral / info / success / warning /
+ * danger / accent). Used for status badges, counts, and categorical markers.
+ */
+export declare const Tag: import("react").ForwardRefExoticComponent<ITagProps & import("react").RefAttributes<HTMLSpanElement>>;
+/**
+ * Alias for `Tag`. Preferred name when used as a generic status badge
+ * (e.g. counts, labels, inline severity markers).
+ */
+export declare const Badge: import("react").ForwardRefExoticComponent<ITagProps & import("react").RefAttributes<HTMLSpanElement>>;
+export type IBadgeProps = ITagProps;
+export { tagVariants };
+//# sourceMappingURL=tag.d.ts.map

package/dist/components/atoms/tag/tag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,QAAA,MAAM,WAAW;;;;8EAiChB,CAAC;AAEF,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,eAAe,CAAC,EAAE,YAAY,CAAC,OAAO,WAAW,CAAC;CAAG;AAEvG;;;GAGG;AACH,eAAO,MAAM,GAAG,uGAIf,CAAC;AAGF;;;GAGG;AACH,eAAO,MAAM,KAAK,uGAAM,CAAC;AACzB,MAAM,MAAM,WAAW,GAAG,SAAS,CAAC;AAEpC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/dist/components/atoms/tag/tag.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const tagVariants = cva(
+  "inline-flex items-center gap-1 whitespace-nowrap rounded-full font-medium",
+  {
+    variants: {
+      tone: {
+        neutral: "bg-zinc-100 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300",
+        info: "bg-blue-100 text-blue-700 dark:bg-blue-950 dark:text-blue-300",
+        success: "bg-emerald-100 text-emerald-700 dark:bg-emerald-950 dark:text-emerald-300",
+        warning: "bg-amber-100 text-amber-800 dark:bg-amber-950 dark:text-amber-300",
+        danger: "bg-red-100 text-red-700 dark:bg-red-950 dark:text-red-300",
+        accent: "bg-violet-100 text-violet-700 dark:bg-violet-950 dark:text-violet-300"
+      },
+      size: {
+        sm: "h-5 px-2 text-[10px]",
+        md: "h-6 px-2.5 text-xs"
+      },
+      outlined: {
+        true: "bg-transparent ring-1 ring-inset"
+      }
+    },
+    compoundVariants: [
+      { tone: "neutral", outlined: true, class: "ring-zinc-300 dark:ring-zinc-600" },
+      { tone: "info", outlined: true, class: "ring-blue-300 dark:ring-blue-700" },
+      { tone: "success", outlined: true, class: "ring-emerald-300 dark:ring-emerald-700" },
+      { tone: "warning", outlined: true, class: "ring-amber-300 dark:ring-amber-700" },
+      { tone: "danger", outlined: true, class: "ring-red-300 dark:ring-red-700" },
+      { tone: "accent", outlined: true, class: "ring-violet-300 dark:ring-violet-700" }
+    ],
+    defaultVariants: {
+      tone: "neutral",
+      size: "md"
+    }
+  }
+);
+const Tag = forwardRef(
+  ({ className, tone, size, outlined, ...props }, ref) => /* @__PURE__ */ jsx("span", { ref, className: cn(tagVariants({ tone, size, outlined }), className), ...props })
+);
+Tag.displayName = "Tag";
+const Badge = Tag;
+export {
+  Badge,
+  Tag,
+  tagVariants
+};
+//# sourceMappingURL=tag.js.map

package/dist/components/atoms/tag/tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/tag/tag.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst tagVariants = cva(\n  \"inline-flex items-center gap-1 whitespace-nowrap rounded-full font-medium\",\n  {\n    variants: {\n      tone: {\n        neutral: \"bg-zinc-100 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300\",\n        info: \"bg-blue-100 text-blue-700 dark:bg-blue-950 dark:text-blue-300\",\n        success: \"bg-emerald-100 text-emerald-700 dark:bg-emerald-950 dark:text-emerald-300\",\n        warning: \"bg-amber-100 text-amber-800 dark:bg-amber-950 dark:text-amber-300\",\n        danger: \"bg-red-100 text-red-700 dark:bg-red-950 dark:text-red-300\",\n        accent: \"bg-violet-100 text-violet-700 dark:bg-violet-950 dark:text-violet-300\",\n      },\n      size: {\n        sm: \"h-5 px-2 text-[10px]\",\n        md: \"h-6 px-2.5 text-xs\",\n      },\n      outlined: {\n        true: \"bg-transparent ring-1 ring-inset\",\n      },\n    },\n    compoundVariants: [\n      { tone: \"neutral\", outlined: true, class: \"ring-zinc-300 dark:ring-zinc-600\" },\n      { tone: \"info\", outlined: true, class: \"ring-blue-300 dark:ring-blue-700\" },\n      { tone: \"success\", outlined: true, class: \"ring-emerald-300 dark:ring-emerald-700\" },\n      { tone: \"warning\", outlined: true, class: \"ring-amber-300 dark:ring-amber-700\" },\n      { tone: \"danger\", outlined: true, class: \"ring-red-300 dark:ring-red-700\" },\n      { tone: \"accent\", outlined: true, class: \"ring-violet-300 dark:ring-violet-700\" },\n    ],\n    defaultVariants: {\n      tone: \"neutral\",\n      size: \"md\",\n    },\n  },\n);\n\nexport interface ITagProps extends HTMLAttributes<HTMLSpanElement>, VariantProps<typeof tagVariants> {}\n\n/**\n * Compact label with semantic tones (neutral / info / success / warning /\n * danger / accent). Used for status badges, counts, and categorical markers.\n */\nexport const Tag = forwardRef<HTMLSpanElement, ITagProps>(\n  ({ className, tone, size, outlined, ...props }, ref) => (\n    <span ref={ref} className={cn(tagVariants({ tone, size, outlined }), className)} {...props} />\n  ),\n);\nTag.displayName = \"Tag\";\n\n/**\n * Alias for `Tag`. Preferred name when used as a generic status badge\n * (e.g. counts, labels, inline severity markers).\n */\nexport const Badge = Tag;\nexport type IBadgeProps = ITagProps;\n\nexport { tagVariants };\n"],"mappings":";AAiDI;AA/CJ,SAAS,WAA8B;AACvC,SAAS,kBAAuC;AAChD,SAAS,UAAU;AAEnB,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,MACV;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,kBAAkB;AAAA,MAChB,EAAE,MAAM,WAAW,UAAU,MAAM,OAAO,mCAAmC;AAAA,MAC7E,EAAE,MAAM,QAAQ,UAAU,MAAM,OAAO,mCAAmC;AAAA,MAC1E,EAAE,MAAM,WAAW,UAAU,MAAM,OAAO,yCAAyC;AAAA,MACnF,EAAE,MAAM,WAAW,UAAU,MAAM,OAAO,qCAAqC;AAAA,MAC/E,EAAE,MAAM,UAAU,UAAU,MAAM,OAAO,iCAAiC;AAAA,MAC1E,EAAE,MAAM,UAAU,UAAU,MAAM,OAAO,uCAAuC;AAAA,IAClF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAQO,MAAM,MAAM;AAAA,EACjB,CAAC,EAAE,WAAW,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAC9C,oBAAC,UAAK,KAAU,WAAW,GAAG,YAAY,EAAE,MAAM,MAAM,SAAS,CAAC,GAAG,SAAS,GAAI,GAAG,OAAO;AAEhG;AACA,IAAI,cAAc;AAMX,MAAM,QAAQ;","names":[]}

package/dist/components/atoms/tag/tag.stories.d.ts

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

package/dist/components/atoms/tag/tag.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tag/tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAG/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAS1B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,OAAO,EAAE,KAAyC,CAAC;AAChE,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC"}

package/dist/components/atoms/tag/tag.type.d.ts

@@ -0,0 +1,13 @@
+export declare enum TagToneEnum {
+    NEUTRAL = "neutral",
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    DANGER = "danger",
+    ACCENT = "accent"
+}
+export declare enum TagSizeEnum {
+    SM = "sm",
+    MD = "md"
+}
+//# sourceMappingURL=tag.type.d.ts.map

package/dist/components/atoms/tag/tag.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag.type.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tag/tag.type.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAED,oBAAY,WAAW;IACrB,EAAE,OAAO;IACT,EAAE,OAAO;CACV"}

package/dist/components/atoms/tag/tag.type.js

@@ -0,0 +1,19 @@
+var TagToneEnum = /* @__PURE__ */ ((TagToneEnum2) => {
+  TagToneEnum2["NEUTRAL"] = "neutral";
+  TagToneEnum2["INFO"] = "info";
+  TagToneEnum2["SUCCESS"] = "success";
+  TagToneEnum2["WARNING"] = "warning";
+  TagToneEnum2["DANGER"] = "danger";
+  TagToneEnum2["ACCENT"] = "accent";
+  return TagToneEnum2;
+})(TagToneEnum || {});
+var TagSizeEnum = /* @__PURE__ */ ((TagSizeEnum2) => {
+  TagSizeEnum2["SM"] = "sm";
+  TagSizeEnum2["MD"] = "md";
+  return TagSizeEnum2;
+})(TagSizeEnum || {});
+export {
+  TagSizeEnum,
+  TagToneEnum
+};
+//# sourceMappingURL=tag.type.js.map

package/dist/components/atoms/tag/tag.type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/tag/tag.type.ts"],"sourcesContent":["export enum TagToneEnum {\n  NEUTRAL = \"neutral\",\n  INFO = \"info\",\n  SUCCESS = \"success\",\n  WARNING = \"warning\",\n  DANGER = \"danger\",\n  ACCENT = \"accent\",\n}\n\nexport enum TagSizeEnum {\n  SM = \"sm\",\n  MD = \"md\",\n}\n"],"mappings":"AAAO,IAAK,cAAL,kBAAKA,iBAAL;AACL,EAAAA,aAAA,aAAU;AACV,EAAAA,aAAA,UAAO;AACP,EAAAA,aAAA,aAAU;AACV,EAAAA,aAAA,aAAU;AACV,EAAAA,aAAA,YAAS;AACT,EAAAA,aAAA,YAAS;AANC,SAAAA;AAAA,GAAA;AASL,IAAK,cAAL,kBAAKC,iBAAL;AACL,EAAAA,aAAA,QAAK;AACL,EAAAA,aAAA,QAAK;AAFK,SAAAA;AAAA,GAAA;","names":["TagToneEnum","TagSizeEnum"]}

package/dist/components/atoms/textarea/index.d.ts

@@ -0,0 +1,3 @@
+export { Textarea, textareaVariants } from "./textarea.js";
+export type { ITextareaProps } from "./textarea.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/textarea/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC3D,YAAY,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/atoms/textarea/index.js

@@ -0,0 +1,6 @@
+import { Textarea, textareaVariants } from "./textarea.js";
+export {
+  Textarea,
+  textareaVariants
+};
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/textarea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/textarea/index.ts"],"sourcesContent":["export { Textarea, textareaVariants } from \"./textarea.js\";\nexport type { ITextareaProps } from \"./textarea.js\";\n"],"mappings":"AAAA,SAAS,UAAU,wBAAwB;","names":[]}

package/dist/components/atoms/textarea/textarea.d.ts

@@ -0,0 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
+import { type TextareaHTMLAttributes } from "react";
+declare const textareaVariants: (props?: ({
+    invalid?: boolean | null | undefined;
+    resize?: "none" | "both" | "horizontal" | "vertical" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ITextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, VariantProps<typeof textareaVariants> {
+}
+/**
+ * Styled native textarea. Default resize is vertical only — pass `resize` prop
+ * to override.
+ */
+export declare const Textarea: import("react").ForwardRefExoticComponent<ITextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+export { textareaVariants };
+//# sourceMappingURL=textarea.d.ts.map

package/dist/components/atoms/textarea/textarea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/textarea/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAGhE,QAAA,MAAM,gBAAgB;;;8EAoBrB,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,YAAY,CAAC,OAAO,gBAAgB,CAAC;CAAG;AAE5C;;;GAGG;AACH,eAAO,MAAM,QAAQ,gHASpB,CAAC;AAGF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/atoms/textarea/textarea.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const textareaVariants = cva(
+  "w-full rounded-lg border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      invalid: {
+        true: "border-red-500 focus-visible:ring-red-500",
+        false: "border-border-strong"
+      },
+      resize: {
+        none: "resize-none",
+        vertical: "resize-y",
+        horizontal: "resize-x",
+        both: "resize"
+      }
+    },
+    defaultVariants: {
+      invalid: false,
+      resize: "vertical"
+    }
+  }
+);
+const Textarea = forwardRef(
+  ({ className, invalid, resize, rows = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+    "textarea",
+    {
+      ref,
+      rows,
+      className: cn(textareaVariants({ invalid, resize }), className),
+      ...props
+    }
+  )
+);
+Textarea.displayName = "Textarea";
+export {
+  Textarea,
+  textareaVariants
+};
+//# sourceMappingURL=textarea.js.map

package/dist/components/atoms/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/textarea/textarea.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type TextareaHTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst textareaVariants = cva(\n  \"w-full rounded-lg border bg-background px-3 py-2 text-sm text-foreground placeholder:text-muted-foreground transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\",\n  {\n    variants: {\n      invalid: {\n        true: \"border-red-500 focus-visible:ring-red-500\",\n        false: \"border-border-strong\",\n      },\n      resize: {\n        none: \"resize-none\",\n        vertical: \"resize-y\",\n        horizontal: \"resize-x\",\n        both: \"resize\",\n      },\n    },\n    defaultVariants: {\n      invalid: false,\n      resize: \"vertical\",\n    },\n  },\n);\n\nexport interface ITextareaProps\n  extends TextareaHTMLAttributes<HTMLTextAreaElement>,\n    VariantProps<typeof textareaVariants> {}\n\n/**\n * Styled native textarea. Default resize is vertical only — pass `resize` prop\n * to override.\n */\nexport const Textarea = forwardRef<HTMLTextAreaElement, ITextareaProps>(\n  ({ className, invalid, resize, rows = 4, ...props }, ref) => (\n    <textarea\n      ref={ref}\n      rows={rows}\n      className={cn(textareaVariants({ invalid, resize }), className)}\n      {...props}\n    />\n  ),\n);\nTextarea.displayName = \"Textarea\";\n\nexport { textareaVariants };\n"],"mappings":";AAsCI;AApCJ,SAAS,WAA8B;AACvC,SAAS,kBAA+C;AACxD,SAAS,UAAU;AAEnB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,UAAU;AAAA,QACV,YAAY;AAAA,QACZ,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,QAAQ;AAAA,IACV;AAAA,EACF;AACF;AAUO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,SAAS,QAAQ,OAAO,GAAG,GAAG,MAAM,GAAG,QACnD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW,GAAG,iBAAiB,EAAE,SAAS,OAAO,CAAC,GAAG,SAAS;AAAA,MAC7D,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,SAAS,cAAc;","names":[]}

package/dist/components/atoms/textarea/textarea.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Textarea } from "./textarea.js";
+declare const meta: Meta<typeof Textarea>;
+export default meta;
+type Story = StoryObj<typeof Textarea>;
+export declare const Default: Story;
+export declare const Prefilled: Story;
+export declare const Invalid: Story;
+export declare const NoResize: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=textarea.stories.d.ts.map

package/dist/components/atoms/textarea/textarea.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/textarea/textarea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAU/B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAA2D,CAAC;AAClF,eAAO,MAAM,SAAS,EAAE,KAAiE,CAAC;AAC1F,eAAO,MAAM,OAAO,EAAE,KAA6E,CAAC;AACpG,eAAO,MAAM,QAAQ,EAAE,KAAgE,CAAC;AACxF,eAAO,MAAM,QAAQ,EAAE,KAAsE,CAAC"}

package/dist/components/atoms/toggle/index.d.ts

@@ -0,0 +1,3 @@
+export { Toggle } from "./toggle.js";
+export type { IToggleProps } from "./toggle.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/toggle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/toggle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/atoms/toggle/index.js

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

package/dist/components/atoms/toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/toggle/index.ts"],"sourcesContent":["export { Toggle } from \"./toggle.js\";\nexport type { IToggleProps } from \"./toggle.js\";\n"],"mappings":"AAAA,SAAS,cAAc;","names":[]}

package/dist/components/atoms/toggle/toggle.d.ts

@@ -0,0 +1,15 @@
+import * as RadixSwitch from "@radix-ui/react-switch";
+import { type VariantProps } from "class-variance-authority";
+import { type ComponentPropsWithoutRef } from "react";
+declare const toggleRootVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IToggleProps extends ComponentPropsWithoutRef<typeof RadixSwitch.Root>, VariantProps<typeof toggleRootVariants> {
+}
+/**
+ * Accessible on/off toggle built on Radix Switch. RTL-aware: the thumb
+ * translates in the correct direction under `dir="rtl"`.
+ */
+export declare const Toggle: import("react").ForwardRefExoticComponent<IToggleProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=toggle.d.ts.map

package/dist/components/atoms/toggle/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/toggle/toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,WAAW,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAGnF,QAAA,MAAM,kBAAkB;;8EAcvB,CAAC;AAkBF,MAAM,WAAW,YACf,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EACvD,YAAY,CAAC,OAAO,kBAAkB,CAAC;CAAG;AAE9C;;;GAGG;AACH,eAAO,MAAM,MAAM,4GAMlB,CAAC"}

package/dist/components/atoms/toggle/toggle.js

@@ -0,0 +1,44 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixSwitch from "@radix-ui/react-switch";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const toggleRootVariants = cva(
+  "group peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent bg-zinc-200 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 dark:bg-zinc-700",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-7",
+        md: "h-5 w-9",
+        lg: "h-6 w-11"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const toggleThumbVariants = cva(
+  "pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0 rtl:data-[state=unchecked]:-translate-x-0",
+  {
+    variants: {
+      size: {
+        sm: "h-3 w-3 data-[state=checked]:translate-x-3 rtl:data-[state=checked]:-translate-x-3",
+        md: "h-4 w-4 data-[state=checked]:translate-x-4 rtl:data-[state=checked]:-translate-x-4",
+        lg: "h-5 w-5 data-[state=checked]:translate-x-5 rtl:data-[state=checked]:-translate-x-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const Toggle = forwardRef(
+  ({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(RadixSwitch.Root, { ref, className: cn(toggleRootVariants({ size }), className), ...props, children: /* @__PURE__ */ jsx(RadixSwitch.Thumb, { className: cn(toggleThumbVariants({ size })) }) })
+);
+Toggle.displayName = "Toggle";
+export {
+  Toggle
+};
+//# sourceMappingURL=toggle.js.map

package/dist/components/atoms/toggle/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/toggle/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixSwitch from \"@radix-ui/react-switch\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst toggleRootVariants = cva(\n  \"group peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent bg-zinc-200 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-blue-600 dark:bg-zinc-700\",\n  {\n    variants: {\n      size: {\n        sm: \"h-4 w-7\",\n        md: \"h-5 w-9\",\n        lg: \"h-6 w-11\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nconst toggleThumbVariants = cva(\n  \"pointer-events-none block rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=unchecked]:translate-x-0 rtl:data-[state=unchecked]:-translate-x-0\",\n  {\n    variants: {\n      size: {\n        sm: \"h-3 w-3 data-[state=checked]:translate-x-3 rtl:data-[state=checked]:-translate-x-3\",\n        md: \"h-4 w-4 data-[state=checked]:translate-x-4 rtl:data-[state=checked]:-translate-x-4\",\n        lg: \"h-5 w-5 data-[state=checked]:translate-x-5 rtl:data-[state=checked]:-translate-x-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport interface IToggleProps\n  extends ComponentPropsWithoutRef<typeof RadixSwitch.Root>,\n    VariantProps<typeof toggleRootVariants> {}\n\n/**\n * Accessible on/off toggle built on Radix Switch. RTL-aware: the thumb\n * translates in the correct direction under `dir=\"rtl\"`.\n */\nexport const Toggle = forwardRef<ElementRef<typeof RadixSwitch.Root>, IToggleProps>(\n  ({ className, size, ...props }, ref) => (\n    <RadixSwitch.Root ref={ref} className={cn(toggleRootVariants({ size }), className)} {...props}>\n      <RadixSwitch.Thumb className={cn(toggleThumbVariants({ size }))} />\n    </RadixSwitch.Root>\n  ),\n);\nToggle.displayName = \"Toggle\";\n"],"mappings":";AAkDM;AAhDN,YAAY,iBAAiB;AAC7B,SAAS,WAA8B;AACvC,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AAEnB,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAEA,MAAM,sBAAsB;AAAA,EAC1B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAUO,MAAM,SAAS;AAAA,EACpB,CAAC,EAAE,WAAW,MAAM,GAAG,MAAM,GAAG,QAC9B,oBAAC,YAAY,MAAZ,EAAiB,KAAU,WAAW,GAAG,mBAAmB,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACtF,8BAAC,YAAY,OAAZ,EAAkB,WAAW,GAAG,oBAAoB,EAAE,KAAK,CAAC,CAAC,GAAG,GACnE;AAEJ;AACA,OAAO,cAAc;","names":[]}

package/dist/components/atoms/toggle/toggle.stories.d.ts

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

package/dist/components/atoms/toggle/toggle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/toggle/toggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAQ7B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAAoD,CAAC;AAC3E,eAAO,MAAM,OAAO,EAAE,KAAmE,CAAC;AAC1F,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC;AACF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC"}

package/dist/components/atoms/typography/index.d.ts

@@ -0,0 +1,3 @@
+export { Typography } from "./typography.js";
+export type { TypographyProps } from "./typography.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/typography/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/typography/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/atoms/typography/index.js

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