zudoku 0.0.0-reset-hash-value.ac516c6d → 0.0.0-z179c4f85

package/lib/ui/EmbeddedCodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmbeddedCodeBlock.js","sources":["../../src/lib/ui/EmbeddedCodeBlock.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  noBackground?: boolean;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  showCopyText?: boolean;\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const EmbeddedCodeBlock = ({\n  children,\n  language,\n  showCopy = \"hover\",\n  showCopyText,\n  showLanguageIndicator = true,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"code-block-wrapper relative group bg-muted/50\",\n        showLineNumbers && \"line-numbers\",\n      )}\n    >\n      <div\n        className={cn(\n          \"code-block text-sm not-prose scrollbar overflow-x-auto [&>pre]:p-2\",\n          props.className,\n        )}\n        ref={ref}\n      >\n        {children}\n      </div>\n      {showLanguageIndicator && (\n        <span\n          className={cn(\n            \"absolute top-1.5 end-3 !text-[11px] font-mono text-muted-foreground transition group-hover:opacity-0\",\n            showCopy === \"always\" && \"hidden\",\n          )}\n        >\n          {language}\n        </span>\n      )}\n      {showCopy !== \"never\" && (\n        <button\n          type=\"button\"\n          aria-label=\"Copy code\"\n          title=\"Copy code\"\n          className={cn(\n            \"absolute top-2 end-2 p-2 transition hover:shadow-xs active:shadow-none active:inset-shadow-xs hover:outline outline-border rounded-md text-sm text-muted-foreground\",\n            showCopy === \"hover\" && \"opacity-0 group-hover:opacity-100\",\n            showCopyText && \"flex gap-2 items-center font-medium\",\n          )}\n          disabled={isCopied}\n          onClick={() => {\n            if (!ref.current?.textContent) return;\n\n            setIsCopied(true);\n            void navigator.clipboard.writeText(ref.current.textContent);\n            setTimeout(() => setIsCopied(false), 2000);\n          }}\n        >\n          {isCopied ? (\n            <CheckIcon\n              className=\"text-emerald-600\"\n              size={16}\n              strokeWidth={2.5}\n              absoluteStrokeWidth\n            />\n          ) : (\n            <CopyIcon size={16} />\n          )}\n          {showCopyText && \"Copy\"}\n        </button>\n      )}\n    </div>\n  );\n};\n"],"names":["EmbeddedCodeBlock","children","language","showCopy","showCopyText","showLanguageIndicator","showLineNumbers","props","isCopied","setIsCopied","useState","ref","useRef","jsxs","cn","jsx","CheckIcon","CopyIcon"],"mappings":";;;;AAmBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAsB;AACpB,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAMC,EAAuB,IAAI;AAEvC,SAAKX,IAGHY,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAR,KAAmB;AAAA,MAAA;AAAA,MAGrB,UAAA;AAAA,QAAAS,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAP,EAAM;AAAA,YAAA;AAAA,YAER,KAAAI;AAAA,YAEC,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,QAEFI,KACCU,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAX,MAAa,YAAY;AAAA,YAAA;AAAA,YAG1B,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC,MAAa,WACZU,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAW;AAAA,YACX,OAAM;AAAA,YACN,WAAWC;AAAA,cACT;AAAA,cACAX,MAAa,WAAW;AAAA,cACxBC,KAAgB;AAAA,YAAA;AAAA,YAElB,UAAUI;AAAA,YACV,SAAS,MAAM;AACb,cAAKG,EAAI,SAAS,gBAElBF,EAAY,EAAI,GACX,UAAU,UAAU,UAAUE,EAAI,QAAQ,WAAW,GAC1D,WAAW,MAAMF,EAAY,EAAK,GAAG,GAAI;AAAA,YAC3C;AAAA,YAEC,UAAA;AAAA,cAAAD,IACCO,gBAAAA,EAAAA;AAAAA,gBAACC;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAM;AAAA,kBACN,aAAa;AAAA,kBACb,qBAAmB;AAAA,gBAAA;AAAA,cAAA,IAGrBD,gBAAAA,EAAAA,IAACE,GAAA,EAAS,MAAM,GAAA,CAAI;AAAA,cAErBb,KAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAAA,IA1DgB;AA8DxB;"}
+{"version":3,"file":"EmbeddedCodeBlock.js","sources":["../../src/lib/ui/EmbeddedCodeBlock.tsx"],"sourcesContent":["import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport type { ReactNode } from \"react\";\nimport { useRef, useState } from \"react\";\nimport { cn } from \"../util/cn.js\";\nimport { Button } from \"./Button.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  showCopyText?: boolean;\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const EmbeddedCodeBlock = ({\n  children,\n  fullHeight,\n  language,\n  showCopy = \"hover\",\n  showCopyText,\n  showLanguageIndicator = true,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps & { fullHeight?: boolean }) => {\n  const [isCopied, setIsCopied] = useState(false);\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"code-block-wrapper relative group bg-muted/50\",\n        showLineNumbers && \"line-numbers\",\n        fullHeight && \"h-full\",\n      )}\n    >\n      <div className=\"relative overflow-auto\">\n        <div\n          className={cn(\n            \"code-block text-sm not-prose scrollbar [&>pre]:overflow-x-auto [&_code]:p-2\",\n            fullHeight && \"h-full [&>pre]:h-full\",\n            props.className,\n          )}\n          ref={ref}\n        >\n          {children}\n        </div>\n      </div>\n      {showLanguageIndicator && (\n        <span\n          className={cn(\n            \"absolute top-1.5 end-3 text-[11px]! font-mono text-muted-foreground transition group-hover:opacity-0 pointer-events-none\",\n            showCopy === \"always\" && \"hidden\",\n          )}\n        >\n          {language}\n        </span>\n      )}\n      {showCopy !== \"never\" && (\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          size=\"icon-xs\"\n          className={cn(\n            \"absolute top-2 end-2 p-2\",\n            showCopy === \"hover\" && \"opacity-0 group-hover:opacity-100\",\n            showCopyText && \"flex gap-2 items-center font-medium\",\n          )}\n          disabled={isCopied}\n          onClick={() => {\n            if (!ref.current?.textContent) return;\n\n            setIsCopied(true);\n            void navigator.clipboard.writeText(ref.current.textContent);\n            setTimeout(() => setIsCopied(false), 2000);\n          }}\n        >\n          {isCopied ? (\n            <CheckIcon\n              className=\"shrink-0 text-emerald-600 dark:text-emerald-300\"\n              size={13}\n              strokeWidth={2.5}\n              absoluteStrokeWidth\n            />\n          ) : (\n            <CopyIcon className=\"shrink-0\" size={13} />\n          )}\n          {showCopyText && \"Copy\"}\n        </Button>\n      )}\n    </div>\n  );\n};\n"],"names":["EmbeddedCodeBlock","children","fullHeight","language","showCopy","showCopyText","showLanguageIndicator","showLineNumbers","props","isCopied","setIsCopied","useState","ref","useRef","jsxs","cn","jsx","Button","CheckIcon","CopyIcon"],"mappings":";;;;;AAmBO,MAAMA,IAAoB,CAAC;AAAA,EAChC,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,uBAAAC,IAAwB;AAAA,EACxB,iBAAAC;AAAA,EACA,GAAGC;AACL,MAAiD;AAC/C,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAMC,EAAuB,IAAI;AAEvC,SAAKZ,IAGHa,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAR,KAAmB;AAAA,QACnBL,KAAc;AAAA,MAAA;AAAA,MAGhB,UAAA;AAAA,QAAAc,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,0BACb,UAAAA,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAb,KAAc;AAAA,cACdM,EAAM;AAAA,YAAA;AAAA,YAER,KAAAI;AAAA,YAEC,UAAAX;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QACCK,KACCU,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWD;AAAA,cACT;AAAA,cACAX,MAAa,YAAY;AAAA,YAAA;AAAA,YAG1B,UAAAD;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC,MAAa,WACZU,gBAAAA,EAAAA;AAAAA,UAACG;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAWF;AAAA,cACT;AAAA,cACAX,MAAa,WAAW;AAAA,cACxBC,KAAgB;AAAA,YAAA;AAAA,YAElB,UAAUI;AAAA,YACV,SAAS,MAAM;AACb,cAAKG,EAAI,SAAS,gBAElBF,EAAY,EAAI,GACX,UAAU,UAAU,UAAUE,EAAI,QAAQ,WAAW,GAC1D,WAAW,MAAMF,EAAY,EAAK,GAAG,GAAI;AAAA,YAC3C;AAAA,YAEC,UAAA;AAAA,cAAAD,IACCO,gBAAAA,EAAAA;AAAAA,gBAACE;AAAA,gBAAA;AAAA,kBACC,WAAU;AAAA,kBACV,MAAM;AAAA,kBACN,aAAa;AAAA,kBACb,qBAAmB;AAAA,gBAAA;AAAA,cAAA,IAGrBF,gBAAAA,EAAAA,IAACG,GAAA,EAAS,WAAU,YAAW,MAAM,IAAI;AAAA,cAE1Cd,KAAgB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB;AAAA,IAAA;AAAA,EAAA,IA9DgB;AAkExB;"}

