@noambz/ui 0.7.0

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

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

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

@@ -0,0 +1,22 @@
+import { type VariantProps } from "class-variance-authority";
+import { type ComponentPropsWithoutRef, type ElementType, type ReactElement, type Ref } from "react";
+declare const typographyVariants: (props?: ({
+    variant?: "h2" | "h3" | "body" | "caption" | "code" | "h1" | "h4" | "h5" | "h6" | "lead" | null | undefined;
+    align?: "center" | "start" | "end" | null | undefined;
+    truncate?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type TypographyProps<TElement extends ElementType = "p"> = {
+    as?: TElement;
+} & VariantProps<typeof typographyVariants> & Omit<ComponentPropsWithoutRef<TElement>, "as" | "children" | "className"> & {
+    className?: string;
+    children?: ComponentPropsWithoutRef<TElement>["children"];
+};
+/**
+ * Polymorphic typography primitive. Select the semantic tag via `as`; pick the
+ * visual variant separately (e.g. `<Typography as="h2" variant="h4" />`).
+ */
+export declare const Typography: <TElement extends ElementType = "p">(props: TypographyProps<TElement> & {
+    ref?: Ref<Element>;
+}) => ReactElement | null;
+export {};
+//# sourceMappingURL=typography.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/typography/typography.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,GAAG,EACT,MAAM,OAAO,CAAC;AAGf,QAAA,MAAM,kBAAkB;;;;8EA0BtB,CAAC;AAeH,MAAM,MAAM,eAAe,CAAC,QAAQ,SAAS,WAAW,GAAG,GAAG,IAAI;IAChE,EAAE,CAAC,EAAE,QAAQ,CAAC;CACf,GAAG,YAAY,CAAC,OAAO,kBAAkB,CAAC,GACzC,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,IAAI,GAAG,UAAU,GAAG,WAAW,CAAC,GAAG;IAC1E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,wBAAwB,CAAC,QAAQ,CAAC,CAAC,UAAU,CAAC,CAAC;CAC3D,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,UAAU,EAQjB,CAAC,QAAQ,SAAS,WAAW,GAAG,GAAG,EAAE,KAAK,EAAE,eAAe,CAAC,QAAQ,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAA;CAAE,KAAK,YAAY,GAAG,IAAI,CAAC"}

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

@@ -0,0 +1,55 @@
+"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 typographyVariants = cva("text-foreground", {
+  variants: {
+    variant: {
+      h1: "text-4xl font-bold tracking-tight",
+      h2: "text-3xl font-semibold tracking-tight",
+      h3: "text-2xl font-semibold",
+      h4: "text-xl font-semibold",
+      h5: "text-lg font-semibold",
+      h6: "text-base font-semibold",
+      body: "text-sm leading-relaxed",
+      lead: "text-base leading-relaxed text-muted-foreground",
+      caption: "text-xs text-muted-foreground",
+      code: "font-mono text-[0.85em] rounded bg-zinc-100 px-1 py-0.5 dark:bg-zinc-800"
+    },
+    align: {
+      start: "text-start",
+      center: "text-center",
+      end: "text-end"
+    },
+    truncate: {
+      true: "truncate"
+    }
+  },
+  defaultVariants: {
+    variant: "body"
+  }
+});
+const DEFAULT_TAG_BY_VARIANT = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body: "p",
+  lead: "p",
+  caption: "span",
+  code: "code"
+};
+const Typography = forwardRef(function TypographyImpl({ as, variant, align, truncate, className, ...props }, ref) {
+  const Tag = as ?? DEFAULT_TAG_BY_VARIANT[variant ?? "body"];
+  return /* @__PURE__ */ jsx(Tag, { ref, className: cn(typographyVariants({ variant, align, truncate }), className), ...props });
+});
+Typography.displayName = "Typography";
+export {
+  Typography
+};
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/typography/typography.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport {\n  forwardRef,\n  type ComponentPropsWithoutRef,\n  type ElementType,\n  type ReactElement,\n  type Ref,\n} from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst typographyVariants = cva(\"text-foreground\", {\n  variants: {\n    variant: {\n      h1: \"text-4xl font-bold tracking-tight\",\n      h2: \"text-3xl font-semibold tracking-tight\",\n      h3: \"text-2xl font-semibold\",\n      h4: \"text-xl font-semibold\",\n      h5: \"text-lg font-semibold\",\n      h6: \"text-base font-semibold\",\n      body: \"text-sm leading-relaxed\",\n      lead: \"text-base leading-relaxed text-muted-foreground\",\n      caption: \"text-xs text-muted-foreground\",\n      code: \"font-mono text-[0.85em] rounded bg-zinc-100 px-1 py-0.5 dark:bg-zinc-800\",\n    },\n    align: {\n      start: \"text-start\",\n      center: \"text-center\",\n      end: \"text-end\",\n    },\n    truncate: {\n      true: \"truncate\",\n    },\n  },\n  defaultVariants: {\n    variant: \"body\",\n  },\n});\n\nconst DEFAULT_TAG_BY_VARIANT: Record<NonNullable<VariantProps<typeof typographyVariants>[\"variant\"]>, ElementType> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body: \"p\",\n  lead: \"p\",\n  caption: \"span\",\n  code: \"code\",\n};\n\nexport type TypographyProps<TElement extends ElementType = \"p\"> = {\n  as?: TElement;\n} & VariantProps<typeof typographyVariants> &\n  Omit<ComponentPropsWithoutRef<TElement>, \"as\" | \"children\" | \"className\"> & {\n    className?: string;\n    children?: ComponentPropsWithoutRef<TElement>[\"children\"];\n  };\n\n/**\n * Polymorphic typography primitive. Select the semantic tag via `as`; pick the\n * visual variant separately (e.g. `<Typography as=\"h2\" variant=\"h4\" />`).\n */\nexport const Typography = forwardRef(function TypographyImpl<TElement extends ElementType = \"p\">(\n  { as, variant, align, truncate, className, ...props }: TypographyProps<TElement>,\n  ref: Ref<Element>,\n) {\n  const Tag = (as ?? DEFAULT_TAG_BY_VARIANT[variant ?? \"body\"]) as ElementType;\n  return (\n    <Tag ref={ref} className={cn(typographyVariants({ variant, align, truncate }), className)} {...props} />\n  );\n}) as <TElement extends ElementType = \"p\">(props: TypographyProps<TElement> & { ref?: Ref<Element> }) => ReactElement | null;\n\n(Typography as unknown as { displayName?: string }).displayName = \"Typography\";\n"],"mappings":";AAuEI;AArEJ,SAAS,WAA8B;AACvC;AAAA,EACE;AAAA,OAKK;AACP,SAAS,UAAU;AAEnB,MAAM,qBAAqB,IAAI,mBAAmB;AAAA,EAChD,UAAU;AAAA,IACR,SAAS;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,MAAM;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,IACA,OAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,IACR;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;AAED,MAAM,yBAA+G;AAAA,EACnH,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,MAAM;AACR;AAcO,MAAM,aAAa,WAAW,SAAS,eAC5C,EAAE,IAAI,SAAS,OAAO,UAAU,WAAW,GAAG,MAAM,GACpD,KACA;AACA,QAAM,MAAO,MAAM,uBAAuB,WAAW,MAAM;AAC3D,SACE,oBAAC,OAAI,KAAU,WAAW,GAAG,mBAAmB,EAAE,SAAS,OAAO,SAAS,CAAC,GAAG,SAAS,GAAI,GAAG,OAAO;AAE1G,CAAC;AAEA,WAAmD,cAAc;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/typography/typography.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAE7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,WAAW,EAAE,KAiBzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAC"}

