@noambz/ui 0.7.0

package/dist/components/molecules/button/button.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { Spinner } from "../../atoms/spinner/spinner.js";
+import { cn } from "../../../utils/cn.js";
+const buttonVariants = cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        primary: "bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800",
+        secondary: "bg-zinc-100 text-zinc-900 hover:bg-zinc-200 active:bg-zinc-300 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700",
+        outline: "border border-border-strong bg-background text-foreground hover:bg-surface-muted",
+        ghost: "text-foreground hover:bg-surface-muted",
+        destructive: "bg-red-600 text-white hover:bg-red-700 active:bg-red-800",
+        link: "text-blue-600 underline-offset-4 hover:underline dark:text-blue-400"
+      },
+      size: {
+        sm: "h-8 px-3 text-xs",
+        md: "h-9 px-4",
+        lg: "h-11 px-6 text-base",
+        icon: "h-9 w-9 p-0"
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+const Button = forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    fullWidth,
+    asChild = false,
+    loading = false,
+    disabled,
+    leadingIcon,
+    trailingIcon,
+    children,
+    ...props
+  }, ref) => {
+    const commonProps = {
+      ref,
+      className: cn(buttonVariants({ variant, size, fullWidth }), className),
+      disabled: disabled || loading,
+      "aria-busy": loading || void 0,
+      ...props
+    };
+    if (asChild) {
+      return /* @__PURE__ */ jsx(Slot, { ...commonProps, children });
+    }
+    return /* @__PURE__ */ jsxs("button", { ...commonProps, children: [
+      loading ? /* @__PURE__ */ jsx(Spinner, { size: "sm", tone: "current", "aria-hidden": true }) : leadingIcon,
+      children,
+      !loading ? trailingIcon : null,
+      loading ? /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Loading" }) : null
+    ] });
+  }
+);
+Button.displayName = "Button";
+export {
+  Button,
+  buttonVariants
+};
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/button/button.tsx"],"sourcesContent":["\"use client\";\n\nimport { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ButtonHTMLAttributes, type ReactElement, type ReactNode } from \"react\";\nimport { Spinner } from \"../../atoms/spinner/spinner.js\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        primary: \"bg-blue-600 text-white hover:bg-blue-700 active:bg-blue-800\",\n        secondary:\n          \"bg-zinc-100 text-zinc-900 hover:bg-zinc-200 active:bg-zinc-300 dark:bg-zinc-800 dark:text-zinc-100 dark:hover:bg-zinc-700\",\n        outline:\n          \"border border-border-strong bg-background text-foreground hover:bg-surface-muted\",\n        ghost: \"text-foreground hover:bg-surface-muted\",\n        destructive: \"bg-red-600 text-white hover:bg-red-700 active:bg-red-800\",\n        link: \"text-blue-600 underline-offset-4 hover:underline dark:text-blue-400\",\n      },\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-9 px-4\",\n        lg: \"h-11 px-6 text-base\",\n        icon: \"h-9 w-9 p-0\",\n      },\n      fullWidth: {\n        true: \"w-full\",\n      },\n    },\n    defaultVariants: {\n      variant: \"primary\",\n      size: \"md\",\n    },\n  },\n);\n\nexport interface IButtonProps\n  extends ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n  loading?: boolean;\n  leadingIcon?: ReactNode;\n  trailingIcon?: ReactNode;\n}\n\n/**\n * Primary action control. Variants (primary, secondary, outline, ghost,\n * destructive, link) + sizes (sm, md, lg, icon) + optional loading state.\n *\n * Pass `asChild` to render as a child element (e.g. wrapping a Next.js Link)\n * while inheriting Button styling — Radix Slot merges the props through.\n * When `asChild`, decorative props (`leadingIcon`, `trailingIcon`, `loading`)\n * are ignored because Slot requires exactly one child; the caller owns the\n * content tree.\n */\nexport const Button = forwardRef<HTMLButtonElement, IButtonProps>(\n  (\n    {\n      className,\n      variant,\n      size,\n      fullWidth,\n      asChild = false,\n      loading = false,\n      disabled,\n      leadingIcon,\n      trailingIcon,\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const commonProps = {\n      ref,\n      className: cn(buttonVariants({ variant, size, fullWidth }), className),\n      disabled: disabled || loading,\n      \"aria-busy\": loading || undefined,\n      ...props,\n    };\n\n    if (asChild) {\n      return <Slot {...commonProps}>{children as ReactElement}</Slot>;\n    }\n\n    return (\n      <button {...commonProps}>\n        {loading ? <Spinner size=\"sm\" tone=\"current\" aria-hidden /> : leadingIcon}\n        {children}\n        {!loading ? trailingIcon : null}\n        {loading ? <span className=\"sr-only\">Loading</span> : null}\n      </button>\n    );\n  },\n);\nButton.displayName = \"Button\";\n\nexport { buttonVariants };\n"],"mappings":";AAoFa,cAIP,YAJO;AAlFb,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,SAAS,kBAAgF;AACzF,SAAS,eAAe;AACxB,SAAS,UAAU;AAEnB,MAAM,iBAAiB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,QACP,aAAa;AAAA,QACb,MAAM;AAAA,MACR;AAAA,MACA,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAqBO,MAAM,SAAS;AAAA,EACpB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,cAAc;AAAA,MAClB;AAAA,MACA,WAAW,GAAG,eAAe,EAAE,SAAS,MAAM,UAAU,CAAC,GAAG,SAAS;AAAA,MACrE,UAAU,YAAY;AAAA,MACtB,aAAa,WAAW;AAAA,MACxB,GAAG;AAAA,IACL;AAEA,QAAI,SAAS;AACX,aAAO,oBAAC,QAAM,GAAG,aAAc,UAAyB;AAAA,IAC1D;AAEA,WACE,qBAAC,YAAQ,GAAG,aACT;AAAA,gBAAU,oBAAC,WAAQ,MAAK,MAAK,MAAK,WAAU,eAAW,MAAC,IAAK;AAAA,MAC7D;AAAA,MACA,CAAC,UAAU,eAAe;AAAA,MAC1B,UAAU,oBAAC,UAAK,WAAU,WAAU,qBAAO,IAAU;AAAA,OACxD;AAAA,EAEJ;AACF;AACA,OAAO,cAAc;","names":[]}

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

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Button } from "./button.js";
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const Default: Story;
+export declare const AllVariants: Story;
+export declare const Sizes: Story;
+export declare const Loading: Story;
+export declare const WithIcons: Story;
+export declare const AsLink: Story;
+//# sourceMappingURL=button.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/button/button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAGrC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAW7B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAA8C,CAAC;AAErE,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAA0D,CAAC;AAEjF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC"}

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

