zudoku 0.61.5 → 0.63.0

package/lib/ui/Dialog.js

@@ -1,116 +1,146 @@
-import { j as t } from "../jsx-runtime-DywqP_6a.js";
+import { j as a } from "../jsx-runtime-BzflLqGi.js";
 import * as e from "@radix-ui/react-dialog";
-import { CircleIcon as c, XIcon as p } from "lucide-react";
-import * as l from "react";
+import { CircleIcon as n, XIcon as i } from "lucide-react";
 import { c as r } from "../cn-dYga0KKN.js";
-const j = e.Root, b = e.Trigger, m = e.Portal, v = e.Close, i = l.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ t.jsx(
-  e.Overlay,
-  {
-    ref: s,
-    className: r(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      a
-    ),
-    ...o
-  }
-));
-i.displayName = e.Overlay.displayName;
-const f = l.forwardRef(({ className: a, children: o, showCloseButton: s = !0, ...n }, d) => /* @__PURE__ */ t.jsxs(m, { children: [
-  /* @__PURE__ */ t.jsx(i, {}),
-  /* @__PURE__ */ t.jsxs(
-    e.Content,
+function x({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(e.Root, { "data-slot": "dialog", ...t });
+}
+function p({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(e.Trigger, { "data-slot": "dialog-trigger", ...t });
+}
+function d({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(e.Portal, { "data-slot": "dialog-portal", ...t });
+}
+function m({
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(e.Close, { "data-slot": "dialog-close", ...t });
+}
+function c({
+  className: t,
+  ...o
+}) {
+  return /* @__PURE__ */ a.jsx(
+    e.Overlay,
     {
-      ref: d,
+      "data-slot": "dialog-overlay",
       className: r(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        a
+        "backdrop-blur-xs transition-all",
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/32",
+        t
       ),
-      ...n,
-      children: [
-        o,
-        s && /* @__PURE__ */ t.jsxs(e.Close, { className: "absolute p-3 group -left-1.5 -top-1.5 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ t.jsx(
-            c,
-            {
-              className: "h-2 w-2 transition-all border border-transparent  group-hover:border-white/20 rounded-full group-hover:scale-180 group-hover:text-red-400",
-              strokeWidth: 2,
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            p,
-            {
-              className: "h-2 w-2 absolute top-3 left-3 text-transparent group-hover:text-red-800 transition-colors",
-              strokeWidth: 2,
-              fill: "currentColor"
-            }
-          ),
-          /* @__PURE__ */ t.jsx("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
+      ...o
+    }
+  );
+}
+function j({
+  className: t,
+  children: o,
+  showCloseButton: s = !0,
+  ...l
+}) {
+  return /* @__PURE__ */ a.jsxs(d, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a.jsx(c, {}),
+    /* @__PURE__ */ a.jsxs(
+      e.Content,
+      {
+        "data-slot": "dialog-content",
+        className: r(
+          "bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-xl",
+          t
+        ),
+        ...l,
+        children: [
+          o,
+          s && /* @__PURE__ */ a.jsxs(e.Close, { className: "absolute p-3 group -left-1.5 -top-1.5 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+            /* @__PURE__ */ a.jsx(
+              n,
+              {
+                className: "h-2 w-2 transition-all border border-transparent  group-hover:border-white/20 rounded-full group-hover:scale-180 group-hover:text-red-400",
+                strokeWidth: 2,
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ a.jsx(
+              i,
+              {
+                className: "h-2 w-2 absolute top-3 left-3 text-transparent group-hover:text-red-800 transition-colors",
+                strokeWidth: 2,
+                fill: "currentColor"
+              }
+            ),
+            /* @__PURE__ */ a.jsx("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
+}
+function h({ className: t, ...o }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: r("flex flex-col gap-2 text-center sm:text-left", t),
+      ...o
     }
-  )
-] }));
-f.displayName = e.Content.displayName;
-const g = ({
-  className: a,
+  );
+}
+function b({ className: t, ...o }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: r(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        t
+      ),
+      ...o
+    }
+  );
+}
+function v({
+  className: t,
   ...o
-}) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    className: r(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      a
-    ),
-    ...o
-  }
-);
-g.displayName = "DialogHeader";
-const u = ({
-  className: a,
+}) {
+  return /* @__PURE__ */ a.jsx(
+    e.Title,
+    {
+      "data-slot": "dialog-title",
+      className: r("text-lg leading-none font-semibold", t),
+      ...o
+    }
+  );
+}
+function D({
+  className: t,
   ...o
-}) => /* @__PURE__ */ t.jsx(
-  "div",
-  {
-    className: r(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      a
-    ),
-    ...o
-  }
-);
-u.displayName = "DialogFooter";
-const x = l.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ t.jsx(
-  e.Title,
-  {
-    ref: s,
-    className: r(
-      "text-lg font-semibold leading-none tracking-tight",
-      a
-    ),
-    ...o
-  }
-));
-x.displayName = e.Title.displayName;
-const y = l.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ t.jsx(
-  e.Description,
-  {
-    ref: s,
-    className: r("text-sm text-muted-foreground", a),
-    ...o
-  }
-));
-y.displayName = e.Description.displayName;
+}) {
+  return /* @__PURE__ */ a.jsx(
+    e.Description,
+    {
+      "data-slot": "dialog-description",
+      className: r("text-muted-foreground text-sm", t),
+      ...o
+    }
+  );
+}
 export {
-  j as Dialog,
-  v as DialogClose,
-  f as DialogContent,
-  y as DialogDescription,
-  u as DialogFooter,
-  g as DialogHeader,
-  i as DialogOverlay,
-  m as DialogPortal,
-  x as DialogTitle,
-  b as DialogTrigger
+  x as Dialog,
+  m as DialogClose,
+  j as DialogContent,
+  D as DialogDescription,
+  b as DialogFooter,
+  h as DialogHeader,
+  c as DialogOverlay,
+  d as DialogPortal,
+  v as DialogTitle,
+  p as DialogTrigger
 };
 //# sourceMappingURL=Dialog.js.map

package/lib/ui/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../src/lib/ui/Dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { CircleIcon, XIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nconst Dialog = DialogPrimitive.Root;\n\nconst DialogTrigger = DialogPrimitive.Trigger;\n\nconst DialogPortal = DialogPrimitive.Portal;\n\nconst DialogClose = DialogPrimitive.Close;\n\nconst DialogOverlay = 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(\n      \"fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0\",\n      className,\n    )}\n    {...props}\n  />\n));\nDialogOverlay.displayName = DialogPrimitive.Overlay.displayName;\n\nconst DialogContent = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & {\n    showCloseButton?: boolean;\n  }\n>(({ className, children, showCloseButton = true, ...props }, ref) => (\n  <DialogPortal>\n    <DialogOverlay />\n    <DialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        \"fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 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 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      {showCloseButton && (\n        <DialogPrimitive.Close className=\"absolute p-3 group -left-1.5 -top-1.5 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n          <CircleIcon\n            className=\"h-2 w-2 transition-all border border-transparent  group-hover:border-white/20 rounded-full group-hover:scale-180 group-hover:text-red-400\"\n            strokeWidth={2}\n            fill=\"currentColor\"\n          />\n          <XIcon\n            className=\"h-2 w-2 absolute top-3 left-3 text-transparent group-hover:text-red-800 transition-colors\"\n            strokeWidth={2}\n            fill=\"currentColor\"\n          />\n          <span className=\"sr-only\">Close</span>\n        </DialogPrimitive.Close>\n      )}\n    </DialogPrimitive.Content>\n  </DialogPortal>\n));\nDialogContent.displayName = DialogPrimitive.Content.displayName;\n\nconst DialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col space-y-1.5 text-center sm:text-left\",\n      className,\n    )}\n    {...props}\n  />\n);\nDialogHeader.displayName = \"DialogHeader\";\n\nconst DialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      \"flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2\",\n      className,\n    )}\n    {...props}\n  />\n);\nDialogFooter.displayName = \"DialogFooter\";\n\nconst DialogTitle = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Title\n    ref={ref}\n    className={cn(\n      \"text-lg font-semibold leading-none tracking-tight\",\n      className,\n    )}\n    {...props}\n  />\n));\nDialogTitle.displayName = DialogPrimitive.Title.displayName;\n\nconst DialogDescription = React.forwardRef<\n  React.ElementRef<typeof DialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <DialogPrimitive.Description\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n));\nDialogDescription.displayName = DialogPrimitive.Description.displayName;\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["Dialog","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","React","className","props","ref","jsx","cn","DialogContent","children","showCloseButton","jsxs","CircleIcon","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":";;;;;AAKA,MAAMA,IAASC,EAAgB,MAEzBC,IAAgBD,EAAgB,SAEhCE,IAAeF,EAAgB,QAE/BG,IAAcH,EAAgB,OAE9BI,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAcJ,EAAgB,QAAQ;AAEpD,MAAMW,IAAgBN,EAAM,WAK1B,CAAC,EAAE,WAAAC,GAAW,UAAAM,GAAU,iBAAAC,IAAkB,IAAM,GAAGN,EAAA,GAASC,6BAC3DN,GAAA,EACC,UAAA;AAAA,EAAAO,gBAAAA,EAAAA,IAACL,GAAA,EAAc;AAAA,EACfU,gBAAAA,EAAAA;AAAAA,IAACd,EAAgB;AAAA,IAAhB;AAAA,MACC,KAAAQ;AAAA,MACA,WAAWE;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAA;AAAA,QAAAK;AAAA,QACAC,KACCC,gBAAAA,EAAAA,KAACd,EAAgB,OAAhB,EAAsB,WAAU,kSAC/B,UAAA;AAAA,UAAAS,gBAAAA,EAAAA;AAAAA,YAACM;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,aAAa;AAAA,cACb,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEPN,gBAAAA,EAAAA;AAAAA,YAACO;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,aAAa;AAAA,cACb,MAAK;AAAA,YAAA;AAAA,UAAA;AAAA,UAEPP,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,WAAU,UAAA,QAAA,CAAK;AAAA,QAAA,EAAA,CACjC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAEJ,GACF,CACD;AACDE,EAAc,cAAcX,EAAgB,QAAQ;AAEpD,MAAMiB,IAAe,CAAC;AAAA,EACpB,WAAAX;AAAA,EACA,GAAGC;AACL,MACEE,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFU,EAAa,cAAc;AAE3B,MAAMC,IAAe,CAAC;AAAA,EACpB,WAAAZ;AAAA,EACA,GAAGC;AACL,MACEE,gBAAAA,EAAAA;AAAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAa,cAAc;AAE3B,MAAMC,IAAcd,EAAM,WAGxB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE;AAAA,MACT;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAY,cAAcnB,EAAgB,MAAM;AAEhD,MAAMoB,IAAoBf,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACT,EAAgB;AAAA,EAAhB;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWE,EAAG,iCAAiCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAkB,cAAcpB,EAAgB,YAAY;"}
+{"version":3,"file":"Dialog.js","sources":["../../src/lib/ui/Dialog.tsx"],"sourcesContent":["import * as DialogPrimitive from \"@radix-ui/react-dialog\";\nimport { CircleIcon, XIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        \"backdrop-blur-xs transition-all\",\n        \"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/32\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          \"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-xl\",\n          className,\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close className=\"absolute p-3 group -left-1.5 -top-1.5 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground\">\n            <CircleIcon\n              className=\"h-2 w-2 transition-all border border-transparent  group-hover:border-white/20 rounded-full group-hover:scale-180 group-hover:text-red-400\"\n              strokeWidth={2}\n              fill=\"currentColor\"\n            />\n            <XIcon\n              className=\"h-2 w-2 absolute top-3 left-3 text-transparent group-hover:text-red-800 transition-colors\"\n              strokeWidth={2}\n              fill=\"currentColor\"\n            />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\nfunction DialogHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n      {...props}\n    />\n  );\n}\nfunction DialogFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        \"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn(\"text-lg leading-none font-semibold\", className)}\n      {...props}\n    />\n  );\n}\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn(\"text-muted-foreground text-sm\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"names":["Dialog","props","DialogPrimitive","DialogTrigger","DialogPortal","DialogClose","DialogOverlay","className","jsx","cn","DialogContent","children","showCloseButton","jsxs","CircleIcon","XIcon","DialogHeader","DialogFooter","DialogTitle","DialogDescription"],"mappings":"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"}

package/lib/ui/Drawer.js

@@ -1,6 +1,6 @@
-import "../jsx-runtime-DywqP_6a.js";
+import "../jsx-runtime-BzflLqGi.js";
 import "react";
-import { D as o, e as t, b as w, f as i, g as p, h as l, i as m, j as g, c as n, a as c } from "../Drawer-DM9wJUC6.js";
+import { D as o, e as t, b as w, f as i, g as p, h as l, i as m, j as g, c as n, a as c } from "../Drawer-Ci7XwhqT.js";
 import "../cn-dYga0KKN.js";
 export {
   o as Drawer,

package/lib/ui/DropdownMenu.js

@@ -1,4 +1,4 @@
-import { j as a } from "../jsx-runtime-DywqP_6a.js";
+import { j as a } from "../jsx-runtime-BzflLqGi.js";
 import * as e from "@radix-ui/react-dropdown-menu";
 import { ChevronRightIcon as l, CheckIcon as c, DotIcon as m } from "lucide-react";
 import * as r from "react";

package/lib/ui/EmbeddedCodeBlock.js

@@ -1,4 +1,4 @@
-import { j as e } from "../jsx-runtime-DywqP_6a.js";
+import { j as e } from "../jsx-runtime-BzflLqGi.js";
 import { CheckIcon as m, CopyIcon as p } from "lucide-react";
 import { useState as x, useRef as f } from "react";
 import { c as t } from "../cn-dYga0KKN.js";

package/lib/ui/Form.js

@@ -1,7 +1,7 @@
-import { j as i } from "../jsx-runtime-DywqP_6a.js";
+import { j as i } from "../jsx-runtime-BzflLqGi.js";
 import { Slot as F } from "@radix-ui/react-slot";
 import * as s from "react";
-import { u, F as x, C as p } from "../index.esm-DpgNxKa2.js";
+import { u, F as x, C as p } from "../index.esm-BYObtETB.js";
 import { c as a } from "../cn-dYga0KKN.js";
 import { Label as I } from "./Label.js";
 const $ = x, f = s.createContext(

package/lib/ui/HoverCard.js

@@ -1,4 +1,4 @@
-import { j as i } from "../jsx-runtime-DywqP_6a.js";
+import { j as i } from "../jsx-runtime-BzflLqGi.js";
 import * as t from "@radix-ui/react-hover-card";
 import * as s from "react";
 import { c as n } from "../cn-dYga0KKN.js";

package/lib/ui/Input.js

@@ -1,4 +1,4 @@
-import { j as i } from "../jsx-runtime-DywqP_6a.js";
+import { j as i } from "../jsx-runtime-BzflLqGi.js";
 import * as s from "react";
 import { c as n } from "../cn-dYga0KKN.js";
 const a = s.forwardRef(

package/lib/ui/Label.js

@@ -1,4 +1,4 @@
-import { j as t } from "../jsx-runtime-DywqP_6a.js";
+import { j as t } from "../jsx-runtime-BzflLqGi.js";
 import * as o from "@radix-ui/react-label";
 import { c as s } from "../index-DI5SPFK9.js";
 import * as m from "react";

package/lib/ui/Pagination.js

@@ -1,4 +1,4 @@
-import { j as i } from "../jsx-runtime-DywqP_6a.js";
+import { j as i } from "../jsx-runtime-BzflLqGi.js";
 import { MoreHorizontal as r, ChevronRight as m, ChevronLeft as c } from "lucide-react";
 import * as o from "react";
 import { c as e } from "../cn-dYga0KKN.js";

package/lib/ui/Popover.js

@@ -1,4 +1,4 @@
-import { j as t } from "../jsx-runtime-DywqP_6a.js";
+import { j as t } from "../jsx-runtime-BzflLqGi.js";
 import * as o from "@radix-ui/react-popover";
 import * as s from "react";
 import { c as n } from "../cn-dYga0KKN.js";

package/lib/ui/Progress.js

@@ -1,4 +1,4 @@
-import { j as o } from "../jsx-runtime-DywqP_6a.js";
+import { j as o } from "../jsx-runtime-BzflLqGi.js";
 import * as r from "@radix-ui/react-progress";
 import * as t from "react";
 import { c as i } from "../cn-dYga0KKN.js";

package/lib/ui/RadioGroup.js

@@ -1,4 +1,4 @@
-import { j as e } from "../jsx-runtime-DywqP_6a.js";
+import { j as e } from "../jsx-runtime-BzflLqGi.js";
 import * as r from "@radix-ui/react-radio-group";
 import { Circle as m } from "lucide-react";
 import * as a from "react";

package/lib/ui/ReactComponentDoc.js

@@ -1,4 +1,4 @@
-import { j as e } from "../jsx-runtime-DywqP_6a.js";
+import { j as e } from "../jsx-runtime-BzflLqGi.js";
 import { Badge as t } from "./Badge.js";
 import { Card as i } from "./Card.js";
 const m = ({ component: n }) => {

package/lib/ui/ScrollArea.js

@@ -1,4 +1,4 @@
-import { j as l } from "../jsx-runtime-DywqP_6a.js";
+import { j as l } from "../jsx-runtime-BzflLqGi.js";
 import * as r from "@radix-ui/react-scroll-area";
 import * as t from "react";
 import { c } from "../cn-dYga0KKN.js";

package/lib/ui/Secret.js

@@ -1,89 +1,98 @@
-import { j as e } from "../jsx-runtime-DywqP_6a.js";
-import { EyeOffIcon as v, EyeIcon as b, CheckIcon as u, CopyIcon as C } from "lucide-react";
-import { useState as y } from "react";
+import { j as e } from "../jsx-runtime-BzflLqGi.js";
+import { EyeOffIcon as u, EyeIcon as b, CheckIcon as y, CopyIcon as k } from "lucide-react";
+import { useState as v } from "react";
 import { c as s } from "../cn-dYga0KKN.js";
-import { u as w } from "../useCopyToClipboard-B_085nfO.js";
-import { Button as r } from "./Button.js";
-const S = ({
-  secret: i,
-  preview: a = 5,
-  className: c,
-  status: n,
-  onCopy: t,
-  revealed: d,
-  onReveal: p,
+import { u as z } from "../useCopyToClipboard-B_085nfO.js";
+import { Button as c } from "./Button.js";
+const N = ({
+  secret: o,
+  revealed: l = !1,
+  previewChars: n = 5,
+  className: i
+}) => /* @__PURE__ */ e.jsxs("span", { className: s("w-full truncate", i), children: [
+  /* @__PURE__ */ e.jsx(
+    "div",
+    {
+      className: s(
+        "w-40 inline-block md:w-fit",
+        l ? "" : "opacity-50"
+      ),
+      children: l ? o.slice(0, n === 0 ? o.length : -n) : "•••• ".repeat(
+        o.slice(
+          0,
+          n === 0 ? o.length : -n
+        ).length / 5
+      ) + "•".repeat(
+        o.slice(
+          0,
+          n === 0 ? o.length : -n
+        ).length % 5
+      )
+    }
+  ),
+  n > 0 && /* @__PURE__ */ e.jsx("span", { children: o.slice(-n) })
+] }), B = ({
+  secret: o,
+  preview: l = 5,
+  className: n,
+  status: i,
+  onCopy: r,
+  revealed: a,
+  onReveal: d,
   noReveal: m
 }) => {
-  const o = Math.abs(a), [x, h] = y(!1), [f, g] = w(), l = d ?? x;
+  const x = Math.abs(l), [p, f] = v(!1), [j, g] = z(), t = a ?? p;
   return /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: s(
         "flex gap-2 items-center text-sm border rounded-md px-1",
-        c
+        n
       ),
       children: [
         /* @__PURE__ */ e.jsxs("div", { className: "font-mono w-full h-9 items-center flex px-2 text-xs gap-2", children: [
-          n && /* @__PURE__ */ e.jsx(
+          i && /* @__PURE__ */ e.jsx(
             "div",
             {
               className: s(
                 "rounded-full shrink-0 w-2 h-2 mr-2",
-                n === "active" && "bg-emerald-400",
-                n === "expired" && "bg-neutral-200",
-                n === "expiring" && "bg-yellow-400",
-                n === "revoked" && "bg-red-400",
-                n === "none" && "opacity-0"
+                i === "active" && "bg-emerald-400",
+                i === "expired" && "bg-neutral-200",
+                i === "expiring" && "bg-yellow-400",
+                i === "revoked" && "bg-red-400",
+                i === "none" && "opacity-0"
               )
             }
           ),
-          /* @__PURE__ */ e.jsxs("span", { className: "w-full truncate", children: [
-            /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: s(
-                  "w-40 inline-block md:w-fit",
-                  l ? "" : "opacity-50"
-                ),
-                children: l ? i.slice(
-                  0,
-                  o === 0 ? i.length : -o
-                ) : "•••• ".repeat(
-                  i.slice(
-                    0,
-                    o === 0 ? i.length : -o
-                  ).length / 5
-                ) + "•".repeat(
-                  i.slice(
-                    0,
-                    o === 0 ? i.length : -o
-                  ).length % 5
-                )
-              }
-            ),
-            o > 0 && /* @__PURE__ */ e.jsx("span", { children: i.slice(-o) })
-          ] })
+          /* @__PURE__ */ e.jsx(
+            N,
+            {
+              secret: o,
+              revealed: t,
+              previewChars: x
+            }
+          )
         ] }),
         m !== !0 && /* @__PURE__ */ e.jsx(
-          r,
+          c,
           {
             variant: "ghost",
             onClick: () => {
-              h((j) => !j), p?.(!l);
+              f((h) => !h), d?.(!t);
             },
             size: "icon",
-            children: l ? /* @__PURE__ */ e.jsx(v, { size: 16 }) : /* @__PURE__ */ e.jsx(b, { size: 16 })
+            children: t ? /* @__PURE__ */ e.jsx(u, { size: 16 }) : /* @__PURE__ */ e.jsx(b, { size: 16 })
           }
         ),
         /* @__PURE__ */ e.jsx(
-          r,
+          c,
           {
             variant: "ghost",
             onClick: () => {
-              g(i), t?.(i);
+              g(o), r?.(o);
             },
             size: "icon",
-            children: f ? /* @__PURE__ */ e.jsx(u, { size: 16 }) : /* @__PURE__ */ e.jsx(C, { size: 16 })
+            children: j ? /* @__PURE__ */ e.jsx(y, { size: 16 }) : /* @__PURE__ */ e.jsx(k, { size: 16 })
           }
         )
       ]
@@ -91,6 +100,7 @@ const S = ({
   );
 };
 export {
-  S as Secret
+  B as Secret,
+  N as SecretText
 };
 //# sourceMappingURL=Secret.js.map

package/lib/ui/Secret.js.map

@@ -1 +1 @@
-{"version":3,"file":"Secret.js","sources":["../../src/lib/ui/Secret.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\nimport { useCopyToClipboard } from \"../util/useCopyToClipboard.js\";\nimport { Button } from \"./Button.js\";\n\ntype Status = \"active\" | \"expired\" | \"expiring\" | \"revoked\" | \"none\";\n\nexport const Secret = ({\n  secret,\n  preview = 5,\n  className,\n  status,\n  onCopy,\n  revealed: controlledRevealed,\n  onReveal,\n  noReveal: disabledReveal,\n}: {\n  revealed?: boolean;\n  noReveal?: boolean;\n  secret: string;\n  status?: Status;\n  className?: string;\n  preview?: number;\n  onCopy?: (secret: string) => void;\n  onReveal?: (revealed: boolean) => void;\n}) => {\n  const previewChars = Math.abs(preview);\n  const [isRevealed, setRevealed] = useState(false);\n  const [isCopied, copyToClipboard] = useCopyToClipboard();\n\n  const revealed = controlledRevealed ?? isRevealed;\n\n  return (\n    <div\n      className={cn(\n        \"flex gap-2 items-center text-sm border rounded-md px-1\",\n        className,\n      )}\n    >\n      <div className=\"font-mono w-full h-9 items-center flex px-2 text-xs gap-2\">\n        {status && (\n          <div\n            className={cn(\n              \"rounded-full shrink-0 w-2 h-2 mr-2\",\n              status === \"active\" && \"bg-emerald-400\",\n              status === \"expired\" && \"bg-neutral-200\",\n              status === \"expiring\" && \"bg-yellow-400\",\n              status === \"revoked\" && \"bg-red-400\",\n              status === \"none\" && \"opacity-0\",\n            )}\n          />\n        )}\n        <span className=\"w-full truncate\">\n          <div\n            className={cn(\n              \"w-40 inline-block md:w-fit\",\n              revealed ? \"\" : \"opacity-50\",\n            )}\n          >\n            {revealed\n              ? secret.slice(\n                  0,\n                  previewChars === 0 ? secret.length : -previewChars,\n                )\n              : \"•••• \".repeat(\n                  secret.slice(\n                    0,\n                    previewChars === 0 ? secret.length : -previewChars,\n                  ).length / 5,\n                ) +\n                \"•\".repeat(\n                  secret.slice(\n                    0,\n                    previewChars === 0 ? secret.length : -previewChars,\n                  ).length % 5,\n                )}\n          </div>\n          {previewChars > 0 && <span>{secret.slice(-previewChars)}</span>}\n        </span>\n      </div>\n      {disabledReveal !== true && (\n        <Button\n          variant=\"ghost\"\n          onClick={() => {\n            setRevealed((prev) => !prev);\n            onReveal?.(!revealed);\n          }}\n          size=\"icon\"\n        >\n          {revealed ? <EyeOffIcon size={16} /> : <EyeIcon size={16} />}\n        </Button>\n      )}\n      <Button\n        variant=\"ghost\"\n        onClick={() => {\n          copyToClipboard(secret);\n          onCopy?.(secret);\n        }}\n        size=\"icon\"\n      >\n        {isCopied ? <CheckIcon size={16} /> : <CopyIcon size={16} />}\n      </Button>\n    </div>\n  );\n};\n"],"names":["Secret","secret","preview","className","status","onCopy","controlledRevealed","onReveal","disabledReveal","previewChars","isRevealed","setRevealed","useState","isCopied","copyToClipboard","useCopyToClipboard","revealed","jsxs","cn","jsx","Button","prev","EyeOffIcon","EyeIcon","CheckIcon","CopyIcon"],"mappings":";;;;;;AAQO,MAAMA,IAAS,CAAC;AAAA,EACrB,QAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAUC;AAAA,EACV,UAAAC;AAAA,EACA,UAAUC;AACZ,MASM;AACJ,QAAMC,IAAe,KAAK,IAAIP,CAAO,GAC/B,CAACQ,GAAYC,CAAW,IAAIC,EAAS,EAAK,GAC1C,CAACC,GAAUC,CAAe,IAAIC,EAAA,GAE9BC,IAAWV,KAAsBI;AAEvC,SACEO,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAf;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAAc,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,6DACZ,UAAA;AAAA,UAAAb,KACCe,gBAAAA,EAAAA;AAAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACAd,MAAW,YAAY;AAAA,gBACvBA,MAAW,aAAa;AAAA,gBACxBA,MAAW,cAAc;AAAA,gBACzBA,MAAW,aAAa;AAAA,gBACxBA,MAAW,UAAU;AAAA,cAAA;AAAA,YACvB;AAAA,UAAA;AAAA,UAGJa,gBAAAA,EAAAA,KAAC,QAAA,EAAK,WAAU,mBACd,UAAA;AAAA,YAAAE,gBAAAA,EAAAA;AAAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAWD;AAAA,kBACT;AAAA,kBACAF,IAAW,KAAK;AAAA,gBAAA;AAAA,gBAGjB,cACGf,EAAO;AAAA,kBACL;AAAA,kBACAQ,MAAiB,IAAIR,EAAO,SAAS,CAACQ;AAAA,gBAAA,IAExC,QAAQ;AAAA,kBACNR,EAAO;AAAA,oBACL;AAAA,oBACAQ,MAAiB,IAAIR,EAAO,SAAS,CAACQ;AAAA,kBAAA,EACtC,SAAS;AAAA,gBAAA,IAEb,IAAI;AAAA,kBACFR,EAAO;AAAA,oBACL;AAAA,oBACAQ,MAAiB,IAAIR,EAAO,SAAS,CAACQ;AAAA,kBAAA,EACtC,SAAS;AAAA,gBAAA;AAAA,cACb;AAAA,YAAA;AAAA,YAELA,IAAe,KAAKU,gBAAAA,EAAAA,IAAC,QAAA,EAAM,YAAO,MAAM,CAACV,CAAY,EAAA,CAAE;AAAA,UAAA,EAAA,CAC1D;AAAA,QAAA,GACF;AAAA,QACCD,MAAmB,MAClBW,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,cAAAT,EAAY,CAACU,MAAS,CAACA,CAAI,GAC3Bd,IAAW,CAACS,CAAQ;AAAA,YACtB;AAAA,YACA,MAAK;AAAA,YAEJ,UAAAA,0BAAYM,GAAA,EAAW,MAAM,IAAI,IAAKH,gBAAAA,EAAAA,IAACI,GAAA,EAAQ,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,QAG9DJ,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,cAAAN,EAAgBb,CAAM,GACtBI,IAASJ,CAAM;AAAA,YACjB;AAAA,YACA,MAAK;AAAA,YAEJ,UAAAY,0BAAYW,GAAA,EAAU,MAAM,IAAI,IAAKL,gBAAAA,EAAAA,IAACM,GAAA,EAAS,MAAM,GAAA,CAAI;AAAA,UAAA;AAAA,QAAA;AAAA,MAC5D;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Secret.js","sources":["../../src/lib/ui/Secret.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon, EyeIcon, EyeOffIcon } from \"lucide-react\";\nimport { useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\nimport { useCopyToClipboard } from \"../util/useCopyToClipboard.js\";\nimport { Button } from \"./Button.js\";\n\ntype Status = \"active\" | \"expired\" | \"expiring\" | \"revoked\" | \"none\";\n\nexport const SecretText = ({\n  secret,\n  revealed = false,\n  previewChars = 5,\n  className,\n}: {\n  secret: string;\n  revealed?: boolean;\n  previewChars?: number;\n  className?: string;\n}) => {\n  return (\n    <span className={cn(\"w-full truncate\", className)}>\n      <div\n        className={cn(\n          \"w-40 inline-block md:w-fit\",\n          revealed ? \"\" : \"opacity-50\",\n        )}\n      >\n        {revealed\n          ? secret.slice(0, previewChars === 0 ? secret.length : -previewChars)\n          : \"•••• \".repeat(\n              secret.slice(\n                0,\n                previewChars === 0 ? secret.length : -previewChars,\n              ).length / 5,\n            ) +\n            \"•\".repeat(\n              secret.slice(\n                0,\n                previewChars === 0 ? secret.length : -previewChars,\n              ).length % 5,\n            )}\n      </div>\n      {previewChars > 0 && <span>{secret.slice(-previewChars)}</span>}\n    </span>\n  );\n};\n\nexport const Secret = ({\n  secret,\n  preview = 5,\n  className,\n  status,\n  onCopy,\n  revealed: controlledRevealed,\n  onReveal,\n  noReveal: disabledReveal,\n}: {\n  revealed?: boolean;\n  noReveal?: boolean;\n  secret: string;\n  status?: Status;\n  className?: string;\n  preview?: number;\n  onCopy?: (secret: string) => void;\n  onReveal?: (revealed: boolean) => void;\n}) => {\n  const previewChars = Math.abs(preview);\n  const [isRevealed, setRevealed] = useState(false);\n  const [isCopied, copyToClipboard] = useCopyToClipboard();\n\n  const revealed = controlledRevealed ?? isRevealed;\n\n  return (\n    <div\n      className={cn(\n        \"flex gap-2 items-center text-sm border rounded-md px-1\",\n        className,\n      )}\n    >\n      <div className=\"font-mono w-full h-9 items-center flex px-2 text-xs gap-2\">\n        {status && (\n          <div\n            className={cn(\n              \"rounded-full shrink-0 w-2 h-2 mr-2\",\n              status === \"active\" && \"bg-emerald-400\",\n              status === \"expired\" && \"bg-neutral-200\",\n              status === \"expiring\" && \"bg-yellow-400\",\n              status === \"revoked\" && \"bg-red-400\",\n              status === \"none\" && \"opacity-0\",\n            )}\n          />\n        )}\n        <SecretText\n          secret={secret}\n          revealed={revealed}\n          previewChars={previewChars}\n        />\n      </div>\n      {disabledReveal !== true && (\n        <Button\n          variant=\"ghost\"\n          onClick={() => {\n            setRevealed((prev) => !prev);\n            onReveal?.(!revealed);\n          }}\n          size=\"icon\"\n        >\n          {revealed ? <EyeOffIcon size={16} /> : <EyeIcon size={16} />}\n        </Button>\n      )}\n      <Button\n        variant=\"ghost\"\n        onClick={() => {\n          copyToClipboard(secret);\n          onCopy?.(secret);\n        }}\n        size=\"icon\"\n      >\n        {isCopied ? <CheckIcon size={16} /> : <CopyIcon size={16} />}\n      </Button>\n    </div>\n  );\n};\n"],"names":["SecretText","secret","revealed","previewChars","className","cn","jsx","Secret","preview","status","onCopy","controlledRevealed","onReveal","disabledReveal","isRevealed","setRevealed","useState","isCopied","copyToClipboard","useCopyToClipboard","jsxs","Button","prev","EyeOffIcon","EyeIcon","CheckIcon","CopyIcon"],"mappings":"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"}

package/lib/ui/Select.js

@@ -1,4 +1,4 @@
-import { j as t } from "../jsx-runtime-DywqP_6a.js";
+import { j as t } from "../jsx-runtime-BzflLqGi.js";
 import * as e from "@radix-ui/react-select";
 import { ChevronDown as i, ChevronUp as p, Check as f } from "lucide-react";
 import * as l from "react";

package/lib/ui/Skeleton.js

@@ -1,4 +1,4 @@
-import { j as m } from "../jsx-runtime-DywqP_6a.js";
+import { j as m } from "../jsx-runtime-BzflLqGi.js";
 import { c as o } from "../cn-dYga0KKN.js";
 function s({
   className: e,

package/lib/ui/Slider.js

@@ -1,4 +1,4 @@
-import { j as o } from "../jsx-runtime-DywqP_6a.js";
+import { j as o } from "../jsx-runtime-BzflLqGi.js";
 import * as e from "@radix-ui/react-slider";
 import * as l from "react";
 import { c as a } from "../cn-dYga0KKN.js";

package/lib/ui/Stepper.js

@@ -1,4 +1,4 @@
-import { j as r } from "../jsx-runtime-DywqP_6a.js";
+import { j as r } from "../jsx-runtime-BzflLqGi.js";
 const t = ({ children: e }) => /* @__PURE__ */ r.jsx("div", { className: "stepper", children: e });
 export {
   t as Stepper