package/dist/components/atoms/visually-hidden/index.d.ts

@@ -0,0 +1,3 @@
+export { VisuallyHidden } from "./visually-hidden.js";
+export type { IVisuallyHiddenProps } from "./visually-hidden.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/visually-hidden/index.d.ts.map

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

package/dist/components/atoms/visually-hidden/index.js

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

package/dist/components/atoms/visually-hidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/visually-hidden/index.ts"],"sourcesContent":["export { VisuallyHidden } from \"./visually-hidden.js\";\nexport type { IVisuallyHiddenProps } from \"./visually-hidden.js\";\n"],"mappings":"AAAA,SAAS,sBAAsB;","names":[]}

package/dist/components/atoms/visually-hidden/visually-hidden.d.ts

@@ -0,0 +1,9 @@
+import * as RadixVisuallyHidden from "@radix-ui/react-visually-hidden";
+import { type ComponentPropsWithoutRef } from "react";
+export type IVisuallyHiddenProps = ComponentPropsWithoutRef<typeof RadixVisuallyHidden.Root>;
+/**
+ * Visually hides content while keeping it available to assistive tech.
+ * Useful for labeling icon-only buttons, section landmarks, and live regions.
+ */
+export declare const VisuallyHidden: import("react").ForwardRefExoticComponent<Omit<RadixVisuallyHidden.VisuallyHiddenProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=visually-hidden.d.ts.map