@@ -0,0 +1,15 @@
+export declare enum ButtonVariantEnum {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    OUTLINE = "outline",
+    GHOST = "ghost",
+    DESTRUCTIVE = "destructive",
+    LINK = "link"
+}
+export declare enum ButtonSizeEnum {
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    ICON = "icon"
+}
+//# sourceMappingURL=button.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.type.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/button/button.type.ts"],"names":[],"mappings":"AAAA,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,WAAW,gBAAgB;IAC3B,IAAI,SAAS;CACd;AAED,oBAAY,cAAc;IACxB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;IACT,IAAI,SAAS;CACd"}

package/dist/components/molecules/button/button.type.js

@@ -0,0 +1,21 @@
+var ButtonVariantEnum = /* @__PURE__ */ ((ButtonVariantEnum2) => {
+  ButtonVariantEnum2["PRIMARY"] = "primary";
+  ButtonVariantEnum2["SECONDARY"] = "secondary";
+  ButtonVariantEnum2["OUTLINE"] = "outline";
+  ButtonVariantEnum2["GHOST"] = "ghost";
+  ButtonVariantEnum2["DESTRUCTIVE"] = "destructive";
+  ButtonVariantEnum2["LINK"] = "link";
+  return ButtonVariantEnum2;
+})(ButtonVariantEnum || {});
+var ButtonSizeEnum = /* @__PURE__ */ ((ButtonSizeEnum2) => {
+  ButtonSizeEnum2["SM"] = "sm";
+  ButtonSizeEnum2["MD"] = "md";
+  ButtonSizeEnum2["LG"] = "lg";
+  ButtonSizeEnum2["ICON"] = "icon";
+  return ButtonSizeEnum2;
+})(ButtonSizeEnum || {});
+export {
+  ButtonSizeEnum,
+  ButtonVariantEnum
+};
+//# sourceMappingURL=button.type.js.map

package/dist/components/molecules/button/button.type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/button/button.type.ts"],"sourcesContent":["export enum ButtonVariantEnum {\n  PRIMARY = \"primary\",\n  SECONDARY = \"secondary\",\n  OUTLINE = \"outline\",\n  GHOST = \"ghost\",\n  DESTRUCTIVE = \"destructive\",\n  LINK = \"link\",\n}\n\nexport enum ButtonSizeEnum {\n  SM = \"sm\",\n  MD = \"md\",\n  LG = \"lg\",\n  ICON = \"icon\",\n}\n"],"mappings":"AAAO,IAAK,oBAAL,kBAAKA,uBAAL;AACL,EAAAA,mBAAA,aAAU;AACV,EAAAA,mBAAA,eAAY;AACZ,EAAAA,mBAAA,aAAU;AACV,EAAAA,mBAAA,WAAQ;AACR,EAAAA,mBAAA,iBAAc;AACd,EAAAA,mBAAA,UAAO;AANG,SAAAA;AAAA,GAAA;AASL,IAAK,iBAAL,kBAAKC,oBAAL;AACL,EAAAA,gBAAA,QAAK;AACL,EAAAA,gBAAA,QAAK;AACL,EAAAA,gBAAA,QAAK;AACL,EAAAA,gBAAA,UAAO;AAJG,SAAAA;AAAA,GAAA;","names":["ButtonVariantEnum","ButtonSizeEnum"]}

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

