rothzerg-ui 0.1.0

package/dist/components/sheet/Sheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sheet.js","sources":["../../../src/components/sheet/Sheet.tsx"],"sourcesContent":["import React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './sheet.css';\n\nexport type SheetSide = 'top' | 'right' | 'bottom' | 'left';\n\nexport const Sheet = DialogPrimitive.Root;\nexport const SheetTrigger = DialogPrimitive.Trigger;\nexport const SheetClose = DialogPrimitive.Close;\nexport const SheetPortal = DialogPrimitive.Portal;\n\nexport const SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Overlay\n    ref={ref}\n    className={cn('rz-sheet__overlay', className)}\n    {...props}\n  />\n));\nSheetOverlay.displayName = 'SheetOverlay';\n\nexport interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {\n  side?: SheetSide;\n  hideClose?: boolean;\n}\n\nexport const SheetContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  SheetContentProps\n>(({ className, side = 'right', hideClose = false, children, ...props }, ref) => (\n  <SheetPortal>\n    <SheetOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn('rz-sheet__content', `rz-sheet__content--${side}`, className)}\n      {...props}\n    >\n      {children}\n      {!hideClose && (\n        <DialogPrimitive.Close className=\"rz-sheet__close\" aria-label=\"Close\">\n          <X size={16} />\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  </SheetPortal>\n));\nSheetContent.displayName = 'SheetContent';\n\nexport const SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('rz-sheet__header', className)} {...props} />\n);\nSheetHeader.displayName = 'SheetHeader';\n\nexport const SheetTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title ref={ref} className={cn('rz-sheet__title', className)} {...props} />\n));\nSheetTitle.displayName = 'SheetTitle';\n\nexport const SheetDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description ref={ref} className={cn('rz-sheet__description', className)} {...props} />\n));\nSheetDescription.displayName = 'SheetDescription';\n\nexport const SheetBody = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('rz-sheet__body', className)} {...props} />\n);\nSheetBody.displayName = 'SheetBody';\n\nexport const SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('rz-sheet__footer', className)} {...props} />\n);\nSheetFooter.displayName = 'SheetFooter';\n"],"names":["DialogPrimitive.Root","DialogPrimitive.Trigger","DialogPrimitive.Close","DialogPrimitive.Portal","React","DialogPrimitive.Overlay","DialogPrimitive.Content","DialogPrimitive.Title","DialogPrimitive.Description"],"mappings":";;;;;;AAQO,MAAM,QAAQA;AACd,MAAM,eAAeC;AACrB,MAAM,aAAaC;AACnB,MAAM,cAAcC;AAEpB,MAAM,eAAeC,eAAM,WAGhC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW,GAAG,qBAAqB,SAAS;AAAA,IAC3C,GAAG;AAAA,EAAA;AACN,CACD;AACD,aAAa,cAAc;AAOpB,MAAM,eAAeD,eAAM,WAGhC,CAAC,EAAE,WAAW,OAAO,SAAS,YAAY,OAAO,UAAU,GAAG,SAAS,6BACtE,aAAA,EACC,UAAA;AAAA,EAAA,oBAAC,cAAA,EAAa;AAAA,EACd;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,qBAAqB,sBAAsB,IAAI,IAAI,SAAS;AAAA,MACzE,GAAG;AAAA,MAEH,UAAA;AAAA,QAAA;AAAA,QACA,CAAC,aACA,oBAACJ,OAAA,EAAsB,WAAU,mBAAkB,cAAW,SAC5D,UAAA,oBAAC,GAAA,EAAE,MAAM,IAAI,EAAA,CACf;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,GACF,CACD;AACD,aAAa,cAAc;AAEpB,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,MAAA,MAC1C,oBAAC,OAAA,EAAI,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,MAAA,CAAO;AAEhE,YAAY,cAAc;AAEnB,MAAM,aAAaE,eAAM,WAG9B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B,oBAACG,OAAA,EAAsB,KAAU,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAAO,CAC1F;AACD,WAAW,cAAc;AAElB,MAAM,mBAAmBH,eAAM,WAGpC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B,oBAACI,aAAA,EAA4B,KAAU,WAAW,GAAG,yBAAyB,SAAS,GAAI,GAAG,OAAO,CACtG;AACD,iBAAiB,cAAc;AAExB,MAAM,YAAY,CAAC,EAAE,WAAW,GAAG,MAAA,MACxC,oBAAC,OAAA,EAAI,WAAW,GAAG,kBAAkB,SAAS,GAAI,GAAG,MAAA,CAAO;AAE9D,UAAU,cAAc;AAEjB,MAAM,cAAc,CAAC,EAAE,WAAW,GAAG,MAAA,MAC1C,oBAAC,OAAA,EAAI,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,MAAA,CAAO;AAEhE,YAAY,cAAc;"}

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

@@ -0,0 +1,3 @@
+export { Sheet, SheetTrigger, SheetClose, SheetPortal, SheetOverlay, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetBody, SheetFooter, } from './Sheet';
+export type { SheetContentProps, SheetSide } from './Sheet';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/sheet/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,YAAY,EACZ,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,SAAS,EACT,WAAW,GACZ,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/skeleton/Skeleton.cjs

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css               */
+const Skeleton = React.forwardRef(
+  ({
+    className,
+    variant = "rectangular",
+    animation = "pulse",
+    width,
+    height,
+    style,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "span",
+    {
+      ref,
+      "aria-hidden": "true",
+      className: cn.cn(
+        "rz-skeleton",
+        animation !== "none" && `rz-skeleton--${animation}`,
+        variant !== "rectangular" && `rz-skeleton--${variant}`,
+        className
+      ),
+      style: { width, height, display: "block", ...style },
+      ...props
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+function SkeletonText({ lines = 3, animation = "pulse", className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn.cn("rz-skeleton-group", className), children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+    Skeleton,
+    {
+      variant: "text",
+      animation,
+      width: i === lines - 1 && lines > 1 ? "65%" : "100%"
+    },
+    i
+  )) });
+}
+function SkeletonCard({ className, animation = "pulse" }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: cn.cn("rz-skeleton-group", className),
+      style: {
+        padding: "1.5rem",
+        border: "1px solid var(--rz-color-border)",
+        borderRadius: "var(--rz-radius-lg)"
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-skeleton-group rz-skeleton-group--row", style: { gap: "0.75rem", marginBottom: "1rem" }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { variant: "circular", width: 40, height: 40, animation }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-skeleton-group", style: { flex: 1, gap: "0.375rem" }, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { variant: "text", width: "60%", animation }),
+            /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { variant: "text", width: "40%", animation, style: { height: "0.75rem" } })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(SkeletonText, { lines: 3, animation })
+      ]
+    }
+  );
+}
+exports.Skeleton = Skeleton;
+exports.SkeletonCard = SkeletonCard;
+exports.SkeletonText = SkeletonText;
+//# sourceMappingURL=Skeleton.cjs.map