package/dist/components/atoms/visually-hidden/visually-hidden.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/visually-hidden/visually-hidden.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAEnF,MAAM,MAAM,oBAAoB,GAAG,wBAAwB,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;AAE7F;;;GAGG;AACH,eAAO,MAAM,cAAc,mMAGyC,CAAC"}

package/dist/components/atoms/visually-hidden/visually-hidden.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixVisuallyHidden from "@radix-ui/react-visually-hidden";
+import { forwardRef } from "react";
+const VisuallyHidden = forwardRef((props, ref) => /* @__PURE__ */ jsx(RadixVisuallyHidden.Root, { ref, ...props }));
+VisuallyHidden.displayName = "VisuallyHidden";
+export {
+  VisuallyHidden
+};
+//# sourceMappingURL=visually-hidden.js.map

package/dist/components/atoms/visually-hidden/visually-hidden.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/visually-hidden/visually-hidden.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixVisuallyHidden from \"@radix-ui/react-visually-hidden\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\n\nexport type IVisuallyHiddenProps = ComponentPropsWithoutRef<typeof RadixVisuallyHidden.Root>;\n\n/**\n * Visually hides content while keeping it available to assistive tech.\n * Useful for labeling icon-only buttons, section landmarks, and live regions.\n */\nexport const VisuallyHidden = forwardRef<\n  ElementRef<typeof RadixVisuallyHidden.Root>,\n  IVisuallyHiddenProps\n>((props, ref) => <RadixVisuallyHidden.Root ref={ref} {...props} />);\nVisuallyHidden.displayName = \"VisuallyHidden\";\n"],"mappings":";AAckB;AAZlB,YAAY,yBAAyB;AACrC,SAAS,kBAAkE;AAQpE,MAAM,iBAAiB,WAG5B,CAAC,OAAO,QAAQ,oBAAC,oBAAoB,MAApB,EAAyB,KAAW,GAAG,OAAO,CAAE;AACnE,eAAe,cAAc;","names":[]}

package/dist/components/atoms/visually-hidden/visually-hidden.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { VisuallyHidden } from "./visually-hidden.js";
+declare const meta: Meta<typeof VisuallyHidden>;
+export default meta;
+export declare const IconOnlyButtonLabel: StoryObj;
+//# sourceMappingURL=visually-hidden.stories.d.ts.map

package/dist/components/atoms/visually-hidden/visually-hidden.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visually-hidden.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/visually-hidden/visually-hidden.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,cAAc,CAIrC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,mBAAmB,EAAE,QAYjC,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./atoms/index.js";
+export * from "./molecules/index.js";
+export * from "./organisms/index.js";
+export * from "./utility-wrappers/index.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,6BAA6B,CAAC"}

package/dist/components/index.js

@@ -0,0 +1,5 @@
+export * from "./atoms/index.js";
+export * from "./molecules/index.js";
+export * from "./organisms/index.js";
+export * from "./utility-wrappers/index.js";
+//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/index.ts"],"sourcesContent":["export * from \"./atoms/index.js\";\nexport * from \"./molecules/index.js\";\nexport * from \"./organisms/index.js\";\nexport * from \"./utility-wrappers/index.js\";\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}

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

@@ -0,0 +1,6 @@
+import * as RadixAccordion from "@radix-ui/react-accordion";
+export declare const Accordion: import("react").ForwardRefExoticComponent<(RadixAccordion.AccordionSingleProps | RadixAccordion.AccordionMultipleProps) & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AccordionItem: import("react").ForwardRefExoticComponent<Omit<RadixAccordion.AccordionItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const AccordionTrigger: import("react").ForwardRefExoticComponent<Omit<RadixAccordion.AccordionTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const AccordionContent: import("react").ForwardRefExoticComponent<Omit<RadixAccordion.AccordionContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/accordion/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAI5D,eAAO,MAAM,SAAS,0KAAsB,CAAC;AAE7C,eAAO,MAAM,aAAa,2LAKxB,CAAC;AAGH,eAAO,MAAM,gBAAgB,oMA0B3B,CAAC;AAGH,eAAO,MAAM,gBAAgB,8LAW3B,CAAC"}