@@ -0,0 +1,4 @@
+export { Button, buttonVariants } from "./button.js";
+export type { IButtonProps } from "./button.js";
+export { ButtonVariantEnum, ButtonSizeEnum } from "./button.type.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACrD,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1,9 @@
+import { Button, buttonVariants } from "./button.js";
+import { ButtonVariantEnum, ButtonSizeEnum } from "./button.type.js";
+export {
+  Button,
+  ButtonSizeEnum,
+  ButtonVariantEnum,
+  buttonVariants
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/button/index.ts"],"sourcesContent":["export { Button, buttonVariants } from \"./button.js\";\nexport type { IButtonProps } from \"./button.js\";\nexport { ButtonVariantEnum, ButtonSizeEnum } from \"./button.type.js\";\n"],"mappings":"AAAA,SAAS,QAAQ,sBAAsB;AAEvC,SAAS,mBAAmB,sBAAsB;","names":[]}

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

@@ -0,0 +1,19 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes } from "react";
+declare const cardVariants: (props?: ({
+    tone?: "default" | "outline" | "muted" | "elevated" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ICardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+/** Generic container surface. Compose with `CardHeader`, `CardBody`, `CardFooter` for structured layouts. */
+export declare const Card: import("react").ForwardRefExoticComponent<ICardProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardHeader: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardTitle: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLHeadingElement>>;
+export declare const CardDescription: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLParagraphElement>>;
+export declare const CardBody: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+/** Alias of `CardBody` for shadcn-style naming consistency. */
+export declare const CardContent: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CardFooter: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
+export { cardVariants };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/card/card.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,QAAA,MAAM,YAAY;;;8EAmBhB,CAAC;AAEH,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExG,6GAA6G;AAC7G,eAAO,MAAM,IAAI,uGAIhB,CAAC;AAGF,eAAO,MAAM,UAAU,2HAItB,CAAC;AAGF,eAAO,MAAM,SAAS,mIAIrB,CAAC;AAGF,eAAO,MAAM,eAAe,uIAI3B,CAAC;AAGF,eAAO,MAAM,QAAQ,2HAIpB,CAAC;AAGF,+DAA+D;AAC/D,eAAO,MAAM,WAAW,2HAAW,CAAC;AAEpC,eAAO,MAAM,UAAU,2HAItB,CAAC;AAGF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/molecules/card/card.js

@@ -0,0 +1,61 @@
+"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 cardVariants = cva("rounded-xl border bg-surface text-foreground", {
+  variants: {
+    tone: {
+      default: "border-border-base",
+      muted: "border-border-base bg-surface-muted",
+      elevated: "border-border-base shadow-md",
+      outline: "border-border-strong bg-transparent"
+    },
+    padding: {
+      none: "p-0",
+      sm: "p-3",
+      md: "p-4",
+      lg: "p-6"
+    }
+  },
+  defaultVariants: {
+    tone: "default",
+    padding: "md"
+  }
+});
+const Card = forwardRef(
+  ({ className, tone, padding, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardVariants({ tone, padding }), className), ...props })
+);
+Card.displayName = "Card";
+const CardHeader = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mb-3 flex items-start justify-between gap-3", className), ...props })
+);
+CardHeader.displayName = "CardHeader";
+const CardTitle = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, className: cn("text-base font-semibold leading-none", className), ...props })
+);
+CardTitle.displayName = "CardTitle";
+const CardDescription = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, className: cn("text-sm text-muted-foreground", className), ...props })
+);
+CardDescription.displayName = "CardDescription";
+const CardBody = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("text-sm", className), ...props })
+);
+CardBody.displayName = "CardBody";
+const CardContent = CardBody;
+const CardFooter = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("mt-4 flex items-center justify-end gap-2", className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+export {
+  Card,
+  CardBody,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  cardVariants
+};
+//# sourceMappingURL=card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/card/card.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 cardVariants = cva(\"rounded-xl border bg-surface text-foreground\", {\n  variants: {\n    tone: {\n      default: \"border-border-base\",\n      muted: \"border-border-base bg-surface-muted\",\n      elevated: \"border-border-base shadow-md\",\n      outline: \"border-border-strong bg-transparent\",\n    },\n    padding: {\n      none: \"p-0\",\n      sm: \"p-3\",\n      md: \"p-4\",\n      lg: \"p-6\",\n    },\n  },\n  defaultVariants: {\n    tone: \"default\",\n    padding: \"md\",\n  },\n});\n\nexport interface ICardProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {}\n\n/** Generic container surface. Compose with `CardHeader`, `CardBody`, `CardFooter` for structured layouts. */\nexport const Card = forwardRef<HTMLDivElement, ICardProps>(\n  ({ className, tone, padding, ...props }, ref) => (\n    <div ref={ref} className={cn(cardVariants({ tone, padding }), className)} {...props} />\n  ),\n);\nCard.displayName = \"Card\";\n\nexport const CardHeader = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"mb-3 flex items-start justify-between gap-3\", className)} {...props} />\n  ),\n);\nCardHeader.displayName = \"CardHeader\";\n\nexport const CardTitle = forwardRef<HTMLHeadingElement, HTMLAttributes<HTMLHeadingElement>>(\n  ({ className, ...props }, ref) => (\n    <h3 ref={ref} className={cn(\"text-base font-semibold leading-none\", className)} {...props} />\n  ),\n);\nCardTitle.displayName = \"CardTitle\";\n\nexport const CardDescription = forwardRef<HTMLParagraphElement, HTMLAttributes<HTMLParagraphElement>>(\n  ({ className, ...props }, ref) => (\n    <p ref={ref} className={cn(\"text-sm text-muted-foreground\", className)} {...props} />\n  ),\n);\nCardDescription.displayName = \"CardDescription\";\n\nexport const CardBody = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"text-sm\", className)} {...props} />\n  ),\n);\nCardBody.displayName = \"CardBody\";\n\n/** Alias of `CardBody` for shadcn-style naming consistency. */\nexport const CardContent = CardBody;\n\nexport const CardFooter = forwardRef<HTMLDivElement, HTMLAttributes<HTMLDivElement>>(\n  ({ className, ...props }, ref) => (\n    <div ref={ref} className={cn(\"mt-4 flex items-center justify-end gap-2\", className)} {...props} />\n  ),\n);\nCardFooter.displayName = \"CardFooter\";\n\nexport { cardVariants };\n"],"mappings":";AAgCI;AA9BJ,SAAS,WAA8B;AACvC,SAAS,kBAAuC;AAChD,SAAS,UAAU;AAEnB,MAAM,eAAe,IAAI,gDAAgD;AAAA,EACvE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,EACX;AACF,CAAC;AAKM,MAAM,OAAO;AAAA,EAClB,CAAC,EAAE,WAAW,MAAM,SAAS,GAAG,MAAM,GAAG,QACvC,oBAAC,SAAI,KAAU,WAAW,GAAG,aAAa,EAAE,MAAM,QAAQ,CAAC,GAAG,SAAS,GAAI,GAAG,OAAO;AAEzF;AACA,KAAK,cAAc;AAEZ,MAAM,aAAa;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,+CAA+C,SAAS,GAAI,GAAG,OAAO;AAEvG;AACA,WAAW,cAAc;AAElB,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,QAAG,KAAU,WAAW,GAAG,wCAAwC,SAAS,GAAI,GAAG,OAAO;AAE/F;AACA,UAAU,cAAc;AAEjB,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,OAAE,KAAU,WAAW,GAAG,iCAAiC,SAAS,GAAI,GAAG,OAAO;AAEvF;AACA,gBAAgB,cAAc;AAEvB,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,WAAW,SAAS,GAAI,GAAG,OAAO;AAEnE;AACA,SAAS,cAAc;AAGhB,MAAM,cAAc;AAEpB,MAAM,aAAa;AAAA,EACxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QACxB,oBAAC,SAAI,KAAU,WAAW,GAAG,4CAA4C,SAAS,GAAI,GAAG,OAAO;AAEpG;AACA,WAAW,cAAc;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/card/card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,IAAI,EAAgE,MAAM,WAAW,CAAC;AAG/F,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAQ3B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Card, CardHeader, CardTitle, CardDescription, CardBody, CardContent, CardFooter, cardVariants, } from "./card.js";
+export type { ICardProps } from "./card.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,UAAU,EACV,SAAS,EACT,eAAe,EACf,QAAQ,EACR,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC"}

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