package/dist/components/skeleton/Skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.cjs","sources":["../../../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './skeleton.css';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: 'rectangular' | 'text' | 'circular' | 'rounded';\n  animation?: 'pulse' | 'wave' | 'none';\n  width?: number | string;\n  height?: number | string;\n}\n\n/**\n * Skeleton\n *\n * A placeholder loading state for content that is still loading.\n *\n * @example\n * <Skeleton variant=\"text\" width=\"80%\" />\n * <Skeleton variant=\"circular\" width={40} height={40} />\n * <Skeleton width=\"100%\" height={200} variant=\"rounded\" animation=\"wave\" />\n */\nexport const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(\n  (\n    {\n      className,\n      variant = 'rectangular',\n      animation = 'pulse',\n      width,\n      height,\n      style,\n      ...props\n    },\n    ref,\n  ) => (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(\n        'rz-skeleton',\n        animation !== 'none' && `rz-skeleton--${animation}`,\n        variant !== 'rectangular' && `rz-skeleton--${variant}`,\n        className,\n      )}\n      style={{ width, height, display: 'block', ...style }}\n      {...props}\n    />\n  ),\n);\n\nSkeleton.displayName = 'Skeleton';\n\n/* ─── SkeletonText — multiple text line skeletons ──────────── */\nexport interface SkeletonTextProps {\n  lines?: number;\n  animation?: SkeletonProps['animation'];\n  className?: string;\n}\n\nexport function SkeletonText({ lines = 3, animation = 'pulse', className }: SkeletonTextProps) {\n  return (\n    <div className={cn('rz-skeleton-group', className)}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={i}\n          variant=\"text\"\n          animation={animation}\n          width={i === lines - 1 && lines > 1 ? '65%' : '100%'}\n        />\n      ))}\n    </div>\n  );\n}\n\n/* ─── SkeletonCard — card loading placeholder ────────────── */\nexport interface SkeletonCardProps {\n  className?: string;\n  animation?: SkeletonProps['animation'];\n}\n\nexport function SkeletonCard({ className, animation = 'pulse' }: SkeletonCardProps) {\n  return (\n    <div\n      className={cn('rz-skeleton-group', className)}\n      style={{\n        padding: '1.5rem',\n        border: '1px solid var(--rz-color-border)',\n        borderRadius: 'var(--rz-radius-lg)',\n      }}\n    >\n      <div className=\"rz-skeleton-group rz-skeleton-group--row\" style={{ gap: '0.75rem', marginBottom: '1rem' }}>\n        <Skeleton variant=\"circular\" width={40} height={40} animation={animation} />\n        <div className=\"rz-skeleton-group\" style={{ flex: 1, gap: '0.375rem' }}>\n          <Skeleton variant=\"text\" width=\"60%\" animation={animation} />\n          <Skeleton variant=\"text\" width=\"40%\" animation={animation} style={{ height: '0.75rem' }} />\n        </div>\n      </div>\n      <SkeletonText lines={3} animation={animation} />\n    </div>\n  );\n}\n"],"names":["jsx","cn","jsxs"],"mappings":";;;;;;AAqBO,MAAM,WAAW,MAAM;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QAEAA,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MACZ,WAAWC,GAAAA;AAAAA,QACT;AAAA,QACA,cAAc,UAAU,gBAAgB,SAAS;AAAA,QACjD,YAAY,iBAAiB,gBAAgB,OAAO;AAAA,QACpD;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,OAAO,QAAQ,SAAS,SAAS,GAAG,MAAA;AAAA,MAC5C,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,cAAc;AAShB,SAAS,aAAa,EAAE,QAAQ,GAAG,YAAY,SAAS,aAAgC;AAC7F,wCACG,OAAA,EAAI,WAAWA,GAAAA,GAAG,qBAAqB,SAAS,GAC9C,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAA,CAAO,EAAE,IAAI,CAAC,GAAG,MACrCD,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MAEC,SAAQ;AAAA,MACR;AAAA,MACA,OAAO,MAAM,QAAQ,KAAK,QAAQ,IAAI,QAAQ;AAAA,IAAA;AAAA,IAHzC;AAAA,EAAA,CAKR,GACH;AAEJ;AAQO,SAAS,aAAa,EAAE,WAAW,YAAY,WAA8B;AAClF,SACEE,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,GAAAA,GAAG,qBAAqB,SAAS;AAAA,MAC5C,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,MAGhB,UAAA;AAAA,QAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAU,4CAA2C,OAAO,EAAE,KAAK,WAAW,cAAc,OAAA,GAC/F,UAAA;AAAA,UAAAF,+BAAC,YAAS,SAAQ,YAAW,OAAO,IAAI,QAAQ,IAAI,WAAsB;AAAA,UAC1EE,2BAAAA,KAAC,OAAA,EAAI,WAAU,qBAAoB,OAAO,EAAE,MAAM,GAAG,KAAK,WAAA,GACxD,UAAA;AAAA,YAAAF,2BAAAA,IAAC,UAAA,EAAS,SAAQ,QAAO,OAAM,OAAM,WAAsB;AAAA,YAC3DA,2BAAAA,IAAC,UAAA,EAAS,SAAQ,QAAO,OAAM,OAAM,WAAsB,OAAO,EAAE,QAAQ,UAAA,EAAU,CAAG;AAAA,UAAA,EAAA,CAC3F;AAAA,QAAA,GACF;AAAA,QACAA,2BAAAA,IAAC,cAAA,EAAa,OAAO,GAAG,UAAA,CAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD;;;;"}

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

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export interface SkeletonProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: 'rectangular' | 'text' | 'circular' | 'rounded';
+    animation?: 'pulse' | 'wave' | 'none';
+    width?: number | string;
+    height?: number | string;
+}
+/**
+ * Skeleton
+ *
+ * A placeholder loading state for content that is still loading.
+ *
+ * @example
+ * <Skeleton variant="text" width="80%" />
+ * <Skeleton variant="circular" width={40} height={40} />
+ * <Skeleton width="100%" height={200} variant="rounded" animation="wave" />
+ */
+export declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
+export interface SkeletonTextProps {
+    lines?: number;
+    animation?: SkeletonProps['animation'];
+    className?: string;
+}
+export declare function SkeletonText({ lines, animation, className }: SkeletonTextProps): import("react/jsx-runtime").JSX.Element;
+export interface SkeletonCardProps {
+    className?: string;
+    animation?: SkeletonProps['animation'];
+}
+export declare function SkeletonCard({ className, animation }: SkeletonCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAAgB,CAAC;AAExB,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1D,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC1B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,QAAQ,uFA0BpB,CAAC;AAKF,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAS,EAAE,SAAmB,EAAE,SAAS,EAAE,EAAE,iBAAiB,2CAa5F;AAGD,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CACxC;AAED,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,SAAmB,EAAE,EAAE,iBAAiB,2CAoBjF"}

package/dist/components/skeleton/Skeleton.js

@@ -0,0 +1,70 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css             */
+const Skeleton = React__default.forwardRef(
+  ({
+    className,
+    variant = "rectangular",
+    animation = "pulse",
+    width,
+    height,
+    style,
+    ...props
+  }, ref) => /* @__PURE__ */ jsx(
+    "span",
+    {
+      ref,
+      "aria-hidden": "true",
+      className: cn(
+        "rz-skeleton",
+        animation !== "none" && `rz-skeleton--${animation}`,
+        variant !== "rectangular" && `rz-skeleton--${variant}`,
+        className
+      ),
+      style: { width, height, display: "block", ...style },
+      ...props
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+function SkeletonText({ lines = 3, animation = "pulse", className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("rz-skeleton-group", className), children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      variant: "text",
+      animation,
+      width: i === lines - 1 && lines > 1 ? "65%" : "100%"
+    },
+    i
+  )) });
+}
+function SkeletonCard({ className, animation = "pulse" }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("rz-skeleton-group", className),
+      style: {
+        padding: "1.5rem",
+        border: "1px solid var(--rz-color-border)",
+        borderRadius: "var(--rz-radius-lg)"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "rz-skeleton-group rz-skeleton-group--row", style: { gap: "0.75rem", marginBottom: "1rem" }, children: [
+          /* @__PURE__ */ jsx(Skeleton, { variant: "circular", width: 40, height: 40, animation }),
+          /* @__PURE__ */ jsxs("div", { className: "rz-skeleton-group", style: { flex: 1, gap: "0.375rem" }, children: [
+            /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "60%", animation }),
+            /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: "40%", animation, style: { height: "0.75rem" } })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx(SkeletonText, { lines: 3, animation })
+      ]
+    }
+  );
+}
+export {
+  Skeleton,
+  SkeletonCard,
+  SkeletonText
+};
+//# sourceMappingURL=Skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../src/components/skeleton/Skeleton.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './skeleton.css';\n\nexport interface SkeletonProps extends React.HTMLAttributes<HTMLSpanElement> {\n  variant?: 'rectangular' | 'text' | 'circular' | 'rounded';\n  animation?: 'pulse' | 'wave' | 'none';\n  width?: number | string;\n  height?: number | string;\n}\n\n/**\n * Skeleton\n *\n * A placeholder loading state for content that is still loading.\n *\n * @example\n * <Skeleton variant=\"text\" width=\"80%\" />\n * <Skeleton variant=\"circular\" width={40} height={40} />\n * <Skeleton width=\"100%\" height={200} variant=\"rounded\" animation=\"wave\" />\n */\nexport const Skeleton = React.forwardRef<HTMLSpanElement, SkeletonProps>(\n  (\n    {\n      className,\n      variant = 'rectangular',\n      animation = 'pulse',\n      width,\n      height,\n      style,\n      ...props\n    },\n    ref,\n  ) => (\n    <span\n      ref={ref}\n      aria-hidden=\"true\"\n      className={cn(\n        'rz-skeleton',\n        animation !== 'none' && `rz-skeleton--${animation}`,\n        variant !== 'rectangular' && `rz-skeleton--${variant}`,\n        className,\n      )}\n      style={{ width, height, display: 'block', ...style }}\n      {...props}\n    />\n  ),\n);\n\nSkeleton.displayName = 'Skeleton';\n\n/* ─── SkeletonText — multiple text line skeletons ──────────── */\nexport interface SkeletonTextProps {\n  lines?: number;\n  animation?: SkeletonProps['animation'];\n  className?: string;\n}\n\nexport function SkeletonText({ lines = 3, animation = 'pulse', className }: SkeletonTextProps) {\n  return (\n    <div className={cn('rz-skeleton-group', className)}>\n      {Array.from({ length: lines }).map((_, i) => (\n        <Skeleton\n          key={i}\n          variant=\"text\"\n          animation={animation}\n          width={i === lines - 1 && lines > 1 ? '65%' : '100%'}\n        />\n      ))}\n    </div>\n  );\n}\n\n/* ─── SkeletonCard — card loading placeholder ────────────── */\nexport interface SkeletonCardProps {\n  className?: string;\n  animation?: SkeletonProps['animation'];\n}\n\nexport function SkeletonCard({ className, animation = 'pulse' }: SkeletonCardProps) {\n  return (\n    <div\n      className={cn('rz-skeleton-group', className)}\n      style={{\n        padding: '1.5rem',\n        border: '1px solid var(--rz-color-border)',\n        borderRadius: 'var(--rz-radius-lg)',\n      }}\n    >\n      <div className=\"rz-skeleton-group rz-skeleton-group--row\" style={{ gap: '0.75rem', marginBottom: '1rem' }}>\n        <Skeleton variant=\"circular\" width={40} height={40} animation={animation} />\n        <div className=\"rz-skeleton-group\" style={{ flex: 1, gap: '0.375rem' }}>\n          <Skeleton variant=\"text\" width=\"60%\" animation={animation} />\n          <Skeleton variant=\"text\" width=\"40%\" animation={animation} style={{ height: '0.75rem' }} />\n        </div>\n      </div>\n      <SkeletonText lines={3} animation={animation} />\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;;AAqBO,MAAM,WAAWA,eAAM;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA,UAAU;AAAA,IACV,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QAEA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MACZ,WAAW;AAAA,QACT;AAAA,QACA,cAAc,UAAU,gBAAgB,SAAS;AAAA,QACjD,YAAY,iBAAiB,gBAAgB,OAAO;AAAA,QACpD;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,OAAO,QAAQ,SAAS,SAAS,GAAG,MAAA;AAAA,MAC5C,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAAS,cAAc;AAShB,SAAS,aAAa,EAAE,QAAQ,GAAG,YAAY,SAAS,aAAgC;AAC7F,6BACG,OAAA,EAAI,WAAW,GAAG,qBAAqB,SAAS,GAC9C,UAAA,MAAM,KAAK,EAAE,QAAQ,MAAA,CAAO,EAAE,IAAI,CAAC,GAAG,MACrC;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,SAAQ;AAAA,MACR;AAAA,MACA,OAAO,MAAM,QAAQ,KAAK,QAAQ,IAAI,QAAQ;AAAA,IAAA;AAAA,IAHzC;AAAA,EAAA,CAKR,GACH;AAEJ;AAQO,SAAS,aAAa,EAAE,WAAW,YAAY,WAA8B;AAClF,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG,qBAAqB,SAAS;AAAA,MAC5C,OAAO;AAAA,QACL,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA;AAAA,MAGhB,UAAA;AAAA,QAAA,qBAAC,OAAA,EAAI,WAAU,4CAA2C,OAAO,EAAE,KAAK,WAAW,cAAc,OAAA,GAC/F,UAAA;AAAA,UAAA,oBAAC,YAAS,SAAQ,YAAW,OAAO,IAAI,QAAQ,IAAI,WAAsB;AAAA,UAC1E,qBAAC,OAAA,EAAI,WAAU,qBAAoB,OAAO,EAAE,MAAM,GAAG,KAAK,WAAA,GACxD,UAAA;AAAA,YAAA,oBAAC,UAAA,EAAS,SAAQ,QAAO,OAAM,OAAM,WAAsB;AAAA,YAC3D,oBAAC,UAAA,EAAS,SAAQ,QAAO,OAAM,OAAM,WAAsB,OAAO,EAAE,QAAQ,UAAA,EAAU,CAAG;AAAA,UAAA,EAAA,CAC3F;AAAA,QAAA,GACF;AAAA,QACA,oBAAC,cAAA,EAAa,OAAO,GAAG,UAAA,CAAsB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpD;"}

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