package/dist/components/molecules/accordion/accordion.js

@@ -0,0 +1,52 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadixAccordion from "@radix-ui/react-accordion";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const Accordion = RadixAccordion.Root;
+const AccordionItem = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixAccordion.Item, { ref, className: cn("border-b border-border-base", className), ...props }));
+AccordionItem.displayName = "AccordionItem";
+const AccordionTrigger = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(RadixAccordion.Header, { className: "flex", children: /* @__PURE__ */ jsxs(
+  RadixAccordion.Trigger,
+  {
+    ref,
+    className: cn(
+      "group flex flex-1 items-center justify-between gap-4 py-3 text-left text-sm font-medium text-foreground transition-colors hover:text-blue-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(
+        "svg",
+        {
+          viewBox: "0 0 16 16",
+          className: "h-4 w-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-180",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: 2,
+          "aria-hidden": "true",
+          children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 6l4 4 4-4" })
+        }
+      )
+    ]
+  }
+) }));
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionContent = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadixAccordion.Content,
+  {
+    ref,
+    className: "overflow-hidden text-sm text-muted-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: cn("pb-3 pt-0", className), children })
+  }
+));
+AccordionContent.displayName = "AccordionContent";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=accordion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/accordion/accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixAccordion from \"@radix-ui/react-accordion\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport const Accordion = RadixAccordion.Root;\n\nexport const AccordionItem = forwardRef<\n  ElementRef<typeof RadixAccordion.Item>,\n  ComponentPropsWithoutRef<typeof RadixAccordion.Item>\n>(({ className, ...props }, ref) => (\n  <RadixAccordion.Item ref={ref} className={cn(\"border-b border-border-base\", className)} {...props} />\n));\nAccordionItem.displayName = \"AccordionItem\";\n\nexport const AccordionTrigger = forwardRef<\n  ElementRef<typeof RadixAccordion.Trigger>,\n  ComponentPropsWithoutRef<typeof RadixAccordion.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <RadixAccordion.Header className=\"flex\">\n    <RadixAccordion.Trigger\n      ref={ref}\n      className={cn(\n        \"group flex flex-1 items-center justify-between gap-4 py-3 text-left text-sm font-medium text-foreground transition-colors hover:text-blue-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <svg\n        viewBox=\"0 0 16 16\"\n        className=\"h-4 w-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-180\"\n        fill=\"none\"\n        stroke=\"currentColor\"\n        strokeWidth={2}\n        aria-hidden=\"true\"\n      >\n        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M4 6l4 4 4-4\" />\n      </svg>\n    </RadixAccordion.Trigger>\n  </RadixAccordion.Header>\n));\nAccordionTrigger.displayName = \"AccordionTrigger\";\n\nexport const AccordionContent = forwardRef<\n  ElementRef<typeof RadixAccordion.Content>,\n  ComponentPropsWithoutRef<typeof RadixAccordion.Content>\n>(({ className, children, ...props }, ref) => (\n  <RadixAccordion.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm text-muted-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\"\n    {...props}\n  >\n    <div className={cn(\"pb-3 pt-0\", className)}>{children}</div>\n  </RadixAccordion.Content>\n));\nAccordionContent.displayName = \"AccordionContent\";\n"],"mappings":";AAYE,cASE,YATF;AAVF,YAAY,oBAAoB;AAChC,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AAEZ,MAAM,YAAY,eAAe;AAEjC,MAAM,gBAAgB,WAG3B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,eAAe,MAAf,EAAoB,KAAU,WAAW,GAAG,+BAA+B,SAAS,GAAI,GAAG,OAAO,CACpG;AACD,cAAc,cAAc;AAErB,MAAM,mBAAmB,WAG9B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC,oBAAC,eAAe,QAAf,EAAsB,WAAU,QAC/B;AAAA,EAAC,eAAe;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AAAA,MACD;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,UACV,MAAK;AAAA,UACL,QAAO;AAAA,UACP,aAAa;AAAA,UACb,eAAY;AAAA,UAEZ,8BAAC,UAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,gBAAe;AAAA;AAAA,MACtE;AAAA;AAAA;AACF,GACF,CACD;AACD,iBAAiB,cAAc;AAExB,MAAM,mBAAmB,WAG9B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACpC;AAAA,EAAC,eAAe;AAAA,EAAf;AAAA,IACC;AAAA,IACA,WAAU;AAAA,IACT,GAAG;AAAA,IAEJ,8BAAC,SAAI,WAAW,GAAG,aAAa,SAAS,GAAI,UAAS;AAAA;AACxD,CACD;AACD,iBAAiB,cAAc;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/accordion/accordion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAqD,MAAM,gBAAgB,CAAC;AAE9F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,MAAM,EAAE,QAsBpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAiBtB,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./accordion.js";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,8 @@
+import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./accordion.js";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/accordion/index.ts"],"sourcesContent":["export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from \"./accordion.js\";\n"],"mappings":"AAAA,SAAS,WAAW,eAAe,kBAAkB,wBAAwB;","names":[]}

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

