@timeax/form-palette 0.1.1 → 0.1.3

package/dist/extra.mjs

@@ -4451,6 +4451,10 @@ var twMerge = /* @__PURE__ */ createTailwindMerge(getDefaultConfig);
 function cn(...inputs) {
   return twMerge(clsx(inputs));
 }
+function toArray2(v2) {
+  if (v2 == null) return [];
+  return Array.isArray(v2) ? v2 : [v2];
+}
 function Popover({
   ...props
 }) {
@@ -19206,10 +19210,6 @@ function pickerBtnSize(size) {
       return "h-7 w-7";
   }
 }
-function toArray2(v2) {
-  if (v2 == null) return [];
-  return Array.isArray(v2) ? v2 : [v2];
-}
 function normaliseFileLike(input) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const asAny = input;
@@ -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,
@@ -19366,6 +19367,7 @@ var ShadcnFileVariant = React.forwardRef(function ShadcnFileVariant2(props, ref)
     formatFileName,
     formatFileSize = formatSizeDefault,
     placeholder = "Select file...",
+    asRaw,
     className,
     custom,
     dropAreaClassName,
@@ -19393,7 +19395,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(
@@ -19477,12 +19479,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 : 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) {
@@ -19498,7 +19504,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,
@@ -19517,18 +19523,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 = "";
@@ -19542,8 +19548,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;
@@ -19929,7 +19935,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);
@@ -19956,7 +19962,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
@@ -20074,7 +20080,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);
@@ -20109,7 +20115,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" }) }),
@@ -24653,7 +24659,8 @@ function useField(options) {
     readOnly: readOnlyProp = false,
     validate,
     getOriginalValue,
-    onValueChange
+    onValueChange,
+    onSubmit
   } = options;
   const ref = React.useRef(null);
   const stateRef = React.useRef({
@@ -24740,6 +24747,7 @@ function useField(options) {
       main,
       ignore,
       required,
+      onSubmit,
       ref,
       get defaultValue() {
         return stateRef.current.original;
@@ -24773,7 +24781,8 @@ function useField(options) {
         if (onValueChange) {
           onValueChange(value2, old, variant);
         }
-      }
+      },
+      variant: options.variant
       // Flags not directly on the Field interface but used via `as any`
       // in core-provider (getValue/setValue/reset).
     };
@@ -25138,6 +25147,7 @@ function InputField(props) {
   var _a, _b, _c, _d, _e, _f, _g;
   const {
     variant,
+    onSubmit,
     // Field identity / wiring
     name,
     bind,
@@ -25269,6 +25279,8 @@ function InputField(props) {
     alias,
     main,
     ignore,
+    onSubmit,
+    variant,
     required,
     defaultValue,
     validate