@@ -0,0 +1,21 @@
+import {
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardBody,
+  CardContent,
+  CardFooter,
+  cardVariants
+} from "./card.js";
+export {
+  Card,
+  CardBody,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  cardVariants
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/card/index.ts"],"sourcesContent":["export {\n  Card,\n  CardHeader,\n  CardTitle,\n  CardDescription,\n  CardBody,\n  CardContent,\n  CardFooter,\n  cardVariants,\n} from \"./card.js\";\nexport type { ICardProps } from \"./card.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/molecules/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,21 @@
+import * as RadixMenu from "@radix-ui/react-dropdown-menu";
+import { type ComponentPropsWithoutRef } from "react";
+export declare const DropdownMenu: import("react").FC<RadixMenu.DropdownMenuProps>;
+export declare const DropdownMenuTrigger: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const DropdownMenuGroup: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuPortal: import("react").FC<RadixMenu.DropdownMenuPortalProps>;
+export declare const DropdownMenuSub: import("react").FC<RadixMenu.DropdownMenuSubProps>;
+export declare const DropdownMenuRadioGroup: import("react").ForwardRefExoticComponent<RadixMenu.DropdownMenuRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuContent: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubContent: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuSubContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface IDropdownMenuItemProps extends ComponentPropsWithoutRef<typeof RadixMenu.Item> {
+    destructive?: boolean;
+}
+export declare const DropdownMenuItem: import("react").ForwardRefExoticComponent<IDropdownMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuCheckboxItem: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuCheckboxItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuRadioItem: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuRadioItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuLabel: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSeparator: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuSubTrigger: import("react").ForwardRefExoticComponent<Omit<RadixMenu.DropdownMenuSubTriggerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const DropdownMenuShortcut: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/molecules/dropdown-menu/dropdown-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,SAAS,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAGnF,eAAO,MAAM,YAAY,iDAAiB,CAAC;AAC3C,eAAO,MAAM,mBAAmB,kIAAoB,CAAC;AACrD,eAAO,MAAM,iBAAiB,6HAAkB,CAAC;AACjD,eAAO,MAAM,kBAAkB,uDAAmB,CAAC;AACnD,eAAO,MAAM,eAAe,oDAAgB,CAAC;AAC7C,eAAO,MAAM,sBAAsB,kIAAuB,CAAC;AAK3D,eAAO,MAAM,mBAAmB,4LAa9B,CAAC;AAGH,eAAO,MAAM,sBAAsB,+LAKjC,CAAC;AAMH,MAAM,WAAW,sBACf,SAAQ,wBAAwB,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC;IACvD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,gBAAgB,mHAa3B,CAAC;AAGH,eAAO,MAAM,wBAAwB,iMAmBnC,CAAC;AAGH,eAAO,MAAM,qBAAqB,8LAYhC,CAAC;AAGH,eAAO,MAAM,iBAAiB,0LAS5B,CAAC;AAGH,eAAO,MAAM,qBAAqB,8LAKhC,CAAC;AAGH,eAAO,MAAM,sBAAsB,+LAUjC,CAAC;AAGH,eAAO,MAAM,oBAAoB,8MAQhC,CAAC"}

package/dist/components/molecules/dropdown-menu/dropdown-menu.js

@@ -0,0 +1,103 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadixMenu from "@radix-ui/react-dropdown-menu";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const DropdownMenu = RadixMenu.Root;
+const DropdownMenuTrigger = RadixMenu.Trigger;
+const DropdownMenuGroup = RadixMenu.Group;
+const DropdownMenuPortal = RadixMenu.Portal;
+const DropdownMenuSub = RadixMenu.Sub;
+const DropdownMenuRadioGroup = RadixMenu.RadioGroup;
+const menuContentClass = "z-50 min-w-[10rem] overflow-hidden rounded-lg border border-border-base bg-surface p-1 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95";
+const DropdownMenuContent = forwardRef(({ className, sideOffset = 6, align = "end", ...props }, ref) => /* @__PURE__ */ jsx(RadixMenu.Portal, { children: /* @__PURE__ */ jsx(
+  RadixMenu.Content,
+  {
+    ref,
+    sideOffset,
+    align,
+    className: cn(menuContentClass, className),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = "DropdownMenuContent";
+const DropdownMenuSubContent = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixMenu.SubContent, { ref, className: cn(menuContentClass, className), ...props }));
+DropdownMenuSubContent.displayName = "DropdownMenuSubContent";
+const menuItemClass = "relative flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-surface-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50";
+const DropdownMenuItem = forwardRef(({ className, destructive, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadixMenu.Item,
+  {
+    ref,
+    className: cn(
+      menuItemClass,
+      destructive && "text-red-600 data-[highlighted]:bg-red-50 data-[highlighted]:text-red-700 dark:text-red-400 dark:data-[highlighted]:bg-red-950/50",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = "DropdownMenuItem";
+const DropdownMenuCheckboxItem = forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  RadixMenu.CheckboxItem,
+  {
+    ref,
+    checked,
+    className: cn(menuItemClass, "pl-7", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(RadixMenu.ItemIndicator, { children: /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 2.5, className: "h-3 w-3", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3.5 8.5l3 3 6-7" }) }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+const DropdownMenuRadioItem = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(RadixMenu.RadioItem, { ref, className: cn(menuItemClass, "pl-7", className), ...props, children: [
+  /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(RadixMenu.ItemIndicator, { children: /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-current" }) }) }),
+  children
+] }));
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+const DropdownMenuLabel = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadixMenu.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground", className),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = "DropdownMenuLabel";
+const DropdownMenuSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixMenu.Separator, { ref, className: cn("-mx-1 my-1 h-px bg-border-base", className), ...props }));
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+const DropdownMenuSubTrigger = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(RadixMenu.SubTrigger, { ref, className: cn(menuItemClass, "data-[state=open]:bg-surface-muted", className), ...props, children: [
+  children,
+  /* @__PURE__ */ jsx("svg", { viewBox: "0 0 16 16", className: "ml-auto h-3 w-3", fill: "none", stroke: "currentColor", strokeWidth: 2, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 4l4 4-4 4" }) })
+] }));
+DropdownMenuSubTrigger.displayName = "DropdownMenuSubTrigger";
+const DropdownMenuShortcut = forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      className: cn("ml-auto text-xs tracking-wide text-muted-foreground", className),
+      ...props
+    }
+  )
+);
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+};
+//# sourceMappingURL=dropdown-menu.js.map

package/dist/components/molecules/dropdown-menu/dropdown-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixMenu from \"@radix-ui/react-dropdown-menu\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport const DropdownMenu = RadixMenu.Root;\nexport const DropdownMenuTrigger = RadixMenu.Trigger;\nexport const DropdownMenuGroup = RadixMenu.Group;\nexport const DropdownMenuPortal = RadixMenu.Portal;\nexport const DropdownMenuSub = RadixMenu.Sub;\nexport const DropdownMenuRadioGroup = RadixMenu.RadioGroup;\n\nconst menuContentClass =\n  \"z-50 min-w-[10rem] overflow-hidden rounded-lg border border-border-base bg-surface p-1 text-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\";\n\nexport const DropdownMenuContent = forwardRef<\n  ElementRef<typeof RadixMenu.Content>,\n  ComponentPropsWithoutRef<typeof RadixMenu.Content>\n>(({ className, sideOffset = 6, align = \"end\", ...props }, ref) => (\n  <RadixMenu.Portal>\n    <RadixMenu.Content\n      ref={ref}\n      sideOffset={sideOffset}\n      align={align}\n      className={cn(menuContentClass, className)}\n      {...props}\n    />\n  </RadixMenu.Portal>\n));\nDropdownMenuContent.displayName = \"DropdownMenuContent\";\n\nexport const DropdownMenuSubContent = forwardRef<\n  ElementRef<typeof RadixMenu.SubContent>,\n  ComponentPropsWithoutRef<typeof RadixMenu.SubContent>\n>(({ className, ...props }, ref) => (\n  <RadixMenu.SubContent ref={ref} className={cn(menuContentClass, className)} {...props} />\n));\nDropdownMenuSubContent.displayName = \"DropdownMenuSubContent\";\n\nconst menuItemClass =\n  \"relative flex cursor-pointer select-none items-center gap-2 rounded-md px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-surface-muted data-[disabled]:pointer-events-none data-[disabled]:opacity-50\";\n\nexport interface IDropdownMenuItemProps\n  extends ComponentPropsWithoutRef<typeof RadixMenu.Item> {\n  destructive?: boolean;\n}\n\nexport const DropdownMenuItem = forwardRef<\n  ElementRef<typeof RadixMenu.Item>,\n  IDropdownMenuItemProps\n>(({ className, destructive, ...props }, ref) => (\n  <RadixMenu.Item\n    ref={ref}\n    className={cn(\n      menuItemClass,\n      destructive && \"text-red-600 data-[highlighted]:bg-red-50 data-[highlighted]:text-red-700 dark:text-red-400 dark:data-[highlighted]:bg-red-950/50\",\n      className,\n    )}\n    {...props}\n  />\n));\nDropdownMenuItem.displayName = \"DropdownMenuItem\";\n\nexport const DropdownMenuCheckboxItem = forwardRef<\n  ElementRef<typeof RadixMenu.CheckboxItem>,\n  ComponentPropsWithoutRef<typeof RadixMenu.CheckboxItem>\n>(({ className, children, checked, ...props }, ref) => (\n  <RadixMenu.CheckboxItem\n    ref={ref}\n    checked={checked}\n    className={cn(menuItemClass, \"pl-7\", className)}\n    {...props}\n  >\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <RadixMenu.ItemIndicator>\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2.5} className=\"h-3 w-3\" aria-hidden=\"true\">\n          <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3.5 8.5l3 3 6-7\" />\n        </svg>\n      </RadixMenu.ItemIndicator>\n    </span>\n    {children}\n  </RadixMenu.CheckboxItem>\n));\nDropdownMenuCheckboxItem.displayName = \"DropdownMenuCheckboxItem\";\n\nexport const DropdownMenuRadioItem = forwardRef<\n  ElementRef<typeof RadixMenu.RadioItem>,\n  ComponentPropsWithoutRef<typeof RadixMenu.RadioItem>\n>(({ className, children, ...props }, ref) => (\n  <RadixMenu.RadioItem ref={ref} className={cn(menuItemClass, \"pl-7\", className)} {...props}>\n    <span className=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n      <RadixMenu.ItemIndicator>\n        <span className=\"h-1.5 w-1.5 rounded-full bg-current\" />\n      </RadixMenu.ItemIndicator>\n    </span>\n    {children}\n  </RadixMenu.RadioItem>\n));\nDropdownMenuRadioItem.displayName = \"DropdownMenuRadioItem\";\n\nexport const DropdownMenuLabel = forwardRef<\n  ElementRef<typeof RadixMenu.Label>,\n  ComponentPropsWithoutRef<typeof RadixMenu.Label>\n>(({ className, ...props }, ref) => (\n  <RadixMenu.Label\n    ref={ref}\n    className={cn(\"px-2 py-1.5 text-xs font-medium uppercase tracking-wide text-muted-foreground\", className)}\n    {...props}\n  />\n));\nDropdownMenuLabel.displayName = \"DropdownMenuLabel\";\n\nexport const DropdownMenuSeparator = forwardRef<\n  ElementRef<typeof RadixMenu.Separator>,\n  ComponentPropsWithoutRef<typeof RadixMenu.Separator>\n>(({ className, ...props }, ref) => (\n  <RadixMenu.Separator ref={ref} className={cn(\"-mx-1 my-1 h-px bg-border-base\", className)} {...props} />\n));\nDropdownMenuSeparator.displayName = \"DropdownMenuSeparator\";\n\nexport const DropdownMenuSubTrigger = forwardRef<\n  ElementRef<typeof RadixMenu.SubTrigger>,\n  ComponentPropsWithoutRef<typeof RadixMenu.SubTrigger>\n>(({ className, children, ...props }, ref) => (\n  <RadixMenu.SubTrigger ref={ref} className={cn(menuItemClass, \"data-[state=open]:bg-surface-muted\", className)} {...props}>\n    {children}\n    <svg viewBox=\"0 0 16 16\" className=\"ml-auto h-3 w-3\" fill=\"none\" stroke=\"currentColor\" strokeWidth={2} aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 4l4 4-4 4\" />\n    </svg>\n  </RadixMenu.SubTrigger>\n));\nDropdownMenuSubTrigger.displayName = \"DropdownMenuSubTrigger\";\n\nexport const DropdownMenuShortcut = forwardRef<HTMLSpanElement, ComponentPropsWithoutRef<\"span\">>(\n  ({ className, ...props }, ref) => (\n    <span\n      ref={ref}\n      className={cn(\"ml-auto text-xs tracking-wide text-muted-foreground\", className)}\n      {...props}\n    />\n  ),\n);\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\";\n"],"mappings":"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","names":[]}

package/dist/components/molecules/dropdown-menu/dropdown-menu.stories.d.ts

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

package/dist/components/molecules/dropdown-menu/dropdown-menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EACL,YAAY,EAWb,MAAM,oBAAoB,CAAC;AAG5B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAInC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAsBrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,QA4B3B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,QAmBzB,CAAC"}

package/dist/components/molecules/dropdown-menu/index.d.ts

@@ -0,0 +1,3 @@
+export { DropdownMenu, DropdownMenuTrigger, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuRadioGroup, DropdownMenuContent, DropdownMenuSubContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSubTrigger, DropdownMenuShortcut, } from "./dropdown-menu.js";
+export type { IDropdownMenuItemProps } from "./dropdown-menu.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/dropdown-menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,eAAe,EACf,sBAAsB,EACtB,mBAAmB,EACnB,sBAAsB,EACtB,gBAAgB,EAChB,wBAAwB,EACxB,qBAAqB,EACrB,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/molecules/dropdown-menu/index.js

@@ -0,0 +1,35 @@
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
+  DropdownMenuSub,
+  DropdownMenuRadioGroup,
+  DropdownMenuContent,
+  DropdownMenuSubContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuSubTrigger,
+  DropdownMenuShortcut
+} from "./dropdown-menu.js";
+export {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger
+};
+//# sourceMappingURL=index.js.map

package/dist/components/molecules/dropdown-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/dropdown-menu/index.ts"],"sourcesContent":["export {\n  DropdownMenu,\n  DropdownMenuTrigger,\n  DropdownMenuGroup,\n  DropdownMenuPortal,\n  DropdownMenuSub,\n  DropdownMenuRadioGroup,\n  DropdownMenuContent,\n  DropdownMenuSubContent,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioItem,\n  DropdownMenuLabel,\n  DropdownMenuSeparator,\n  DropdownMenuSubTrigger,\n  DropdownMenuShortcut,\n} from \"./dropdown-menu.js\";\nexport type { IDropdownMenuItemProps } from \"./dropdown-menu.js\";\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;","names":[]}

package/dist/components/molecules/empty-state/empty-state.d.ts

@@ -0,0 +1,19 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes, type ReactNode } from "react";
+declare const emptyStateVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+    tone?: "default" | "subtle" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface IEmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title">, VariantProps<typeof emptyStateVariants> {
+    title: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    action?: ReactNode;
+}
+/**
+ * Reusable empty state block. Use as a fallback for empty tables, zero-result
+ * searches, and onboarding screens.
+ */
+export declare const EmptyState: import("react").ForwardRefExoticComponent<IEmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;
+export { emptyStateVariants };
+//# sourceMappingURL=empty-state.d.ts.map