@@ -0,0 +1,3 @@
+export { Skeleton, SkeletonText, SkeletonCard } from './Skeleton';
+export type { SkeletonProps, SkeletonTextProps, SkeletonCardProps } from './Skeleton';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/slider/Slider.cjs

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../node_modules/@radix-ui/react-slider/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css             */
+const Slider = React.forwardRef(({ className, variant = "default", size = "md", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
+  index.Root,
+  {
+    ref,
+    className: cn.cn(
+      "rz-slider",
+      variant !== "default" && `rz-slider--${variant}`,
+      size !== "md" && `rz-slider--${size}`,
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxRuntime.jsx(index.Track, { className: "rz-slider__track", children: /* @__PURE__ */ jsxRuntime.jsx(index.Range, { className: "rz-slider__range" }) }),
+      (props.value ?? props.defaultValue ?? [0]).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(index.Thumb, { className: "rz-slider__thumb" }, i))
+    ]
+  }
+));
+Slider.displayName = "Slider";
+exports.Slider = Slider;
+//# sourceMappingURL=Slider.cjs.map

package/dist/components/slider/Slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import React from 'react';\nimport * as SliderPrimitive from '@radix-ui/react-slider';\nimport { cn } from '../../utils/cn';\nimport './slider.css';\n\nexport type SliderVariant = 'default' | 'success' | 'destructive';\nexport type SliderSize = 'sm' | 'md' | 'lg';\n\nexport interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {\n  variant?: SliderVariant;\n  size?: SliderSize;\n}\n\nexport const Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(({ className, variant = 'default', size = 'md', ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(\n      'rz-slider',\n      variant !== 'default' && `rz-slider--${variant}`,\n      size !== 'md' && `rz-slider--${size}`,\n      className,\n    )}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"rz-slider__track\">\n      <SliderPrimitive.Range className=\"rz-slider__range\" />\n    </SliderPrimitive.Track>\n    {(props.value ?? props.defaultValue ?? [0]).map((_, i) => (\n      <SliderPrimitive.Thumb key={i} className=\"rz-slider__thumb\" />\n    ))}\n  </SliderPrimitive.Root>\n));\nSlider.displayName = 'Slider';\n"],"names":["jsxs","SliderPrimitive.Root","cn","jsx","SliderPrimitive.Track","SliderPrimitive.Range","SliderPrimitive.Thumb"],"mappings":";;;;;;;AAaO,MAAM,SAAS,MAAM,WAG1B,CAAC,EAAE,WAAW,UAAU,WAAW,OAAO,MAAM,GAAG,MAAA,GAAS,QAC5DA,2BAAAA;AAAAA,EAACC,MAAAA;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAWC,GAAAA;AAAAA,MACT;AAAA,MACA,YAAY,aAAa,cAAc,OAAO;AAAA,MAC9C,SAAS,QAAQ,cAAc,IAAI;AAAA,MACnC;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAAC,2BAAAA,IAACC,MAAAA,OAAA,EAAsB,WAAU,oBAC/B,UAAAD,+BAACE,MAAAA,OAAA,EAAsB,WAAU,mBAAA,CAAmB,EAAA,CACtD;AAAA,OACE,MAAM,SAAS,MAAM,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,qCACjDC,MAAAA,OAAA,EAA8B,WAAU,mBAAA,GAAb,CAAgC,CAC7D;AAAA,IAAA;AAAA,EAAA;AACH,CACD;AACD,OAAO,cAAc;;"}

