@noambz/ui 0.7.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/input/input.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAGnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAU5B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAAiD,CAAC;AACxE,eAAO,MAAM,KAAK,EAAE,KAAkE,CAAC;AACvF,eAAO,MAAM,KAAK,EAAE,KAAkE,CAAC;AACvF,eAAO,MAAM,KAAK,EAAE,KAA2E,CAAC;AAChG,eAAO,MAAM,OAAO,EAAE,KAAyD,CAAC;AAChF,eAAO,MAAM,QAAQ,EAAE,KAA8D,CAAC;AACtF,eAAO,MAAM,MAAM,EAAE,KAA2D,CAAC"}

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

@@ -0,0 +1,10 @@
+export declare enum InputSizeEnum {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+export declare enum InputVariantEnum {
+    DEFAULT = "default",
+    NAKED = "naked"
+}
+//# sourceMappingURL=input.type.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.type.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/input/input.type.ts"],"names":[],"mappings":"AAAA,oBAAY,aAAa;IACvB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,oBAAY,gBAAgB;IAC1B,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB"}

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

@@ -0,0 +1,16 @@
+var InputSizeEnum = /* @__PURE__ */ ((InputSizeEnum2) => {
+  InputSizeEnum2["SM"] = "sm";
+  InputSizeEnum2["MD"] = "md";
+  InputSizeEnum2["LG"] = "lg";
+  return InputSizeEnum2;
+})(InputSizeEnum || {});
+var InputVariantEnum = /* @__PURE__ */ ((InputVariantEnum2) => {
+  InputVariantEnum2["DEFAULT"] = "default";
+  InputVariantEnum2["NAKED"] = "naked";
+  return InputVariantEnum2;
+})(InputVariantEnum || {});
+export {
+  InputSizeEnum,
+  InputVariantEnum
+};
+//# sourceMappingURL=input.type.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/input/input.type.ts"],"sourcesContent":["export enum InputSizeEnum {\n  SM = \"sm\",\n  MD = \"md\",\n  LG = \"lg\",\n}\n\nexport enum InputVariantEnum {\n  DEFAULT = \"default\",\n  NAKED = \"naked\",\n}\n"],"mappings":"AAAO,IAAK,gBAAL,kBAAKA,mBAAL;AACL,EAAAA,eAAA,QAAK;AACL,EAAAA,eAAA,QAAK;AACL,EAAAA,eAAA,QAAK;AAHK,SAAAA;AAAA,GAAA;AAML,IAAK,mBAAL,kBAAKC,sBAAL;AACL,EAAAA,kBAAA,aAAU;AACV,EAAAA,kBAAA,WAAQ;AAFE,SAAAA;AAAA,GAAA;","names":["InputSizeEnum","InputVariantEnum"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { type HTMLAttributes } from "react";
+export interface IKbdProps extends HTMLAttributes<HTMLElement> {
+}
+/**
+ * Display a single keyboard key or key combo. Pass a string like `"⌘K"` as
+ * children, or compose multiple `<Kbd>` elements with `+` separators for
+ * explicit chord rendering.
+ */
+export declare const Kbd: import("react").ForwardRefExoticComponent<IKbdProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=kbd.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/kbd/kbd.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,WAAW,CAAC;CAAG;AAEjE;;;;GAIG;AACH,eAAO,MAAM,GAAG,mGAWd,CAAC"}

package/dist/components/atoms/kbd/kbd.js

@@ -0,0 +1,21 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const Kbd = forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  "kbd",
+  {
+    ref,
+    className: cn(
+      "inline-flex h-5 min-w-[1.25rem] items-center justify-center rounded border border-border-base bg-surface-muted px-1.5 text-[0.6875rem] font-medium font-sans text-foreground shadow-[inset_0_-1px_0_0_theme(colors.border.base)]",
+      className
+    ),
+    ...props,
+    children
+  }
+));
+Kbd.displayName = "Kbd";
+export {
+  Kbd
+};
+//# sourceMappingURL=kbd.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/kbd/kbd.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRef, type HTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport interface IKbdProps extends HTMLAttributes<HTMLElement> {}\n\n/**\n * Display a single keyboard key or key combo. Pass a string like `\"⌘K\"` as\n * children, or compose multiple `<Kbd>` elements with `+` separators for\n * explicit chord rendering.\n */\nexport const Kbd = forwardRef<HTMLElement, IKbdProps>(({ className, children, ...props }, ref) => (\n  <kbd\n    ref={ref}\n    className={cn(\n      \"inline-flex h-5 min-w-[1.25rem] items-center justify-center rounded border border-border-base bg-surface-muted px-1.5 text-[0.6875rem] font-medium font-sans text-foreground shadow-[inset_0_-1px_0_0_theme(colors.border.base)]\",\n      className,\n    )}\n    {...props}\n  >\n    {children}\n  </kbd>\n));\nKbd.displayName = \"Kbd\";\n"],"mappings":";AAaE;AAXF,SAAS,kBAAuC;AAChD,SAAS,UAAU;AASZ,MAAM,MAAM,WAAmC,CAAC,EAAE,WAAW,UAAU,GAAG,MAAM,GAAG,QACxF;AAAA,EAAC;AAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH;AAAA;AACH,CACD;AACD,IAAI,cAAc;","names":[]}

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

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { Kbd } from "./kbd.js";
+declare const meta: Meta<typeof Kbd>;
+export default meta;
+type Story = StoryObj<typeof Kbd>;
+export declare const Single: Story;
+export declare const Chord: StoryObj;
+export declare const Glossary: StoryObj;
+//# sourceMappingURL=kbd.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kbd.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/kbd/kbd.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAI1B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAElC,eAAO,MAAM,MAAM,EAAE,KAEpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,QASnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,QAuBtB,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,16 @@
+import { type VariantProps } from "class-variance-authority";
+import { type LabelHTMLAttributes } from "react";
+declare const labelVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ILabelProps extends LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
+    required?: boolean;
+}
+/**
+ * Accessible form label. Renders an inline asterisk when `required` is true so
+ * the required state is visible in addition to the native `required` attribute
+ * on the associated control.
+ */
+export declare const Label: import("react").ForwardRefExoticComponent<ILabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+export {};
+//# sourceMappingURL=label.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/label/label.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAG7D,QAAA,MAAM,aAAa;;8EAWjB,CAAC;AAEH,MAAM,WAAW,WAAY,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IAC5G,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,0GAOjB,CAAC"}

