@krak-stack/registry 0.1.3 → 0.1.4

package/dist/components/ui/file-picker.js

@@ -22,7 +22,7 @@ function cn(...inputs) {
 // ../../src/components/ui/button.tsx
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
 import { cva } from "class-variance-authority";
-import { jsxDEV } from "react/jsx-dev-runtime";
+import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva("group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variants: {
     variant: {
@@ -55,15 +55,15 @@ function Button({
   size = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV(ButtonPrimitive, {
+  return /* @__PURE__ */ jsx(ButtonPrimitive, {
     "data-slot": "button",
     className: cn(buttonVariants({ variant, size, className })),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/attachment.tsx
-import { jsxDEV as jsxDEV2 } from "react/jsx-dev-runtime";
+import { jsx as jsx2 } from "react/jsx-runtime";
 var attachmentVariants = cva2("group/attachment relative flex w-fit max-w-full min-w-0 shrink-0 flex-wrap rounded-xl border bg-card text-card-foreground transition-colors focus-within:ring-1 focus-within:ring-ring/50 has-[>a,>button]:hover:bg-muted/50 data-[state=error]:border-destructive/30 data-[state=idle]:border-dashed", {
   variants: {
     size: {
@@ -84,14 +84,14 @@ function Attachment({
   orientation = "horizontal",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "data-slot": "attachment",
     "data-state": state,
     "data-size": size,
     "data-orientation": orientation,
     className: cn(attachmentVariants({ size, orientation }), className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 var attachmentMediaVariants = cva2("relative flex aspect-square w-10 shrink-0 items-center justify-center overflow-hidden rounded-lg bg-muted text-foreground group-data-[orientation=vertical]/attachment:w-full group-data-[size=sm]/attachment:w-8 group-data-[size=xs]/attachment:w-7 group-data-[size=xs]/attachment:rounded-md group-data-[state=error]/attachment:bg-destructive/10 group-data-[state=error]/attachment:text-destructive group-data-[orientation=vertical]/attachment:*:data-[slot=spinner]:size-6! [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 group-data-[orientation=vertical]/attachment:[&_svg:not([class*='size-'])]:size-6 group-data-[size=xs]/attachment:[&_svg:not([class*='size-'])]:size-3.5", {
   variants: {
@@ -109,52 +109,52 @@ function AttachmentMedia({
   variant = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "data-slot": "attachment-media",
     "data-variant": variant,
     className: cn(attachmentMediaVariants({ variant }), className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "data-slot": "attachment-content",
     className: cn("max-w-full min-w-0 flex-1 leading-tight group-data-[orientation=vertical]/attachment:px-1", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2("span", {
+  return /* @__PURE__ */ jsx2("span", {
     "data-slot": "attachment-title",
     className: cn("block max-w-full min-w-0 truncate font-medium group-data-[state=processing]/attachment:shimmer group-data-[state=uploading]/attachment:shimmer", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2("span", {
+  return /* @__PURE__ */ jsx2("span", {
     "data-slot": "attachment-description",
     className: cn("mt-0.5 block min-w-0 truncate text-xs text-muted-foreground group-data-[state=error]/attachment:text-destructive/80", "max-w-full", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentActions({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "data-slot": "attachment-actions",
     className: cn("relative z-20 flex shrink-0 items-center group-data-[orientation=vertical]/attachment:absolute group-data-[orientation=vertical]/attachment:top-3 group-data-[orientation=vertical]/attachment:right-3 group-data-[orientation=vertical]/attachment:gap-1", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentAction({
   className,
@@ -162,32 +162,32 @@ function AttachmentAction({
   size = "icon-xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsxDEV2(Button, {
+  return /* @__PURE__ */ jsx2(Button, {
     "data-slot": "attachment-action",
     variant: variant ?? "ghost",
     size,
     className: cn(className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 function AttachmentGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsxDEV2("div", {
+  return /* @__PURE__ */ jsx2("div", {
     "data-slot": "attachment-group",
     className: cn("flex min-w-0 scroll-fade-x snap-x snap-mandatory scroll-px-1 scrollbar-none gap-3 overflow-x-auto overscroll-x-contain py-1 *:data-[slot=attachment]:flex-none *:data-[slot=attachment]:snap-start", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/components/ui/input.tsx
 import { Input as InputPrimitive } from "@base-ui/react/input";
-import { jsxDEV as jsxDEV3 } from "react/jsx-dev-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsxDEV3(InputPrimitive, {
+  return /* @__PURE__ */ jsx3(InputPrimitive, {
     type,
     "data-slot": "input",
     className: cn("h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-2.5 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 file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40", className),
     ...props
-  }, undefined, false, undefined, this);
+  });
 }
 
 // ../../src/paraglide/runtime.js
@@ -619,7 +619,7 @@ function isCustomStrategy(strategy2) {
 }
 
 // ../../src/components/ui/file-picker.tsx
-import { jsxDEV as jsxDEV4, Fragment } from "react/jsx-dev-runtime";
+import { jsx as jsx4, jsxs, Fragment } from "react/jsx-runtime";
 "use client";
 var messages = {
   en: {
@@ -712,7 +712,7 @@ var FilePicker = ({
     if (inputRef.current)
       inputRef.current.value = "";
   };
-  const input = /* @__PURE__ */ jsxDEV4(Input, {
+  const input = /* @__PURE__ */ jsx4(Input, {
     ref: inputRef,
     className: "sr-only",
     id,
@@ -729,12 +729,12 @@ var FilePicker = ({
         event.target.value = "";
     },
     "aria-invalid": invalid
-  }, undefined, false, undefined, this);
+  });
   if (multiple) {
-    return /* @__PURE__ */ jsxDEV4("div", {
+    return /* @__PURE__ */ jsxs("div", {
       className: "grid min-w-0 gap-3",
       children: [
-        /* @__PURE__ */ jsxDEV4("div", {
+        /* @__PURE__ */ jsxs("div", {
           className: "bg-muted/30 data-[dragging=true]:bg-muted flex min-h-32 min-w-0 flex-col items-center justify-center gap-3 rounded-xl border border-dashed p-6 text-center transition-colors",
           "data-dragging": dragging,
           onDragEnter: (event) => {
@@ -753,69 +753,69 @@ var FilePicker = ({
           onDragOver: (event) => event.preventDefault(),
           onDrop: handleDrop,
           children: [
-            /* @__PURE__ */ jsxDEV4(CloudUpload, {
+            /* @__PURE__ */ jsx4(CloudUpload, {
               className: "text-muted-foreground size-6"
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV4("div", {
+            }),
+            /* @__PURE__ */ jsxs("div", {
               className: "max-w-full min-w-0",
               children: [
-                /* @__PURE__ */ jsxDEV4("p", {
+                /* @__PURE__ */ jsx4("p", {
                   className: "text-sm font-medium",
                   children: labels.dropFiles
-                }, undefined, false, undefined, this),
-                /* @__PURE__ */ jsxDEV4("p", {
+                }),
+                /* @__PURE__ */ jsx4("p", {
                   className: "text-muted-foreground max-w-full text-xs [overflow-wrap:anywhere]",
                   children: labels.accepts(accept)
-                }, undefined, false, undefined, this)
+                })
               ]
-            }, undefined, true, undefined, this),
-            /* @__PURE__ */ jsxDEV4(Button, {
+            }),
+            /* @__PURE__ */ jsxs(Button, {
               type: "button",
               variant: "outline",
               onClick: () => inputRef.current?.click(),
               children: [
-                /* @__PURE__ */ jsxDEV4(FileUp, {
+                /* @__PURE__ */ jsx4(FileUp, {
                   "data-icon": "inline-start"
-                }, undefined, false, undefined, this),
+                }),
                 labels.chooseFiles
               ]
-            }, undefined, true, undefined, this),
+            }),
             input
           ]
-        }, undefined, true, undefined, this),
-        files.length > 0 ? /* @__PURE__ */ jsxDEV4(AttachmentGroup, {
-          children: files.map((selectedFile) => /* @__PURE__ */ jsxDEV4(Attachment, {
+        }),
+        files.length > 0 ? /* @__PURE__ */ jsx4(AttachmentGroup, {
+          children: files.map((selectedFile) => /* @__PURE__ */ jsxs(Attachment, {
             state: invalid ? "error" : "idle",
             children: [
-              /* @__PURE__ */ jsxDEV4(AttachmentMedia, {
-                children: /* @__PURE__ */ jsxDEV4(FileIcon, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              /* @__PURE__ */ jsxDEV4(AttachmentContent, {
+              /* @__PURE__ */ jsx4(AttachmentMedia, {
+                children: /* @__PURE__ */ jsx4(FileIcon, {})
+              }),
+              /* @__PURE__ */ jsxs(AttachmentContent, {
                 children: [
-                  /* @__PURE__ */ jsxDEV4(AttachmentTitle, {
+                  /* @__PURE__ */ jsx4(AttachmentTitle, {
                     children: selectedFile.name
-                  }, undefined, false, undefined, this),
-                  /* @__PURE__ */ jsxDEV4(AttachmentDescription, {
+                  }),
+                  /* @__PURE__ */ jsx4(AttachmentDescription, {
                     children: fileDescription(selectedFile)
-                  }, undefined, false, undefined, this)
+                  })
                 ]
-              }, undefined, true, undefined, this),
-              /* @__PURE__ */ jsxDEV4(AttachmentActions, {
-                children: /* @__PURE__ */ jsxDEV4(AttachmentAction, {
+              }),
+              /* @__PURE__ */ jsx4(AttachmentActions, {
+                children: /* @__PURE__ */ jsx4(AttachmentAction, {
                   type: "button",
                   "aria-label": `${labels.deleteFile} ${selectedFile.name}`,
                   onClick: () => onFilesChange?.(files.filter((candidate) => candidate !== selectedFile)),
-                  children: /* @__PURE__ */ jsxDEV4(Trash2, {}, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
+                  children: /* @__PURE__ */ jsx4(Trash2, {})
+                })
+              })
             ]
-          }, `${selectedFile.name}:${selectedFile.size}:${selectedFile.lastModified}`, true, undefined, this))
-        }, undefined, false, undefined, this) : null
+          }, `${selectedFile.name}:${selectedFile.size}:${selectedFile.lastModified}`))
+        }) : null
       ]
-    }, undefined, true, undefined, this);
+    });
   }
   if (!selected) {
-    return /* @__PURE__ */ jsxDEV4("div", {
+    return /* @__PURE__ */ jsxs("div", {
       className: "bg-muted/30 data-[dragging=true]:bg-muted flex min-h-32 flex-col items-center justify-center gap-3 rounded-xl border border-dashed p-6 text-center transition-colors",
       "data-dragging": dragging,
       onDragEnter: (event) => {
@@ -834,87 +834,87 @@ var FilePicker = ({
       onDragOver: (event) => event.preventDefault(),
       onDrop: handleDrop,
       children: [
-        /* @__PURE__ */ jsxDEV4(CloudUpload, {
+        /* @__PURE__ */ jsx4(CloudUpload, {
           className: "text-muted-foreground size-6"
-        }, undefined, false, undefined, this),
-        /* @__PURE__ */ jsxDEV4("div", {
+        }),
+        /* @__PURE__ */ jsxs("div", {
           children: [
-            /* @__PURE__ */ jsxDEV4("p", {
+            /* @__PURE__ */ jsx4("p", {
               className: "text-sm font-medium",
               children: labels.dropFile
-            }, undefined, false, undefined, this),
-            /* @__PURE__ */ jsxDEV4("p", {
+            }),
+            /* @__PURE__ */ jsx4("p", {
               className: "text-muted-foreground text-xs",
               children: labels.accepts(accept)
-            }, undefined, false, undefined, this)
+            })
           ]
-        }, undefined, true, undefined, this),
-        /* @__PURE__ */ jsxDEV4(Button, {
+        }),
+        /* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "outline",
           onClick: () => inputRef.current?.click(),
           children: [
-            /* @__PURE__ */ jsxDEV4(FileUp, {
+            /* @__PURE__ */ jsx4(FileUp, {
               "data-icon": "inline-start"
-            }, undefined, false, undefined, this),
+            }),
             labels.chooseFile
           ]
-        }, undefined, true, undefined, this),
+        }),
         input
       ]
-    }, undefined, true, undefined, this);
+    });
   }
-  return /* @__PURE__ */ jsxDEV4(Fragment, {
+  return /* @__PURE__ */ jsxs(Fragment, {
     children: [
-      /* @__PURE__ */ jsxDEV4(Attachment, {
+      /* @__PURE__ */ jsxs(Attachment, {
         className: image ? "w-fit max-w-full" : "w-full",
         orientation: image ? "vertical" : "horizontal",
         state: invalid ? "error" : "done",
         children: [
-          /* @__PURE__ */ jsxDEV4(AttachmentMedia, {
+          /* @__PURE__ */ jsx4(AttachmentMedia, {
             variant: image ? "image" : "icon",
             className: image ? "aspect-auto w-full max-w-full [&_img]:aspect-auto! [&_img]:object-contain!" : undefined,
-            children: image && imageUrl ? /* @__PURE__ */ jsxDEV4("img", {
+            children: image && imageUrl ? /* @__PURE__ */ jsx4("img", {
               src: imageUrl,
               alt: image.alt,
               width: image.width,
               height: image.height,
               className: "h-auto max-w-full object-contain",
               style: { maxHeight: image.height }
-            }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV4(FileIcon, {}, undefined, false, undefined, this)
-          }, undefined, false, undefined, this),
-          /* @__PURE__ */ jsxDEV4(AttachmentContent, {
+            }) : /* @__PURE__ */ jsx4(FileIcon, {})
+          }),
+          /* @__PURE__ */ jsxs(AttachmentContent, {
             className: image ? "w-full" : undefined,
             children: [
-              /* @__PURE__ */ jsxDEV4(AttachmentTitle, {
+              /* @__PURE__ */ jsx4(AttachmentTitle, {
                 children: title
-              }, undefined, false, undefined, this),
-              file ? /* @__PURE__ */ jsxDEV4(AttachmentDescription, {
+              }),
+              file ? /* @__PURE__ */ jsx4(AttachmentDescription, {
                 children: fileDescription(file)
-              }, undefined, false, undefined, this) : null
+              }) : null
             ]
-          }, undefined, true, undefined, this),
-          /* @__PURE__ */ jsxDEV4(AttachmentActions, {
+          }),
+          /* @__PURE__ */ jsxs(AttachmentActions, {
             children: [
-              /* @__PURE__ */ jsxDEV4(AttachmentAction, {
+              /* @__PURE__ */ jsx4(AttachmentAction, {
                 type: "button",
                 "aria-label": labels.replaceFile,
                 onClick: () => inputRef.current?.click(),
-                children: /* @__PURE__ */ jsxDEV4(RefreshCw, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this),
-              canClear ? /* @__PURE__ */ jsxDEV4(AttachmentAction, {
+                children: /* @__PURE__ */ jsx4(RefreshCw, {})
+              }),
+              canClear ? /* @__PURE__ */ jsx4(AttachmentAction, {
                 type: "button",
                 "aria-label": `${labels.deleteFile} ${typeof title === "string" ? title : ""}`,
                 onClick: clear,
-                children: /* @__PURE__ */ jsxDEV4(Trash2, {}, undefined, false, undefined, this)
-              }, undefined, false, undefined, this) : null
+                children: /* @__PURE__ */ jsx4(Trash2, {})
+              }) : null
             ]
-          }, undefined, true, undefined, this)
+          })
         ]
-      }, undefined, true, undefined, this),
+      }),
       input
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 export {
   FilePicker