package/dist/components/slider/Slider.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+export type SliderVariant = 'default' | 'success' | 'destructive';
+export type SliderSize = 'sm' | 'md' | 'lg';
+export interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {
+    variant?: SliderVariant;
+    size?: SliderSize;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Slider.d.ts.map

package/dist/components/slider/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,cAAc,CAAC;AAEtB,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;IAC9F,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,qFAqBjB,CAAC"}

package/dist/components/slider/Slider.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { Root, Track, Range, Thumb } from "../../node_modules/@radix-ui/react-slider/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css           */
+const Slider = React__default.forwardRef(({ className, variant = "default", size = "md", ...props }, ref) => /* @__PURE__ */ jsxs(
+  Root,
+  {
+    ref,
+    className: cn(
+      "rz-slider",
+      variant !== "default" && `rz-slider--${variant}`,
+      size !== "md" && `rz-slider--${size}`,
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(Track, { className: "rz-slider__track", children: /* @__PURE__ */ jsx(Range, { className: "rz-slider__range" }) }),
+      (props.value ?? props.defaultValue ?? [0]).map((_, i) => /* @__PURE__ */ jsx(Thumb, { className: "rz-slider__thumb" }, i))
+    ]
+  }
+));
+Slider.displayName = "Slider";
+export {
+  Slider
+};
+//# sourceMappingURL=Slider.js.map

package/dist/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../src/components/slider/Slider.tsx"],"sourcesContent":["import React from 'react';\nimport * as SliderPrimitive from '@radix-ui/react-slider';\nimport { cn } from '../../utils/cn';\nimport './slider.css';\n\nexport type SliderVariant = 'default' | 'success' | 'destructive';\nexport type SliderSize = 'sm' | 'md' | 'lg';\n\nexport interface SliderProps extends React.ComponentPropsWithoutRef<typeof SliderPrimitive.Root> {\n  variant?: SliderVariant;\n  size?: SliderSize;\n}\n\nexport const Slider = React.forwardRef<\n  React.ElementRef<typeof SliderPrimitive.Root>,\n  SliderProps\n>(({ className, variant = 'default', size = 'md', ...props }, ref) => (\n  <SliderPrimitive.Root\n    ref={ref}\n    className={cn(\n      'rz-slider',\n      variant !== 'default' && `rz-slider--${variant}`,\n      size !== 'md' && `rz-slider--${size}`,\n      className,\n    )}\n    {...props}\n  >\n    <SliderPrimitive.Track className=\"rz-slider__track\">\n      <SliderPrimitive.Range className=\"rz-slider__range\" />\n    </SliderPrimitive.Track>\n    {(props.value ?? props.defaultValue ?? [0]).map((_, i) => (\n      <SliderPrimitive.Thumb key={i} className=\"rz-slider__thumb\" />\n    ))}\n  </SliderPrimitive.Root>\n));\nSlider.displayName = 'Slider';\n"],"names":["React","SliderPrimitive.Root","SliderPrimitive.Track","SliderPrimitive.Range","SliderPrimitive.Thumb"],"mappings":";;;;;AAaO,MAAM,SAASA,eAAM,WAG1B,CAAC,EAAE,WAAW,UAAU,WAAW,OAAO,MAAM,GAAG,MAAA,GAAS,QAC5D;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,YAAY,aAAa,cAAc,OAAO;AAAA,MAC9C,SAAS,QAAQ,cAAc,IAAI;AAAA,MACnC;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,IAEJ,UAAA;AAAA,MAAA,oBAACC,OAAA,EAAsB,WAAU,oBAC/B,UAAA,oBAACC,OAAA,EAAsB,WAAU,mBAAA,CAAmB,EAAA,CACtD;AAAA,OACE,MAAM,SAAS,MAAM,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,0BACjDC,OAAA,EAA8B,WAAU,mBAAA,GAAb,CAAgC,CAC7D;AAAA,IAAA;AAAA,EAAA;AACH,CACD;AACD,OAAO,cAAc;"}

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

@@ -0,0 +1,3 @@
+export { Slider } from './Slider';
+export type { SliderProps, SliderVariant, SliderSize } from './Slider';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/spinner/Spinner.cjs

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css              */
+const RING_STROKE = {
+  xs: 2,
+  sm: 2.5,
+  md: 3,
+  lg: 3.5,
+  xl: 4
+};
+const RING_SIZE = {
+  xs: 14,
+  sm: 18,
+  md: 24,
+  lg: 32,
+  xl: 48
+};
+function Spinner({
+  variant = "default",
+  size = "md",
+  type = "ring",
+  className = "",
+  "aria-label": ariaLabel = "Loading"
+}) {
+  const cls = `rz-spinner rz-spinner--${size} rz-spinner--${variant} ${className}`;
+  if (type === "dots") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, role: "status", "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "rz-spinner__icon rz-spinner__icon--dots", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-spinner__dot" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-spinner__dot" }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-spinner__dot" })
+    ] }) });
+  }
+  if (type === "pulse") {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, role: "status", "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-spinner__icon rz-spinner__icon--pulse" }) });
+  }
+  const d = RING_SIZE[size];
+  const sw = RING_STROKE[size];
+  const r = (d - sw) / 2;
+  const circ = 2 * Math.PI * r;
+  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: cls, role: "status", "aria-label": ariaLabel, children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      className: "rz-spinner__icon",
+      viewBox: `0 0 ${d} ${d}`,
+      width: d,
+      height: d,
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: d / 2,
+            cy: d / 2,
+            r,
+            stroke: "currentColor",
+            strokeWidth: sw,
+            strokeOpacity: 0.25
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "circle",
+          {
+            cx: d / 2,
+            cy: d / 2,
+            r,
+            stroke: "currentColor",
+            strokeWidth: sw,
+            strokeLinecap: "round",
+            strokeDasharray: circ,
+            strokeDashoffset: circ * 0.75
+          }
+        )
+      ]
+    }
+  ) });
+}
+exports.Spinner = Spinner;
+//# sourceMappingURL=Spinner.cjs.map