package/dist/components/atoms/label/label.js

@@ -0,0 +1,28 @@
+"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 labelVariants = cva("font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
+      lg: "text-base"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+const Label = forwardRef(
+  ({ className, size, required, children, ...props }, ref) => /* @__PURE__ */ jsxs("label", { ref, className: cn(labelVariants({ size }), className), ...props, children: [
+    children,
+    required ? /* @__PURE__ */ jsx("span", { className: "ms-0.5 text-red-500", children: "*" }) : null
+  ] })
+);
+Label.displayName = "Label";
+export {
+  Label
+};
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/label/label.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type LabelHTMLAttributes } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst labelVariants = cva(\"font-medium text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70\", {\n  variants: {\n    size: {\n      sm: \"text-xs\",\n      md: \"text-sm\",\n      lg: \"text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport interface ILabelProps extends LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {\n  required?: boolean;\n}\n\n/**\n * Accessible form label. Renders an inline asterisk when `required` is true so\n * the required state is visible in addition to the native `required` attribute\n * on the associated control.\n */\nexport const Label = forwardRef<HTMLLabelElement, ILabelProps>(\n  ({ className, size, required, children, ...props }, ref) => (\n    <label ref={ref} className={cn(labelVariants({ size }), className)} {...props}>\n      {children}\n      {required ? <span className=\"ms-0.5 text-red-500\">*</span> : null}\n    </label>\n  ),\n);\nLabel.displayName = \"Label\";\n"],"mappings":";AA8BI,SAEc,KAFd;AA5BJ,SAAS,WAA8B;AACvC,SAAS,kBAA4C;AACrD,SAAS,UAAU;AAEnB,MAAM,gBAAgB,IAAI,yFAAyF;AAAA,EACjH,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,MAAM;AAAA,EACR;AACF,CAAC;AAWM,MAAM,QAAQ;AAAA,EACnB,CAAC,EAAE,WAAW,MAAM,UAAU,UAAU,GAAG,MAAM,GAAG,QAClD,qBAAC,WAAM,KAAU,WAAW,GAAG,cAAc,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACrE;AAAA;AAAA,IACA,WAAW,oBAAC,UAAK,WAAU,uBAAsB,eAAC,IAAU;AAAA,KAC/D;AAEJ;AACA,MAAM,cAAc;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/label/label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAQ5B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAA+C,CAAC;AACtE,eAAO,MAAM,QAAQ,EAAE,KAA0D,CAAC;AAClF,eAAO,MAAM,KAAK,EAAE,KAAyD,CAAC"}

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

