@cieloazul310/digital-go-pandacss-preset 0.2.0 → 0.2.1

package/dist/index.js

@@ -34,7 +34,7 @@ __export(index_exports, {
   default: () => index_default
 });
 module.exports = __toCommonJS(index_exports);
-var import_dev43 = require("@pandacss/dev");
+var import_dev44 = require("@pandacss/dev");
 var import_digital_go_pandacss_plugin = __toESM(require("@cieloazul310/digital-go-pandacss-plugin"));
 var import_digital_go_pandacss_utils = require("@cieloazul310/digital-go-pandacss-utils");
 
@@ -1936,9 +1936,586 @@ var fieldset_default = (0, import_dev24.defineSlotRecipe)({
   }
 });
 
-// src/recipes/hamburger-menu-button.ts
+// src/recipes/file-upload.ts
 var import_dev25 = require("@pandacss/dev");
-var hamburger_menu_button_default = (0, import_dev25.defineRecipe)({
+
+// ../../node_modules/@zag-js/file-upload/dist/index.mjs
+var import_anatomy8 = require("@zag-js/anatomy");
+
+// ../../node_modules/@zag-js/dom-query/dist/index.mjs
+var isObject = (v) => typeof v === "object" && v !== null;
+var ELEMENT_NODE = 1;
+var DOCUMENT_NODE = 9;
+var DOCUMENT_FRAGMENT_NODE = 11;
+var isHTMLElement = (el) => isObject(el) && el.nodeType === ELEMENT_NODE && typeof el.nodeName === "string";
+var isDocument = (el) => isObject(el) && el.nodeType === DOCUMENT_NODE;
+var isNode = (el) => isObject(el) && el.nodeType !== void 0;
+var isShadowRoot = (el) => isNode(el) && el.nodeType === DOCUMENT_FRAGMENT_NODE && "host" in el;
+function contains(parent, child) {
+  if (!parent || !child) return false;
+  if (!isHTMLElement(parent) || !isHTMLElement(child)) return false;
+  const rootNode = child.getRootNode?.();
+  if (parent === child) return true;
+  if (parent.contains(child)) return true;
+  if (rootNode && isShadowRoot(rootNode)) {
+    let next = child;
+    while (next) {
+      if (parent === next) return true;
+      next = next.parentNode || next.host;
+    }
+  }
+  return false;
+}
+function getWindow(el) {
+  if (isShadowRoot(el)) return getWindow(el.host);
+  if (isDocument(el)) return el.defaultView ?? window;
+  if (isHTMLElement(el)) return el.ownerDocument?.defaultView ?? window;
+  return window;
+}
+function getComposedPath(event) {
+  return event.composedPath?.() ?? event.nativeEvent?.composedPath?.();
+}
+function getEventTarget(event) {
+  const composedPath = getComposedPath(event);
+  return composedPath?.[0] ?? event.target;
+}
+var addDomEvent = (target, eventName, handler, options) => {
+  const node = typeof target === "function" ? target() : target;
+  node?.addEventListener(eventName, handler, options);
+  return () => {
+    node?.removeEventListener(eventName, handler, options);
+  };
+};
+function raf(fn) {
+  let cleanup;
+  const id = globalThis.requestAnimationFrame(() => {
+    cleanup = fn();
+  });
+  return () => {
+    globalThis.cancelAnimationFrame(id);
+    cleanup?.();
+  };
+}
+
+// ../../node_modules/@zag-js/file-utils/dist/index.mjs
+function isMIMEType(v) {
+  return v === "audio/*" || v === "video/*" || v === "image/*" || v === "text/*" || /\w+\/[-+.\w]+/g.test(v);
+}
+function isExt(v) {
+  return /^.*\.[\w]+$/.test(v);
+}
+var isValidMIME = (v) => isMIMEType(v) || isExt(v);
+function getAcceptAttrString(accept) {
+  if (accept == null) return;
+  if (typeof accept === "string") {
+    return accept;
+  }
+  if (Array.isArray(accept)) {
+    return accept.filter(isValidMIME).join(",");
+  }
+  return Object.entries(accept).reduce((a, [mimeType, ext]) => [...a, mimeType, ...ext], []).filter(isValidMIME).join(",");
+}
+var isFileEqual = (file1, file2) => {
+  return file1.name === file2.name && file1.size === file2.size && file1.type === file2.type;
+};
+var isDefined = (v) => v !== void 0 && v !== null;
+function isValidFileSize(file, minSize, maxSize) {
+  if (isDefined(file.size)) {
+    if (isDefined(minSize) && isDefined(maxSize)) {
+      if (file.size > maxSize) return [false, "FILE_TOO_LARGE"];
+      if (file.size < minSize) return [false, "FILE_TOO_SMALL"];
+    } else if (isDefined(minSize) && file.size < minSize) {
+      return [false, "FILE_TOO_SMALL"];
+    } else if (isDefined(maxSize) && file.size > maxSize) {
+      return [false, "FILE_TOO_LARGE"];
+    }
+  }
+  return [true, null];
+}
+var mimeTypes = "3g2_video/3gpp2[3gp,3gpp_video/3gpp[3mf_model/3mf[7z_application/x-7z-compressed[aac_audio/aac[ac_application/pkix-attr-cert[adp_audio/adpcm[adts_audio/aac[ai_application/postscript[aml_application/automationml-aml+xml[amlx_application/automationml-amlx+zip[amr_audio/amr[apk_application/vnd.android.package-archive[apng_image/apng[appcache,manifest_text/cache-manifest[appinstaller_application/appinstaller[appx_application/appx[appxbundle_application/appxbundle[asc_application/pgp-keys[atom_application/atom+xml[atomcat_application/atomcat+xml[atomdeleted_application/atomdeleted+xml[atomsvc_application/atomsvc+xml[au,snd_audio/basic[avi_video/x-msvideo[avci_image/avci[avcs_image/avcs[avif_image/avif[aw_application/applixware[bdoc_application/bdoc[bin,bpk,buffer,deb,deploy,dist,distz,dll,dmg,dms,dump,elc,exe,img,iso,lrf,mar,msi,msm,msp,pkg,so_application/octet-stream[bmp,dib_image/bmp[btf,btif_image/prs.btif[bz2_application/x-bzip2[c_text/x-c[ccxml_application/ccxml+xml[cdfx_application/cdfx+xml[cdmia_application/cdmi-capability[cdmic_application/cdmi-container[cdmid_application/cdmi-domain[cdmio_application/cdmi-object[cdmiq_application/cdmi-queue[cer_application/pkix-cert[cgm_image/cgm[cjs_application/node[class_application/java-vm[coffee,litcoffee_text/coffeescript[conf,def,in,ini,list,log,text,txt_text/plain[cpp,cxx,cc_text/x-c++src[cpl_application/cpl+xml[cpt_application/mac-compactpro[crl_application/pkix-crl[css_text/css[csv_text/csv[cu_application/cu-seeme[cwl_application/cwl[cww_application/prs.cww[davmount_application/davmount+xml[dbk_application/docbook+xml[doc_application/msword[docx_application/vnd.openxmlformats-officedocument.wordprocessingml.document[dsc_text/prs.lines.tag[dssc_application/dssc+der[dtd_application/xml-dtd[dwd_application/atsc-dwd+xml[ear,jar,war_application/java-archive[ecma_application/ecmascript[emf_image/emf[eml,mime_message/rfc822[emma_application/emma+xml[emotionml_application/emotionml+xml[eot_application/vnd.ms-fontobject[eps,ps_application/postscript[epub_application/epub+zip[exi_application/exi[exp_application/express[exr_image/aces[ez_application/andrew-inset[fdf_application/fdf[fdt_application/fdt+xml[fits_image/fits[flac_audio/flac[flv_video/x-flv[g3_image/g3fax[geojson_application/geo+json[gif_image/gif[glb_model/gltf-binary[gltf_model/gltf+json[gml_application/gml+xml[go_text/x-go[gpx_application/gpx+xml[gz_application/gzip[h_text/x-h[h261_video/h261[h263_video/h263[h264_video/h264[heic_image/heic[heics_image/heic-sequence[heif_image/heif[heifs_image/heif-sequence[htm,html,shtml_text/html[ico_image/x-icon[icns_image/x-icns[ics,ifb_text/calendar[iges,igs_model/iges[ink,inkml_application/inkml+xml[ipa_application/octet-stream[java_text/x-java-source[jp2,jpg2_image/jp2[jpeg,jpe,jpg_image/jpeg[jpf,jpx_image/jpx[jpm,jpgm_image/jpm[jpgv_video/jpeg[jph_image/jph[js,mjs_text/javascript[json_application/json[json5_application/json5[jsonld_application/ld+json[jsx_text/jsx[jxl_image/jxl[jxr_image/jxr[ktx_image/ktx[ktx2_image/ktx2[less_text/less[m1v,m2v,mpe,mpeg,mpg_video/mpeg[m4a_audio/mp4[m4v_video/x-m4v[md,markdown_text/markdown[mid,midi,kar,rmi_audio/midi[mkv_video/x-matroska[mp2,mp2a,mp3,mpga,m3a,m2a_audio/mpeg[mp4,mp4v,mpg4_video/mp4[mp4a_audio/mp4[mp4s,m4p_application/mp4[odp_application/vnd.oasis.opendocument.presentation[oda_application/oda[ods_application/vnd.oasis.opendocument.spreadsheet[odt_application/vnd.oasis.opendocument.text[oga,ogg,opus,spx_audio/ogg[ogv_video/ogg[ogx_application/ogg[otf_font/otf[p12,pfx_application/x-pkcs12[pdf_application/pdf[pem_application/x-pem-file[php_text/x-php[png_image/png[ppt_application/vnd.ms-powerpoint[pptx_application/vnd.openxmlformats-officedocument.presentationml.presentation[pskcxml_application/pskc+xml[psd_image/vnd.adobe.photoshop[py_text/x-python[qt,mov_video/quicktime[rar_application/vnd.rar[rdf_application/rdf+xml[rtf_text/rtf[sass_text/x-sass[scss_text/x-scss[sgm,sgml_text/sgml[sh_application/x-sh[svg,svgz_image/svg+xml[swf_application/x-shockwave-flash[tar_application/x-tar[tif,tiff_image/tiff[toml_application/toml[ts_video/mp2t[tsx_text/tsx[tsv_text/tab-separated-values[ttc_font/collection[ttf_font/ttf[vtt_text/vtt[wasm_application/wasm[wav_audio/wav[weba_audio/webm[webm_video/webm[webmanifest_application/manifest+json[webp_image/webp[wma_audio/x-ms-wma[wmv_video/x-ms-wmv[woff_font/woff[woff2_font/woff2[xls_application/vnd.ms-excel[xlsx_application/vnd.openxmlformats-officedocument.spreadsheetml.sheet[xml_application/xml[xz_application/x-xz[yaml,yml_text/yaml[zip_application/zip";
+var mimeTypesMap = new Map(
+  mimeTypes.split("[").flatMap((mime) => {
+    const [extensions, mimeType] = mime.split("_");
+    return extensions.split(",").map((ext) => [ext, mimeType]);
+  })
+);
+function getFileMimeType(name) {
+  const extension = name.split(".").pop();
+  return extension ? mimeTypesMap.get(extension) || null : null;
+}
+function isFileAccepted(file, accept) {
+  if (file && accept) {
+    const types = Array.isArray(accept) ? accept : typeof accept === "string" ? accept.split(",") : [];
+    if (types.length === 0) return true;
+    const fileName = file.name || "";
+    const mimeType = (file.type || getFileMimeType(fileName) || "").toLowerCase();
+    const baseMimeType = mimeType.replace(/\/.*$/, "");
+    return types.some((type) => {
+      const validType = type.trim().toLowerCase();
+      if (validType.charAt(0) === ".") {
+        return fileName.toLowerCase().endsWith(validType);
+      }
+      if (validType.endsWith("/*")) {
+        return baseMimeType === validType.replace(/\/.*$/, "");
+      }
+      return mimeType === validType;
+    });
+  }
+  return true;
+}
+function isValidFileType(file, accept) {
+  const isAcceptable = file.type === "application/x-moz-file" || isFileAccepted(file, accept);
+  return [isAcceptable, isAcceptable ? null : "FILE_INVALID_TYPE"];
+}
+
+// ../../node_modules/@zag-js/types/dist/index.mjs
+var createProps = () => (props2) => Array.from(new Set(props2));
+
+// ../../node_modules/@zag-js/utils/dist/index.mjs
+var fnToString = Function.prototype.toString;
+var objectCtorString = fnToString.call(Object);
+var callAll = (...fns) => (...a) => {
+  fns.forEach(function(fn) {
+    fn?.(...a);
+  });
+};
+var { floor, abs, round, min, max, pow, sign } = Math;
+function splitProps(props2, keys) {
+  const rest = {};
+  const result = {};
+  const keySet = new Set(keys);
+  for (const key in props2) {
+    if (keySet.has(key)) {
+      result[key] = props2[key];
+    } else {
+      rest[key] = props2[key];
+    }
+  }
+  return [result, rest];
+}
+var createSplitProps = (keys) => {
+  return function split(props2) {
+    return splitProps(props2, keys);
+  };
+};
+var _tick;
+_tick = /* @__PURE__ */ new WeakMap();
+function warn(...a) {
+  const m = a.length === 1 ? a[0] : a[1];
+  const c = a.length === 2 ? a[0] : true;
+  if (c && process.env.NODE_ENV !== "production") {
+    console.warn(m);
+  }
+}
+
+// ../../node_modules/@zag-js/core/dist/index.mjs
+function createMachine(config) {
+  return config;
+}
+
+// ../../node_modules/@zag-js/file-upload/dist/index.mjs
+var anatomy2 = (0, import_anatomy8.createAnatomy)("file-upload").parts(
+  "root",
+  "dropzone",
+  "item",
+  "itemDeleteTrigger",
+  "itemGroup",
+  "itemName",
+  "itemPreview",
+  "itemPreviewImage",
+  "itemSizeText",
+  "label",
+  "trigger",
+  "clearTrigger"
+);
+var parts = anatomy2.build();
+var getRootId = (ctx) => ctx.ids?.root ?? `file:${ctx.id}`;
+var getHiddenInputId = (ctx) => ctx.ids?.hiddenInput ?? `file:${ctx.id}:input`;
+var getRootEl = (ctx) => ctx.getById(getRootId(ctx));
+var getHiddenInputEl = (ctx) => ctx.getById(getHiddenInputId(ctx));
+function isFilesWithinRange(ctx, incomingCount, currentAcceptedFiles) {
+  const { prop, computed } = ctx;
+  if (!computed("multiple") && incomingCount > 1) return false;
+  if (!computed("multiple") && incomingCount + currentAcceptedFiles.length === 2) return true;
+  if (incomingCount + currentAcceptedFiles.length > prop("maxFiles")) return false;
+  return true;
+}
+function getEventFiles(ctx, files, currentAcceptedFiles = [], currentRejectedFiles = []) {
+  const { prop, computed } = ctx;
+  const acceptedFiles = [];
+  const rejectedFiles = [];
+  const validateParams = {
+    acceptedFiles: currentAcceptedFiles,
+    rejectedFiles: currentRejectedFiles
+  };
+  files.forEach((file) => {
+    const [accepted, acceptError] = isValidFileType(file, computed("acceptAttr"));
+    const [sizeMatch, sizeError] = isValidFileSize(file, prop("minFileSize"), prop("maxFileSize"));
+    const validateErrors = prop("validate")?.(file, validateParams);
+    const valid = validateErrors ? validateErrors.length === 0 : true;
+    if (accepted && sizeMatch && valid) {
+      acceptedFiles.push(file);
+    } else {
+      const errors = [acceptError, sizeError];
+      if (!valid) errors.push(...validateErrors ?? []);
+      rejectedFiles.push({ file, errors: errors.filter(Boolean) });
+    }
+  });
+  if (!isFilesWithinRange(ctx, acceptedFiles.length, currentAcceptedFiles)) {
+    acceptedFiles.forEach((file) => {
+      rejectedFiles.push({ file, errors: ["TOO_MANY_FILES"] });
+    });
+    acceptedFiles.splice(0);
+  }
+  return {
+    acceptedFiles,
+    rejectedFiles
+  };
+}
+function setInputFiles(inputEl, files) {
+  const win = getWindow(inputEl);
+  try {
+    if ("DataTransfer" in win) {
+      const dataTransfer = new win.DataTransfer();
+      files.forEach((file) => {
+        dataTransfer.items.add(file);
+      });
+      inputEl.files = dataTransfer.files;
+    }
+  } catch {
+  }
+}
+var machine = createMachine({
+  props({ props: props2 }) {
+    return {
+      minFileSize: 0,
+      maxFileSize: Number.POSITIVE_INFINITY,
+      maxFiles: 1,
+      allowDrop: true,
+      preventDocumentDrop: true,
+      defaultAcceptedFiles: [],
+      ...props2,
+      translations: {
+        dropzone: "dropzone",
+        itemPreview: (file) => `preview of ${file.name}`,
+        deleteFile: (file) => `delete file ${file.name}`,
+        ...props2.translations
+      }
+    };
+  },
+  initialState() {
+    return "idle";
+  },
+  context({ prop, bindable, getContext }) {
+    return {
+      acceptedFiles: bindable(() => ({
+        defaultValue: prop("defaultAcceptedFiles"),
+        value: prop("acceptedFiles"),
+        isEqual: (a, b) => a.length === b?.length && a.every((file, i) => isFileEqual(file, b[i])),
+        hash(value) {
+          return value.map((file) => `${file.name}-${file.size}`).join(",");
+        },
+        onChange(value) {
+          const ctx = getContext();
+          prop("onFileAccept")?.({ files: value });
+          prop("onFileChange")?.({ acceptedFiles: value, rejectedFiles: ctx.get("rejectedFiles") });
+        }
+      })),
+      rejectedFiles: bindable(() => ({
+        defaultValue: [],
+        isEqual: (a, b) => a.length === b?.length && a.every((file, i) => isFileEqual(file.file, b[i].file)),
+        onChange(value) {
+          const ctx = getContext();
+          prop("onFileReject")?.({ files: value });
+          prop("onFileChange")?.({ acceptedFiles: ctx.get("acceptedFiles"), rejectedFiles: value });
+        }
+      })),
+      transforming: bindable(() => ({
+        defaultValue: false
+      }))
+    };
+  },
+  computed: {
+    acceptAttr: ({ prop }) => getAcceptAttrString(prop("accept")),
+    multiple: ({ prop }) => prop("maxFiles") > 1
+  },
+  watch({ track, context, action }) {
+    track([() => context.hash("acceptedFiles")], () => {
+      action(["syncInputElement"]);
+    });
+  },
+  on: {
+    "FILES.SET": {
+      actions: ["setFiles"]
+    },
+    "FILE.SELECT": {
+      actions: ["setEventFiles"]
+    },
+    "FILE.DELETE": {
+      actions: ["removeFile"]
+    },
+    "FILES.CLEAR": {
+      actions: ["clearFiles"]
+    },
+    "REJECTED_FILES.CLEAR": {
+      actions: ["clearRejectedFiles"]
+    }
+  },
+  effects: ["preventDocumentDrop"],
+  states: {
+    idle: {
+      on: {
+        OPEN: {
+          actions: ["openFilePicker"]
+        },
+        "DROPZONE.CLICK": {
+          actions: ["openFilePicker"]
+        },
+        "DROPZONE.FOCUS": {
+          target: "focused"
+        },
+        "DROPZONE.DRAG_OVER": {
+          target: "dragging"
+        }
+      }
+    },
+    focused: {
+      on: {
+        "DROPZONE.BLUR": {
+          target: "idle"
+        },
+        OPEN: {
+          actions: ["openFilePicker"]
+        },
+        "DROPZONE.CLICK": {
+          actions: ["openFilePicker"]
+        },
+        "DROPZONE.DRAG_OVER": {
+          target: "dragging"
+        }
+      }
+    },
+    dragging: {
+      on: {
+        "DROPZONE.DROP": {
+          target: "idle",
+          actions: ["setEventFiles"]
+        },
+        "DROPZONE.DRAG_LEAVE": {
+          target: "idle"
+        }
+      }
+    }
+  },
+  implementations: {
+    effects: {
+      preventDocumentDrop({ prop, scope }) {
+        if (!prop("preventDocumentDrop")) return;
+        if (!prop("allowDrop")) return;
+        if (prop("disabled")) return;
+        const doc = scope.getDoc();
+        const onDragOver = (event) => {
+          event?.preventDefault();
+        };
+        const onDrop = (event) => {
+          if (contains(getRootEl(scope), getEventTarget(event))) return;
+          event.preventDefault();
+        };
+        return callAll(addDomEvent(doc, "dragover", onDragOver, false), addDomEvent(doc, "drop", onDrop, false));
+      }
+    },
+    actions: {
+      syncInputElement({ scope, context }) {
+        queueMicrotask(() => {
+          const inputEl = getHiddenInputEl(scope);
+          if (!inputEl) return;
+          setInputFiles(inputEl, context.get("acceptedFiles"));
+          const win = scope.getWin();
+          inputEl.dispatchEvent(new win.Event("change", { bubbles: true }));
+        });
+      },
+      openFilePicker({ scope }) {
+        raf(() => {
+          getHiddenInputEl(scope)?.click();
+        });
+      },
+      setFiles(params) {
+        const { computed, context, event } = params;
+        const { acceptedFiles, rejectedFiles } = getEventFiles(params, event.files);
+        context.set(
+          "acceptedFiles",
+          computed("multiple") ? acceptedFiles : acceptedFiles.length > 0 ? [acceptedFiles[0]] : []
+        );
+        context.set("rejectedFiles", rejectedFiles);
+      },
+      setEventFiles(params) {
+        const { computed, context, event, prop } = params;
+        const currentAcceptedFiles = context.get("acceptedFiles");
+        const currentRejectedFiles = context.get("rejectedFiles");
+        const { acceptedFiles, rejectedFiles } = getEventFiles(
+          params,
+          event.files,
+          currentAcceptedFiles,
+          currentRejectedFiles
+        );
+        const set = (files) => {
+          if (computed("multiple")) {
+            context.set("acceptedFiles", (prev) => [...prev, ...files]);
+            context.set("rejectedFiles", rejectedFiles);
+            return;
+          }
+          if (files.length) {
+            context.set("acceptedFiles", [files[0]]);
+            context.set("rejectedFiles", rejectedFiles);
+            return;
+          }
+          if (rejectedFiles.length) {
+            context.set("acceptedFiles", context.get("acceptedFiles"));
+            context.set("rejectedFiles", rejectedFiles);
+          }
+        };
+        const transform = prop("transformFiles");
+        if (transform) {
+          context.set("transforming", true);
+          transform(acceptedFiles).then(set).catch((err) => {
+            warn(`[zag-js/file-upload] error transforming files
+${err}`);
+          }).finally(() => {
+            context.set("transforming", false);
+          });
+        } else {
+          set(acceptedFiles);
+        }
+      },
+      removeFile({ context, event }) {
+        if (event.itemType === "rejected") {
+          const rejectedFiles = context.get("rejectedFiles").filter((item) => !isFileEqual(item.file, event.file));
+          context.set("rejectedFiles", rejectedFiles);
+        } else {
+          const files = context.get("acceptedFiles").filter((file) => !isFileEqual(file, event.file));
+          context.set("acceptedFiles", files);
+        }
+      },
+      clearRejectedFiles({ context }) {
+        context.set("rejectedFiles", []);
+      },
+      clearFiles({ context }) {
+        context.set("acceptedFiles", []);
+        context.set("rejectedFiles", []);
+      }
+    }
+  }
+});
+var props = createProps()([
+  "accept",
+  "acceptedFiles",
+  "allowDrop",
+  "capture",
+  "defaultAcceptedFiles",
+  "dir",
+  "directory",
+  "disabled",
+  "getRootNode",
+  "id",
+  "ids",
+  "invalid",
+  "locale",
+  "maxFiles",
+  "maxFileSize",
+  "minFileSize",
+  "name",
+  "onFileAccept",
+  "onFileChange",
+  "onFileReject",
+  "preventDocumentDrop",
+  "required",
+  "transformFiles",
+  "translations",
+  "validate"
+]);
+var splitProps2 = createSplitProps(props);
+var itemProps = createProps()(["file", "type"]);
+var splitItemProps = createSplitProps(itemProps);
+
+// src/recipes/file-upload.ts
+var file_upload_default = (0, import_dev25.defineSlotRecipe)({
+  className: "file-upload",
+  slots: anatomy2.extendWith("itemDetail").keys(),
+  base: {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "start",
+      gap: 4,
+      textStyle: "std-16N-170"
+    },
+    dropzone: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "space-between",
+      width: "full",
+      minHeight: "208px",
+      bg: { base: "solid-gray.bg", _dragging: "green.50" },
+      outlineStyle: "solid",
+      outlineColor: {
+        base: "solid-gray.536",
+        _dragging: "success.1",
+        _invalid: "error.1"
+      },
+      outlineWidth: { base: "1px", _dragging: "4px" },
+      rounded: 8,
+      pt: 8,
+      pb: 6,
+      pl: 7,
+      pr: 8
+    },
+    trigger: {
+      flexShrink: 0
+    },
+    label: {
+      ...label_default.base,
+      textStyle: "std-17B-170"
+    },
+    itemGroup: {
+      display: "flex",
+      flexDirection: "column",
+      gap: 1,
+      listStyle: "inside deciminal"
+    },
+    item: {
+      display: "list-item",
+      color: {
+        base: "solid-gray.600",
+        "[data-status=rejected]": "error.1",
+        _marker: "solid-gray.600"
+      },
+      "& > *": {
+        display: "inline",
+        mr: { base: 2, _last: 0 }
+      }
+    },
+    itemDetail: {
+      color: { base: "solid-gray.600", "[data-status=rejected] &": "error.1" },
+      borderLeftWidth: { base: "0px", "[data-status=rejected] &": "4px" },
+      borderColor: "currentcolor",
+      pl: { base: 0, "[data-status=rejected] &": 2 },
+      display: "inline-block",
+      verticalAlign: "text-top"
+    },
+    itemName: {
+      textStyle: "std-16B-170",
+      color: { base: "solid-gray.800", "[data-status=rejected] &": "error.1" }
+    },
+    itemDeleteTrigger: {
+      ...link_default.base,
+      cursor: "pointer"
+    }
+  }
+});
+
+// src/recipes/hamburger-menu-button.ts
+var import_dev26 = require("@pandacss/dev");
+var hamburger_menu_button_default = (0, import_dev26.defineRecipe)({
   className: "hamburger-menu-button",
   base: {
     /**
@@ -1986,8 +2563,8 @@ var hamburger_menu_button_default = (0, import_dev25.defineRecipe)({
 });
 
 // src/recipes/legend.ts
-var import_dev26 = require("@pandacss/dev");
-var legend_default = (0, import_dev26.defineRecipe)({
+var import_dev27 = require("@pandacss/dev");
+var legend_default = (0, import_dev27.defineRecipe)({
   className: "legend",
   base: {
     /**
@@ -2027,8 +2604,8 @@ var legend_default = (0, import_dev26.defineRecipe)({
 });
 
 // src/recipes/list.ts
-var import_dev27 = require("@pandacss/dev");
-var list_default = (0, import_dev27.defineRecipe)({
+var import_dev28 = require("@pandacss/dev");
+var list_default = (0, import_dev28.defineRecipe)({
   className: "list",
   base: {
     /**
@@ -2039,12 +2616,12 @@ var list_default = (0, import_dev27.defineRecipe)({
 });
 
 // src/recipes/menu.ts
-var import_dev29 = require("@pandacss/dev");
+var import_dev30 = require("@pandacss/dev");
 var import_menu = require("@zag-js/menu");
 
 // src/recipes/menu-item.ts
-var import_dev28 = require("@pandacss/dev");
-var menu_item_default = (0, import_dev28.defineRecipe)({
+var import_dev29 = require("@pandacss/dev");
+var menu_item_default = (0, import_dev29.defineRecipe)({
   className: "menu-item",
   base: {
     /**
@@ -2156,7 +2733,7 @@ var menu_item_default = (0, import_dev28.defineRecipe)({
 var itemStyle = {
   ...menu_item_default.base
 };
-var menu_default = (0, import_dev29.defineSlotRecipe)({
+var menu_default = (0, import_dev30.defineSlotRecipe)({
   className: "menu",
   slots: import_menu.anatomy.keys(),
   base: {
@@ -2246,8 +2823,8 @@ var menu_default = (0, import_dev29.defineSlotRecipe)({
 });
 
 // src/recipes/menu-list.ts
-var import_dev30 = require("@pandacss/dev");
-var menu_list_default = (0, import_dev30.defineSlotRecipe)({
+var import_dev31 = require("@pandacss/dev");
+var menu_list_default = (0, import_dev31.defineSlotRecipe)({
   className: "menu-list",
   slots: menuListAnatomy.keys(),
   base: {
@@ -2312,8 +2889,8 @@ var menu_list_default = (0, import_dev30.defineSlotRecipe)({
 });
 
 // src/recipes/notification-banner.ts
-var import_dev31 = require("@pandacss/dev");
-var notification_banner_default = (0, import_dev31.defineSlotRecipe)({
+var import_dev32 = require("@pandacss/dev");
+var notification_banner_default = (0, import_dev32.defineSlotRecipe)({
   className: "notification-banner",
   description: "\u30B5\u30A4\u30C8/\u30B5\u30FC\u30D3\u30B9\u5168\u4F53\u306B\u95A2\u308F\u308B\u3001\u307E\u305F\u306F\u30DA\u30FC\u30B8\u3084\u8981\u7D20\u5358\u4F4D\u306B\u304A\u3051\u308B\u91CD\u8981\u5EA6\u306E\u9AD8\u3044\u60C5\u5831\u3092\u3001\u30E6\u30FC\u30B6\u30FC\u306E\u64CD\u4F5C\u306B\u95A2\u308F\u3089\u305A\u3001\u30B5\u30A4\u30C8/\u30B5\u30FC\u30D3\u30B9\u5074\u304B\u3089\u30E6\u30FC\u30B6\u30FC\u3078\u63D0\u793A\u3059\u308B\u5834\u5408\u306B\u7528\u3044\u308B\u901A\u77E5\u30D0\u30CA\u30FC\u3067\u3059\u3002\u901A\u77E5\u306B\u5BFE\u3059\u308B\u30E6\u30FC\u30B6\u30FC\u30A2\u30AF\u30B7\u30E7\u30F3\u3092\u8981\u6C42\u3059\u308B\u3053\u3068\u304C\u53EF\u80FD\u3067\u3059\u3002\u30E1\u30F3\u30C6\u30CA\u30F3\u30B9\u3092\u901A\u77E5\u3057\u305F\u3044\u3001\u30E6\u30FC\u30B6\u30FC\u306E\u5BFE\u5FDC\u304C\u5FC5\u8981\u306A\u60C5\u5831\u3092\u901A\u77E5\u3057\u3066\u30A2\u30AF\u30B7\u30E7\u30F3\u3055\u305B\u305F\u3044\u3001\u3068\u3044\u3063\u305F\u8981\u6C42\u306B\u5BFE\u5FDC\u3059\u308B\u3053\u3068\u304C\u3067\u304D\u307E\u3059\u3002",
   slots: notificationBannerAnatomy.keys(),
@@ -2572,8 +3149,8 @@ var notification_banner_default = (0, import_dev31.defineSlotRecipe)({
 });
 
 // src/recipes/ordered-list.ts
-var import_dev32 = require("@pandacss/dev");
-var ordered_list_default = (0, import_dev32.defineRecipe)({
+var import_dev33 = require("@pandacss/dev");
+var ordered_list_default = (0, import_dev33.defineRecipe)({
   className: "ordered-list",
   base: {
     /**
@@ -2592,9 +3169,9 @@ var ordered_list_default = (0, import_dev32.defineRecipe)({
 });
 
 // src/recipes/progress.ts
-var import_dev33 = require("@pandacss/dev");
+var import_dev34 = require("@pandacss/dev");
 var import_progress = require("@zag-js/progress");
-var progress_default = (0, import_dev33.defineSlotRecipe)({
+var progress_default = (0, import_dev34.defineSlotRecipe)({
   className: "progress",
   description: "\u30D7\u30ED\u30B0\u30EC\u30B9\u30A4\u30F3\u30B8\u30B1\u30FC\u30BF\u30FC\u306F\u3001\u30E6\u30FC\u30B6\u30FC\u306E\u30A2\u30AF\u30B7\u30E7\u30F3\u306B\u5BFE\u3057\u3066\u51E6\u7406\u9032\u884C\u4E2D\u3067\u3042\u308B\u3053\u3068\u3092\u901A\u77E5\u3057\u307E\u3059\u3002\u30C7\u30FC\u30BF\u53D6\u5F97\u30EA\u30AF\u30A8\u30B9\u30C8\u306E\u5FDC\u7B54\u3092\u5F85\u3063\u3066\u3044\u308B\u3053\u3068\u3092\u30E6\u30FC\u30B6\u30FC\u306B\u4F1D\u3048\u305F\u3044\u3068\u3044\u3063\u305F\u8981\u6C42\u306B\u5BFE\u5FDC\u3057\u307E\u3059\u3002",
   slots: import_progress.anatomy.keys(),
@@ -2683,9 +3260,9 @@ var progress_default = (0, import_dev33.defineSlotRecipe)({
 });
 
 // src/recipes/radio-group.ts
-var import_dev34 = require("@pandacss/dev");
+var import_dev35 = require("@pandacss/dev");
 var import_radio_group = require("@zag-js/radio-group");
-var radio_group_default = (0, import_dev34.defineSlotRecipe)({
+var radio_group_default = (0, import_dev35.defineSlotRecipe)({
   className: "radio-group",
   slots: import_radio_group.anatomy.keys(),
   base: {
@@ -2958,8 +3535,8 @@ var radio_group_default = (0, import_dev34.defineSlotRecipe)({
 });
 
 // src/recipes/resource-list.ts
-var import_dev35 = require("@pandacss/dev");
-var resource_list_default = (0, import_dev35.defineSlotRecipe)({
+var import_dev36 = require("@pandacss/dev");
+var resource_list_default = (0, import_dev36.defineSlotRecipe)({
   className: "resource-list",
   slots: resourceListAnatomy.keys(),
   base: {
@@ -3057,9 +3634,9 @@ var resource_list_default = (0, import_dev35.defineSlotRecipe)({
 });
 
 // src/recipes/select.ts
-var import_dev36 = require("@pandacss/dev");
+var import_dev37 = require("@pandacss/dev");
 var import_select = require("@zag-js/select");
-var select_default = (0, import_dev36.defineSlotRecipe)({
+var select_default = (0, import_dev37.defineSlotRecipe)({
   className: "select",
   description: "\u30BB\u30EC\u30AF\u30C8\u30DC\u30C3\u30AF\u30B9\u306F\u3001\u8907\u6570\u306E\u9078\u629E\u80A2\u3092\u63D0\u4F9B\u3059\u308B\u30D5\u30A9\u30FC\u30E0\u30B3\u30F3\u30C8\u30ED\u30FC\u30EB\u3067\u3059\u3002",
   slots: import_select.anatomy.keys(),
@@ -3159,9 +3736,9 @@ var select_default = (0, import_dev36.defineSlotRecipe)({
 });
 
 // src/recipes/step-navigation.ts
-var import_dev37 = require("@pandacss/dev");
+var import_dev38 = require("@pandacss/dev");
 var import_steps = require("@zag-js/steps");
-var step_navigation_default = (0, import_dev37.defineSlotRecipe)({
+var step_navigation_default = (0, import_dev38.defineSlotRecipe)({
   className: "step-navigation",
   slots: import_steps.anatomy.extendWith("title", "description").keys(),
   base: {
@@ -3544,8 +4121,8 @@ var step_navigation_default = (0, import_dev37.defineSlotRecipe)({
 });
 
 // src/recipes/table.ts
-var import_dev38 = require("@pandacss/dev");
-var table_default = (0, import_dev38.defineSlotRecipe)({
+var import_dev39 = require("@pandacss/dev");
+var table_default = (0, import_dev39.defineSlotRecipe)({
   className: "table",
   slots: tableAnatomy.keys(),
   base: {
@@ -3684,9 +4261,9 @@ var table_default = (0, import_dev38.defineSlotRecipe)({
 });
 
 // src/recipes/tabs.ts
-var import_dev39 = require("@pandacss/dev");
+var import_dev40 = require("@pandacss/dev");
 var import_tabs = require("@zag-js/tabs");
-var tabs_default = (0, import_dev39.defineSlotRecipe)({
+var tabs_default = (0, import_dev40.defineSlotRecipe)({
   className: "tabs",
   slots: import_tabs.anatomy.keys(),
   base: {
@@ -3775,9 +4352,9 @@ var tabs_default = (0, import_dev39.defineSlotRecipe)({
 });
 
 // src/recipes/tree-view.ts
-var import_dev40 = require("@pandacss/dev");
+var import_dev41 = require("@pandacss/dev");
 var import_tree_view = require("@zag-js/tree-view");
-var tree_view_default = (0, import_dev40.defineSlotRecipe)({
+var tree_view_default = (0, import_dev41.defineSlotRecipe)({
   className: "tree-view",
   slots: import_tree_view.anatomy.keys(),
   base: {
@@ -3893,8 +4470,8 @@ var tree_view_default = (0, import_dev40.defineSlotRecipe)({
 });
 
 // src/recipes/unordered-list.ts
-var import_dev41 = require("@pandacss/dev");
-var unordered_list_default = (0, import_dev41.defineRecipe)({
+var import_dev42 = require("@pandacss/dev");
+var unordered_list_default = (0, import_dev42.defineRecipe)({
   className: "unordered-list",
   base: {
     /**
@@ -3913,8 +4490,8 @@ var unordered_list_default = (0, import_dev41.defineRecipe)({
 });
 
 // src/recipes/utility-link.ts
-var import_dev42 = require("@pandacss/dev");
-var utility_link_default = (0, import_dev42.defineRecipe)({
+var import_dev43 = require("@pandacss/dev");
+var utility_link_default = (0, import_dev43.defineRecipe)({
   className: "utility-link",
   description: "\u30E6\u30FC\u30C6\u30A3\u30EA\u30C6\u30A3\u30EA\u30F3\u30AF\u306F\u3075\u3064\u3046\u306E\u6A2A\u4E26\u3073\u30EA\u30F3\u30AF\u30EA\u30B9\u30C8\u306B\u8FD1\u3044\u304C\u3001\u305D\u308C\u3088\u308A\u3082\u30B3\u30F3\u30D1\u30AF\u30C8\u306B\u4F5C\u3089\u308C\u3066\u3044\u307E\u3059\u3002",
   base: {
@@ -3985,6 +4562,7 @@ var recipes = {
   errorText: error_text_default,
   field: field_default,
   fieldset: fieldset_default,
+  fileUpload: file_upload_default,
   hamburgerMenuButton: hamburger_menu_button_default,
   input: input_default,
   label: label_default,
@@ -4049,8 +4627,8 @@ var base = {
     recipes: recipes_default
   }
 };
-var index_default = (0, import_dev43.definePreset)(base);
-var createPreset = (keyColor) => (0, import_dev43.definePreset)({
+var index_default = (0, import_dev44.definePreset)(base);
+var createPreset = (keyColor) => (0, import_dev44.definePreset)({
   ...base,
   theme: {
     ...base.theme,