package/dist/components/spinner/Spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.cjs","sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import './spinner.css';\n\nexport type SpinnerVariant = 'default' | 'muted' | 'success' | 'warning' | 'destructive' | 'white';\nexport type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport type SpinnerType = 'ring' | 'dots' | 'pulse';\n\nexport interface SpinnerProps {\n  variant?: SpinnerVariant;\n  size?: SpinnerSize;\n  type?: SpinnerType;\n  className?: string;\n  'aria-label'?: string;\n}\n\nconst RING_STROKE: Record<SpinnerSize, number> = {\n  xs: 2, sm: 2.5, md: 3, lg: 3.5, xl: 4,\n};\n\nconst RING_SIZE: Record<SpinnerSize, number> = {\n  xs: 14, sm: 18, md: 24, lg: 32, xl: 48,\n};\n\nexport function Spinner({\n  variant = 'default',\n  size = 'md',\n  type = 'ring',\n  className = '',\n  'aria-label': ariaLabel = 'Loading',\n}: SpinnerProps) {\n  const cls = `rz-spinner rz-spinner--${size} rz-spinner--${variant} ${className}`;\n\n  if (type === 'dots') {\n    return (\n      <span className={cls} role=\"status\" aria-label={ariaLabel}>\n        <span className=\"rz-spinner__icon rz-spinner__icon--dots\">\n          <span className=\"rz-spinner__dot\" />\n          <span className=\"rz-spinner__dot\" />\n          <span className=\"rz-spinner__dot\" />\n        </span>\n      </span>\n    );\n  }\n\n  if (type === 'pulse') {\n    return (\n      <span className={cls} role=\"status\" aria-label={ariaLabel}>\n        <span className=\"rz-spinner__icon rz-spinner__icon--pulse\" />\n      </span>\n    );\n  }\n\n  // ring (default)\n  const d = RING_SIZE[size];\n  const sw = RING_STROKE[size];\n  const r = (d - sw) / 2;\n  const circ = 2 * Math.PI * r;\n\n  return (\n    <span className={cls} role=\"status\" aria-label={ariaLabel}>\n      <svg\n        className=\"rz-spinner__icon\"\n        viewBox={`0 0 ${d} ${d}`}\n        width={d}\n        height={d}\n        fill=\"none\"\n      >\n        <circle\n          cx={d / 2}\n          cy={d / 2}\n          r={r}\n          stroke=\"currentColor\"\n          strokeWidth={sw}\n          strokeOpacity={0.25}\n        />\n        <circle\n          cx={d / 2}\n          cy={d / 2}\n          r={r}\n          stroke=\"currentColor\"\n          strokeWidth={sw}\n          strokeLinecap=\"round\"\n          strokeDasharray={circ}\n          strokeDashoffset={circ * 0.75}\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;AAcA,MAAM,cAA2C;AAAA,EAC/C,IAAI;AAAA,EAAG,IAAI;AAAA,EAAK,IAAI;AAAA,EAAG,IAAI;AAAA,EAAK,IAAI;AACtC;AAEA,MAAM,YAAyC;AAAA,EAC7C,IAAI;AAAA,EAAI,IAAI;AAAA,EAAI,IAAI;AAAA,EAAI,IAAI;AAAA,EAAI,IAAI;AACtC;AAEO,SAAS,QAAQ;AAAA,EACtB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,cAAc,YAAY;AAC5B,GAAiB;AACf,QAAM,MAAM,0BAA0B,IAAI,gBAAgB,OAAO,IAAI,SAAS;AAE9E,MAAI,SAAS,QAAQ;AACnB,WACEA,2BAAAA,IAAC,QAAA,EAAK,WAAW,KAAK,MAAK,UAAS,cAAY,WAC9C,UAAAC,2BAAAA,KAAC,QAAA,EAAK,WAAU,2CACd,UAAA;AAAA,MAAAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,kBAAA,CAAkB;AAAA,MAClCA,2BAAAA,IAAC,QAAA,EAAK,WAAU,kBAAA,CAAkB;AAAA,MAClCA,2BAAAA,IAAC,QAAA,EAAK,WAAU,kBAAA,CAAkB;AAAA,IAAA,EAAA,CACpC,EAAA,CACF;AAAA,EAEJ;AAEA,MAAI,SAAS,SAAS;AACpB,WACEA,2BAAAA,IAAC,QAAA,EAAK,WAAW,KAAK,MAAK,UAAS,cAAY,WAC9C,UAAAA,2BAAAA,IAAC,QAAA,EAAK,WAAU,2CAAA,CAA2C,GAC7D;AAAA,EAEJ;AAGA,QAAM,IAAI,UAAU,IAAI;AACxB,QAAM,KAAK,YAAY,IAAI;AAC3B,QAAM,KAAK,IAAI,MAAM;AACrB,QAAM,OAAO,IAAI,KAAK,KAAK;AAE3B,wCACG,QAAA,EAAK,WAAW,KAAK,MAAK,UAAS,cAAY,WAC9C,UAAAC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,OAAO,CAAC,IAAI,CAAC;AAAA,MACtB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAK;AAAA,MAEL,UAAA;AAAA,QAAAD,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,IAAI;AAAA,YACR,IAAI,IAAI;AAAA,YACR;AAAA,YACA,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjBA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,IAAI;AAAA,YACR,IAAI,IAAI;AAAA,YACR;AAAA,YACA,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,kBAAkB,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3B;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;;"}

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

@@ -0,0 +1,12 @@
+export type SpinnerVariant = 'default' | 'muted' | 'success' | 'warning' | 'destructive' | 'white';
+export type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type SpinnerType = 'ring' | 'dots' | 'pulse';
+export interface SpinnerProps {
+    variant?: SpinnerVariant;
+    size?: SpinnerSize;
+    type?: SpinnerType;
+    className?: string;
+    'aria-label'?: string;
+}
+export declare function Spinner({ variant, size, type, className, 'aria-label': ariaLabel, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,eAAe,CAAC;AAEvB,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,OAAO,CAAC;AACnG,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEpD,MAAM,WAAW,YAAY;IAC3B,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAUD,wBAAgB,OAAO,CAAC,EACtB,OAAmB,EACnB,IAAW,EACX,IAAa,EACb,SAAc,EACd,YAAY,EAAE,SAAqB,GACpC,EAAE,YAAY,2CA2Dd"}

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,79 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+/* empty css            */
+const RING_STROKE = {
+  xs: 2,
+  sm: 2.5,
+  md: 3,
+  lg: 3.5,
+  xl: 4
+};
+const RING_SIZE = {
+  xs: 14,
+  sm: 18,
+  md: 24,
+  lg: 32,
+  xl: 48
+};
+function Spinner({
+  variant = "default",
+  size = "md",
+  type = "ring",
+  className = "",
+  "aria-label": ariaLabel = "Loading"
+}) {
+  const cls = `rz-spinner rz-spinner--${size} rz-spinner--${variant} ${className}`;
+  if (type === "dots") {
+    return /* @__PURE__ */ jsx("span", { className: cls, role: "status", "aria-label": ariaLabel, children: /* @__PURE__ */ jsxs("span", { className: "rz-spinner__icon rz-spinner__icon--dots", children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-spinner__dot" }),
+      /* @__PURE__ */ jsx("span", { className: "rz-spinner__dot" }),
+      /* @__PURE__ */ jsx("span", { className: "rz-spinner__dot" })
+    ] }) });
+  }
+  if (type === "pulse") {
+    return /* @__PURE__ */ jsx("span", { className: cls, role: "status", "aria-label": ariaLabel, children: /* @__PURE__ */ jsx("span", { className: "rz-spinner__icon rz-spinner__icon--pulse" }) });
+  }
+  const d = RING_SIZE[size];
+  const sw = RING_STROKE[size];
+  const r = (d - sw) / 2;
+  const circ = 2 * Math.PI * r;
+  return /* @__PURE__ */ jsx("span", { className: cls, role: "status", "aria-label": ariaLabel, children: /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      className: "rz-spinner__icon",
+      viewBox: `0 0 ${d} ${d}`,
+      width: d,
+      height: d,
+      fill: "none",
+      children: [
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: d / 2,
+            cy: d / 2,
+            r,
+            stroke: "currentColor",
+            strokeWidth: sw,
+            strokeOpacity: 0.25
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "circle",
+          {
+            cx: d / 2,
+            cy: d / 2,
+            r,
+            stroke: "currentColor",
+            strokeWidth: sw,
+            strokeLinecap: "round",
+            strokeDasharray: circ,
+            strokeDashoffset: circ * 0.75
+          }
+        )
+      ]
+    }
+  ) });
+}
+export {
+  Spinner
+};
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sources":["../../../src/components/spinner/Spinner.tsx"],"sourcesContent":["import './spinner.css';\n\nexport type SpinnerVariant = 'default' | 'muted' | 'success' | 'warning' | 'destructive' | 'white';\nexport type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\nexport type SpinnerType = 'ring' | 'dots' | 'pulse';\n\nexport interface SpinnerProps {\n  variant?: SpinnerVariant;\n  size?: SpinnerSize;\n  type?: SpinnerType;\n  className?: string;\n  'aria-label'?: string;\n}\n\nconst RING_STROKE: Record<SpinnerSize, number> = {\n  xs: 2, sm: 2.5, md: 3, lg: 3.5, xl: 4,\n};\n\nconst RING_SIZE: Record<SpinnerSize, number> = {\n  xs: 14, sm: 18, md: 24, lg: 32, xl: 48,\n};\n\nexport function Spinner({\n  variant = 'default',\n  size = 'md',\n  type = 'ring',\n  className = '',\n  'aria-label': ariaLabel = 'Loading',\n}: SpinnerProps) {\n  const cls = `rz-spinner rz-spinner--${size} rz-spinner--${variant} ${className}`;\n\n  if (type === 'dots') {\n    return (\n      <span className={cls} role=\"status\" aria-label={ariaLabel}>\n        <span className=\"rz-spinner__icon rz-spinner__icon--dots\">\n          <span className=\"rz-spinner__dot\" />\n          <span className=\"rz-spinner__dot\" />\n          <span className=\"rz-spinner__dot\" />\n        </span>\n      </span>\n    );\n  }\n\n  if (type === 'pulse') {\n    return (\n      <span className={cls} role=\"status\" aria-label={ariaLabel}>\n        <span className=\"rz-spinner__icon rz-spinner__icon--pulse\" />\n      </span>\n    );\n  }\n\n  // ring (default)\n  const d = RING_SIZE[size];\n  const sw = RING_STROKE[size];\n  const r = (d - sw) / 2;\n  const circ = 2 * Math.PI * r;\n\n  return (\n    <span className={cls} role=\"status\" aria-label={ariaLabel}>\n      <svg\n        className=\"rz-spinner__icon\"\n        viewBox={`0 0 ${d} ${d}`}\n        width={d}\n        height={d}\n        fill=\"none\"\n      >\n        <circle\n          cx={d / 2}\n          cy={d / 2}\n          r={r}\n          stroke=\"currentColor\"\n          strokeWidth={sw}\n          strokeOpacity={0.25}\n        />\n        <circle\n          cx={d / 2}\n          cy={d / 2}\n          r={r}\n          stroke=\"currentColor\"\n          strokeWidth={sw}\n          strokeLinecap=\"round\"\n          strokeDasharray={circ}\n          strokeDashoffset={circ * 0.75}\n        />\n      </svg>\n    </span>\n  );\n}\n"],"names":[],"mappings":";;AAcA,MAAM,cAA2C;AAAA,EAC/C,IAAI;AAAA,EAAG,IAAI;AAAA,EAAK,IAAI;AAAA,EAAG,IAAI;AAAA,EAAK,IAAI;AACtC;AAEA,MAAM,YAAyC;AAAA,EAC7C,IAAI;AAAA,EAAI,IAAI;AAAA,EAAI,IAAI;AAAA,EAAI,IAAI;AAAA,EAAI,IAAI;AACtC;AAEO,SAAS,QAAQ;AAAA,EACtB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,cAAc,YAAY;AAC5B,GAAiB;AACf,QAAM,MAAM,0BAA0B,IAAI,gBAAgB,OAAO,IAAI,SAAS;AAE9E,MAAI,SAAS,QAAQ;AACnB,WACE,oBAAC,QAAA,EAAK,WAAW,KAAK,MAAK,UAAS,cAAY,WAC9C,UAAA,qBAAC,QAAA,EAAK,WAAU,2CACd,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,kBAAA,CAAkB;AAAA,MAClC,oBAAC,QAAA,EAAK,WAAU,kBAAA,CAAkB;AAAA,MAClC,oBAAC,QAAA,EAAK,WAAU,kBAAA,CAAkB;AAAA,IAAA,EAAA,CACpC,EAAA,CACF;AAAA,EAEJ;AAEA,MAAI,SAAS,SAAS;AACpB,WACE,oBAAC,QAAA,EAAK,WAAW,KAAK,MAAK,UAAS,cAAY,WAC9C,UAAA,oBAAC,QAAA,EAAK,WAAU,2CAAA,CAA2C,GAC7D;AAAA,EAEJ;AAGA,QAAM,IAAI,UAAU,IAAI;AACxB,QAAM,KAAK,YAAY,IAAI;AAC3B,QAAM,KAAK,IAAI,MAAM;AACrB,QAAM,OAAO,IAAI,KAAK,KAAK;AAE3B,6BACG,QAAA,EAAK,WAAW,KAAK,MAAK,UAAS,cAAY,WAC9C,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,SAAS,OAAO,CAAC,IAAI,CAAC;AAAA,MACtB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAK;AAAA,MAEL,UAAA;AAAA,QAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,IAAI;AAAA,YACR,IAAI,IAAI;AAAA,YACR;AAAA,YACA,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,IAAI,IAAI;AAAA,YACR,IAAI,IAAI;AAAA,YACR;AAAA,YACA,QAAO;AAAA,YACP,aAAa;AAAA,YACb,eAAc;AAAA,YACd,iBAAiB;AAAA,YACjB,kBAAkB,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3B;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,3 @@
+export { Spinner } from './Spinner';
+export type { SpinnerProps, SpinnerVariant, SpinnerSize, SpinnerType } from './Spinner';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/components/stat-card/StatCard.cjs

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+;/* empty css                */
+function TrendUpIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "rz-stat-card__trend-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "18 15 12 9 6 15" }) });
+}
+function TrendDownIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "rz-stat-card__trend-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsxRuntime.jsx("polyline", { points: "6 9 12 15 18 9" }) });
+}
+function TrendNeutralIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsx("svg", { className: "rz-stat-card__trend-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", children: /* @__PURE__ */ jsxRuntime.jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) });
+}
+function StatCard({
+  label,
+  value,
+  valueSize = "md",
+  icon,
+  iconColor = "primary",
+  trend,
+  trendValue,
+  trendLabel,
+  progress,
+  progressColor = "primary",
+  variant = "default",
+  accent = "none",
+  interactive = false,
+  onClick,
+  className = ""
+}) {
+  const classes = [
+    "rz-stat-card",
+    `rz-stat-card--${variant}`,
+    accent !== "none" ? `rz-stat-card--accent-${accent}` : "",
+    interactive || onClick ? "rz-stat-card--interactive" : "",
+    className
+  ].filter(Boolean).join(" ");
+  const TrendIcon = trend === "up" ? TrendUpIcon : trend === "down" ? TrendDownIcon : TrendNeutralIcon;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: classes,
+      onClick,
+      role: onClick ? "button" : void 0,
+      tabIndex: onClick ? 0 : void 0,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-stat-card__header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-stat-card__label", children: label }),
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `rz-stat-card__icon rz-stat-card__icon--${iconColor}`, children: icon })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: `rz-stat-card__value rz-stat-card__value--${valueSize}`, children: value }),
+        trend && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `rz-stat-card__trend rz-stat-card__trend--${trend}`, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TrendIcon, {}),
+          trendValue && /* @__PURE__ */ jsxRuntime.jsx("span", { children: trendValue }),
+          trendLabel && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-stat-card__trend-label", children: trendLabel })
+        ] }),
+        progress !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rz-stat-card__progress", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: `rz-stat-card__progress-fill rz-stat-card__progress-fill--${progressColor}`,
+            style: { width: `${Math.min(100, Math.max(0, progress))}%` },
+            role: "progressbar",
+            "aria-valuenow": progress,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+          }
+        ) })
+      ]
+    }
+  );
+}
+exports.StatCard = StatCard;
+//# sourceMappingURL=StatCard.cjs.map

