@timeax/form-palette 0.1.0 → 0.1.2

package/dist/extra.mjs

@@ -19341,6 +19341,7 @@ var FileThumbnail = ({ item }) => {
   ) : /* @__PURE__ */ jsx(File2, { className: "h-4 w-4 text-muted-foreground/50" }) });
 };
 var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref) {
+  var _a;
   const {
     value,
     onValue,
@@ -19367,6 +19368,7 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
     formatFileSize = formatSizeDefault,
     placeholder = "Select file...",
     className,
+    custom,
     dropAreaClassName,
     listClassName,
     triggerClassName,
@@ -19392,7 +19394,7 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
   } = props;
   const joinControls = mode === "default" ? joinControlsProp != null ? joinControlsProp : true : false;
   const extendBoxToControls = mode === "default" ? extendBoxToControlsProp != null ? extendBoxToControlsProp : true : false;
-  const items = value != null ? value : [];
+  const items = (_a = toArray2(value)) != null ? _a : [];
   const isDisabled = Boolean(disabled || readOnly);
   const [dragOver, setDragOver] = React.useState(false);
   const [selectedIds, setSelectedIds] = React.useState(
@@ -19476,12 +19478,16 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
     setSelectedIds(/* @__PURE__ */ new Set());
   }, [emitChange, items, selectedIds]);
   const openPicker = React.useCallback(async () => {
-    var _a;
+    var _a2;
     if (isDisabled) return;
-    let resolvedLoader = customLoader != null ? customLoader : getPaletteUtil("customLoader");
+    let resolvedLoader = customLoader != null ? customLoader : custom && getPaletteUtil("customLoader");
     if (resolvedLoader) {
       try {
-        const result = await resolvedLoader({ multiple, current: items, allowedTypes: toArray2(accept) });
+        const result = await resolvedLoader({
+          multiple,
+          current: items,
+          allowedTypes: toArray2(accept)
+        });
         if (!result) return;
         const normalized = toArray2(result).map(normaliseFileLike);
         if (mergeMode === "replace" || !multiple) {
@@ -19497,7 +19503,7 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
       }
       return;
     }
-    (_a = fileInputRef.current) == null ? void 0 : _a.click();
+    (_a2 = fileInputRef.current) == null ? void 0 : _a2.click();
   }, [
     customLoader,
     emitChange,
@@ -19516,18 +19522,18 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
   );
   const onDrop = React.useCallback(
     (e4) => {
-      var _a;
+      var _a2;
       e4.preventDefault();
       setDragOver(false);
-      if (isDisabled || !((_a = e4.dataTransfer.files) == null ? void 0 : _a.length)) return;
+      if (isDisabled || !((_a2 = e4.dataTransfer.files) == null ? void 0 : _a2.length)) return;
       const files = normaliseFromFiles(e4.dataTransfer.files);
       handleAddItems(files, "drop");
     },
     [handleAddItems, isDisabled]
   );
   const onNativeChange = (e4) => {
-    var _a;
-    if ((_a = e4.target.files) == null ? void 0 : _a.length) {
+    var _a2;
+    if ((_a2 = e4.target.files) == null ? void 0 : _a2.length) {
       handleAddItems(normaliseFromFiles(e4.target.files), "input");
     }
     e4.target.value = "";
@@ -19541,8 +19547,8 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
       const [preview2, setPreview] = React.useState(null);
       const [isOpen, setIsOpen] = React.useState(false);
       React.useEffect(() => {
-        var _a;
-        const isImage2 = ((_a = item.type) == null ? void 0 : _a.startsWith("image/")) || item.name.match(/\.(jpg|jpeg|png|gif|webp)$/i);
+        var _a2;
+        const isImage2 = ((_a2 = item.type) == null ? void 0 : _a2.startsWith("image/")) || item.name.match(/\.(jpg|jpeg|png|gif|webp)$/i);
         if (!isImage2) {
           setPreview(null);
           return;
@@ -19928,7 +19934,7 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
                 ),
                 children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
                   items.map((item) => {
-                    var _a;
+                    var _a2;
                     const selected = selectedIds.has(item.id);
                     const toggle = () => {
                       const next = new Set(selectedIds);
@@ -19955,7 +19961,7 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
                           ),
                           /* @__PURE__ */ jsx(FileThumbnail, { item }),
                           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-                            /* @__PURE__ */ jsx("div", { className: "truncate font-medium", children: (_a = formatFileName == null ? void 0 : formatFileName(item)) != null ? _a : item.name }),
+                            /* @__PURE__ */ jsx("div", { className: "truncate font-medium", children: (_a2 = formatFileName == null ? void 0 : formatFileName(item)) != null ? _a2 : item.name }),
                             /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
                               /* @__PURE__ */ jsx("span", { children: formatFileSize(
                                 item.size
@@ -20073,7 +20079,7 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
       ] })
     ] }),
     /* @__PURE__ */ jsx(ScrollArea, { className: cn("mt-1 w-full", listClassName), children: /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: items.map((item, index) => {
-      var _a;
+      var _a2;
       const selected = selectedIds.has(item.id);
       const toggle = () => {
         const next = new Set(selectedIds);
@@ -20108,7 +20114,7 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
             ),
             /* @__PURE__ */ jsx(FileThumbnail, { item }),
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
-              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-2", children: /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: (_a = formatFileName == null ? void 0 : formatFileName(item)) != null ? _a : item.name }) }),
+              /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between gap-2", children: /* @__PURE__ */ jsx("span", { className: "truncate text-sm font-medium text-foreground", children: (_a2 = formatFileName == null ? void 0 : formatFileName(item)) != null ? _a2 : item.name }) }),
               /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-xs text-muted-foreground", children: [
                 /* @__PURE__ */ jsx("span", { children: formatFileSize(item.size) }),
                 item.status === "loading" && /* @__PURE__ */ jsx("span", { className: "flex items-center gap-1 text-primary", children: /* @__PURE__ */ jsx(LoaderCircle, { className: "h-3 w-3 animate-spin" }) }),