@@ -0,0 +1,21 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type ReactNode } from "react";
+declare const alertVariants: (props?: ({
+    variant?: "neutral" | "info" | "success" | "warning" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IAlertProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof alertVariants> {
+    icon?: ReactNode;
+    title?: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+}
+/**
+ * Inline alert/banner for status messaging. Use at the top of pages, inside
+ * cards/forms, or above data tables. Pair `variant="danger"` with `role="alert"`
+ * for screen-reader announcements on save failures.
+ */
+export declare const Alert: import("react").ForwardRefExoticComponent<IAlertProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGxE,QAAA,MAAM,aAAa;;8EAgBlB,CAAC;AAIF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACnD,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,wGA0CjB,CAAC"}

package/dist/components/molecules/alert/alert.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const alertVariants = cva(
+  "relative flex w-full items-center gap-3 rounded-lg border p-3 text-sm",
+  {
+    variants: {
+      variant: {
+        info: "border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-900/60 dark:bg-blue-950/40 dark:text-blue-100",
+        success: "border-green-200 bg-green-50 text-green-900 dark:border-green-900/60 dark:bg-green-950/40 dark:text-green-100",
+        warning: "border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-900/60 dark:bg-amber-950/40 dark:text-amber-100",
+        danger: "border-red-200 bg-red-50 text-red-900 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-100",
+        neutral: "border-border-base bg-surface-muted text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+);
+const CLOSE_CHAR = "\xD7";
+const Alert = forwardRef(
+  ({
+    className,
+    variant,
+    icon,
+    title,
+    description,
+    action,
+    onDismiss,
+    dismissLabel = "Dismiss",
+    children,
+    role,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      role: role ?? (variant === "danger" ? "alert" : "status"),
+      className: cn(alertVariants({ variant }), className),
+      ...props,
+      children: [
+        icon ? /* @__PURE__ */ jsx("div", { className: "flex shrink-0 self-start items-start pt-0.5", children: icon }) : null,
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-1", children: [
+          title ? /* @__PURE__ */ jsx("p", { className: "font-medium leading-tight", children: title }) : null,
+          description ? /* @__PURE__ */ jsx("div", { className: "text-sm/5 opacity-90", children: description }) : null,
+          children
+        ] }),
+        action ? /* @__PURE__ */ jsx("div", { className: "shrink-0 self-center", children: action }) : null,
+        onDismiss ? /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onDismiss,
+            "aria-label": dismissLabel,
+            className: "shrink-0 self-start rounded-md p-1 text-current transition-colors hover:bg-black/5 dark:hover:bg-white/10",
+            children: CLOSE_CHAR
+          }
+        ) : null
+      ]
+    }
+  )
+);
+Alert.displayName = "Alert";
+export {
+  Alert
+};
+//# sourceMappingURL=alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/alert/alert.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst alertVariants = cva(\n  \"relative flex w-full items-center gap-3 rounded-lg border p-3 text-sm\",\n  {\n    variants: {\n      variant: {\n        info: \"border-blue-200 bg-blue-50 text-blue-900 dark:border-blue-900/60 dark:bg-blue-950/40 dark:text-blue-100\",\n        success: \"border-green-200 bg-green-50 text-green-900 dark:border-green-900/60 dark:bg-green-950/40 dark:text-green-100\",\n        warning: \"border-amber-200 bg-amber-50 text-amber-900 dark:border-amber-900/60 dark:bg-amber-950/40 dark:text-amber-100\",\n        danger: \"border-red-200 bg-red-50 text-red-900 dark:border-red-900/60 dark:bg-red-950/40 dark:text-red-100\",\n        neutral: \"border-border-base bg-surface-muted text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"info\",\n    },\n  },\n);\n\nconst CLOSE_CHAR = \"\\u00D7\";\n\nexport interface IAlertProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"title\">,\n    VariantProps<typeof alertVariants> {\n  icon?: ReactNode;\n  title?: ReactNode;\n  description?: ReactNode;\n  action?: ReactNode;\n  onDismiss?: () => void;\n  dismissLabel?: string;\n}\n\n/**\n * Inline alert/banner for status messaging. Use at the top of pages, inside\n * cards/forms, or above data tables. Pair `variant=\"danger\"` with `role=\"alert\"`\n * for screen-reader announcements on save failures.\n */\nexport const Alert = forwardRef<HTMLDivElement, IAlertProps>(\n  (\n    {\n      className,\n      variant,\n      icon,\n      title,\n      description,\n      action,\n      onDismiss,\n      dismissLabel = \"Dismiss\",\n      children,\n      role,\n      ...props\n    },\n    ref,\n  ) => (\n    <div\n      ref={ref}\n      role={role ?? (variant === \"danger\" ? \"alert\" : \"status\")}\n      className={cn(alertVariants({ variant }), className)}\n      {...props}\n    >\n      {icon ? <div className=\"flex shrink-0 self-start items-start pt-0.5\">{icon}</div> : null}\n      <div className=\"flex min-w-0 flex-1 flex-col gap-1\">\n        {title ? <p className=\"font-medium leading-tight\">{title}</p> : null}\n        {description ? <div className=\"text-sm/5 opacity-90\">{description}</div> : null}\n        {children}\n      </div>\n      {action ? <div className=\"shrink-0 self-center\">{action}</div> : null}\n      {onDismiss ? (\n        <button\n          type=\"button\"\n          onClick={onDismiss}\n          aria-label={dismissLabel}\n          className=\"shrink-0 self-start rounded-md p-1 text-current transition-colors hover:bg-black/5 dark:hover:bg-white/10\"\n        >\n          {CLOSE_CHAR}\n        </button>\n      ) : null}\n    </div>\n  ),\n);\nAlert.displayName = \"Alert\";\n"],"mappings":";AAiEc,cACR,YADQ;AA/Dd,SAAS,WAA8B;AACvC,SAAS,kBAAuD;AAChE,SAAS,UAAU;AAEnB,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SAAS;AAAA,QACT,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;AAEA,MAAM,aAAa;AAkBZ,MAAM,QAAQ;AAAA,EACnB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe;AAAA,IACf;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QAEA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAM,SAAS,YAAY,WAAW,UAAU;AAAA,MAChD,WAAW,GAAG,cAAc,EAAE,QAAQ,CAAC,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA,MAEH;AAAA,eAAO,oBAAC,SAAI,WAAU,+CAA+C,gBAAK,IAAS;AAAA,QACpF,qBAAC,SAAI,WAAU,sCACZ;AAAA,kBAAQ,oBAAC,OAAE,WAAU,6BAA6B,iBAAM,IAAO;AAAA,UAC/D,cAAc,oBAAC,SAAI,WAAU,wBAAwB,uBAAY,IAAS;AAAA,UAC1E;AAAA,WACH;AAAA,QACC,SAAS,oBAAC,SAAI,WAAU,wBAAwB,kBAAO,IAAS;AAAA,QAChE,YACC;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAS;AAAA,YACT,cAAY;AAAA,YACZ,WAAU;AAAA,YAET;AAAA;AAAA,QACH,IACE;AAAA;AAAA;AAAA,EACN;AAEJ;AACA,MAAM,cAAc;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Alert } from "./alert.js";
+declare const meta: Meta<typeof Alert>;
+export default meta;
+type Story = StoryObj<typeof Alert>;
+export declare const Info: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Danger: Story;
+export declare const WithAction: Story;
+export declare const Dismissible: StoryObj;
+//# sourceMappingURL=alert.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAS5B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,IAAI,EAAE,KAAU,CAAC;AAE9B,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAazB,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/alert/index.ts"],"sourcesContent":["export { Alert } from \"./alert.js\";\nexport type { IAlertProps } from \"./alert.js\";\n"],"mappings":"AAAA,SAAS,aAAa;","names":[]}

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

@@ -0,0 +1,23 @@
+import { type HTMLAttributes, type ReactNode } from "react";
+export interface IBreadcrumbItem {
+    label: ReactNode;
+    href?: string;
+    /** Optional custom renderer (e.g. a framework-specific `<Link>`). */
+    render?: (args: {
+        label: ReactNode;
+        href?: string;
+        isCurrent: boolean;
+    }) => ReactNode;
+}
+export interface IBreadcrumbsProps extends HTMLAttributes<HTMLElement> {
+    items: ReadonlyArray<IBreadcrumbItem>;
+    separator?: ReactNode;
+    ariaLabel?: string;
+}
+/**
+ * Navigation breadcrumbs. Pass `items` as an ordered array where the last
+ * entry is the current page (rendered with `aria-current`). Supply a custom
+ * `render` per item to integrate with `next/link` or similar.
+ */
+export declare const Breadcrumbs: import("react").ForwardRefExoticComponent<IBreadcrumbsProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwB,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlF,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,qEAAqE;IACrE,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,SAAS,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,SAAS,CAAC;CACvF;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACpE,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;;;GAIG;AACH,eAAO,MAAM,WAAW,2GA8BvB,CAAC"}

package/dist/components/molecules/breadcrumbs/breadcrumbs.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const DEFAULT_SEPARATOR = "/";
+const Breadcrumbs = forwardRef(
+  ({ className, items, separator = DEFAULT_SEPARATOR, ariaLabel = "Breadcrumb", ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": ariaLabel, className: cn("text-sm", className), ...props, children: /* @__PURE__ */ jsx("ol", { className: "flex flex-wrap items-center gap-1.5 text-muted-foreground", children: items.map((item, index) => {
+    const isCurrent = index === items.length - 1;
+    const content = item.render ? item.render({ label: item.label, href: item.href, isCurrent }) : item.href && !isCurrent ? /* @__PURE__ */ jsx("a", { href: item.href, className: "transition-colors hover:text-foreground", children: item.label }) : /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(isCurrent && "font-medium text-foreground"),
+        "aria-current": isCurrent ? "page" : void 0,
+        children: item.label
+      }
+    );
+    return /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("li", { children: content }),
+      !isCurrent ? /* @__PURE__ */ jsx("li", { "aria-hidden": "true", className: "text-muted-foreground/60", children: separator }) : null
+    ] }, index);
+  }) }) })
+);
+Breadcrumbs.displayName = "Breadcrumbs";
+export {
+  Breadcrumbs
+};
+//# sourceMappingURL=breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/breadcrumbs/breadcrumbs.tsx"],"sourcesContent":["\"use client\";\n\nimport { Fragment, forwardRef, type HTMLAttributes, type ReactNode } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport interface IBreadcrumbItem {\n  label: ReactNode;\n  href?: string;\n  /** Optional custom renderer (e.g. a framework-specific `<Link>`). */\n  render?: (args: { label: ReactNode; href?: string; isCurrent: boolean }) => ReactNode;\n}\n\nexport interface IBreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  items: ReadonlyArray<IBreadcrumbItem>;\n  separator?: ReactNode;\n  ariaLabel?: string;\n}\n\nconst DEFAULT_SEPARATOR = \"/\";\n\n/**\n * Navigation breadcrumbs. Pass `items` as an ordered array where the last\n * entry is the current page (rendered with `aria-current`). Supply a custom\n * `render` per item to integrate with `next/link` or similar.\n */\nexport const Breadcrumbs = forwardRef<HTMLElement, IBreadcrumbsProps>(\n  ({ className, items, separator = DEFAULT_SEPARATOR, ariaLabel = \"Breadcrumb\", ...props }, ref) => (\n    <nav ref={ref} aria-label={ariaLabel} className={cn(\"text-sm\", className)} {...props}>\n      <ol className=\"flex flex-wrap items-center gap-1.5 text-muted-foreground\">\n        {items.map((item, index) => {\n          const isCurrent = index === items.length - 1;\n          const content = item.render\n            ? item.render({ label: item.label, href: item.href, isCurrent })\n            : item.href && !isCurrent ? (\n              <a href={item.href} className=\"transition-colors hover:text-foreground\">\n                {item.label}\n              </a>\n            ) : (\n              <span className={cn(isCurrent && \"font-medium text-foreground\")}\n                aria-current={isCurrent ? \"page\" : undefined}>\n                {item.label}\n              </span>\n            );\n          return (\n            <Fragment key={index}>\n              <li>{content}</li>\n              {!isCurrent ? (\n                <li aria-hidden=\"true\" className=\"text-muted-foreground/60\">{separator}</li>\n              ) : null}\n            </Fragment>\n          );\n        })}\n      </ol>\n    </nav>\n  ),\n);\nBreadcrumbs.displayName = \"Breadcrumbs\";\n"],"mappings":";AAkCc,cAUF,YAVE;AAhCd,SAAS,UAAU,kBAAuD;AAC1E,SAAS,UAAU;AAenB,MAAM,oBAAoB;AAOnB,MAAM,cAAc;AAAA,EACzB,CAAC,EAAE,WAAW,OAAO,YAAY,mBAAmB,YAAY,cAAc,GAAG,MAAM,GAAG,QACxF,oBAAC,SAAI,KAAU,cAAY,WAAW,WAAW,GAAG,WAAW,SAAS,GAAI,GAAG,OAC7E,8BAAC,QAAG,WAAU,6DACX,gBAAM,IAAI,CAAC,MAAM,UAAU;AAC1B,UAAM,YAAY,UAAU,MAAM,SAAS;AAC3C,UAAM,UAAU,KAAK,SACjB,KAAK,OAAO,EAAE,OAAO,KAAK,OAAO,MAAM,KAAK,MAAM,UAAU,CAAC,IAC7D,KAAK,QAAQ,CAAC,YACd,oBAAC,OAAE,MAAM,KAAK,MAAM,WAAU,2CAC3B,eAAK,OACR,IAEA;AAAA,MAAC;AAAA;AAAA,QAAK,WAAW,GAAG,aAAa,6BAA6B;AAAA,QAC5D,gBAAc,YAAY,SAAS;AAAA,QAClC,eAAK;AAAA;AAAA,IACR;AAEJ,WACE,qBAAC,YACC;AAAA,0BAAC,QAAI,mBAAQ;AAAA,MACZ,CAAC,YACA,oBAAC,QAAG,eAAY,QAAO,WAAU,4BAA4B,qBAAU,IACrE;AAAA,SAJS,KAKf;AAAA,EAEJ,CAAC,GACH,GACF;AAEJ;AACA,YAAY,cAAc;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumbs.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/breadcrumbs/breadcrumbs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,WAAW,CAIlC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAUrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,QAW7B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,QAkB1B,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Breadcrumbs } from "./breadcrumbs.js";
+export type { IBreadcrumbsProps, IBreadcrumbItem } from "./breadcrumbs.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,YAAY,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/breadcrumbs/index.ts"],"sourcesContent":["export { Breadcrumbs } from \"./breadcrumbs.js\";\nexport type { IBreadcrumbsProps, IBreadcrumbItem } from \"./breadcrumbs.js\";\n"],"mappings":"AAAA,SAAS,mBAAmB;","names":[]}

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