package/dist/components/stat-card/StatCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.cjs","sources":["../../../src/components/stat-card/StatCard.tsx"],"sourcesContent":["import React from 'react';\nimport './stat-card.css';\n\nexport type StatCardVariant = 'default' | 'elevated' | 'ghost';\nexport type StatCardIconColor = 'primary' | 'success' | 'warning' | 'destructive' | 'info' | 'muted';\nexport type StatCardAccent = 'none' | 'primary' | 'success' | 'warning' | 'destructive';\nexport type StatCardTrend = 'up' | 'down' | 'neutral';\n\nexport interface StatCardProps {\n  label: string;\n  value: string | number;\n  valueSize?: 'sm' | 'md' | 'lg';\n  icon?: React.ReactNode;\n  iconColor?: StatCardIconColor;\n  trend?: StatCardTrend;\n  trendValue?: string;\n  trendLabel?: string;\n  progress?: number; // 0-100\n  progressColor?: 'primary' | 'success' | 'warning' | 'destructive';\n  variant?: StatCardVariant;\n  accent?: StatCardAccent;\n  interactive?: boolean;\n  onClick?: () => void;\n  className?: string;\n}\n\nfunction TrendUpIcon() {\n  return (\n    <svg className=\"rz-stat-card__trend-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"18 15 12 9 6 15\" />\n    </svg>\n  );\n}\n\nfunction TrendDownIcon() {\n  return (\n    <svg className=\"rz-stat-card__trend-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n      <polyline points=\"6 9 12 15 18 9\" />\n    </svg>\n  );\n}\n\nfunction TrendNeutralIcon() {\n  return (\n    <svg className=\"rz-stat-card__trend-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.5\" strokeLinecap=\"round\">\n      <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\" />\n    </svg>\n  );\n}\n\nexport function StatCard({\n  label,\n  value,\n  valueSize = 'md',\n  icon,\n  iconColor = 'primary',\n  trend,\n  trendValue,\n  trendLabel,\n  progress,\n  progressColor = 'primary',\n  variant = 'default',\n  accent = 'none',\n  interactive = false,\n  onClick,\n  className = '',\n}: StatCardProps) {\n  const classes = [\n    'rz-stat-card',\n    `rz-stat-card--${variant}`,\n    accent !== 'none' ? `rz-stat-card--accent-${accent}` : '',\n    (interactive || onClick) ? 'rz-stat-card--interactive' : '',\n    className,\n  ].filter(Boolean).join(' ');\n\n  const TrendIcon = trend === 'up' ? TrendUpIcon : trend === 'down' ? TrendDownIcon : TrendNeutralIcon;\n\n  return (\n    <div\n      className={classes}\n      onClick={onClick}\n      role={onClick ? 'button' : undefined}\n      tabIndex={onClick ? 0 : undefined}\n    >\n      <div className=\"rz-stat-card__header\">\n        <span className=\"rz-stat-card__label\">{label}</span>\n        {icon && (\n          <span className={`rz-stat-card__icon rz-stat-card__icon--${iconColor}`}>\n            {icon}\n          </span>\n        )}\n      </div>\n\n      <div className={`rz-stat-card__value rz-stat-card__value--${valueSize}`}>\n        {value}\n      </div>\n\n      {trend && (\n        <div className={`rz-stat-card__trend rz-stat-card__trend--${trend}`}>\n          <TrendIcon />\n          {trendValue && <span>{trendValue}</span>}\n          {trendLabel && <span className=\"rz-stat-card__trend-label\">{trendLabel}</span>}\n        </div>\n      )}\n\n      {progress !== undefined && (\n        <div className=\"rz-stat-card__progress\">\n          <div\n            className={`rz-stat-card__progress-fill rz-stat-card__progress-fill--${progressColor}`}\n            style={{ width: `${Math.min(100, Math.max(0, progress))}%` }}\n            role=\"progressbar\"\n            aria-valuenow={progress}\n            aria-valuemin={0}\n            aria-valuemax={100}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","jsxs"],"mappings":";;;;AA0BA,SAAS,cAAc;AACrB,SACEA,+BAAC,SAAI,WAAU,4BAA2B,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACrJ,yCAAC,YAAA,EAAS,QAAO,mBAAkB,EAAA,CACrC;AAEJ;AAEA,SAAS,gBAAgB;AACvB,SACEA,+BAAC,SAAI,WAAU,4BAA2B,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAAQ,gBAAe,SACrJ,yCAAC,YAAA,EAAS,QAAO,kBAAiB,EAAA,CACpC;AAEJ;AAEA,SAAS,mBAAmB;AAC1B,SACEA,2BAAAA,IAAC,OAAA,EAAI,WAAU,4BAA2B,SAAQ,aAAY,MAAK,QAAO,QAAO,gBAAe,aAAY,OAAM,eAAc,SAC9H,UAAAA,2BAAAA,IAAC,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,KAAA,CAAK,EAAA,CACvC;AAEJ;AAEO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,cAAc;AAAA,EACd;AAAA,EACA,YAAY;AACd,GAAkB;AAChB,QAAM,UAAU;AAAA,IACd;AAAA,IACA,iBAAiB,OAAO;AAAA,IACxB,WAAW,SAAS,wBAAwB,MAAM,KAAK;AAAA,IACtD,eAAe,UAAW,8BAA8B;AAAA,IACzD;AAAA,EAAA,EACA,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,QAAM,YAAY,UAAU,OAAO,cAAc,UAAU,SAAS,gBAAgB;AAEpF,SACEC,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,MACX;AAAA,MACA,MAAM,UAAU,WAAW;AAAA,MAC3B,UAAU,UAAU,IAAI;AAAA,MAExB,UAAA;AAAA,QAAAA,2BAAAA,KAAC,OAAA,EAAI,WAAU,wBACb,UAAA;AAAA,UAAAD,2BAAAA,IAAC,QAAA,EAAK,WAAU,uBAAuB,UAAA,OAAM;AAAA,UAC5C,QACCA,2BAAAA,IAAC,QAAA,EAAK,WAAW,0CAA0C,SAAS,IACjE,UAAA,KAAA,CACH;AAAA,QAAA,GAEJ;AAAA,uCAEC,OAAA,EAAI,WAAW,4CAA4C,SAAS,IAClE,UAAA,OACH;AAAA,QAEC,SACCC,2BAAAA,KAAC,OAAA,EAAI,WAAW,4CAA4C,KAAK,IAC/D,UAAA;AAAA,UAAAD,2BAAAA,IAAC,WAAA,EAAU;AAAA,UACV,cAAcA,2BAAAA,IAAC,QAAA,EAAM,UAAA,WAAA,CAAW;AAAA,UAChC,cAAcA,2BAAAA,IAAC,QAAA,EAAK,WAAU,6BAA6B,UAAA,WAAA,CAAW;AAAA,QAAA,GACzE;AAAA,QAGD,aAAa,UACZA,+BAAC,OAAA,EAAI,WAAU,0BACb,UAAAA,2BAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAW,4DAA4D,aAAa;AAAA,YACpF,OAAO,EAAE,OAAO,GAAG,KAAK,IAAI,KAAK,KAAK,IAAI,GAAG,QAAQ,CAAC,CAAC,IAAA;AAAA,YACvD,MAAK;AAAA,YACL,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,iBAAe;AAAA,UAAA;AAAA,QAAA,EACjB,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;;"}