@@ -0,0 +1,2 @@
+export { Popover, PopoverTrigger, PopoverAnchor, PopoverClose, PopoverContent } from "./popover.js";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,9 @@
+import { Popover, PopoverTrigger, PopoverAnchor, PopoverClose, PopoverContent } from "./popover.js";
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/popover/index.ts"],"sourcesContent":["export { Popover, PopoverTrigger, PopoverAnchor, PopoverClose, PopoverContent } from \"./popover.js\";\n"],"mappings":"AAAA,SAAS,SAAS,gBAAgB,eAAe,cAAc,sBAAsB;","names":[]}

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

@@ -0,0 +1,7 @@
+import * as RadixPopover from "@radix-ui/react-popover";
+export declare const Popover: import("react").FC<RadixPopover.PopoverProps>;
+export declare const PopoverTrigger: import("react").ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverAnchor: import("react").ForwardRefExoticComponent<RadixPopover.PopoverAnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const PopoverClose: import("react").ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const PopoverContent: import("react").ForwardRefExoticComponent<Omit<RadixPopover.PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/popover/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,YAAY,MAAM,yBAAyB,CAAC;AAIxD,eAAO,MAAM,OAAO,+CAAoB,CAAC;AACzC,eAAO,MAAM,cAAc,gIAAuB,CAAC;AACnD,eAAO,MAAM,aAAa,4HAAsB,CAAC;AACjD,eAAO,MAAM,YAAY,8HAAqB,CAAC;AAE/C,eAAO,MAAM,cAAc,0LAgBzB,CAAC"}

