@iconoma/studio 0.0.3 → 0.0.4

package/dist/server/entry-server.js

@@ -3383,32 +3383,50 @@ const twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 function cn$1(...inputs) {
   return twMerge(clsx(inputs));
 }
-const buttonVariants = cva("cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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", {
-  variants: {
-    variant: {
-      default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
-      destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
-      outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
-      secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
-      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
-      link: "text-primary underline-offset-4 hover:underline",
-      selectable: "group relative border bg-background border-input hover:bg-accent hover:text-accent-foreground data-[selected=true]:bg-primary/10 data-[selected=true]:border-primary data-[selected=true]:text-primary dark:data-[selected=true]:bg-primary/20 data-[selected=true]:shadow-sm"
+const buttonVariants = cva(
+  "cursor-pointer inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-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",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",
+        destructive: "bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline",
+        selectable: "group relative border bg-background border-input hover:bg-accent hover:text-accent-foreground data-[selected=true]:bg-primary/10 data-[selected=true]:border-primary data-[selected=true]:text-primary dark:data-[selected=true]:bg-primary/20 data-[selected=true]:shadow-sm"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9"
+      }
     },
-    size: {
-      default: "h-9 px-4 py-2 has-[>svg]:px-3",
-      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
-      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
-      icon: "size-9"
+    defaultVariants: {
+      variant: "default",
+      size: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default",
-    size: "default"
   }
-});
-function Button({ className, variant, size: size2, asChild = false, selected, ...props }) {
+);
+function Button({
+  className,
+  variant,
+  size: size2,
+  asChild = false,
+  selected,
+  ...props
+}) {
   const Comp = asChild ? Slot$3 : "button";
-  return jsx$1(Comp, { "data-slot": "button", "data-selected": selected, className: cn$1(buttonVariants({ variant, size: size2, className })), ...props });
+  return /* @__PURE__ */ jsx$1(
+    Comp,
+    {
+      "data-slot": "button",
+      "data-selected": selected,
+      className: cn$1(buttonVariants({ variant, size: size2, className })),
+      ...props
+    }
+  );
 }
 function __insertCSS(code) {
   if (typeof document == "undefined") return;
@@ -4496,16 +4514,15 @@ function useThemeSafe() {
   useEffect(() => {
     setMounted(true);
     const detectTheme = () => {
-      if (typeof window === "undefined")
-        return "system";
+      if (typeof window === "undefined") return "system";
       const root = document.documentElement;
       const isDark = root.classList.contains("dark");
       const isLight = root.classList.contains("light");
-      if (isDark)
-        return "dark";
-      if (isLight)
-        return "light";
-      const prefersDark = window.matchMedia("(prefers-color-scheme: dark)").matches;
+      if (isDark) return "dark";
+      if (isLight) return "light";
+      const prefersDark = window.matchMedia(
+        "(prefers-color-scheme: dark)"
+      ).matches;
       return prefersDark ? "dark" : "light";
     };
     setTheme(detectTheme());
@@ -4529,24 +4546,32 @@ function useThemeSafe() {
 function ClientOnlyToaster({ ...props }) {
   const { theme: theme2, mounted } = useThemeSafe();
   const finalTheme = mounted ? theme2 : "system";
-  return jsx$1(Toaster$1, { theme: finalTheme, className: "toaster group", icons: {
-    success: jsx$1(CircleCheckIcon, { className: "size-4" }),
-    info: jsx$1(InfoIcon$1, { className: "size-4" }),
-    warning: jsx$1(TriangleAlertIcon, { className: "size-4" }),
-    error: jsx$1(OctagonXIcon, { className: "size-4" }),
-    loading: jsx$1(Loader2Icon, { className: "size-4 animate-spin" })
-  }, style: {
-    "--normal-bg": "var(--popover)",
-    "--normal-text": "var(--popover-foreground)",
-    "--normal-border": "var(--border)",
-    "--border-radius": "var(--radius)"
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  }, ...props });
+  return /* @__PURE__ */ jsx$1(
+    Toaster$1,
+    {
+      theme: finalTheme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx$1(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ jsx$1(InfoIcon$1, { className: "size-4" }),
+        warning: /* @__PURE__ */ jsx$1(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ jsx$1(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ jsx$1(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      },
+      ...props
+    }
+  );
 }
 const Toaster2 = ({ ...props }) => {
-  if (typeof window === "undefined")
-    return null;
-  return jsx$1(ClientOnlyToaster, { ...props });
+  if (typeof window === "undefined") return null;
+  return /* @__PURE__ */ jsx$1(ClientOnlyToaster, { ...props });
 };
 function IconExamples({
   iconKey,
@@ -4718,7 +4743,20 @@ ${svgContent}
   ] });
 }
 function Input({ className, type, ...props }) {
-  return jsx$1("input", { type, "data-slot": "input", className: cn$1("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "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", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "input",
+    {
+      type,
+      "data-slot": "input",
+      className: cn$1(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "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",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function clamp$1(value, [min2, max2]) {
   return Math.min(max2, Math.max(min2, value));
@@ -9656,26 +9694,136 @@ var ItemText = SelectItemText;
 var ItemIndicator = SelectItemIndicator;
 var ScrollUpButton = SelectScrollUpButton$1;
 var ScrollDownButton = SelectScrollDownButton$1;
-function Select({ ...props }) {
-  return jsx$1(Root2$2, { "data-slot": "select", ...props });
+function Select({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Root2$2, { "data-slot": "select", ...props });
 }
-function SelectValue({ ...props }) {
-  return jsx$1(Value, { "data-slot": "select-value", ...props });
+function SelectValue({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Value, { "data-slot": "select-value", ...props });
 }
-function SelectTrigger({ className, size: size2 = "default", children, ...props }) {
-  return jsxs(Trigger$2, { "data-slot": "select-trigger", "data-size": size2, className: cn$1("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className), ...props, children: [children, jsx$1(Icon, { asChild: true, children: jsx$1(ChevronDownIcon, { className: "size-4 opacity-50" }) })] });
+function SelectTrigger({
+  className,
+  size: size2 = "default",
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Trigger$2,
+    {
+      "data-slot": "select-trigger",
+      "data-size": size2,
+      className: cn$1(
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx$1(Icon, { asChild: true, children: /* @__PURE__ */ jsx$1(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+      ]
+    }
+  );
 }
-function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
-  return jsx$1(Portal$2, { children: jsxs(Content2$2, { "data-slot": "select-content", className: cn$1("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position, align, ...props, children: [jsx$1(SelectScrollUpButton, {}), jsx$1(Viewport$2, { className: cn$1("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"), children }), jsx$1(SelectScrollDownButton, {})] }) });
+function SelectContent({
+  className,
+  children,
+  position = "item-aligned",
+  align = "center",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Portal$2, { children: /* @__PURE__ */ jsxs(
+    Content2$2,
+    {
+      "data-slot": "select-content",
+      className: cn$1(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position,
+      align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx$1(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx$1(
+          Viewport$2,
+          {
+            className: cn$1(
+              "p-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx$1(SelectScrollDownButton, {})
+      ]
+    }
+  ) });
 }
-function SelectItem({ className, children, ...props }) {
-  return jsxs(Item$1, { "data-slot": "select-item", className: cn$1("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: [jsx$1("span", { "data-slot": "select-item-indicator", className: "absolute right-2 flex size-3.5 items-center justify-center", children: jsx$1(ItemIndicator, { children: jsx$1(CheckIcon, { className: "size-4" }) }) }), jsx$1(ItemText, { children })] });
+function SelectItem({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Item$1,
+    {
+      "data-slot": "select-item",
+      className: cn$1(
+        "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx$1(
+          "span",
+          {
+            "data-slot": "select-item-indicator",
+            className: "absolute right-2 flex size-3.5 items-center justify-center",
+            children: /* @__PURE__ */ jsx$1(ItemIndicator, { children: /* @__PURE__ */ jsx$1(CheckIcon, { className: "size-4" }) })
+          }
+        ),
+        /* @__PURE__ */ jsx$1(ItemText, { children })
+      ]
+    }
+  );
 }
-function SelectScrollUpButton({ className, ...props }) {
-  return jsx$1(ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn$1("flex cursor-default items-center justify-center py-1", className), ...props, children: jsx$1(ChevronUpIcon, { className: "size-4" }) });
+function SelectScrollUpButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    ScrollUpButton,
+    {
+      "data-slot": "select-scroll-up-button",
+      className: cn$1(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx$1(ChevronUpIcon, { className: "size-4" })
+    }
+  );
 }
-function SelectScrollDownButton({ className, ...props }) {
-  return jsx$1(ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn$1("flex cursor-default items-center justify-center py-1", className), ...props, children: jsx$1(ChevronDownIcon, { className: "size-4" }) });
+function SelectScrollDownButton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    ScrollDownButton,
+    {
+      "data-slot": "select-scroll-down-button",
+      className: cn$1(
+        "flex cursor-default items-center justify-center py-1",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx$1(ChevronDownIcon, { className: "size-4" })
+    }
+  );
 }
 function useStateMachine$1(initialState2, machine) {
   return React.useReducer((state, event) => {
@@ -10101,98 +10249,339 @@ var Title = DialogTitle$1;
 var Description = DialogDescription$1;
 var Close = DialogClose;
 function Sheet({ ...props }) {
-  return jsx$1(Root$5, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx$1(Root$5, { "data-slot": "sheet", ...props });
 }
-function SheetPortal({ ...props }) {
-  return jsx$1(Portal$1, { "data-slot": "sheet-portal", ...props });
+function SheetPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Portal$1, { "data-slot": "sheet-portal", ...props });
 }
-function SheetOverlay({ className, ...props }) {
-  return jsx$1(Overlay, { "data-slot": "sheet-overlay", className: cn$1("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props });
+function SheetOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Overlay,
+    {
+      "data-slot": "sheet-overlay",
+      className: cn$1(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function SheetContent({ className, children, side = "right", ...props }) {
-  return jsxs(SheetPortal, { children: [jsx$1(SheetOverlay, {}), jsxs(Content$1, { "data-slot": "sheet-content", className: cn$1("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500", side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm", side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm", side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b", side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t", className), ...props, children: [children, jsxs(Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [jsx$1(XIcon, { className: "size-4" }), jsx$1("span", { className: "sr-only", children: "Close" })] })] })] });
+function SheetContent({
+  className,
+  children,
+  side = "right",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx$1(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Content$1,
+      {
+        "data-slot": "sheet-content",
+        className: cn$1(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col gap-4 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          side === "right" && "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
+          side === "left" && "data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left inset-y-0 left-0 h-full w-3/4 border-r sm:max-w-sm",
+          side === "top" && "data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top inset-x-0 top-0 h-auto border-b",
+          side === "bottom" && "data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom inset-x-0 bottom-0 h-auto border-t",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          /* @__PURE__ */ jsxs(Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
+            /* @__PURE__ */ jsx$1(XIcon, { className: "size-4" }),
+            /* @__PURE__ */ jsx$1("span", { className: "sr-only", children: "Close" })
+          ] })
+        ]
+      }
+    )
+  ] });
 }
 function SheetHeader({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "sheet-header", className: cn$1("flex flex-col gap-1.5 p-4", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      className: cn$1("flex flex-col gap-1.5 p-4", className),
+      ...props
+    }
+  );
 }
 function SheetFooter({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "sheet-footer", className: cn$1("mt-auto flex flex-col gap-2 p-4", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn$1("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
 }
-function SheetTitle({ className, ...props }) {
-  return jsx$1(Title, { "data-slot": "sheet-title", className: cn$1("text-foreground font-semibold", className), ...props });
+function SheetTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Title,
+    {
+      "data-slot": "sheet-title",
+      className: cn$1("text-foreground font-semibold", className),
+      ...props
+    }
+  );
 }
-function SheetDescription({ className, ...props }) {
-  return jsx$1(Description, { "data-slot": "sheet-description", className: cn$1("text-muted-foreground text-sm", className), ...props });
+function SheetDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Description,
+    {
+      "data-slot": "sheet-description",
+      className: cn$1("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
 }
-function Dialog({ ...props }) {
-  return jsx$1(Root$5, { "data-slot": "dialog", ...props });
+function Dialog({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Root$5, { "data-slot": "dialog", ...props });
 }
-function DialogPortal({ ...props }) {
-  return jsx$1(Portal$1, { "data-slot": "dialog-portal", ...props });
+function DialogPortal({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Portal$1, { "data-slot": "dialog-portal", ...props });
 }
-function DialogOverlay({ className, ...props }) {
-  return jsx$1(Overlay, { "data-slot": "dialog-overlay", className: cn$1("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props });
+function DialogOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Overlay,
+    {
+      "data-slot": "dialog-overlay",
+      className: cn$1(
+        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function DialogContent({ className, children, showCloseButton = true, ...props }) {
-  return jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [jsx$1(DialogOverlay, {}), jsxs(Content$1, { "data-slot": "dialog-content", className: cn$1("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg", className), ...props, children: [children, showCloseButton && jsxs(Close, { "data-slot": "dialog-close", className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", children: [jsx$1(XIcon, {}), jsx$1("span", { className: "sr-only", children: "Close" })] })] })] });
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ jsx$1(DialogOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      Content$1,
+      {
+        "data-slot": "dialog-content",
+        className: cn$1(
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",
+          className
+        ),
+        ...props,
+        children: [
+          children,
+          showCloseButton && /* @__PURE__ */ jsxs(
+            Close,
+            {
+              "data-slot": "dialog-close",
+              className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+              children: [
+                /* @__PURE__ */ jsx$1(XIcon, {}),
+                /* @__PURE__ */ jsx$1("span", { className: "sr-only", children: "Close" })
+              ]
+            }
+          )
+        ]
+      }
+    )
+  ] });
 }
 function DialogHeader({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "dialog-header", className: cn$1("flex flex-col gap-2 text-center sm:text-left", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "dialog-header",
+      className: cn$1("flex flex-col gap-2 text-center sm:text-left", className),
+      ...props
+    }
+  );
 }
 function DialogFooter({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "dialog-footer", className: cn$1("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "dialog-footer",
+      className: cn$1(
+        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function DialogTitle({ className, ...props }) {
-  return jsx$1(Title, { "data-slot": "dialog-title", className: cn$1("text-lg leading-none font-semibold", className), ...props });
+function DialogTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Title,
+    {
+      "data-slot": "dialog-title",
+      className: cn$1("text-lg leading-none font-semibold", className),
+      ...props
+    }
+  );
 }
-function DialogDescription({ className, ...props }) {
-  return jsx$1(Description, { "data-slot": "dialog-description", className: cn$1("text-muted-foreground text-sm", className), ...props });
+function DialogDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Description,
+    {
+      "data-slot": "dialog-description",
+      className: cn$1("text-muted-foreground text-sm", className),
+      ...props
+    }
+  );
 }
 function Empty({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "empty", className: cn$1("flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "empty",
+      className: cn$1(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 rounded-lg border-dashed p-6 text-center text-balance md:p-12",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function EmptyHeader({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "empty-header", className: cn$1("flex max-w-sm flex-col items-center gap-2 text-center", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "empty-header",
+      className: cn$1(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        className
+      ),
+      ...props
+    }
+  );
 }
-const emptyMediaVariants = cva("flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0", {
-  variants: {
-    variant: {
-      default: "bg-transparent",
-      icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+const emptyMediaVariants = cva(
+  "flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default"
   }
-});
-function EmptyMedia({ className, variant = "default", ...props }) {
-  return jsx$1("div", { "data-slot": "empty-icon", "data-variant": variant, className: cn$1(emptyMediaVariants({ variant, className })), ...props });
+);
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "empty-icon",
+      "data-variant": variant,
+      className: cn$1(emptyMediaVariants({ variant, className })),
+      ...props
+    }
+  );
 }
 function EmptyTitle({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "empty-title", className: cn$1("text-lg font-medium tracking-tight", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "empty-title",
+      className: cn$1("text-lg font-medium tracking-tight", className),
+      ...props
+    }
+  );
 }
 function EmptyDescription({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "empty-description", className: cn$1("text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "empty-description",
+      className: cn$1(
+        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function EmptyContent({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "empty-content", className: cn$1("flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "empty-content",
+      className: cn$1(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-4 text-sm text-balance",
+        className
+      ),
+      ...props
+    }
+  );
 }
-const badgeVariants = cva("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 [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"
+const badgeVariants = cva(
+  "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 [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"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
     }
-  },
-  defaultVariants: {
-    variant: "default"
   }
-});
-function Badge({ className, variant, asChild = false, ...props }) {
+);
+function Badge({
+  className,
+  variant,
+  asChild = false,
+  ...props
+}) {
   const Comp = asChild ? Slot$3 : "span";
-  return jsx$1(Comp, { "data-slot": "badge", className: cn$1(badgeVariants({ variant }), className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    Comp,
+    {
+      "data-slot": "badge",
+      className: cn$1(badgeVariants({ variant }), className),
+      ...props
+    }
+  );
 }
 function Home() {
   const navigate = useNavigate();
@@ -39891,8 +40280,21 @@ var Label$1 = React.forwardRef((props, forwardedRef) => {
 });
 Label$1.displayName = NAME$1;
 var Root$4 = Label$1;
-function Label({ className, ...props }) {
-  return jsx$1(Root$4, { "data-slot": "label", className: cn$1("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className), ...props });
+function Label({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Root$4,
+    {
+      "data-slot": "label",
+      className: cn$1(
+        "flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        className
+      ),
+      ...props
+    }
+  );
 }
 var NAME = "Separator";
 var DEFAULT_ORIENTATION = "horizontal";
@@ -39917,39 +40319,104 @@ function isValidOrientation(orientation) {
   return ORIENTATIONS.includes(orientation);
 }
 var Root$3 = Separator$1;
-function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
-  return jsx$1(Root$3, { "data-slot": "separator", decorative, orientation, className: cn$1("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className), ...props });
+function Separator({
+  className,
+  orientation = "horizontal",
+  decorative = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Root$3,
+    {
+      "data-slot": "separator",
+      decorative,
+      orientation,
+      className: cn$1(
+        "bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
+        className
+      ),
+      ...props
+    }
+  );
 }
-const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
-  variants: {
-    orientation: {
-      vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
-      horizontal: [
-        "flex-row items-center",
-        "[&>[data-slot=field-label]]:flex-auto",
-        "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      ],
-      responsive: [
-        "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
-        "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
-        "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
-      ]
+const fieldVariants = cva(
+  "group/field flex w-full gap-3 data-[invalid=true]:text-destructive",
+  {
+    variants: {
+      orientation: {
+        vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],
+        horizontal: [
+          "flex-row items-center",
+          "[&>[data-slot=field-label]]:flex-auto",
+          "has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ],
+        responsive: [
+          "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto",
+          "@md/field-group:[&>[data-slot=field-label]]:flex-auto",
+          "@md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+        ]
+      }
+    },
+    defaultVariants: {
+      orientation: "vertical"
     }
-  },
-  defaultVariants: {
-    orientation: "vertical"
   }
-});
-function Field({ className, orientation = "vertical", ...props }) {
-  return jsx$1("div", { role: "group", "data-slot": "field", "data-orientation": orientation, className: cn$1(fieldVariants({ orientation }), className), ...props });
+);
+function Field({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": orientation,
+      className: cn$1(fieldVariants({ orientation }), className),
+      ...props
+    }
+  );
 }
-function FieldLabel({ className, ...props }) {
-  return jsx$1(Label, { "data-slot": "field-label", className: cn$1("group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50", "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4", "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10", className), ...props });
+function FieldLabel({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Label,
+    {
+      "data-slot": "field-label",
+      className: cn$1(
+        "group/field-label peer/field-label flex w-fit gap-2 leading-snug group-data-[disabled=true]/field:opacity-50",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col has-[>[data-slot=field]]:rounded-md has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-4",
+        "has-data-[state=checked]:bg-primary/5 has-data-[state=checked]:border-primary dark:has-data-[state=checked]:bg-primary/10",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function FieldDescription({ className, ...props }) {
-  return jsx$1("p", { "data-slot": "field-description", className: cn$1("text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance", "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: cn$1(
+        "text-muted-foreground text-sm leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1 [[data-variant=legend]+&]:-mt-1.5",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
 }
-function FieldError({ className, children, errors, ...props }) {
+function FieldError({
+  className,
+  children,
+  errors,
+  ...props
+}) {
   const content2 = useMemo(() => {
     if (children) {
       return children;
@@ -39963,12 +40430,23 @@ function FieldError({ className, children, errors, ...props }) {
     if (uniqueErrors?.length == 1) {
       return uniqueErrors[0]?.message;
     }
-    return jsx$1("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map((error, index2) => error?.message && jsx$1("li", { children: error.message }, index2)) });
+    return /* @__PURE__ */ jsx$1("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index2) => error?.message && /* @__PURE__ */ jsx$1("li", { children: error.message }, index2)
+    ) });
   }, [children, errors]);
   if (!content2) {
     return null;
   }
-  return jsx$1("div", { role: "alert", "data-slot": "field-error", className: cn$1("text-destructive text-sm font-normal", className), ...props, children: content2 });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: cn$1("text-destructive text-sm font-normal", className),
+      ...props,
+      children: content2
+    }
+  );
 }
 function detectSvgColors(svgContent) {
   if (!svgContent || typeof svgContent !== "string") {
@@ -40759,11 +41237,58 @@ function useResizeObserver(element, onResize) {
 var Root$2 = ScrollArea$1;
 var Viewport2 = ScrollAreaViewport;
 var Corner = ScrollAreaCorner;
-function ScrollArea({ className, children, ...props }) {
-  return jsxs(Root$2, { "data-slot": "scroll-area", className: cn$1("relative", className), ...props, children: [jsx$1(Viewport2, { "data-slot": "scroll-area-viewport", className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 p-2.5 -mx-2.5", children }), jsx$1(ScrollBar, {}), jsx$1(Corner, {})] });
+function ScrollArea({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Root$2,
+    {
+      "data-slot": "scroll-area",
+      className: cn$1("relative", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx$1(
+          Viewport2,
+          {
+            "data-slot": "scroll-area-viewport",
+            className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1 p-2.5 -mx-2.5",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx$1(ScrollBar, {}),
+        /* @__PURE__ */ jsx$1(Corner, {})
+      ]
+    }
+  );
 }
-function ScrollBar({ className, orientation = "vertical", ...props }) {
-  return jsx$1(ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation, className: cn$1("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: jsx$1(ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) });
+function ScrollBar({
+  className,
+  orientation = "vertical",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    ScrollAreaScrollbar,
+    {
+      "data-slot": "scroll-area-scrollbar",
+      orientation,
+      className: cn$1(
+        "flex touch-none p-px transition-colors select-none",
+        orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent",
+        orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx$1(
+        ScrollAreaThumb,
+        {
+          "data-slot": "scroll-area-thumb",
+          className: "bg-border relative flex-1 rounded-full"
+        }
+      )
+    }
+  );
 }
 const iconFormSchema = z$1.object({
   name: z$1.string().min(1, "Name is required"),
@@ -41751,9 +42276,61 @@ var Root$1 = Slider$1;
 var Track = SliderTrack;
 var Range3 = SliderRange;
 var Thumb = SliderThumb;
-function Slider({ className, defaultValue, value, min: min2 = 0, max: max2 = 100, ...props }) {
-  const _values = React.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2], [value, defaultValue, min2, max2]);
-  return jsxs(Root$1, { "data-slot": "slider", defaultValue, value, min: min2, max: max2, className: cn$1("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className), ...props, children: [jsx$1(Track, { "data-slot": "slider-track", className: cn$1("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"), children: jsx$1(Range3, { "data-slot": "slider-range", className: cn$1("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full") }) }), Array.from({ length: _values.length }, (_, index2) => jsx$1(Thumb, { "data-slot": "slider-thumb", className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50" }, index2))] });
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min: min2 = 0,
+  max: max2 = 100,
+  ...props
+}) {
+  const _values = React.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min2, max2],
+    [value, defaultValue, min2, max2]
+  );
+  return /* @__PURE__ */ jsxs(
+    Root$1,
+    {
+      "data-slot": "slider",
+      defaultValue,
+      value,
+      min: min2,
+      max: max2,
+      className: cn$1(
+        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx$1(
+          Track,
+          {
+            "data-slot": "slider-track",
+            className: cn$1(
+              "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+            ),
+            children: /* @__PURE__ */ jsx$1(
+              Range3,
+              {
+                "data-slot": "slider-range",
+                className: cn$1(
+                  "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+                )
+              }
+            )
+          }
+        ),
+        Array.from({ length: _values.length }, (_, index2) => /* @__PURE__ */ jsx$1(
+          Thumb,
+          {
+            "data-slot": "slider-thumb",
+            className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+          },
+          index2
+        ))
+      ]
+    }
+  );
 }
 function IconPreview() {
   const { iconKey } = useParams();
@@ -42513,17 +43090,59 @@ var Item = AccordionItem$1;
 var Header$1 = AccordionHeader;
 var Trigger2 = AccordionTrigger$1;
 var Content2$1 = AccordionContent$1;
-function Accordion({ ...props }) {
-  return jsx$1(Root2$1, { "data-slot": "accordion", ...props });
+function Accordion({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Root2$1, { "data-slot": "accordion", ...props });
 }
-function AccordionItem({ className, ...props }) {
-  return jsx$1(Item, { "data-slot": "accordion-item", className: cn$1("border-b last:border-b-0", className), ...props });
+function AccordionItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Item,
+    {
+      "data-slot": "accordion-item",
+      className: cn$1("border-b last:border-b-0", className),
+      ...props
+    }
+  );
 }
-function AccordionTrigger({ className, children, ...props }) {
-  return jsx$1(Header$1, { className: "flex", children: jsxs(Trigger2, { "data-slot": "accordion-trigger", className: cn$1("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className), ...props, children: [children, jsx$1(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })] }) });
+function AccordionTrigger({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Header$1, { className: "flex", children: /* @__PURE__ */ jsxs(
+    Trigger2,
+    {
+      "data-slot": "accordion-trigger",
+      className: cn$1(
+        "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsx$1(ChevronDownIcon, { className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200" })
+      ]
+    }
+  ) });
 }
-function AccordionContent({ className, children, ...props }) {
-  return jsx$1(Content2$1, { "data-slot": "accordion-content", className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm", ...props, children: jsx$1("div", { className: cn$1("pt-0 pb-4", className), children }) });
+function AccordionContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Content2$1,
+    {
+      "data-slot": "accordion-content",
+      className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
+      ...props,
+      children: /* @__PURE__ */ jsx$1("div", { className: cn$1("pt-0 pb-4", className), children })
+    }
+  );
 }
 var CHECKBOX_NAME = "Checkbox";
 var [createCheckboxContext] = createContextScope(CHECKBOX_NAME);
@@ -42782,8 +43401,29 @@ function isIndeterminate(checked) {
 function getState$1(checked) {
   return isIndeterminate(checked) ? "indeterminate" : checked ? "checked" : "unchecked";
 }
-function Checkbox({ className, ...props }) {
-  return jsx$1(Checkbox$1, { "data-slot": "checkbox", className: cn$1("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", className), ...props, children: jsx$1(CheckboxIndicator, { "data-slot": "checkbox-indicator", className: "grid place-content-center text-current transition-none", children: jsx$1(CheckIcon, { className: "size-3.5" }) }) });
+function Checkbox({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(
+    Checkbox$1,
+    {
+      "data-slot": "checkbox",
+      className: cn$1(
+        "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",
+        className
+      ),
+      ...props,
+      children: /* @__PURE__ */ jsx$1(
+        CheckboxIndicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current transition-none",
+          children: /* @__PURE__ */ jsx$1(CheckIcon, { className: "size-3.5" })
+        }
+      )
+    }
+  );
 }
 function ConfigFormStep({
   form,
@@ -43139,16 +43779,50 @@ function ColorVariablesSection({ form }) {
   ] });
 }
 function Card({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "card", className: cn$1("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn$1(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function CardHeader({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "card-header", className: cn$1("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: cn$1(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      ...props
+    }
+  );
 }
 function CardTitle({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "card-title", className: cn$1("leading-none font-semibold", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: cn$1("leading-none font-semibold", className),
+      ...props
+    }
+  );
 }
 function CardContent({ className, ...props }) {
-  return jsx$1("div", { "data-slot": "card-content", className: cn$1("px-6", className), ...props });
+  return /* @__PURE__ */ jsx$1(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: cn$1("px-6", className),
+      ...props
+    }
+  );
 }
 const changeTypeConfig = {
   MIGRATE_SVG_TO_LOCK: {
@@ -43783,14 +44457,35 @@ var Root2 = Popover$1;
 var Trigger = PopoverTrigger$1;
 var Portal = PopoverPortal;
 var Content2 = PopoverContent$1;
-function Popover({ ...props }) {
-  return jsx$1(Root2, { "data-slot": "popover", ...props });
+function Popover({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Root2, { "data-slot": "popover", ...props });
 }
-function PopoverTrigger({ ...props }) {
-  return jsx$1(Trigger, { "data-slot": "popover-trigger", ...props });
+function PopoverTrigger({
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Trigger, { "data-slot": "popover-trigger", ...props });
 }
-function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-  return jsx$1(Portal, { children: jsx$1(Content2, { "data-slot": "popover-content", align, sideOffset, className: cn$1("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className), ...props }) });
+function PopoverContent({
+  className,
+  align = "center",
+  sideOffset = 4,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx$1(Portal, { children: /* @__PURE__ */ jsx$1(
+    Content2,
+    {
+      "data-slot": "popover-content",
+      align,
+      sideOffset,
+      className: cn$1(
+        "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
+        className
+      ),
+      ...props
+    }
+  ) });
 }
 function ColorPicker() {
   const {