@@ -0,0 +1,26 @@
+import { type VariantProps } from "class-variance-authority";
+import { type ButtonHTMLAttributes, type ReactNode } from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "link" | "outline" | "primary" | "secondary" | "ghost" | "destructive" | null | undefined;
+    size?: "sm" | "md" | "lg" | "icon" | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    loading?: boolean;
+    leadingIcon?: ReactNode;
+    trailingIcon?: ReactNode;
+}
+/**
+ * Primary action control. Variants (primary, secondary, outline, ghost,
+ * destructive, link) + sizes (sm, md, lg, icon) + optional loading state.
+ *
+ * Pass `asChild` to render as a child element (e.g. wrapping a Next.js Link)
+ * while inheriting Button styling — Radix Slot merges the props through.
+ * When `asChild`, decorative props (`leadingIcon`, `trailingIcon`, `loading`)
+ * are ignored because Slot requires exactly one child; the caller owns the
+ * content tree.
+ */
+export declare const Button: import("react").ForwardRefExoticComponent<IButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
+export { buttonVariants };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/button/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,oBAAoB,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAIjG,QAAA,MAAM,cAAc;;;;8EA6BnB,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,MAAM,4GAsClB,CAAC;AAGF,OAAO,EAAE,cAAc,EAAE,CAAC"}