package/dist/components/molecules/empty-state/empty-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/empty-state/empty-state.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,kBAAkB;;;8EAmBvB,CAAC;AAEF,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC,EACnD,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,6GAetB,CAAC;AAGF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/molecules/empty-state/empty-state.js

@@ -0,0 +1,41 @@
+"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 emptyStateVariants = cva(
+  "flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed text-center",
+  {
+    variants: {
+      size: {
+        sm: "px-4 py-8",
+        md: "px-6 py-12",
+        lg: "px-8 py-16"
+      },
+      tone: {
+        default: "border-border-base bg-surface-muted/40 text-muted-foreground",
+        subtle: "border-transparent bg-transparent text-muted-foreground"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      tone: "default"
+    }
+  }
+);
+const EmptyState = forwardRef(
+  ({ title, description, icon, action, size, tone, className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn(emptyStateVariants({ size, tone }), className), ...props, children: [
+    icon ? /* @__PURE__ */ jsx("div", { className: "flex h-10 w-10 items-center justify-center rounded-full bg-surface text-muted-foreground", children: icon }) : null,
+    /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-sm font-medium text-foreground", children: title }),
+      description ? /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: description }) : null
+    ] }),
+    action ? /* @__PURE__ */ jsx("div", { className: "mt-2", children: action }) : null
+  ] })
+);
+EmptyState.displayName = "EmptyState";
+export {
+  EmptyState,
+  emptyStateVariants
+};
+//# sourceMappingURL=empty-state.js.map