package/lib/ui/Form.js

@@ -2,7 +2,7 @@ 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-BYObtETB.js";
-import { c as a } from "../cn-dYga0KKN.js";
+import { c as a } from "../cn-5-Gd1Dss.js";
 import { Label as I } from "./Label.js";
 const $ = x, f = s.createContext(
   {}

package/lib/ui/Frame.js

@@ -0,0 +1,81 @@
+import { j as a } from "../jsx-runtime-BzflLqGi.js";
+import { c as t } from "../cn-5-Gd1Dss.js";
+function s({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "frame",
+      className: t(
+        "relative flex flex-col rounded-2xl bg-muted p-1",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function n({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "frame-panel",
+      className: t(
+        "relative bg-clip-padding rounded-xl border bg-card p-5 shadow-xs",
+        "before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function d({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx(
+    "header",
+    {
+      "data-slot": "frame-panel-header",
+      className: t("flex flex-col p-4", e),
+      ...r
+    }
+  );
+}
+function f({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "frame-panel-title",
+      className: t("text-sm font-semibold", e),
+      ...r
+    }
+  );
+}
+function m({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "frame-panel-description",
+      className: t("text-sm text-muted-foreground", e),
+      ...r
+    }
+  );
+}
+function i({ className: e, ...r }) {
+  return /* @__PURE__ */ a.jsx(
+    "footer",
+    {
+      "data-slot": "frame-panel-footer",
+      className: t("flex flex-col gap-1 px-5 py-4", e),
+      ...r
+    }
+  );
+}
+export {
+  s as Frame,
+  m as FrameDescription,
+  i as FrameFooter,
+  d as FrameHeader,
+  n as FramePanel,
+  f as FrameTitle
+};
+//# sourceMappingURL=Frame.js.map

package/lib/ui/Frame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Frame.js","sources":["../../src/lib/ui/Frame.tsx"],"sourcesContent":["import type * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nfunction Frame({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"frame\"\n      className={cn(\n        \"relative flex flex-col rounded-2xl bg-muted p-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FramePanel({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"frame-panel\"\n      className={cn(\n        \"relative bg-clip-padding rounded-xl border bg-card p-5 shadow-xs\",\n        \"before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:bg-clip-border dark:before:shadow-[0_-1px_--theme(--color-white/8%)]\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction FrameHeader({ className, ...props }: React.ComponentProps<\"header\">) {\n  return (\n    <header\n      data-slot=\"frame-panel-header\"\n      className={cn(\"flex flex-col p-4\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FrameTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"frame-panel-title\"\n      className={cn(\"text-sm font-semibold\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FrameDescription({\n  className,\n  ...props\n}: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"frame-panel-description\"\n      className={cn(\"text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction FrameFooter({ className, ...props }: React.ComponentProps<\"footer\">) {\n  return (\n    <footer\n      data-slot=\"frame-panel-footer\"\n      className={cn(\"flex flex-col gap-1 px-5 py-4\", className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Frame,\n  FramePanel,\n  FrameHeader,\n  FrameTitle,\n  FrameDescription,\n  FrameFooter,\n};\n"],"names":["Frame","className","props","jsx","cn","FramePanel","FrameHeader","FrameTitle","FrameDescription","FrameFooter"],"mappings":";;AAGA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACnE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY,EAAE,WAAAL,GAAW,GAAGC,KAAyC;AAC5E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,qBAAqBH,CAAS;AAAA,MAC3C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAW,EAAE,WAAAN,GAAW,GAAGC,KAAsC;AACxE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,yBAAyBH,CAAS;AAAA,MAC/C,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAiB;AAAA,EACxB,WAAAP;AAAA,EACA,GAAGC;AACL,GAAgC;AAC9B,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAR,GAAW,GAAGC,KAAyC;AAC5E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,MACvD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/ui/HoverCard.js

@@ -1,7 +1,7 @@
 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";
+import { c as n } from "../cn-5-Gd1Dss.js";
 const l = t.Root, c = t.Trigger, m = s.forwardRef(({ className: o, align: e = "center", sideOffset: a = 4, ...d }, r) => /* @__PURE__ */ i.jsx(
   t.Content,
   {

package/lib/ui/Input.js

@@ -1,6 +1,6 @@
 import { j as i } from "../jsx-runtime-BzflLqGi.js";
 import * as s from "react";
-import { c as n } from "../cn-dYga0KKN.js";
+import { c as n } from "../cn-5-Gd1Dss.js";
 const a = s.forwardRef(
   ({ className: e, type: r, ...o }, t) => /* @__PURE__ */ i.jsx(
     "input",

package/lib/ui/Item.js

@@ -0,0 +1,188 @@
+import { j as a } from "../jsx-runtime-BzflLqGi.js";
+import { Slot as m } from "@radix-ui/react-slot";
+import { c as s } from "../index-DI5SPFK9.js";
+import { c as i } from "../cn-5-Gd1Dss.js";
+import { Separator as d } from "./Separator.js";
+function b({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      role: "list",
+      "data-slot": "item-group",
+      className: i("group/item-group flex flex-col", e),
+      ...t
+    }
+  );
+}
+function j({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a.jsx(
+    d,
+    {
+      "data-slot": "item-separator",
+      orientation: "horizontal",
+      className: i("my-0", e),
+      ...t
+    }
+  );
+}
+const u = s(
+  "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border-border",
+        muted: "bg-muted/50"
+      },
+      size: {
+        default: "p-4 gap-4 ",
+        sm: "py-3 px-4 gap-2.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function I({
+  className: e,
+  variant: t = "default",
+  size: r = "default",
+  asChild: n = !1,
+  ...o
+}) {
+  const l = n ? m : "div";
+  return /* @__PURE__ */ a.jsx(
+    l,
+    {
+      "data-slot": "item",
+      "data-variant": t,
+      "data-size": r,
+      className: i(u({ variant: t, size: r, className: e })),
+      ...o
+    }
+  );
+}
+const f = s(
+  "flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+        image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function N({
+  className: e,
+  variant: t = "default",
+  ...r
+}) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": t,
+      className: i(f({ variant: t, className: e })),
+      ...r
+    }
+  );
+}
+function h({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "item-content",
+      className: i(
+        "flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function z({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "item-title",
+      className: i(
+        "flex w-fit items-center gap-2 text-sm leading-snug font-medium",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function y({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "p",
+    {
+      "data-slot": "item-description",
+      className: i(
+        "text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function w({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "item-actions",
+      className: i("flex items-center gap-2", e),
+      ...t
+    }
+  );
+}
+function V({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "item-header",
+      className: i(
+        "flex basis-full items-center justify-between gap-2",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function _({ className: e, ...t }) {
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      "data-slot": "item-footer",
+      className: i(
+        "flex basis-full items-center justify-between gap-2",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  I as Item,
+  w as ItemActions,
+  h as ItemContent,
+  y as ItemDescription,
+  _ as ItemFooter,
+  b as ItemGroup,
+  V as ItemHeader,
+  N as ItemMedia,
+  j as ItemSeparator,
+  z as ItemTitle
+};
+//# sourceMappingURL=Item.js.map

package/lib/ui/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../src/lib/ui/Item.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\nimport { Separator } from \"./Separator.js\";\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      role=\"list\"\n      data-slot=\"item-group\"\n      className={cn(\"group/item-group flex flex-col\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ItemSeparator({\n  className,\n  ...props\n}: React.ComponentProps<typeof Separator>) {\n  return (\n    <Separator\n      data-slot=\"item-separator\"\n      orientation=\"horizontal\"\n      className={cn(\"my-0\", className)}\n      {...props}\n    />\n  );\n}\n\nconst itemVariants = cva(\n  \"group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border-border\",\n        muted: \"bg-muted/50\",\n      },\n      size: {\n        default: \"p-4 gap-4 \",\n        sm: \"py-3 px-4 gap-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nfunction Item({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"div\"> &\n  VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"div\";\n  return (\n    <Comp\n      data-slot=\"item\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(itemVariants({ variant, size, className }))}\n      {...props}\n    />\n  );\n}\n\nconst itemMediaVariants = cva(\n  \"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        icon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n        image:\n          \"size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction ItemMedia({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={variant}\n      className={cn(itemMediaVariants({ variant, className }))}\n      {...props}\n    />\n  );\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-content\"\n      className={cn(\n        \"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-title\"\n      className={cn(\n        \"flex w-fit items-center gap-2 text-sm leading-snug font-medium\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n  return (\n    <p\n      data-slot=\"item-description\"\n      className={cn(\n        \"text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance\",\n        \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-actions\"\n      className={cn(\"flex items-center gap-2\", className)}\n      {...props}\n    />\n  );\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-header\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"item-footer\"\n      className={cn(\n        \"flex basis-full items-center justify-between gap-2\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Item,\n  ItemMedia,\n  ItemContent,\n  ItemActions,\n  ItemGroup,\n  ItemSeparator,\n  ItemTitle,\n  ItemDescription,\n  ItemHeader,\n  ItemFooter,\n};\n"],"names":["ItemGroup","className","props","jsx","cn","ItemSeparator","Separator","itemVariants","cva","Item","variant","size","asChild","Comp","Slot","itemMediaVariants","ItemMedia","ItemContent","ItemTitle","ItemDescription","ItemActions","ItemHeader","ItemFooter"],"mappings":"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"}

package/lib/ui/Kbd.js

@@ -0,0 +1,32 @@
+import { j as n } from "../jsx-runtime-BzflLqGi.js";
+import { cn as o } from "./util.js";
+function r({ className: t, ...e }) {
+  return /* @__PURE__ */ n.jsx(
+    "kbd",
+    {
+      "data-slot": "kbd",
+      className: o(
+        "bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none",
+        "[&_svg:not([class*='size-'])]:size-3",
+        "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function d({ className: t, ...e }) {
+  return /* @__PURE__ */ n.jsx(
+    "kbd",
+    {
+      "data-slot": "kbd-group",
+      className: o("inline-flex items-center gap-1", t),
+      ...e
+    }
+  );
+}
+export {
+  r as Kbd,
+  d as KbdGroup
+};
+//# sourceMappingURL=Kbd.js.map

package/lib/ui/Kbd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd.js","sources":["../../src/lib/ui/Kbd.tsx"],"sourcesContent":["import { cn } from \"./util.js\";\n\nfunction Kbd({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd\"\n      className={cn(\n        \"bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none\",\n        \"[&_svg:not([class*='size-'])]:size-3\",\n        \"[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction KbdGroup({ className, ...props }: React.ComponentProps<\"kbd\">) {\n  return (\n    <kbd\n      data-slot=\"kbd-group\"\n      className={cn(\"inline-flex items-center gap-1\", className)}\n      {...props}\n    />\n  );\n}\n\nexport { Kbd, KbdGroup };\n"],"names":["Kbd","className","props","jsx","cn","KbdGroup"],"mappings":";;AAEA,SAASA,EAAI,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACjE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAS,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACtE,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,kCAAkCH,CAAS;AAAA,MACxD,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/ui/Label.js

@@ -2,7 +2,7 @@ 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";
-import { c as i } from "../cn-dYga0KKN.js";
+import { c as i } from "../cn-5-Gd1Dss.js";
 const l = s(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 ), p = m.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ t.jsx(

package/lib/ui/NativeSelect.js

@@ -0,0 +1,57 @@
+import { j as t } from "../jsx-runtime-BzflLqGi.js";
+import { ChevronDownIcon as o } from "lucide-react";
+import { c as i } from "../cn-5-Gd1Dss.js";
+function l({ className: e, ...r }) {
+  return /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+      "data-slot": "native-select-wrapper",
+      children: [
+        /* @__PURE__ */ t.jsx(
+          "select",
+          {
+            "data-slot": "native-select",
+            className: i(
+              "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed",
+              "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+              "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+              e
+            ),
+            ...r
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          o,
+          {
+            className: "text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none",
+            "aria-hidden": "true",
+            "data-slot": "native-select-icon"
+          }
+        )
+      ]
+    }
+  );
+}
+function d({ ...e }) {
+  return /* @__PURE__ */ t.jsx("option", { "data-slot": "native-select-option", ...e });
+}
+function c({
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "optgroup",
+    {
+      "data-slot": "native-select-optgroup",
+      className: i(e),
+      ...r
+    }
+  );
+}
+export {
+  l as NativeSelect,
+  c as NativeSelectOptGroup,
+  d as NativeSelectOption
+};
+//# sourceMappingURL=NativeSelect.js.map

package/lib/ui/NativeSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NativeSelect.js","sources":["../../src/lib/ui/NativeSelect.tsx"],"sourcesContent":["import { ChevronDownIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nfunction NativeSelect({ className, ...props }: React.ComponentProps<\"select\">) {\n  return (\n    <div\n      className=\"group/native-select relative w-fit has-[select:disabled]:opacity-50\"\n      data-slot=\"native-select-wrapper\"\n    >\n      <select\n        data-slot=\"native-select\"\n        className={cn(\n          \"border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed\",\n          \"focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n          \"aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n          className,\n        )}\n        {...props}\n      />\n      <ChevronDownIcon\n        className=\"text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none\"\n        aria-hidden=\"true\"\n        data-slot=\"native-select-icon\"\n      />\n    </div>\n  );\n}\n\nfunction NativeSelectOption({ ...props }: React.ComponentProps<\"option\">) {\n  return <option data-slot=\"native-select-option\" {...props} />;\n}\n\nfunction NativeSelectOptGroup({\n  className,\n  ...props\n}: React.ComponentProps<\"optgroup\">) {\n  return (\n    <optgroup\n      data-slot=\"native-select-optgroup\"\n      className={cn(className)}\n      {...props}\n    />\n  );\n}\n\nexport { NativeSelect, NativeSelectOptGroup, NativeSelectOption };\n"],"names":["NativeSelect","className","props","jsxs","jsx","cn","ChevronDownIcon","NativeSelectOption","NativeSelectOptGroup"],"mappings":";;;AAIA,SAASA,EAAa,EAAE,WAAAC,GAAW,GAAGC,KAAyC;AAC7E,SACEC,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,aAAU;AAAA,MAEV,UAAA;AAAA,QAAAC,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAWC;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACAJ;AAAA,YAAA;AAAA,YAED,GAAGC;AAAA,UAAA;AAAA,QAAA;AAAA,QAENE,gBAAAA,EAAAA;AAAAA,UAACE;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,eAAY;AAAA,YACZ,aAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASC,EAAmB,EAAE,GAAGL,KAAyC;AACxE,SAAOE,gBAAAA,EAAAA,IAAC,UAAA,EAAO,aAAU,wBAAwB,GAAGF,GAAO;AAC7D;AAEA,SAASM,EAAqB;AAAA,EAC5B,WAAAP;AAAA,EACA,GAAGC;AACL,GAAqC;AACnC,SACEE,gBAAAA,EAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGJ,CAAS;AAAA,MACtB,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/ui/Pagination.js

@@ -1,7 +1,7 @@
 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";
+import { c as e } from "../cn-5-Gd1Dss.js";
 import { buttonVariants as p } from "./Button.js";
 const x = ({ className: s, ...a }) => /* @__PURE__ */ i.jsx(
   "nav",

package/lib/ui/Popover.js

@@ -1,7 +1,7 @@
 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";
+import { c as n } from "../cn-5-Gd1Dss.js";
 const l = o.Root, c = o.Trigger, m = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t.jsx(o.Portal, { children: /* @__PURE__ */ t.jsx(
   o.Content,
   {

package/lib/ui/Progress.js

@@ -1,7 +1,7 @@
 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";
+import { c as i } from "../cn-5-Gd1Dss.js";
 const m = t.forwardRef(({ className: s, value: a, ...e }, l) => /* @__PURE__ */ o.jsx(
   r.Root,
   {

package/lib/ui/RadioGroup.js

@@ -2,7 +2,7 @@ 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";
-import { c as t } from "../cn-dYga0KKN.js";
+import { c as t } from "../cn-5-Gd1Dss.js";
 const c = a.forwardRef(({ className: i, ...o }, s) => /* @__PURE__ */ e.jsx(
   r.Root,
   {

package/lib/ui/ReactComponentDoc.js

@@ -1,21 +1,21 @@
 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 }) => {
-  const r = n.__docgenInfo;
-  return r ? /* @__PURE__ */ e.jsx(i, { className: "not-prose", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
-    /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2  border-b p-6", children: [
-      /* @__PURE__ */ e.jsx("h2", { className: "text-lg font-medium", children: "Component Properties" }),
-      /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: "The properties of the component." })
+import { Badge as n } from "./Badge.js";
+import { Card as t, CardContent as d, CardHeader as a, CardTitle as c, CardDescription as m } from "./Card.js";
+const j = ({ component: i }) => {
+  const s = i.__docgenInfo;
+  return s ? /* @__PURE__ */ e.jsx(t, { className: "not-prose", children: /* @__PURE__ */ e.jsxs(d, { className: "p-0", children: [
+    /* @__PURE__ */ e.jsxs(a, { className: "border-b mb-1 px-4 py-5", children: [
+      /* @__PURE__ */ e.jsx(c, { children: "Component Properties" }),
+      /* @__PURE__ */ e.jsx(m, { children: "The properties of the component." })
     ] }),
-    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[1fr_auto_auto] gap-2 divide-y", children: Object.entries(r.props).map(([o, s]) => /* @__PURE__ */ e.jsxs(
+    /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-[1fr_auto_auto] gap-2 divide-y -mx-4 px-4", children: Object.entries(s.props).map(([o, r]) => /* @__PURE__ */ e.jsxs(
       "div",
       {
-        className: "px-6 pb-2 col-span-full grid grid-cols-subgrid",
+        className: "px-4 pb-2 col-span-full grid grid-cols-subgrid",
         children: [
           /* @__PURE__ */ e.jsx("span", { className: "font-medium text-primary", children: o }),
-          /* @__PURE__ */ e.jsx("div", { children: s.required && /* @__PURE__ */ e.jsx(t, { className: "ml-2 font-mono", children: "required" }) }),
-          /* @__PURE__ */ e.jsx("div", { children: typeof s.type == "object" && s.type.name && /* @__PURE__ */ e.jsx(t, { className: "ml-2 font-mono", variant: "muted", children: s.type.name }) })
+          /* @__PURE__ */ e.jsx("div", { children: r.required && /* @__PURE__ */ e.jsx(n, { className: "ml-2 font-mono", children: "required" }) }),
+          /* @__PURE__ */ e.jsx("div", { children: typeof r.type == "object" && r.type.name && /* @__PURE__ */ e.jsx(n, { className: "ml-2 font-mono", variant: "muted", children: r.type.name }) })
         ]
       },
       o
@@ -23,6 +23,6 @@ const m = ({ component: n }) => {
   ] }) }) : null;
 };
 export {
-  m as ReactComponentDoc
+  j as ReactComponentDoc
 };
 //# sourceMappingURL=ReactComponentDoc.js.map

package/lib/ui/ReactComponentDoc.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactComponentDoc.js","sources":["../../src/lib/ui/ReactComponentDoc.tsx"],"sourcesContent":["import { Badge } from \"./Badge.js\";\nimport { Card } from \"./Card.js\";\n\ntype PropType =\n  | string\n  | {\n      name: string;\n      description: string;\n      required: boolean;\n    };\n\ntype ReactComponentDocProps = {\n  component: {\n    __docgenInfo: {\n      displayName: string;\n      description: string;\n      props: Record<\n        string,\n        {\n          type: PropType;\n          description: string;\n          required: boolean;\n        }\n      >;\n    };\n  };\n};\n\nexport const ReactComponentDoc = ({ component }: ReactComponentDocProps) => {\n  const docgen = component.__docgenInfo;\n\n  if (!docgen) return null;\n\n  return (\n    <Card className=\"not-prose\">\n      <div className=\"flex flex-col gap-2\">\n        <div className=\"flex flex-col gap-2  border-b p-6\">\n          <h2 className=\"text-lg font-medium\">Component Properties</h2>\n          <p className=\"text-sm text-muted-foreground\">\n            The properties of the component.\n          </p>\n        </div>\n        <div className=\"grid grid-cols-[1fr_auto_auto] gap-2 divide-y\">\n          {Object.entries(docgen.props).map(([key, value]) => (\n            <div\n              key={key}\n              className=\"px-6 pb-2 col-span-full grid grid-cols-subgrid\"\n            >\n              <span className=\"font-medium text-primary\">{key}</span>\n              <div>\n                {value.required && (\n                  <Badge className=\"ml-2 font-mono\">required</Badge>\n                )}\n              </div>\n              <div>\n                {typeof value.type === \"object\" && value.type.name && (\n                  <Badge className=\"ml-2 font-mono\" variant=\"muted\">\n                    {value.type.name}\n                  </Badge>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n    </Card>\n  );\n};\n"],"names":["ReactComponentDoc","component","docgen","Card","jsxs","jsx","key","value","Badge"],"mappings":";;;AA4BO,MAAMA,IAAoB,CAAC,EAAE,WAAAC,QAAwC;AAC1E,QAAMC,IAASD,EAAU;AAEzB,SAAKC,0BAGFC,GAAA,EAAK,WAAU,aACd,UAAAC,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,uBACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAAC,MAAA,EAAG,WAAU,uBAAsB,UAAA,wBAAoB;AAAA,MACxDA,gBAAAA,EAAAA,IAAC,KAAA,EAAE,WAAU,iCAAgC,UAAA,mCAAA,CAE7C;AAAA,IAAA,GACF;AAAA,IACAA,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,iDACZ,iBAAO,QAAQH,EAAO,KAAK,EAAE,IAAI,CAAC,CAACI,GAAKC,CAAK,MAC5CH,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAC,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,4BAA4B,UAAAC,GAAI;AAAA,UAChDD,gBAAAA,EAAAA,IAAC,SACE,UAAAE,EAAM,kCACJC,GAAA,EAAM,WAAU,kBAAiB,UAAA,WAAA,CAAQ,EAAA,CAE9C;AAAA,gCACC,OAAA,EACE,UAAA,OAAOD,EAAM,QAAS,YAAYA,EAAM,KAAK,QAC5CF,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,kBAAiB,SAAQ,SACvC,UAAAD,EAAM,KAAK,MACd,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAfKD;AAAA,IAAA,CAiBR,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF,IAlCkB;AAoCtB;"}
+{"version":3,"file":"ReactComponentDoc.js","sources":["../../src/lib/ui/ReactComponentDoc.tsx"],"sourcesContent":["import { Badge } from \"./Badge.js\";\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"./Card.js\";\n\ntype PropType =\n  | string\n  | { name: string; description: string; required: boolean };\n\ntype ReactComponentDocProps = {\n  component: {\n    __docgenInfo?: {\n      displayName: string;\n      description: string;\n      props: Record<\n        string,\n        {\n          type: PropType;\n          description: string;\n          required: boolean;\n        }\n      >;\n    };\n  };\n};\n\nexport const ReactComponentDoc = ({ component }: ReactComponentDocProps) => {\n  const docgen = component.__docgenInfo;\n\n  if (!docgen) return null;\n\n  return (\n    <Card className=\"not-prose\">\n      <CardContent className=\"p-0\">\n        <CardHeader className=\"border-b mb-1 px-4 py-5\">\n          <CardTitle>Component Properties</CardTitle>\n          <CardDescription>The properties of the component.</CardDescription>\n        </CardHeader>\n        <div className=\"grid grid-cols-[1fr_auto_auto] gap-2 divide-y -mx-4 px-4\">\n          {Object.entries(docgen.props).map(([key, value]) => (\n            <div\n              key={key}\n              className=\"px-4 pb-2 col-span-full grid grid-cols-subgrid\"\n            >\n              <span className=\"font-medium text-primary\">{key}</span>\n              <div>\n                {value.required && (\n                  <Badge className=\"ml-2 font-mono\">required</Badge>\n                )}\n              </div>\n              <div>\n                {typeof value.type === \"object\" && value.type.name && (\n                  <Badge className=\"ml-2 font-mono\" variant=\"muted\">\n                    {value.type.name}\n                  </Badge>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      </CardContent>\n    </Card>\n  );\n};\n"],"names":["ReactComponentDoc","component","docgen","Card","jsxs","CardContent","CardHeader","jsx","CardTitle","CardDescription","key","value","Badge"],"mappings":";;;AA8BO,MAAMA,IAAoB,CAAC,EAAE,WAAAC,QAAwC;AAC1E,QAAMC,IAASD,EAAU;AAEzB,SAAKC,0BAGFC,GAAA,EAAK,WAAU,aACd,UAAAC,gBAAAA,EAAAA,KAACC,GAAA,EAAY,WAAU,OACrB,UAAA;AAAA,IAAAD,gBAAAA,EAAAA,KAACE,GAAA,EAAW,WAAU,2BACpB,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACC,KAAU,UAAA,uBAAA,CAAoB;AAAA,MAC/BD,gBAAAA,EAAAA,IAACE,KAAgB,UAAA,mCAAA,CAAgC;AAAA,IAAA,GACnD;AAAA,IACAF,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,4DACZ,iBAAO,QAAQL,EAAO,KAAK,EAAE,IAAI,CAAC,CAACQ,GAAKC,CAAK,MAC5CP,gBAAAA,EAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAU;AAAA,QAEV,UAAA;AAAA,UAAAG,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,4BAA4B,UAAAG,GAAI;AAAA,UAChDH,gBAAAA,EAAAA,IAAC,SACE,UAAAI,EAAM,kCACJC,GAAA,EAAM,WAAU,kBAAiB,UAAA,WAAA,CAAQ,EAAA,CAE9C;AAAA,gCACC,OAAA,EACE,UAAA,OAAOD,EAAM,QAAS,YAAYA,EAAM,KAAK,QAC5CJ,gBAAAA,EAAAA,IAACK,GAAA,EAAM,WAAU,kBAAiB,SAAQ,SACvC,UAAAD,EAAM,KAAK,MACd,EAAA,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,MAfKD;AAAA,IAAA,CAiBR,EAAA,CACH;AAAA,EAAA,EAAA,CACF,EAAA,CACF,IAhCkB;AAkCtB;"}

package/lib/ui/ScrollArea.js

@@ -1,7 +1,7 @@
 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";
+import { c } from "../cn-5-Gd1Dss.js";
 const d = t.forwardRef(({ className: o, children: e, ...a }, s) => /* @__PURE__ */ l.jsxs(
   r.Root,
   {

package/lib/ui/Secret.js

@@ -1,7 +1,7 @@
 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 { c as s } from "../cn-5-Gd1Dss.js";
 import { u as z } from "../useCopyToClipboard-B_085nfO.js";
 import { Button as c } from "./Button.js";
 const N = ({