package/dist/components/atoms/popover/popover.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixPopover from "@radix-ui/react-popover";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const Popover = RadixPopover.Root;
+const PopoverTrigger = RadixPopover.Trigger;
+const PopoverAnchor = RadixPopover.Anchor;
+const PopoverClose = RadixPopover.Close;
+const PopoverContent = forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(RadixPopover.Portal, { children: /* @__PURE__ */ jsx(
+  RadixPopover.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-lg border border-border-base bg-surface p-3 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",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = "PopoverContent";
+export {
+  Popover,
+  PopoverAnchor,
+  PopoverClose,
+  PopoverContent,
+  PopoverTrigger
+};
+//# sourceMappingURL=popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/popover/popover.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixPopover from \"@radix-ui/react-popover\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport const Popover = RadixPopover.Root;\nexport const PopoverTrigger = RadixPopover.Trigger;\nexport const PopoverAnchor = RadixPopover.Anchor;\nexport const PopoverClose = RadixPopover.Close;\n\nexport const PopoverContent = forwardRef<\n  ElementRef<typeof RadixPopover.Content>,\n  ComponentPropsWithoutRef<typeof RadixPopover.Content>\n>(({ className, align = \"center\", sideOffset = 4, ...props }, ref) => (\n  <RadixPopover.Portal>\n    <RadixPopover.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn(\n        \"z-50 w-72 rounded-lg border border-border-base bg-surface p-3 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        className,\n      )}\n      {...props}\n    />\n  </RadixPopover.Portal>\n));\nPopoverContent.displayName = \"PopoverContent\";\n"],"mappings":";AAgBI;AAdJ,YAAY,kBAAkB;AAC9B,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AAEZ,MAAM,UAAU,aAAa;AAC7B,MAAM,iBAAiB,aAAa;AACpC,MAAM,gBAAgB,aAAa;AACnC,MAAM,eAAe,aAAa;AAElC,MAAM,iBAAiB,WAG5B,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAM,GAAG,QAC5D,oBAAC,aAAa,QAAb,EACC;AAAA,EAAC,aAAa;AAAA,EAAb;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA;AACN,GACF,CACD;AACD,eAAe,cAAc;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/popover/popover.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAkC,MAAM,cAAc,CAAC;AAGvE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAI9B,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC"}

package/dist/components/atoms/radio-group/index.d.ts

@@ -0,0 +1,3 @@
+export { RadioGroup, RadioGroupItem } from "./radio-group.js";
+export type { IRadioGroupProps, IRadioGroupItemProps } from "./radio-group.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/atoms/radio-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-group/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9D,YAAY,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/atoms/radio-group/index.js

@@ -0,0 +1,6 @@
+import { RadioGroup, RadioGroupItem } from "./radio-group.js";
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=index.js.map

package/dist/components/atoms/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/radio-group/index.ts"],"sourcesContent":["export { RadioGroup, RadioGroupItem } from \"./radio-group.js\";\nexport type { IRadioGroupProps, IRadioGroupItemProps } from \"./radio-group.js\";\n"],"mappings":"AAAA,SAAS,YAAY,sBAAsB;","names":[]}

package/dist/components/atoms/radio-group/radio-group.d.ts

@@ -0,0 +1,13 @@
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+import { type VariantProps } from "class-variance-authority";
+import { type ComponentPropsWithoutRef } from "react";
+declare const radioItemVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type IRadioGroupProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>;
+export declare const RadioGroup: import("react").ForwardRefExoticComponent<Omit<RadixRadioGroup.RadioGroupProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export interface IRadioGroupItemProps extends ComponentPropsWithoutRef<typeof RadixRadioGroup.Item>, VariantProps<typeof radioItemVariants> {
+}
+export declare const RadioGroupItem: import("react").ForwardRefExoticComponent<IRadioGroupItemProps & import("react").RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/atoms/radio-group/radio-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-group/radio-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAGnF,QAAA,MAAM,iBAAiB;;8EActB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AAErF,eAAO,MAAM,UAAU,yLAKrB,CAAC;AAGH,MAAM,WAAW,oBACf,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,YAAY,CAAC,OAAO,iBAAiB,CAAC;CAAG;AAE7C,eAAO,MAAM,cAAc,oHASzB,CAAC"}

package/dist/components/atoms/radio-group/radio-group.js

@@ -0,0 +1,30 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+import { cva } from "class-variance-authority";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const radioItemVariants = cva(
+  "peer inline-flex shrink-0 items-center justify-center rounded-full border border-border-strong bg-background text-blue-600 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-blue-600",
+  {
+    variants: {
+      size: {
+        sm: "h-3.5 w-3.5",
+        md: "h-4 w-4",
+        lg: "h-5 w-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+const RadioGroup = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixRadioGroup.Root, { ref, className: cn("flex flex-col gap-2", className), ...props }));
+RadioGroup.displayName = "RadioGroup";
+const RadioGroupItem = forwardRef(({ className, size, ...props }, ref) => /* @__PURE__ */ jsx(RadixRadioGroup.Item, { ref, className: cn(radioItemVariants({ size }), className), ...props, children: /* @__PURE__ */ jsx(RadixRadioGroup.Indicator, { className: "flex h-full w-full items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "h-1.5 w-1.5 rounded-full bg-blue-600", "aria-hidden": "true" }) }) }));
+RadioGroupItem.displayName = "RadioGroupItem";
+export {
+  RadioGroup,
+  RadioGroupItem
+};
+//# sourceMappingURL=radio-group.js.map

package/dist/components/atoms/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/radio-group/radio-group.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixRadioGroup from \"@radix-ui/react-radio-group\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nconst radioItemVariants = cva(\n  \"peer inline-flex shrink-0 items-center justify-center rounded-full border border-border-strong bg-background text-blue-600 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:border-blue-600\",\n  {\n    variants: {\n      size: {\n        sm: \"h-3.5 w-3.5\",\n        md: \"h-4 w-4\",\n        lg: \"h-5 w-5\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport type IRadioGroupProps = ComponentPropsWithoutRef<typeof RadixRadioGroup.Root>;\n\nexport const RadioGroup = forwardRef<\n  ElementRef<typeof RadixRadioGroup.Root>,\n  IRadioGroupProps\n>(({ className, ...props }, ref) => (\n  <RadixRadioGroup.Root ref={ref} className={cn(\"flex flex-col gap-2\", className)} {...props} />\n));\nRadioGroup.displayName = \"RadioGroup\";\n\nexport interface IRadioGroupItemProps\n  extends ComponentPropsWithoutRef<typeof RadixRadioGroup.Item>,\n    VariantProps<typeof radioItemVariants> {}\n\nexport const RadioGroupItem = forwardRef<\n  ElementRef<typeof RadixRadioGroup.Item>,\n  IRadioGroupItemProps\n>(({ className, size, ...props }, ref) => (\n  <RadixRadioGroup.Item ref={ref} className={cn(radioItemVariants({ size }), className)} {...props}>\n    <RadixRadioGroup.Indicator className=\"flex h-full w-full items-center justify-center\">\n      <span className=\"h-1.5 w-1.5 rounded-full bg-blue-600\" aria-hidden=\"true\" />\n    </RadixRadioGroup.Indicator>\n  </RadixRadioGroup.Item>\n));\nRadioGroupItem.displayName = \"RadioGroupItem\";\n"],"mappings":";AA6BE;AA3BF,YAAY,qBAAqB;AACjC,SAAS,WAA8B;AACvC,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AAEnB,MAAM,oBAAoB;AAAA,EACxB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,MAAM;AAAA,IACR;AAAA,EACF;AACF;AAIO,MAAM,aAAa,WAGxB,CAAC,EAAE,WAAW,GAAG,MAAM,GAAG,QAC1B,oBAAC,gBAAgB,MAAhB,EAAqB,KAAU,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,OAAO,CAC7F;AACD,WAAW,cAAc;AAMlB,MAAM,iBAAiB,WAG5B,CAAC,EAAE,WAAW,MAAM,GAAG,MAAM,GAAG,QAChC,oBAAC,gBAAgB,MAAhB,EAAqB,KAAU,WAAW,GAAG,kBAAkB,EAAE,KAAK,CAAC,GAAG,SAAS,GAAI,GAAG,OACzF,8BAAC,gBAAgB,WAAhB,EAA0B,WAAU,kDACnC,8BAAC,UAAK,WAAU,wCAAuC,eAAY,QAAO,GAC5E,GACF,CACD;AACD,eAAe,cAAc;","names":[]}

package/dist/components/atoms/radio-group/radio-group.stories.d.ts

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

package/dist/components/atoms/radio-group/radio-group.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/radio-group/radio-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAkB,MAAM,kBAAkB,CAAC;AAG9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,QAcrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,QAsB9B,CAAC"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import * as RadixSeparator from "@radix-ui/react-separator";
+import { type ComponentPropsWithoutRef } from "react";
+export type ISeparatorProps = ComponentPropsWithoutRef<typeof RadixSeparator.Root>;
+/**
+ * Accessible horizontal or vertical separator. Defaults to horizontal +
+ * decorative; set `decorative={false}` and supply an `aria-*` label for
+ * meaningful separators.
+ */
+export declare const Separator: import("react").ForwardRefExoticComponent<Omit<RadixSeparator.SeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/separator/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,cAAc,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAc,KAAK,wBAAwB,EAAmB,MAAM,OAAO,CAAC;AAGnF,MAAM,MAAM,eAAe,GAAG,wBAAwB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAEnF;;;;GAIG;AACH,eAAO,MAAM,SAAS,uLAcrB,CAAC"}

package/dist/components/atoms/separator/separator.js

@@ -0,0 +1,26 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as RadixSeparator from "@radix-ui/react-separator";
+import { forwardRef } from "react";
+import { cn } from "../../../utils/cn.js";
+const Separator = forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    RadixSeparator.Root,
+    {
+      ref,
+      orientation,
+      decorative,
+      className: cn(
+        "shrink-0 bg-border-base",
+        orientation === "horizontal" ? "h-px w-full" : "h-full w-px",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = "Separator";
+export {
+  Separator
+};
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/separator/separator.tsx"],"sourcesContent":["\"use client\";\n\nimport * as RadixSeparator from \"@radix-ui/react-separator\";\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef } from \"react\";\nimport { cn } from \"../../../utils/cn.js\";\n\nexport type ISeparatorProps = ComponentPropsWithoutRef<typeof RadixSeparator.Root>;\n\n/**\n * Accessible horizontal or vertical separator. Defaults to horizontal +\n * decorative; set `decorative={false}` and supply an `aria-*` label for\n * meaningful separators.\n */\nexport const Separator = forwardRef<ElementRef<typeof RadixSeparator.Root>, ISeparatorProps>(\n  ({ className, orientation = \"horizontal\", decorative = true, ...props }, ref) => (\n    <RadixSeparator.Root\n      ref={ref}\n      orientation={orientation}\n      decorative={decorative}\n      className={cn(\n        \"shrink-0 bg-border-base\",\n        orientation === \"horizontal\" ? \"h-px w-full\" : \"h-full w-px\",\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nSeparator.displayName = \"Separator\";\n"],"mappings":";AAeI;AAbJ,YAAY,oBAAoB;AAChC,SAAS,kBAAkE;AAC3E,SAAS,UAAU;AASZ,MAAM,YAAY;AAAA,EACvB,CAAC,EAAE,WAAW,cAAc,cAAc,aAAa,MAAM,GAAG,MAAM,GAAG,QACvE;AAAA,IAAC,eAAe;AAAA,IAAf;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,QACT;AAAA,QACA,gBAAgB,eAAe,gBAAgB;AAAA,QAC/C;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,UAAU,cAAc;","names":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/separator/separator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAIhC,CAAC;AACF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,UAAU,EAAE,KAQxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC"}

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

@@ -0,0 +1,3 @@
+export { Skeleton, SkeletonText } from "./skeleton.js";
+export type { ISkeletonProps, ISkeletonTextProps } from "./skeleton.js";
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,6 @@
+import { Skeleton, SkeletonText } from "./skeleton.js";
+export {
+  Skeleton,
+  SkeletonText
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/skeleton/index.ts"],"sourcesContent":["export { Skeleton, SkeletonText } from \"./skeleton.js\";\nexport type { ISkeletonProps, ISkeletonTextProps } from \"./skeleton.js\";\n"],"mappings":"AAAA,SAAS,UAAU,oBAAoB;","names":[]}

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

@@ -0,0 +1,30 @@
+import { type VariantProps } from "class-variance-authority";
+import { type HTMLAttributes } from "react";
+declare const skeletonVariants: (props?: ({
+    shape?: "circle" | "rect" | "text" | "pill" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ISkeletonProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof skeletonVariants> {
+    /** Convenience width. Accepts any CSS length. */
+    width?: number | string;
+    /** Convenience height. Accepts any CSS length. */
+    height?: number | string;
+}
+/**
+ * Neutral rectangular/circular/text placeholder. Prefer over spinners when
+ * laying out card feeds, dashboards, or detail pages where the final layout
+ * is predictable.
+ */
+export declare const Skeleton: import("react").ForwardRefExoticComponent<ISkeletonProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ISkeletonTextProps extends HTMLAttributes<HTMLDivElement> {
+    /** Number of skeleton lines. Defaults to 3. */
+    lines?: number;
+    /** Whether the last line should be narrower (typical paragraph look). */
+    lastLineShorter?: boolean;
+}
+/**
+ * Stacked placeholder for multi-line copy. The final line is rendered at
+ * 60% width by default to approximate a natural paragraph shape.
+ */
+export declare const SkeletonText: import("react").ForwardRefExoticComponent<ISkeletonTextProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/skeleton/skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAc,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGxD,QAAA,MAAM,gBAAgB;;8EAerB,CAAC;AAEF,MAAM,WAAW,cACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,gBAAgB,CAAC;IACvC,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,kDAAkD;IAClD,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,2GAUpB,CAAC;AAGF,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yEAAyE;IACzE,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAKD;;;GAGG;AACH,eAAO,MAAM,YAAY,+GAaxB,CAAC"}

package/dist/components/atoms/skeleton/skeleton.js

@@ -0,0 +1,53 @@
+"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 skeletonVariants = cva(
+  "animate-pulse bg-surface-muted/80 dark:bg-surface-muted/60",
+  {
+    variants: {
+      shape: {
+        rect: "rounded-md",
+        circle: "rounded-full",
+        text: "rounded",
+        pill: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      shape: "rect"
+    }
+  }
+);
+const Skeleton = forwardRef(
+  ({ className, shape, width, height, style, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(skeletonVariants({ shape }), className),
+      style: { width, height, ...style },
+      "aria-hidden": "true",
+      ...props
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+const DEFAULT_SKELETON_TEXT_LINES = 3;
+const LAST_LINE_WIDTH_PCT = 60;
+const SkeletonText = forwardRef(
+  ({ className, lines = DEFAULT_SKELETON_TEXT_LINES, lastLineShorter = true, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex flex-col gap-2", className), ...props, children: Array.from({ length: lines }).map((_, index) => /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      shape: "text",
+      className: "h-3",
+      width: lastLineShorter && index === lines - 1 ? `${LAST_LINE_WIDTH_PCT}%` : "100%"
+    },
+    index
+  )) })
+);
+SkeletonText.displayName = "SkeletonText";
+export {
+  Skeleton,
+  SkeletonText
+};
+//# sourceMappingURL=skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/atoms/skeleton/skeleton.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 skeletonVariants = cva(\n  \"animate-pulse bg-surface-muted/80 dark:bg-surface-muted/60\",\n  {\n    variants: {\n      shape: {\n        rect: \"rounded-md\",\n        circle: \"rounded-full\",\n        text: \"rounded\",\n        pill: \"rounded-full\",\n      },\n    },\n    defaultVariants: {\n      shape: \"rect\",\n    },\n  },\n);\n\nexport interface ISkeletonProps\n  extends HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof skeletonVariants> {\n  /** Convenience width. Accepts any CSS length. */\n  width?: number | string;\n  /** Convenience height. Accepts any CSS length. */\n  height?: number | string;\n}\n\n/**\n * Neutral rectangular/circular/text placeholder. Prefer over spinners when\n * laying out card feeds, dashboards, or detail pages where the final layout\n * is predictable.\n */\nexport const Skeleton = forwardRef<HTMLDivElement, ISkeletonProps>(\n  ({ className, shape, width, height, style, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(skeletonVariants({ shape }), className)}\n      style={{ width, height, ...style }}\n      aria-hidden=\"true\"\n      {...props}\n    />\n  ),\n);\nSkeleton.displayName = \"Skeleton\";\n\nexport interface ISkeletonTextProps extends HTMLAttributes<HTMLDivElement> {\n  /** Number of skeleton lines. Defaults to 3. */\n  lines?: number;\n  /** Whether the last line should be narrower (typical paragraph look). */\n  lastLineShorter?: boolean;\n}\n\nconst DEFAULT_SKELETON_TEXT_LINES = 3;\nconst LAST_LINE_WIDTH_PCT = 60;\n\n/**\n * Stacked placeholder for multi-line copy. The final line is rendered at\n * 60% width by default to approximate a natural paragraph shape.\n */\nexport const SkeletonText = forwardRef<HTMLDivElement, ISkeletonTextProps>(\n  ({ className, lines = DEFAULT_SKELETON_TEXT_LINES, lastLineShorter = true, ...props }, ref) => (\n    <div ref={ref} className={cn(\"flex flex-col gap-2\", className)} {...props}>\n      {Array.from({ length: lines }).map((_, index) => (\n        <Skeleton\n          key={index}\n          shape=\"text\"\n          className=\"h-3\"\n          width={lastLineShorter && index === lines - 1 ? `${LAST_LINE_WIDTH_PCT}%` : \"100%\"}\n        />\n      ))}\n    </div>\n  ),\n);\nSkeletonText.displayName = \"SkeletonText\";\n"],"mappings":";AAuCI;AArCJ,SAAS,WAA8B;AACvC,SAAS,kBAAuC;AAChD,SAAS,UAAU;AAEnB,MAAM,mBAAmB;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,OAAO;AAAA,IACT;AAAA,EACF;AACF;AAgBO,MAAM,WAAW;AAAA,EACtB,CAAC,EAAE,WAAW,OAAO,OAAO,QAAQ,OAAO,GAAG,MAAM,GAAG,QACrD;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iBAAiB,EAAE,MAAM,CAAC,GAAG,SAAS;AAAA,MACpD,OAAO,EAAE,OAAO,QAAQ,GAAG,MAAM;AAAA,MACjC,eAAY;AAAA,MACX,GAAG;AAAA;AAAA,EACN;AAEJ;AACA,SAAS,cAAc;AASvB,MAAM,8BAA8B;AACpC,MAAM,sBAAsB;AAMrB,MAAM,eAAe;AAAA,EAC1B,CAAC,EAAE,WAAW,QAAQ,6BAA6B,kBAAkB,MAAM,GAAG,MAAM,GAAG,QACrF,oBAAC,SAAI,KAAU,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,OACjE,gBAAM,KAAK,EAAE,QAAQ,MAAM,CAAC,EAAE,IAAI,CAAC,GAAG,UACrC;AAAA,IAAC;AAAA;AAAA,MAEC,OAAM;AAAA,MACN,WAAU;AAAA,MACV,OAAO,mBAAmB,UAAU,QAAQ,IAAI,GAAG,mBAAmB,MAAM;AAAA;AAAA,IAHvE;AAAA,EAIP,CACD,GACH;AAEJ;AACA,aAAa,cAAc;","names":[]}