zudoku 0.64.1 → 0.65.0

package/lib/ui/Badge.js

@@ -1,16 +1,17 @@
 import { j as o } from "../jsx-runtime-BzflLqGi.js";
-import { c as n } from "../index-DI5SPFK9.js";
-import { c as a } from "../cn-dYga0KKN.js";
-const s = n(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2",
+import { Slot as n } from "@radix-ui/react-slot";
+import { c as s } from "../index-DI5SPFK9.js";
+import { c as d } from "../cn-dYga0KKN.js";
+const c = s(
+  "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none 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 transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
       variant: {
-        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        muted: "bg-muted text-muted-foreground ",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground"
+        default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        muted: "bg-muted text-muted-foreground "
       }
     },
     defaultVariants: {
@@ -18,11 +19,24 @@ const s = n(
     }
   }
 );
-function c({ className: r, variant: e, ...t }) {
-  return /* @__PURE__ */ o.jsx("div", { className: a(s({ variant: e }), r), ...t });
+function b({
+  className: r,
+  variant: e,
+  asChild: t = !1,
+  ...i
+}) {
+  const a = t ? n : "span";
+  return /* @__PURE__ */ o.jsx(
+    a,
+    {
+      "data-slot": "badge",
+      className: d(c({ variant: e }), r),
+      ...i
+    }
+  );
 }
 export {
-  c as Badge,
-  s as badgeVariants
+  b as Badge,
+  c as badgeVariants
 };
 //# sourceMappingURL=Badge.js.map

package/lib/ui/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../src/lib/ui/Badge.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"../util/cn.js\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground hover:bg-primary/80\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        muted: \"bg-muted text-muted-foreground \",\n        destructive:\n          \"border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80\",\n        outline: \"text-foreground\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nexport interface BadgeProps\n  extends React.HTMLAttributes<HTMLDivElement>,\n    VariantProps<typeof badgeVariants> {}\n\nfunction Badge({ className, variant, ...props }: BadgeProps) {\n  return (\n    <div className={cn(badgeVariants({ variant }), className)} {...props} />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"names":["badgeVariants","cva","Badge","className","variant","props","jsx","cn"],"mappings":";;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,aACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAMA,SAASC,EAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,GAAGC,KAAqB;AAC3D,SACEC,gBAAAA,MAAC,OAAA,EAAI,WAAWC,EAAGP,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS,GAAI,GAAGE,EAAA,CAAO;AAE1E;"}
+{"version":3,"file":"Badge.js","sources":["../../src/lib/ui/Badge.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\";\n\nconst badgeVariants = cva(\n  \"inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none 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 transition-[color,box-shadow] overflow-hidden\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n        secondary:\n          \"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n        destructive:\n          \"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n        outline:\n          \"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n        muted: \"bg-muted text-muted-foreground \",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  },\n);\n\nfunction Badge({\n  className,\n  variant,\n  asChild = false,\n  ...props\n}: React.ComponentProps<\"span\"> &\n  VariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n  const Comp = asChild ? Slot : \"span\";\n\n  return (\n    <Comp\n      data-slot=\"badge\"\n      className={cn(badgeVariants({ variant }), className)}\n      {...props}\n    />\n  );\n}\n\nexport { Badge, badgeVariants };\n"],"names":["badgeVariants","cva","Badge","className","variant","asChild","props","Comp","Slot","jsx","cn"],"mappings":";;;;AAKA,MAAMA,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,WACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAC8D;AAC5D,QAAMC,IAAOF,IAAUG,IAAO;AAE9B,SACEC,gBAAAA,EAAAA;AAAAA,IAACF;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWG,EAAGV,EAAc,EAAE,SAAAI,EAAA,CAAS,GAAGD,CAAS;AAAA,MAClD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/ui/Button.js

@@ -1,4 +1,4 @@
-import { j as i } from "../jsx-runtime-BzflLqGi.js";
+import { j as d } from "../jsx-runtime-BzflLqGi.js";
 import { Slot as a } from "@radix-ui/react-slot";
 import { c as u } from "../index-DI5SPFK9.js";
 import * as c from "react";
@@ -23,7 +23,8 @@ const f = u(
         lg: "h-10 rounded-md px-8",
         xl: "h-14 rounded-lg px-10 text-lg",
         icon: "size-9",
-        "icon-xs": "size-7"
+        "icon-xs": "size-7",
+        "icon-xxs": "size-5"
       }
     },
     defaultVariants: {
@@ -33,9 +34,9 @@ const f = u(
   }
 ), g = c.forwardRef(
   ({ className: e, variant: t, size: r, asChild: o = !1, ...n }, s) => {
-    const d = o ? a : "button";
-    return /* @__PURE__ */ i.jsx(
-      d,
+    const i = o ? a : "button";
+    return /* @__PURE__ */ d.jsx(
+      i,
       {
         className: x(f({ variant: t, size: r, className: e })),
         ref: s,

package/lib/ui/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/lib/ui/Button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport const buttonVariants = cva(\n  \"not-prose inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        \"ghost-destructive\":\n          \"text-destructive hover:bg-destructive hover:text-destructive-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n        expand:\n          \"flex gap-1.5 border bg-transparent rounded-xl text-muted-foreground hover:text-foreground\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        xl: \"h-14 rounded-lg px-10 text-lg\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-7\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":";;;;;AAKO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,qBACE;AAAA,QACF,MAAM;AAAA,QACN,QACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAQaC,IAASC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAAQ;AAChE,UAAMC,IAAOH,IAAUI,IAAO;AAC9B,WACEC,gBAAAA,EAAAA;AAAAA,MAACF;AAAA,MAAA;AAAA,QACC,WAAWG,EAAGb,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAK;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}
+{"version":3,"file":"Button.js","sources":["../../src/lib/ui/Button.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nexport const buttonVariants = cva(\n  \"not-prose inline-flex shrink-0 items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"bg-primary text-primary-foreground shadow-sm hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        \"ghost-destructive\":\n          \"text-destructive hover:bg-destructive hover:text-destructive-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n        expand:\n          \"flex gap-1.5 border bg-transparent rounded-xl text-muted-foreground hover:text-foreground\",\n      },\n      size: {\n        default: \"h-9 px-4 py-2\",\n        sm: \"h-8 rounded-md px-3 text-xs\",\n        lg: \"h-10 rounded-md px-8\",\n        xl: \"h-14 rounded-lg px-10 text-lg\",\n        icon: \"size-9\",\n        \"icon-xs\": \"size-7\",\n        \"icon-xxs\": \"size-5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n    VariantProps<typeof buttonVariants> {\n  asChild?: boolean;\n}\n\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\";\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    );\n  },\n);\nButton.displayName = \"Button\";\n"],"names":["buttonVariants","cva","Button","React","className","variant","size","asChild","props","ref","Comp","Slot","jsx","cn"],"mappings":";;;;;AAKO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,aACE;AAAA,QACF,SACE;AAAA,QACF,WACE;AAAA,QACF,OAAO;AAAA,QACP,qBACE;AAAA,QACF,MAAM;AAAA,QACN,QACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,QACN,WAAW;AAAA,QACX,YAAY;AAAA,MAAA;AAAA,IACd;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAQaC,IAASC,EAAM;AAAA,EAC1B,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,MAAQ;AAChE,UAAMC,IAAOH,IAAUI,IAAO;AAC9B,WACEC,gBAAAA,EAAAA;AAAAA,MAACF;AAAA,MAAA;AAAA,QACC,WAAWG,EAAGb,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,QAC1D,KAAAK;AAAA,QACC,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AACAN,EAAO,cAAc;"}

package/lib/ui/Checkbox.js

@@ -1,29 +1,32 @@
-import { j as e } from "../jsx-runtime-BzflLqGi.js";
-import * as r from "@radix-ui/react-checkbox";
-import { Check as s } from "lucide-react";
-import * as c from "react";
-import { c as i } from "../cn-dYga0KKN.js";
-const d = c.forwardRef(({ className: t, ...a }, o) => /* @__PURE__ */ e.jsx(
-  r.Root,
-  {
-    ref: o,
-    className: i(
-      "peer h-4 w-4 shrink-0 rounded-[min(6px,var(--radius)-4px)] ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary",
-      "border border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary",
-      t
-    ),
-    ...a,
-    children: /* @__PURE__ */ e.jsx(
-      r.Indicator,
-      {
-        className: i("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ e.jsx(s, { className: "h-4 w-4" })
-      }
-    )
-  }
-));
-d.displayName = r.Root.displayName;
+import { j as r } from "../jsx-runtime-BzflLqGi.js";
+import * as e from "@radix-ui/react-checkbox";
+import { CheckIcon as t } from "lucide-react";
+import { c as o } from "../cn-dYga0KKN.js";
+function n({
+  className: i,
+  ...a
+}) {
+  return /* @__PURE__ */ r.jsx(
+    e.Root,
+    {
+      "data-slot": "checkbox",
+      className: o(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        i
+      ),
+      ...a,
+      children: /* @__PURE__ */ r.jsx(
+        e.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ r.jsx(t, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
 export {
-  d as Checkbox
+  n as Checkbox
 };
 //# sourceMappingURL=Checkbox.js.map

package/lib/ui/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../src/lib/ui/Checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { Check } from \"lucide-react\";\nimport * as React from \"react\";\n\nimport { cn } from \"../util/cn.js\";\n\nconst Checkbox = React.forwardRef<\n  React.ElementRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"peer h-4 w-4 shrink-0 rounded-[min(6px,var(--radius)-4px)] ring-offset-background focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:text-primary\",\n      \"border border-primary data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary\",\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator\n      className={cn(\"flex items-center justify-center text-current\")}\n    >\n      <Check className=\"h-4 w-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n"],"names":["Checkbox","React","className","props","ref","jsx","CheckboxPrimitive","cn","Check"],"mappings":";;;;;AAMA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1BC,gBAAAA,EAAAA;AAAAA,EAACC,EAAkB;AAAA,EAAlB;AAAA,IACC,KAAAF;AAAA,IACA,WAAWG;AAAA,MACT;AAAA,MACA;AAAA,MACAL;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IAEJ,UAAAE,gBAAAA,EAAAA;AAAAA,MAACC,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAWC,EAAG,+CAA+C;AAAA,QAE7D,UAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAAM,WAAU,UAAA,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EAC7B;AACF,CACD;AACDR,EAAS,cAAcM,EAAkB,KAAK;"}
+{"version":3,"file":"Checkbox.js","sources":["../../src/lib/ui/Checkbox.tsx"],"sourcesContent":["import * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { CheckIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"../util/cn.js\";\n\nfunction Checkbox({\n  className,\n  ...props\n}: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        \"peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50\",\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"grid place-content-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\nexport { Checkbox };\n"],"names":["Checkbox","className","props","jsx","CheckboxPrimitive","cn","CheckIcon"],"mappings":";;;;AAKA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,GAAGC;AACL,GAAwD;AACtD,SACEC,gBAAAA,EAAAA;AAAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAAC,gBAAAA,EAAAA;AAAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,UAAAD,gBAAAA,EAAAA,IAACG,GAAA,EAAU,WAAU,WAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC;AAAA,EAAA;AAGN;"}

package/lib/ui/CodeBlock.js

@@ -166,19 +166,19 @@ const $ = {
   showCopy: n = "hover",
   showLanguageIndicator: j,
   showLineNumbers: a,
-  ...m
+  ...l
 }) => {
-  const [p, l] = u(), c = x(null);
+  const [p, m] = u(), c = x(null);
   return i ? /* @__PURE__ */ o.jsxs(
     "div",
     {
       className: s(
-        "border code-block-wrapper relative group rounded-md overflow-hidden",
+        "border code-block-wrapper relative group rounded-xl overflow-hidden",
         a && "line-numbers",
-        m.className
+        l.className
       ),
       children: [
-        /* @__PURE__ */ o.jsxs("div", { className: "border-b flex items-center h-10 font-sans bg-black/2", children: [
+        /* @__PURE__ */ o.jsxs("div", { className: "border-b flex items-center py-1 font-sans bg-black/2", children: [
           /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-1.5 flex-1 text-sm w-full px-3", children: [
             /* @__PURE__ */ o.jsx(b, { language: e }),
             r
@@ -191,12 +191,12 @@ const $ = {
               "aria-label": "Copy code",
               title: "Copy code",
               className: s(
-                "transition px-2 py-2 mx-1 rounded-sm",
+                "transition p-1.5 mx-1 rounded-lg",
                 !p && "hover:bg-accent hover:brightness-95"
               ),
               disabled: p,
               onClick: () => {
-                c.current?.textContent && l(c.current.textContent);
+                c.current?.textContent && m(c.current.textContent);
               },
               children: p ? /* @__PURE__ */ o.jsx(d, { className: "text-emerald-600", size: 14 }) : /* @__PURE__ */ o.jsx(h, { size: 14 })
             }

package/lib/ui/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sources":["../../src/lib/components/LanguageIcon.tsx","../../src/lib/ui/CodeBlock.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  type LazyExoticComponent,\n  lazy,\n  Suspense,\n  type SVGProps,\n} from \"react\";\n\ntype Language = {\n  pattern: RegExp;\n  icon: LazyExoticComponent<ComponentType<SVGProps<SVGSVGElement>>>;\n  width?: number;\n};\n\nconst Languages: Record<string, Language> = {\n  typescript: {\n    pattern: /^(ts|typescript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/typescript.js\")),\n    width: 15,\n  },\n  javascript: {\n    pattern: /^(js|javascript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/javascript.js\")),\n  },\n  react: {\n    pattern: /^(react|tsx|jsx)$/,\n    icon: lazy(() => import(\"../assets/language-icons/react.js\")),\n    width: 22,\n  },\n  markdown: {\n    pattern: /^(md|markdown)$/,\n    icon: lazy(() => import(\"../assets/language-icons/markdown.js\")),\n    width: 22,\n  },\n  mdx: {\n    pattern: /^mdx$/,\n    icon: lazy(() => import(\"../assets/language-icons/mdx.js\")),\n    width: 28,\n  },\n  java: {\n    pattern: /^(java)$/,\n    icon: lazy(() => import(\"../assets/language-icons/java.js\")),\n    width: 22,\n  },\n  json: {\n    pattern: /^jsonc?$/,\n    icon: lazy(() => import(\"../assets/language-icons/json.js\")),\n  },\n  yaml: {\n    pattern: /^yaml$/,\n    icon: lazy(() => import(\"../assets/language-icons/yaml.js\")),\n  },\n  toml: {\n    pattern: /^toml$/,\n    icon: lazy(() => import(\"../assets/language-icons/toml.js\")),\n  },\n  shell: {\n    pattern: /^(shell|bash|sh|zsh|term|terminal|ansi)$/,\n    icon: lazy(() => import(\"../assets/language-icons/shell.js\")),\n  },\n  python: {\n    pattern: /^(py|python)$/,\n    icon: lazy(() => import(\"../assets/language-icons/python.js\")),\n  },\n  csharp: {\n    pattern: /^(cs|csharp|vb)$/,\n    icon: lazy(() => import(\"../assets/language-icons/csharp.js\")),\n    width: 20,\n  },\n  rust: {\n    pattern: /^(rs|rust)$/,\n    icon: lazy(() => import(\"../assets/language-icons/rust.js\")),\n    width: 20,\n  },\n  ruby: {\n    pattern: /^(rb|ruby)$/,\n    icon: lazy(() => import(\"../assets/language-icons/ruby.js\")),\n  },\n  php: {\n    pattern: /^php$/,\n    icon: lazy(() => import(\"../assets/language-icons/php.js\")),\n    width: 24,\n  },\n  html: {\n    pattern: /^html?$/,\n    icon: lazy(() => import(\"../assets/language-icons/html.js\")),\n    width: 15,\n  },\n  css: {\n    pattern: /^css$/,\n    icon: lazy(() => import(\"../assets/language-icons/css.js\")),\n  },\n  objectivec: {\n    pattern: /^(objc|objectivec)$/,\n    icon: lazy(() => import(\"../assets/language-icons/objectivec.js\")),\n    width: 16,\n  },\n  swift: {\n    pattern: /^swift$/,\n    icon: lazy(() => import(\"../assets/language-icons/swift.js\")),\n  },\n  go: {\n    pattern: /^go$/,\n    icon: lazy(() => import(\"../assets/language-icons/go.js\")),\n    width: 28,\n  },\n  xml: {\n    pattern: /^xml$/,\n    icon: lazy(() => import(\"../assets/language-icons/xml.js\")),\n  },\n  kotlin: {\n    pattern: /^(kt|kotlin)$/,\n    icon: lazy(() => import(\"../assets/language-icons/kotlin.js\")),\n    width: 14,\n  },\n  graphql: {\n    pattern: /^(gql|graphql)$/,\n    icon: lazy(() => import(\"../assets/language-icons/graphql.js\")),\n  },\n  zig: {\n    pattern: /^zig$/,\n    icon: lazy(() => import(\"../assets/language-icons/zig.js\")),\n    width: 28,\n  },\n  scala: {\n    pattern: /^scala$/,\n    icon: lazy(() => import(\"../assets/language-icons/scala.js\")),\n    width: 18,\n  },\n  dart: {\n    pattern: /^dart$/,\n    icon: lazy(() => import(\"../assets/language-icons/dart.js\")),\n    width: 20,\n  },\n  ocaml: {\n    pattern: /^ocaml$/,\n    icon: lazy(() => import(\"../assets/language-icons/ocaml.js\")),\n    width: 20,\n  },\n  c: {\n    pattern: /^c$/,\n    icon: lazy(() => import(\"../assets/language-icons/c.js\")),\n    width: 20,\n  },\n  cpp: {\n    pattern: /^(cpp|c\\+\\+)$/,\n    icon: lazy(() => import(\"../assets/language-icons/cpp.js\")),\n    width: 20,\n  },\n  commonlisp: {\n    pattern: /^(clisp|common-lisp|lisp|cl|commonlisp)$/,\n    icon: lazy(() => import(\"../assets/language-icons/commonlisp.js\")),\n    width: 18,\n  },\n  elixir: {\n    pattern: /^elixir$/,\n    icon: lazy(() => import(\"../assets/language-icons/elixir.js\")),\n    width: 18,\n  },\n  powershell: {\n    pattern: /^(pshell|powershell|ps1)$/,\n    icon: lazy(() => import(\"../assets/language-icons/powershell.js\")),\n    width: 18,\n  },\n};\n\nexport const LanguageIcon = ({ language }: { language?: string }) => {\n  if (!language) return null;\n\n  const Lang = Object.values(Languages).find((l) => l.pattern.test(language));\n\n  if (!Lang) return null;\n\n  const size = Lang.width ?? 18;\n\n  return (\n    <Suspense fallback={<div style={{ width: size, height: \"1em\" }} />}>\n      <Lang.icon className=\"h-auto\" style={{ width: size }} />\n    </Suspense>\n  );\n};\n","import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport { type ReactNode, useRef } from \"react\";\nimport { LanguageIcon } from \"../components/LanguageIcon.js\";\nimport { cn } from \"../util/cn.js\";\nimport { useCopyToClipboard } from \"../util/useCopyToClipboard.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  noBackground?: boolean;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  title?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const CodeBlock = ({\n  children,\n  title = \"Code\",\n  language,\n  showCopy = \"hover\",\n  showLanguageIndicator,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps) => {\n  const [isCopied, copyToClipboard] = useCopyToClipboard();\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"border code-block-wrapper relative group rounded-md overflow-hidden\",\n        showLineNumbers && \"line-numbers\",\n        props.className,\n      )}\n    >\n      <div className=\"border-b flex items-center h-10 font-sans bg-black/2\">\n        <div className=\"flex items-center gap-1.5 flex-1 text-sm w-full px-3\">\n          <LanguageIcon language={language} />\n          {title}\n        </div>{\" \"}\n        {showCopy !== \"never\" && (\n          <button\n            type=\"button\"\n            aria-label=\"Copy code\"\n            title=\"Copy code\"\n            className={cn(\n              \"transition px-2 py-2 mx-1 rounded-sm\",\n              !isCopied && \"hover:bg-accent hover:brightness-95\",\n            )}\n            disabled={isCopied}\n            onClick={() => {\n              if (!ref.current?.textContent) return;\n\n              copyToClipboard(ref.current.textContent);\n            }}\n          >\n            {isCopied ? (\n              <CheckIcon className=\"text-emerald-600\" size={14} />\n            ) : (\n              <CopyIcon size={14} />\n            )}\n          </button>\n        )}\n      </div>\n      <div\n        className=\"code-block text-sm not-prose scrollbar [&_code]:px-3 [&_code]:py-2\"\n        ref={ref}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["Languages","lazy","LanguageIcon","language","Lang","l","size","jsx","Suspense","CodeBlock","children","title","showCopy","showLanguageIndicator","showLineNumbers","props","isCopied","copyToClipboard","useCopyToClipboard","ref","useRef","jsxs","cn","CheckIcon","CopyIcon"],"mappings":"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"}
+{"version":3,"file":"CodeBlock.js","sources":["../../src/lib/components/LanguageIcon.tsx","../../src/lib/ui/CodeBlock.tsx"],"sourcesContent":["import {\n  type ComponentType,\n  type LazyExoticComponent,\n  lazy,\n  Suspense,\n  type SVGProps,\n} from \"react\";\n\ntype Language = {\n  pattern: RegExp;\n  icon: LazyExoticComponent<ComponentType<SVGProps<SVGSVGElement>>>;\n  width?: number;\n};\n\nconst Languages: Record<string, Language> = {\n  typescript: {\n    pattern: /^(ts|typescript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/typescript.js\")),\n    width: 15,\n  },\n  javascript: {\n    pattern: /^(js|javascript)$/,\n    icon: lazy(() => import(\"../assets/language-icons/javascript.js\")),\n  },\n  react: {\n    pattern: /^(react|tsx|jsx)$/,\n    icon: lazy(() => import(\"../assets/language-icons/react.js\")),\n    width: 22,\n  },\n  markdown: {\n    pattern: /^(md|markdown)$/,\n    icon: lazy(() => import(\"../assets/language-icons/markdown.js\")),\n    width: 22,\n  },\n  mdx: {\n    pattern: /^mdx$/,\n    icon: lazy(() => import(\"../assets/language-icons/mdx.js\")),\n    width: 28,\n  },\n  java: {\n    pattern: /^(java)$/,\n    icon: lazy(() => import(\"../assets/language-icons/java.js\")),\n    width: 22,\n  },\n  json: {\n    pattern: /^jsonc?$/,\n    icon: lazy(() => import(\"../assets/language-icons/json.js\")),\n  },\n  yaml: {\n    pattern: /^yaml$/,\n    icon: lazy(() => import(\"../assets/language-icons/yaml.js\")),\n  },\n  toml: {\n    pattern: /^toml$/,\n    icon: lazy(() => import(\"../assets/language-icons/toml.js\")),\n  },\n  shell: {\n    pattern: /^(shell|bash|sh|zsh|term|terminal|ansi)$/,\n    icon: lazy(() => import(\"../assets/language-icons/shell.js\")),\n  },\n  python: {\n    pattern: /^(py|python)$/,\n    icon: lazy(() => import(\"../assets/language-icons/python.js\")),\n  },\n  csharp: {\n    pattern: /^(cs|csharp|vb)$/,\n    icon: lazy(() => import(\"../assets/language-icons/csharp.js\")),\n    width: 20,\n  },\n  rust: {\n    pattern: /^(rs|rust)$/,\n    icon: lazy(() => import(\"../assets/language-icons/rust.js\")),\n    width: 20,\n  },\n  ruby: {\n    pattern: /^(rb|ruby)$/,\n    icon: lazy(() => import(\"../assets/language-icons/ruby.js\")),\n  },\n  php: {\n    pattern: /^php$/,\n    icon: lazy(() => import(\"../assets/language-icons/php.js\")),\n    width: 24,\n  },\n  html: {\n    pattern: /^html?$/,\n    icon: lazy(() => import(\"../assets/language-icons/html.js\")),\n    width: 15,\n  },\n  css: {\n    pattern: /^css$/,\n    icon: lazy(() => import(\"../assets/language-icons/css.js\")),\n  },\n  objectivec: {\n    pattern: /^(objc|objectivec)$/,\n    icon: lazy(() => import(\"../assets/language-icons/objectivec.js\")),\n    width: 16,\n  },\n  swift: {\n    pattern: /^swift$/,\n    icon: lazy(() => import(\"../assets/language-icons/swift.js\")),\n  },\n  go: {\n    pattern: /^go$/,\n    icon: lazy(() => import(\"../assets/language-icons/go.js\")),\n    width: 28,\n  },\n  xml: {\n    pattern: /^xml$/,\n    icon: lazy(() => import(\"../assets/language-icons/xml.js\")),\n  },\n  kotlin: {\n    pattern: /^(kt|kotlin)$/,\n    icon: lazy(() => import(\"../assets/language-icons/kotlin.js\")),\n    width: 14,\n  },\n  graphql: {\n    pattern: /^(gql|graphql)$/,\n    icon: lazy(() => import(\"../assets/language-icons/graphql.js\")),\n  },\n  zig: {\n    pattern: /^zig$/,\n    icon: lazy(() => import(\"../assets/language-icons/zig.js\")),\n    width: 28,\n  },\n  scala: {\n    pattern: /^scala$/,\n    icon: lazy(() => import(\"../assets/language-icons/scala.js\")),\n    width: 18,\n  },\n  dart: {\n    pattern: /^dart$/,\n    icon: lazy(() => import(\"../assets/language-icons/dart.js\")),\n    width: 20,\n  },\n  ocaml: {\n    pattern: /^ocaml$/,\n    icon: lazy(() => import(\"../assets/language-icons/ocaml.js\")),\n    width: 20,\n  },\n  c: {\n    pattern: /^c$/,\n    icon: lazy(() => import(\"../assets/language-icons/c.js\")),\n    width: 20,\n  },\n  cpp: {\n    pattern: /^(cpp|c\\+\\+)$/,\n    icon: lazy(() => import(\"../assets/language-icons/cpp.js\")),\n    width: 20,\n  },\n  commonlisp: {\n    pattern: /^(clisp|common-lisp|lisp|cl|commonlisp)$/,\n    icon: lazy(() => import(\"../assets/language-icons/commonlisp.js\")),\n    width: 18,\n  },\n  elixir: {\n    pattern: /^elixir$/,\n    icon: lazy(() => import(\"../assets/language-icons/elixir.js\")),\n    width: 18,\n  },\n  powershell: {\n    pattern: /^(pshell|powershell|ps1)$/,\n    icon: lazy(() => import(\"../assets/language-icons/powershell.js\")),\n    width: 18,\n  },\n};\n\nexport const LanguageIcon = ({ language }: { language?: string }) => {\n  if (!language) return null;\n\n  const Lang = Object.values(Languages).find((l) => l.pattern.test(language));\n\n  if (!Lang) return null;\n\n  const size = Lang.width ?? 18;\n\n  return (\n    <Suspense fallback={<div style={{ width: size, height: \"1em\" }} />}>\n      <Lang.icon className=\"h-auto\" style={{ width: size }} />\n    </Suspense>\n  );\n};\n","import { CheckIcon, CopyIcon } from \"lucide-react\";\nimport { type ReactNode, useRef } from \"react\";\nimport { LanguageIcon } from \"../components/LanguageIcon.js\";\nimport { cn } from \"../util/cn.js\";\nimport { useCopyToClipboard } from \"../util/useCopyToClipboard.js\";\n\nexport type CodeBlockProps = {\n  className?: string;\n  wrapLines?: boolean;\n  showLanguageIndicator?: boolean;\n  language?: string;\n  title?: string;\n  children?: ReactNode;\n  code?: ReactNode;\n  showCopy?: \"hover\" | \"always\" | \"never\";\n  disabled?: boolean;\n  showLineNumbers?: boolean;\n};\n\nexport const CodeBlock = ({\n  children,\n  title = \"Code\",\n  language,\n  showCopy = \"hover\",\n  showLanguageIndicator,\n  showLineNumbers,\n  ...props\n}: CodeBlockProps) => {\n  const [isCopied, copyToClipboard] = useCopyToClipboard();\n  const ref = useRef<HTMLDivElement>(null);\n\n  if (!children) return null;\n\n  return (\n    <div\n      className={cn(\n        \"border code-block-wrapper relative group rounded-xl overflow-hidden\",\n        showLineNumbers && \"line-numbers\",\n        props.className,\n      )}\n    >\n      <div className=\"border-b flex items-center py-1 font-sans bg-black/2\">\n        <div className=\"flex items-center gap-1.5 flex-1 text-sm w-full px-3\">\n          <LanguageIcon language={language} />\n          {title}\n        </div>{\" \"}\n        {showCopy !== \"never\" && (\n          <button\n            type=\"button\"\n            aria-label=\"Copy code\"\n            title=\"Copy code\"\n            className={cn(\n              \"transition p-1.5 mx-1 rounded-lg\",\n              !isCopied && \"hover:bg-accent hover:brightness-95\",\n            )}\n            disabled={isCopied}\n            onClick={() => {\n              if (!ref.current?.textContent) return;\n\n              copyToClipboard(ref.current.textContent);\n            }}\n          >\n            {isCopied ? (\n              <CheckIcon className=\"text-emerald-600\" size={14} />\n            ) : (\n              <CopyIcon size={14} />\n            )}\n          </button>\n        )}\n      </div>\n      <div\n        className=\"code-block text-sm not-prose scrollbar [&_code]:px-3 [&_code]:py-2\"\n        ref={ref}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n"],"names":["Languages","lazy","LanguageIcon","language","Lang","l","size","jsx","Suspense","CodeBlock","children","title","showCopy","showLanguageIndicator","showLineNumbers","props","isCopied","copyToClipboard","useCopyToClipboard","ref","useRef","jsxs","cn","CheckIcon","CopyIcon"],"mappings":"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"}

package/lib/ui/Collapsible.js

@@ -1,8 +1,35 @@
-import * as l from "@radix-ui/react-collapsible";
-const o = l.Root, e = l.CollapsibleTrigger, s = l.CollapsibleContent;
+import { j as o } from "../jsx-runtime-BzflLqGi.js";
+import * as t from "@radix-ui/react-collapsible";
+function s({
+  ...l
+}) {
+  return /* @__PURE__ */ o.jsx(t.Root, { "data-slot": "collapsible", ...l });
+}
+function i({
+  ...l
+}) {
+  return /* @__PURE__ */ o.jsx(
+    t.CollapsibleTrigger,
+    {
+      "data-slot": "collapsible-trigger",
+      ...l
+    }
+  );
+}
+function r({
+  ...l
+}) {
+  return /* @__PURE__ */ o.jsx(
+    t.CollapsibleContent,
+    {
+      "data-slot": "collapsible-content",
+      ...l
+    }
+  );
+}
 export {
-  o as Collapsible,
-  s as CollapsibleContent,
-  e as CollapsibleTrigger
+  s as Collapsible,
+  r as CollapsibleContent,
+  i as CollapsibleTrigger
 };
 //# sourceMappingURL=Collapsible.js.map

package/lib/ui/Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapsible.js","sources":["../../src/lib/ui/Collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nconst Collapsible = CollapsiblePrimitive.Root;\n\nconst CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;\n\nconst CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;\n\nexport { Collapsible, CollapsibleContent, CollapsibleTrigger };\n"],"names":["Collapsible","CollapsiblePrimitive","CollapsibleTrigger","CollapsibleContent"],"mappings":";AAEA,MAAMA,IAAcC,EAAqB,MAEnCC,IAAqBD,EAAqB,oBAE1CE,IAAqBF,EAAqB;"}
+{"version":3,"file":"Collapsible.js","sources":["../../src/lib/ui/Collapsible.tsx"],"sourcesContent":["import * as CollapsiblePrimitive from \"@radix-ui/react-collapsible\";\n\nfunction Collapsible({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.Root>) {\n  return <CollapsiblePrimitive.Root data-slot=\"collapsible\" {...props} />;\n}\n\nfunction CollapsibleTrigger({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleTrigger\n      data-slot=\"collapsible-trigger\"\n      {...props}\n    />\n  );\n}\n\nfunction CollapsibleContent({\n  ...props\n}: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>) {\n  return (\n    <CollapsiblePrimitive.CollapsibleContent\n      data-slot=\"collapsible-content\"\n      {...props}\n    />\n  );\n}\n\nexport { Collapsible, CollapsibleTrigger, CollapsibleContent };\n"],"names":["Collapsible","props","CollapsiblePrimitive","CollapsibleTrigger","jsx","CollapsibleContent"],"mappings":";;AAEA,SAASA,EAAY;AAAA,EACnB,GAAGC;AACL,GAA2D;AACzD,+BAAQC,EAAqB,MAArB,EAA0B,aAAU,eAAe,GAAGD,GAAO;AACvE;AAEA,SAASE,EAAmB;AAAA,EAC1B,GAAGF;AACL,GAAyE;AACvE,SACEG,gBAAAA,EAAAA;AAAAA,IAACF,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACT,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAmB;AAAA,EAC1B,GAAGJ;AACL,GAAyE;AACvE,SACEG,gBAAAA,EAAAA;AAAAA,IAACF,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACT,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/lib/ui/EmbeddedCodeBlock.js

@@ -1,57 +1,58 @@
 import { j as e } from "../jsx-runtime-BzflLqGi.js";
-import { CheckIcon as m, CopyIcon as x } from "lucide-react";
-import { useState as f, useRef as b } from "react";
+import { CheckIcon as p, CopyIcon as x } from "lucide-react";
+import { useState as f, useRef as v } from "react";
 import { c as t } from "../cn-dYga0KKN.js";
-const g = ({
+import { Button as b } from "./Button.js";
+const C = ({
   children: s,
   fullHeight: n,
-  language: d,
+  language: c,
   showCopy: o = "hover",
   showCopyText: a,
-  showLanguageIndicator: u = !0,
-  showLineNumbers: c,
-  ...p
+  showLanguageIndicator: d = !0,
+  showLineNumbers: u,
+  ...m
 }) => {
-  const [i, l] = f(!1), r = b(null);
+  const [i, l] = f(!1), r = v(null);
   return s ? /* @__PURE__ */ e.jsxs(
     "div",
     {
       className: t(
         "code-block-wrapper relative group bg-muted/50",
-        c && "line-numbers",
+        u && "line-numbers",
         n && "h-full"
       ),
       children: [
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e.jsx("div", { className: "relative overflow-auto", children: /* @__PURE__ */ e.jsx(
           "div",
           {
             className: t(
-              "code-block text-sm not-prose scrollbar [&>pre]:overflow-x-auto [&>pre]:p-2",
+              "code-block text-sm not-prose scrollbar [&>pre]:overflow-x-auto [&_code]:p-2",
               n && "h-full [&>pre]:h-full",
-              p.className
+              m.className
             ),
             ref: r,
             children: s
           }
-        ),
-        u && /* @__PURE__ */ e.jsx(
+        ) }),
+        d && /* @__PURE__ */ e.jsx(
           "span",
           {
             className: t(
-              "absolute top-1.5 end-3 text-[11px]! font-mono text-muted-foreground transition group-hover:opacity-0",
+              "absolute top-1.5 end-3 text-[11px]! font-mono text-muted-foreground transition group-hover:opacity-0 pointer-events-none",
               o === "always" && "hidden"
             ),
-            children: d
+            children: c
           }
         ),
         o !== "never" && /* @__PURE__ */ e.jsxs(
-          "button",
+          b,
           {
             type: "button",
-            "aria-label": "Copy code",
-            title: "Copy code",
+            variant: "outline",
+            size: "icon-xs",
             className: t(
-              "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",
+              "absolute top-2 end-2 p-2",
               o === "hover" && "opacity-0 group-hover:opacity-100",
               a && "flex gap-2 items-center font-medium"
             ),
@@ -61,14 +62,14 @@ const g = ({
             },
             children: [
               i ? /* @__PURE__ */ e.jsx(
-                m,
+                p,
                 {
-                  className: "text-emerald-600",
-                  size: 16,
+                  className: "shrink-0 text-emerald-600 dark:text-emerald-300",
+                  size: 13,
                   strokeWidth: 2.5,
                   absoluteStrokeWidth: !0
                 }
-              ) : /* @__PURE__ */ e.jsx(x, { size: 16 }),
+              ) : /* @__PURE__ */ e.jsx(x, { className: "shrink-0", size: 13 }),
               a && "Copy"
             ]
           }
@@ -78,6 +79,6 @@ const g = ({
   ) : null;
 };
 export {
-  g as EmbeddedCodeBlock
+  C as EmbeddedCodeBlock
 };
 //# sourceMappingURL=EmbeddedCodeBlock.js.map

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  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\n        className={cn(\n          \"code-block text-sm not-prose scrollbar [&>pre]:overflow-x-auto [&>pre]:p-2\",\n          fullHeight && \"h-full [&>pre]:h-full\",\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","fullHeight","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,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;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;AAAA,QAEFK,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,IA5DgB;AAgExB;"}
+{"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/Frame.js

@@ -0,0 +1,81 @@
+import { j as a } from "../jsx-runtime-BzflLqGi.js";
+import { c as t } from "../cn-dYga0KKN.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;"}