package/dist/components/molecules/empty-state/empty-state.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/molecules/empty-state/empty-state.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 emptyStateVariants = cva(\n  \"flex flex-col items-center justify-center gap-3 rounded-xl border border-dashed text-center\",\n  {\n    variants: {\n      size: {\n        sm: \"px-4 py-8\",\n        md: \"px-6 py-12\",\n        lg: \"px-8 py-16\",\n      },\n      tone: {\n        default: \"border-border-base bg-surface-muted/40 text-muted-foreground\",\n        subtle: \"border-transparent bg-transparent text-muted-foreground\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      tone: \"default\",\n    },\n  },\n);\n\nexport interface IEmptyStateProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, \"title\">,\n    VariantProps<typeof emptyStateVariants> {\n  title: ReactNode;\n  description?: ReactNode;\n  icon?: ReactNode;\n  action?: ReactNode;\n}\n\n/**\n * Reusable empty state block. Use as a fallback for empty tables, zero-result\n * searches, and onboarding screens.\n */\nexport const EmptyState = forwardRef<HTMLDivElement, IEmptyStateProps>(\n  ({ title, description, icon, action, size, tone, className, ...props }, ref) => (\n    <div ref={ref} className={cn(emptyStateVariants({ size, tone }), className)} {...props}>\n      {icon ? (\n        <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-surface text-muted-foreground\">\n          {icon}\n        </div>\n      ) : null}\n      <div className=\"space-y-1\">\n        <div className=\"text-sm font-medium text-foreground\">{title}</div>\n        {description ? <div className=\"text-xs text-muted-foreground\">{description}</div> : null}\n      </div>\n      {action ? <div className=\"mt-2\">{action}</div> : null}\n    </div>\n  ),\n);\nEmptyState.displayName = \"EmptyState\";\n\nexport { emptyStateVariants };\n"],"mappings":";AA4CQ,cAIF,YAJE;AA1CR,SAAS,WAA8B;AACvC,SAAS,kBAAuD;AAChE,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,MACA,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAeO,MAAM,aAAa;AAAA,EACxB,CAAC,EAAE,OAAO,aAAa,MAAM,QAAQ,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QACtE,qBAAC,SAAI,KAAU,WAAW,GAAG,mBAAmB,EAAE,MAAM,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OAC9E;AAAA,WACC,oBAAC,SAAI,WAAU,4FACZ,gBACH,IACE;AAAA,IACJ,qBAAC,SAAI,WAAU,aACb;AAAA,0BAAC,SAAI,WAAU,uCAAuC,iBAAM;AAAA,MAC3D,cAAc,oBAAC,SAAI,WAAU,iCAAiC,uBAAY,IAAS;AAAA,OACtF;AAAA,IACC,SAAS,oBAAC,SAAI,WAAU,QAAQ,kBAAO,IAAS;AAAA,KACnD;AAEJ;AACA,WAAW,cAAc;","names":[]}