@purpur/library 9.10.0 → 10.0.0

package/dist/file-upload-Ctw6LCTU.mjs

@@ -0,0 +1,589 @@
+import { jsx as l, jsxs as w, Fragment as F1 } from "react/jsx-runtime";
+import { useId as I, useRef as O, useEffect as I1, forwardRef as l1, useState as $, useLayoutEffect as D1, useMemo as E1 } from "react";
+import { b as t1 } from "./button-mHw_J7JU.mjs";
+import { F as A1 } from "./field-error-text-CBSX8dGx.mjs";
+import { F as S1 } from "./field-helper-text-C5ee4SFV.mjs";
+import { H as T1 } from "./heading-BG7JTFO1.mjs";
+import { b as H } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
+import { a as R1 } from "./spinner-DRQN6YdK.mjs";
+import { b as O1 } from "./tooltip-bqdd2lJL.mjs";
+import { V as B1 } from "./visually-hidden-BYFkJEp1.mjs";
+import { c as D } from "./bind-CU-R61T-.mjs";
+import { u as W1, D as z1 } from "./core.esm-CKGHpLM_.mjs";
+import { P as n1 } from "./paragraph-CwAdFoIm.mjs";
+const P1 = {
+  name: "remove",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M7.6 2.5a.9.9 0 0 1 .9-.9h7a.9.9 0 0 1 .9.9v2.6h4.1a.9.9 0 0 1 0 1.8h-17a.9.9 0 0 1 0-1.8h11.1V3.4H9.4v.1a.9.9 0 0 1-1.8 0v-1ZM5 8.1a.9.9 0 0 1 .9.9v11.6h12.2V9a.9.9 0 1 1 1.8 0v12.5a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V9a.9.9 0 0 1 .9-.9Zm4.5 1a.9.9 0 0 1 .9.9v8a.9.9 0 0 1-1.8 0v-8a.9.9 0 0 1 .9-.9Zm5 0a.9.9 0 0 1 .9.9v8a.9.9 0 0 1-1.8 0v-8a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/></svg>',
+  keywords: ["remove"],
+  category: "action"
+}, o1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: P1 });
+o1.displayName = "IconRemove";
+const U1 = {
+  "purpur-file-upload": "_purpur-file-upload_a5riu_1",
+  "purpur-file-upload__content": "_purpur-file-upload__content_a5riu_7",
+  "purpur-file-upload__files": "_purpur-file-upload__files_a5riu_7",
+  "purpur-file-upload__label--disabled": "_purpur-file-upload__label--disabled_a5riu_13",
+  "purpur-file-upload__helper-text-row": "_purpur-file-upload__helper-text-row_a5riu_16",
+  "purpur-file-upload__messages": "_purpur-file-upload__messages_a5riu_21",
+  "purpur-file-upload__file": "_purpur-file-upload__file_a5riu_7",
+  "purpur-file-upload__file--primary": "_purpur-file-upload__file--primary_a5riu_41",
+  "purpur-file-upload__file--secondary": "_purpur-file-upload__file--secondary_a5riu_44",
+  "purpur-file-upload__file--disabled": "_purpur-file-upload__file--disabled_a5riu_47",
+  "purpur-file-upload__remove-button": "_purpur-file-upload__remove-button_a5riu_50",
+  "purpur-file-upload__spinner": "_purpur-file-upload__spinner_a5riu_53"
+}, j1 = {
+  name: "attachment",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M15.654 3.87a3.872 3.872 0 0 1 5.484 0 3.913 3.913 0 0 1 0 5.5L10.934 19.636a5.34 5.34 0 0 1-7.588 0l-.002-.002a5.42 5.42 0 0 1 0-7.613l.004-.004 8.016-8.015a.9.9 0 0 1 1.272 1.273l-8.013 8.013a3.62 3.62 0 0 0 0 5.08 3.54 3.54 0 0 0 5.035-.002L19.862 8.102a2.113 2.113 0 0 0 0-2.962 2.072 2.072 0 0 0-2.931 0l-9.396 9.456a.607.607 0 0 0 0 .847c.226.228.6.228.827 0l.002-.002 3-3a.9.9 0 0 1 1.272 1.273L9.638 16.71a2.386 2.386 0 0 1-3.38 0 2.406 2.406 0 0 1 0-3.385l9.396-9.456Z" clip-rule="evenodd"/></svg>',
+  keywords: ["attachment"],
+  category: "action"
+}, i1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: j1 });
+i1.displayName = "IconAttachment";
+const q1 = {
+  name: "upload",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M1.6 2.5a.9.9 0 0 1 .9-.9h19a.9.9 0 0 1 .9.9V13a.9.9 0 0 1-1.8 0V3.4H3.4V13a.9.9 0 0 1-1.8 0V2.5Zm9.764 4.864a.9.9 0 0 1 1.272 0l5 5a.9.9 0 1 1-1.272 1.272L12.9 10.173V21.5a.9.9 0 0 1-1.8 0V10.173l-3.464 3.463a.9.9 0 0 1-1.272-1.272l5-5Z" clip-rule="evenodd"/></svg>',
+  keywords: ["upload"],
+  category: "action"
+}, s1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: q1 });
+s1.displayName = "IconUpload";
+const G1 = {
+  "purpur-file-upload-button--use-container-queries": "_purpur-file-upload-button--use-container-queries_r1okd_2",
+  "purpur-file-upload-button--use-media-queries": "_purpur-file-upload-button--use-media-queries_r1okd_7",
+  "purpur-file-upload-button__input": "_purpur-file-upload-button__input_r1okd_11",
+  "purpur-file-upload-button--fake": "_purpur-file-upload-button--fake_r1okd_18",
+  "purpur-file-upload-button--fake--xs": "_purpur-file-upload-button--fake--xs_r1okd_40",
+  "purpur-file-upload-button--fake--icon-only": "_purpur-file-upload-button--fake--icon-only_r1okd_43",
+  "purpur-file-upload-button--fake--sm": "_purpur-file-upload-button--fake--sm_r1okd_46",
+  "purpur-file-upload-button--fake--md": "_purpur-file-upload-button--fake--md_r1okd_52",
+  "purpur-file-upload-button--fake--lg": "_purpur-file-upload-button--fake--lg_r1okd_58",
+  "purpur-file-upload-button--fake--full-width": "_purpur-file-upload-button--fake--full-width_r1okd_64",
+  "purpur-file-upload-button--fake--primary": "_purpur-file-upload-button--fake--primary_r1okd_82",
+  "purpur-file-upload-button--fake--disabled": "_purpur-file-upload-button--fake--disabled_r1okd_86",
+  "purpur-file-upload-button--fake--primary-negative": "_purpur-file-upload-button--fake--primary-negative_r1okd_92",
+  "purpur-file-upload-button--fake--secondary": "_purpur-file-upload-button--fake--secondary_r1okd_104",
+  "purpur-file-upload-button--fake--secondary-negative": "_purpur-file-upload-button--fake--secondary-negative_r1okd_115",
+  "purpur-file-upload-button--fake--expressive": "_purpur-file-upload-button--fake--expressive_r1okd_126",
+  "purpur-file-upload-button--fake--expressive-negative": "_purpur-file-upload-button--fake--expressive-negative_r1okd_136"
+}, P = D.bind(G1), V = "purpur-file-upload-button", X1 = ({
+  accept: e,
+  children: r,
+  disabled: a = !1,
+  files: t,
+  interactive: o = !0,
+  multiple: n,
+  onFilesChange: i,
+  useMediaQueries: s = !1,
+  variant: v
+}) => {
+  const d = I(), f = O(null), u = O(null), h = v === "attach" ? /* @__PURE__ */ l(i1, { size: "xs" }) : /* @__PURE__ */ l(s1, { size: "xs" });
+  I1(() => {
+    if (!f.current || typeof DataTransfer > "u")
+      return;
+    const m = new DataTransfer();
+    t.forEach((M) => m.items.add(M)), f.current.files = m.files;
+  }, [t]);
+  const Z = {
+    [`${V}--use-media-queries`]: s,
+    [`${V}--use-container-queries`]: !s
+  };
+  return /* @__PURE__ */ w(F1, { children: [
+    /* @__PURE__ */ l(
+      "input",
+      {
+        id: d,
+        ref: f,
+        className: P(`${V}__input`),
+        type: "file",
+        accept: e,
+        disabled: a,
+        multiple: n,
+        tabIndex: o ? -1 : void 0,
+        onFocus: o ? () => {
+          u.current?.focus();
+        } : void 0,
+        onChange: (m) => {
+          i(m.target.files), m.target.value = "";
+        },
+        name: "upload"
+      }
+    ),
+    o ? /* @__PURE__ */ w(
+      t1,
+      {
+        ref: u,
+        variant: "secondary",
+        "aria-controls": d,
+        className: P(V, Z),
+        onClick: () => f.current?.click(),
+        disabled: a,
+        fullWidth: !0,
+        children: [
+          h,
+          r
+        ]
+      }
+    ) : /* @__PURE__ */ l(
+      "span",
+      {
+        className: P(
+          [
+            V,
+            `${V}--fake`,
+            `${V}--fake--secondary`,
+            `${V}--fake--md`
+          ],
+          { [`${V}--fake--disabled`]: a },
+          Z
+        ),
+        children: r
+      }
+    )
+  ] });
+};
+function J1(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var Y = { exports: {} }, Q;
+function K1() {
+  return Q || (Q = 1, (function(e) {
+    (function() {
+      var r = {}.hasOwnProperty;
+      function a() {
+        for (var n = "", i = 0; i < arguments.length; i++) {
+          var s = arguments[i];
+          s && (n = o(n, t.call(this, s)));
+        }
+        return n;
+      }
+      function t(n) {
+        if (typeof n == "string" || typeof n == "number")
+          return this && this[n] || n;
+        if (typeof n != "object")
+          return "";
+        if (Array.isArray(n))
+          return a.apply(this, n);
+        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
+          return n.toString();
+        var i = "";
+        for (var s in n)
+          r.call(n, s) && n[s] && (i = o(i, this && this[s] || s));
+        return i;
+      }
+      function o(n, i) {
+        return i ? n ? n + " " + i : n + i : n;
+      }
+      e.exports ? (a.default = a, e.exports = a) : window.classNames = a;
+    })();
+  })(Y)), Y.exports;
+}
+var Y1 = K1();
+const Q1 = /* @__PURE__ */ J1(Y1), e0 = {
+  "purpur-illustrative-icon": "_purpur-illustrative-icon_64k5d_1"
+}, a0 = Q1.bind(e0), r0 = "purpur-illustrative-icon", l0 = (e) => e.filter((r) => Object.keys(r).length >= 1).map((r) => `${r.name}="${r.value}"`).join(" "), t0 = ({ content: e = "", title: r } = {}) => {
+  const a = [
+    { name: "xmlns", value: "http://www.w3.org/2000/svg" },
+    { name: "fill", value: "none" },
+    { name: "viewBox", value: "0 0 64 64" },
+    r ? { name: "role", value: "img" } : { name: "aria-hidden", value: "true" }
+  ], t = r ? `<title>${r}</title>` : "";
+  return `<svg ${l0(a)}>${t}${e}</svg>`;
+}, n0 = (e) => e.replace(/<(\/?)svg([^>]*)>/g, "").trim(), U = l1(
+  ({ svg: e, allyTitle: r, className: a, ...t }, o) => {
+    const n = t0({
+      content: n0(e),
+      title: r
+    });
+    return /* @__PURE__ */ l(
+      "span",
+      {
+        className: a0(r0, a),
+        dangerouslySetInnerHTML: { __html: n },
+        ref: o,
+        ...t
+      }
+    );
+  }
+);
+U.displayName = "StaticIllustrativeIcon";
+const o0 = {
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"><path fill="#990AE3" d="M30.14 43.815a3.925 3.925 0 0 1-3.92-3.92v-10.21a2.953 2.953 0 0 1 2.95-2.95 2.953 2.953 0 0 1 2.95 2.95v6.67a.5.5 0 1 1-1 0v-6.67c0-1.075-.875-1.95-1.95-1.95-1.076 0-1.95.875-1.95 1.95v10.21c0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92v-11.93c0-2.09-1.7-3.79-3.79-3.79s-3.79 1.7-3.79 3.79v6.71a.5.5 0 1 1-1 0v-6.71a4.795 4.795 0 0 1 4.79-4.79 4.795 4.795 0 0 1 4.79 4.79v11.93a3.925 3.925 0 0 1-3.92 3.92Z"/><path fill="#29003E" d="M47.59 56.335H14.35c-.85 0-1.54-.69-1.54-1.54v-42.59c0-.85.69-1.54 1.54-1.54h24.5c.417 0 .805.158 1.093.446l7.7 7.7c.288.288.447.676.447 1.094v32.9a.5.5 0 1 1-1 0v-32.9a.541.541 0 0 0-.154-.387l-7.7-7.7a.534.534 0 0 0-.386-.153h-24.5a.534.534 0 0 0-.54.54v42.59c0 .302.238.54.54.54h33.24a.5.5 0 1 1 0 1Z"/><path fill="#29003E" d="M47.33 20.255h-8.2a.5.5 0 0 1-.5-.5v-8.21a.5.5 0 1 1 1 0v7.71h7.7a.5.5 0 1 1 0 1Z"/><path fill="#29003E" d="M50.69 51.495a.5.5 0 0 1-.5-.5v-34.09a.542.542 0 0 0-.154-.388l-7.7-7.699a.528.528 0 0 0-.386-.153h-24.5a.534.534 0 0 0-.54.54.5.5 0 1 1-1 0c0-.85.69-1.54 1.54-1.54h24.5c.416 0 .805.158 1.093.445l7.7 7.701c.289.29.447.678.447 1.094v34.09a.5.5 0 0 1-.5.5Z"/></svg>'
+}, u1 = (e) => /* @__PURE__ */ l(U, { ...e, svg: o0.svg });
+u1.displayName = "IllustrativeIconDocumentAttachDuocolorStatic";
+const i0 = {
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 64 64"><path fill="#990AE3" d="M30.45 43.685a.5.5 0 0 1-.5-.5v-11.41a.5.5 0 1 1 1 0v11.41a.5.5 0 0 1-.5.5Z"/><path fill="#990AE3" d="M26.44 36.215a.499.499 0 0 1-.354-.854l4.01-4.01a.5.5 0 0 1 .707 0l4.011 4.01a.5.5 0 1 1-.707.707l-3.657-3.656-3.656 3.656a.499.499 0 0 1-.354.147Z"/><path fill="#990AE3" d="M27.46 40.668a.395.395 0 0 1-.181-.045l-.107-.056c-2.303-1.271-3.682-3.604-3.682-6.132a6.958 6.958 0 0 1 6.95-6.95 6.959 6.959 0 0 1 6.95 6.95 6.976 6.976 0 0 1-3.696 6.15c-.242.124-.58.056-.711-.182-.13-.238-.088-.514.147-.65l.104-.056a5.974 5.974 0 0 0 3.156-5.262 5.957 5.957 0 0 0-5.95-5.95 5.956 5.956 0 0 0-5.95 5.95 5.96 5.96 0 0 0 3.082 5.212c.247.122.424.461.302.71-.091.185-.24.31-.415.31Z"/><path fill="#29003E" d="M47.59 56.335H14.35c-.85 0-1.54-.69-1.54-1.54v-42.59c0-.85.69-1.54 1.54-1.54h24.5c.418 0 .806.158 1.094.446l7.7 7.7c.287.288.446.677.446 1.094v32.9a.5.5 0 1 1-1 0v-32.9a.541.541 0 0 0-.154-.387l-7.7-7.7a.526.526 0 0 0-.386-.153h-24.5a.534.534 0 0 0-.54.54v42.59c0 .302.237.54.54.54h33.24a.5.5 0 1 1 0 1Z"/><path fill="#29003E" d="M47.33 20.255h-8.2a.5.5 0 0 1-.5-.5v-8.21a.5.5 0 1 1 1 0v7.71h7.7a.5.5 0 1 1 0 1Z"/><path fill="#29003E" d="M50.69 51.495a.5.5 0 0 1-.5-.5v-34.09a.541.541 0 0 0-.153-.387l-7.7-7.7a.526.526 0 0 0-.387-.153h-24.5a.534.534 0 0 0-.54.54.5.5 0 1 1-1 0c0-.85.69-1.54 1.54-1.54h24.5c.418 0 .805.158 1.093.446l7.7 7.7c.289.288.447.676.447 1.094v34.09a.5.5 0 0 1-.5.5Z"/></svg>'
+}, d1 = (e) => /* @__PURE__ */ l(U, { ...e, svg: i0.svg });
+d1.displayName = "IllustrativeIconDocumentUploadDuocolorStatic";
+const s0 = {
+  "purpur-file-upload-drag-and-drop__hit-area": "_purpur-file-upload-drag-and-drop__hit-area_19evd_1",
+  "purpur-file-upload-drag-and-drop": "_purpur-file-upload-drag-and-drop_19evd_1",
+  "purpur-file-upload-drag-and-drop__icon-and-text": "_purpur-file-upload-drag-and-drop__icon-and-text_19evd_16",
+  "purpur-file-upload-drag-and-drop--primary": "_purpur-file-upload-drag-and-drop--primary_19evd_33",
+  "purpur-file-upload-drag-and-drop--secondary": "_purpur-file-upload-drag-and-drop--secondary_19evd_36",
+  "purpur-file-upload-drag-and-drop--disabled": "_purpur-file-upload-drag-and-drop--disabled_19evd_39",
+  "purpur-file-upload-drag-and-drop--drag-over": "_purpur-file-upload-drag-and-drop--drag-over_19evd_56",
+  "purpur-file-upload-drag-and-drop__icon": "_purpur-file-upload-drag-and-drop__icon_19evd_16",
+  "purpur-file-upload-drag-and-drop__icon--disabled": "_purpur-file-upload-drag-and-drop__icon--disabled_19evd_81"
+}, F = D.bind(s0), C = "purpur-file-upload-drag-and-drop", u0 = ({
+  backgroundColor: e,
+  children: r,
+  disabled: a = !1,
+  dragAndDropLabel: t,
+  onFilesChange: o,
+  variant: n
+}) => {
+  const i = I(), s = O(0), [v, d] = $(!1), { setNodeRef: f } = W1({ id: i }), u = (c) => Array.from(c.dataTransfer?.types ?? []).includes("Files"), h = () => {
+    s.current = 0, d(!1);
+  }, Z = (c) => {
+    u(c) && (c.preventDefault(), !a && (s.current += 1, d(!0)));
+  }, m = (c) => {
+    u(c) && (c.preventDefault(), c.dataTransfer.dropEffect = a ? "none" : "copy", !a && d(!0));
+  }, M = (c) => {
+    u(c) && (c.preventDefault(), !a && (s.current = Math.max(0, s.current - 1), s.current === 0 && d(!1)));
+  }, L = (c) => {
+    u(c) && (c.preventDefault(), !a && (o(c.dataTransfer.files), h()));
+  };
+  return /* @__PURE__ */ l(z1, { children: /* @__PURE__ */ l(
+    "div",
+    {
+      ref: f,
+      className: F(`${C}__hit-area`),
+      onDragEnter: Z,
+      onDragOver: m,
+      onDragLeave: M,
+      onDrop: L,
+      children: /* @__PURE__ */ w(
+        "label",
+        {
+          className: F(C, {
+            [`${C}--${e}`]: e,
+            [`${C}--drag-over`]: v,
+            [`${C}--disabled`]: a
+          }),
+          children: [
+            /* @__PURE__ */ w("div", { className: F(`${C}__icon-and-text`), children: [
+              n === "attach" ? /* @__PURE__ */ l(
+                u1,
+                {
+                  className: F(`${C}__icon`, {
+                    [`${C}__icon--disabled`]: a
+                  })
+                }
+              ) : /* @__PURE__ */ l(
+                d1,
+                {
+                  className: F(`${C}__icon`, {
+                    [`${C}__icon--disabled`]: a
+                  })
+                }
+              ),
+              /* @__PURE__ */ l(n1, { variant: "paragraph-100-medium", disabled: a, children: t })
+            ] }),
+            r
+          ]
+        }
+      )
+    }
+  ) });
+}, d0 = {
+  "purpur-file-upload-file-name-label": "_purpur-file-upload-file-name-label_l8uck_1",
+  "purpur-file-upload-file-name-label__start": "_purpur-file-upload-file-name-label__start_l8uck_7",
+  "purpur-file-upload-file-name-label__separator": "_purpur-file-upload-file-name-label__separator_l8uck_13",
+  "purpur-file-upload-file-name-label__end": "_purpur-file-upload-file-name-label__end_l8uck_13"
+}, T = D.bind(d0), R = "purpur-file-upload-file-name-label", c0 = 0.4, e1 = 3, p0 = 28, v0 = 3, h0 = 1, f0 = (e) => {
+  const r = e.lastIndexOf("."), a = r >= h0 && r < e.length - 1;
+  return {
+    baseName: a ? e.slice(0, r) : e,
+    extension: a ? e.slice(r) : ""
+  };
+}, m0 = (e, r) => {
+  const t = document.createElement("canvas").getContext("2d");
+  return t ? (t.font = r, t.measureText(e).width) : 0;
+}, a1 = (e, r) => {
+  const a = e.match(/\s+$/)?.[0] ?? "", t = r.match(/^\s+/)?.[0] ?? "", o = `${a}${t}`;
+  return {
+    start: a ? e.slice(0, -a.length) : e,
+    separator: o,
+    end: t ? r.slice(t.length) : r
+  };
+}, _0 = (e, r, a) => {
+  const { baseName: t, extension: o } = f0(e);
+  if (!r || !t)
+    return a1(t, o);
+  const n = r * c0, i = Math.max(t.length - v0, 0), s = Math.min(p0, i);
+  let v = Math.min(e1, s);
+  for (let h = e1; h <= s; h += 1) {
+    const Z = `${t.slice(-h)}${o}`;
+    if (m0(Z, a) <= n)
+      v = h;
+    else
+      break;
+  }
+  const d = Math.min(v, t.length), f = t.slice(0, t.length - d), u = `${t.slice(-d)}${o}`;
+  return a1(f, u);
+}, g0 = ({ fileName: e, muted: r, ...a }) => {
+  const t = O(null), [o, n] = $(0), [i, s] = $("");
+  D1(() => {
+    const u = t.current;
+    if (!u)
+      return;
+    const h = () => {
+      const m = window.getComputedStyle(u);
+      n(u.getBoundingClientRect().width), s(m.font);
+    };
+    h();
+    const Z = new ResizeObserver(h);
+    return Z.observe(u), () => {
+      Z.disconnect();
+    };
+  }, []);
+  const { start: v, separator: d, end: f } = E1(
+    () => _0(e, o, i),
+    [e, o, i]
+  );
+  return /* @__PURE__ */ w(
+    n1,
+    {
+      variant: "paragraph-100-medium",
+      className: T(R),
+      ref: t,
+      disabled: r,
+      ...a,
+      children: [
+        /* @__PURE__ */ l("span", { className: T(`${R}__start`), children: v }),
+        d && /* @__PURE__ */ l("span", { className: T(`${R}__separator`), "aria-hidden": "true", children: d.replace(/ /g, " ") }),
+        /* @__PURE__ */ l("span", { className: T(`${R}__end`), children: f })
+      ]
+    }
+  );
+}, Z0 = {
+  name: "doc",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M4.1 2.5a.9.9 0 0 1 .9-.9h9a.9.9 0 0 1 .666.295l5 5.5A.9.9 0 0 1 19.9 8v13.5a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9v-19Zm1.8.9v17.2h12.2V8.9H14a.9.9 0 0 1-.9-.9V3.4H5.9Zm9 1.428L16.965 7.1H14.9V4.828ZM8.1 7a.9.9 0 0 1 .9-.9h1.5a.9.9 0 0 1 0 1.8H9a.9.9 0 0 1-.9-.9Zm0 3.5a.9.9 0 0 1 .9-.9h6a.9.9 0 1 1 0 1.8H9a.9.9 0 0 1-.9-.9Zm0 3.5a.9.9 0 0 1 .9-.9h6a.9.9 0 0 1 0 1.8H9a.9.9 0 0 1-.9-.9Zm0 3.5a.9.9 0 0 1 .9-.9h6a.9.9 0 0 1 0 1.8H9a.9.9 0 0 1-.9-.9Z" clip-rule="evenodd"/></svg>',
+  keywords: ["doc"],
+  category: "file"
+}, c1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: Z0 });
+c1.displayName = "IconDoc";
+const w0 = {
+  name: "document-doc",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-opacity=".84" fill-rule="evenodd" d="M4.364 1.864A.9.9 0 0 1 5 1.6h9a.9.9 0 0 1 .666.295l5 5.5A.9.9 0 0 1 19 8.9h-5a.9.9 0 0 1-.9-.9V3.4H5.9V7a.9.9 0 0 1-1.8 0V2.5a.9.9 0 0 1 .264-.636ZM14.9 4.828 16.965 7.1H14.9V4.828ZM5 18.1a.9.9 0 0 1 .9.9v1.6h12.2V19a.9.9 0 0 1 1.8 0v2.5a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V19a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/><path d="M5.572 10.05H3.184V16h2.388c1.581 0 2.924-1.241 2.924-2.975S7.153 10.05 5.572 10.05Zm-1.24 4.981v-4.012h1.24c1.012 0 1.768.825 1.768 2.006 0 1.181-.756 2.006-1.768 2.006h-1.24Zm7.938 1.105c1.658 0 3.052-1.3 3.052-3.111 0-1.81-1.394-3.111-3.052-3.111-1.649 0-3.043 1.3-3.043 3.111 0 1.81 1.394 3.111 3.043 3.111Zm0-.969c-1.08 0-1.895-.884-1.895-2.142s.816-2.142 1.895-2.142c1.088 0 1.904.884 1.904 2.142s-.816 2.142-1.904 2.142Zm6.832.969c.927 0 1.734-.391 2.244-.977l-.773-.706a1.883 1.883 0 0 1-1.47.714c-1.089 0-1.905-.884-1.905-2.142s.816-2.142 1.904-2.142c.57 0 1.063.255 1.403.629l.756-.714c-.51-.527-1.283-.884-2.159-.884-1.657 0-3.051 1.3-3.051 3.111 0 1.81 1.394 3.111 3.051 3.111Z"/><path fill-rule="evenodd" d="M3.084 9.95h2.488c1.635 0 3.024 1.285 3.024 3.075 0 1.79-1.389 3.075-3.024 3.075H3.084V9.95Zm.1 6.05h2.388c1.581 0 2.924-1.241 2.924-2.975S7.153 10.05 5.572 10.05H3.184V16Zm1.247-4.881v3.812h1.141c.946 0 1.668-.769 1.668-1.906s-.722-1.906-1.668-1.906h-1.14Zm10.99 1.906c0 1.867-1.439 3.211-3.15 3.211-1.704 0-3.144-1.345-3.144-3.211 0-1.866 1.44-3.211 3.143-3.211 1.712 0 3.152 1.345 3.152 3.211Zm-4.946 0c0 1.213.781 2.042 1.795 2.042 1.023 0 1.804-.829 1.804-2.042 0-1.213-.78-2.042-1.804-2.042-1.014 0-1.795.829-1.795 2.042Zm11.01 2.125-.063.074c-.53.61-1.365 1.012-2.32 1.012-1.712 0-3.151-1.345-3.151-3.211 0-1.866 1.44-3.211 3.151-3.211.903 0 1.702.368 2.231.915l.07.072-.904.854-.068-.076a1.79 1.79 0 0 0-1.329-.596c-1.023 0-1.804.829-1.804 2.042 0 1.213.781 2.042 1.804 2.042.579 0 1.078-.281 1.392-.676l.067-.084.925.843Zm-.977-.62c.023-.025.044-.051.065-.077l.773.706c-.51.586-1.317.977-2.244.977-1.657 0-3.051-1.3-3.051-3.111 0-1.81 1.394-3.111 3.051-3.111a3.022 3.022 0 0 1 2.16.884l-.757.714a1.885 1.885 0 0 0-1.402-.629c-1.089 0-1.905.884-1.905 2.142s.816 2.142 1.904 2.142a1.88 1.88 0 0 0 1.406-.637Zm-16.177.501h1.241c1.012 0 1.768-.825 1.768-2.006 0-1.181-.756-2.006-1.768-2.006h-1.24v4.012Zm10.99-2.006c0 1.81-1.393 3.111-3.05 3.111-1.65 0-3.044-1.3-3.044-3.111 0-1.81 1.394-3.111 3.043-3.111 1.658 0 3.052 1.3 3.052 3.111Zm-4.946 0c0 1.258.816 2.142 1.895 2.142 1.088 0 1.904-.884 1.904-2.142s-.816-2.142-1.904-2.142c-1.08 0-1.895.884-1.895 2.142Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M3.084 9.95h2.488c1.635 0 3.024 1.285 3.024 3.075 0 1.79-1.389 3.075-3.024 3.075H3.084V9.95Zm18.402 5.2-.064.074c-.53.61-1.365 1.012-2.32 1.012-1.712 0-3.151-1.345-3.151-3.211 0-1.866 1.44-3.211 3.151-3.211a3.122 3.122 0 0 1 2.231.915l.07.072-.904.854-.068-.076a1.825 1.825 0 0 0-.049-.05 1.786 1.786 0 0 0-1.28-.546c-1.023 0-1.804.829-1.804 2.042 0 1.213.781 2.042 1.804 2.042a1.78 1.78 0 0 0 1.392-.676l.067-.084.925.843ZM2.934 9.8h2.638c1.716 0 3.174 1.35 3.174 3.225S7.288 16.25 5.572 16.25H2.934V9.8Zm18.761 5.338-.16.185c-.56.642-1.436 1.063-2.433 1.063-1.794 0-3.301-1.41-3.301-3.361 0-1.95 1.507-3.361 3.301-3.361.943 0 1.782.384 2.339.96l.176.182-1.126 1.063-.171-.189a1.64 1.64 0 0 0-1.218-.547c-.926 0-1.654.747-1.654 1.892s.728 1.892 1.654 1.892c.529 0 .986-.257 1.275-.62l.167-.209 1.151 1.05ZM4.581 11.27v3.512h.991c.848 0 1.518-.685 1.518-1.756 0-1.07-.67-1.756-1.518-1.756h-.99Zm10.99 1.756c0 1.95-1.507 3.361-3.3 3.361-1.786 0-3.294-1.411-3.294-3.361 0-1.95 1.508-3.361 3.293-3.361 1.794 0 3.302 1.41 3.302 3.361Zm-4.946 0c0 1.146.729 1.892 1.645 1.892.926 0 1.654-.747 1.654-1.892s-.728-1.892-1.654-1.892c-.916 0-1.645.746-1.645 1.892ZM4.43 11.119h1.141c.946 0 1.668.769 1.668 1.906s-.722 1.906-1.668 1.906h-1.14v-3.812Zm7.84 5.117c1.711 0 3.15-1.345 3.15-3.211 0-1.866-1.439-3.211-3.15-3.211-1.704 0-3.144 1.345-3.144 3.211 0 1.866 1.44 3.211 3.143 3.211Zm0-1.169c-1.015 0-1.796-.829-1.796-2.042 0-1.213.781-2.042 1.795-2.042 1.023 0 1.804.829 1.804 2.042 0 1.213-.78 2.042-1.804 2.042Z" clip-rule="evenodd"/></svg>',
+  keywords: ["document-doc"],
+  category: "file"
+}, p1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: w0 });
+p1.displayName = "IconDocumentDoc";
+const H0 = {
+  name: "document-excel",
+  svg: '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.09123 1.59961C4.85254 1.59961 4.62362 1.69443 4.45484 1.86321C4.28606 2.032 4.19123 2.26091 4.19123 2.49961V6.99961C4.19123 7.49667 4.59418 7.89961 5.09123 7.89961C5.58829 7.89961 5.99123 7.49667 5.99123 6.99961V3.39961H13.1912V7.99961C13.1912 8.49667 13.5942 8.89961 14.0912 8.89961H19.0912C19.4475 8.89961 19.7702 8.68949 19.9143 8.36371C20.0584 8.03793 19.9968 7.6578 19.7572 7.3942L14.7572 1.8942C14.5866 1.70658 14.3448 1.59961 14.0912 1.59961H5.09123ZM17.0567 7.09961L14.9912 4.82756V7.09961H17.0567Z"/><path d="M5.99123 18.9996C5.99123 18.5026 5.58829 18.0996 5.09123 18.0996C4.59418 18.0996 4.19123 18.5026 4.19123 18.9996V21.4996C4.19123 21.9967 4.59418 22.3996 5.09123 22.3996H19.0912C19.5883 22.3996 19.9912 21.9967 19.9912 21.4996V18.9996C19.9912 18.5026 19.5883 18.0996 19.0912 18.0996C18.5942 18.0996 18.1912 18.5026 18.1912 18.9996V20.5996H5.99123V18.9996Z"/><path d="M5.85772 9.94957L7.25113 11.9085L8.64454 9.94957H10.2271L8.10585 12.863L10.4653 16.0996H8.88269L7.25113 13.817L5.61957 16.0996H4.03655L6.40474 12.863L4.27464 9.94957H5.85772Z"/><path d="M12.2278 14.9306V9.94957H10.8803V16.0996H14.9138V14.9306H12.2278Z"/><path d="M15.7846 12.6443C16.0307 12.9326 16.4176 13.159 16.9777 13.3486L17.6572 13.5865C17.9185 13.6749 18.144 13.7729 18.3022 13.897C18.4568 14.0182 18.5423 14.1594 18.5423 14.3421C18.5423 14.5514 18.4498 14.7268 18.286 14.8524C18.1203 14.9795 17.8776 15.0581 17.5798 15.0581C17.0136 15.0581 16.4832 14.7468 16.1684 14.2463L16.1118 14.1563L15.137 14.8569L15.1804 14.9347C15.6612 15.7984 16.6434 16.2271 17.5628 16.2271C18.7539 16.2271 19.8048 15.4779 19.8048 14.2996C19.8048 13.8283 19.6726 13.452 19.3893 13.1458C19.1093 12.8432 18.6893 12.6175 18.1303 12.4283L17.5103 12.216C17.2511 12.1268 17.0456 12.0416 16.9053 11.9371C16.7702 11.8365 16.7023 11.7236 16.7023 11.5711C16.7023 11.2846 16.9787 10.9911 17.5628 10.9911C18.0557 10.9911 18.4859 11.1849 18.7539 11.4923L18.8168 11.5644L19.7256 10.8395L19.6645 10.7614C19.1826 10.1456 18.3599 9.82207 17.5628 9.82207C16.4054 9.82207 15.4398 10.5544 15.4398 11.6051C15.4398 12.0089 15.5358 12.3529 15.7846 12.6443Z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M5.85772 9.94957L7.25113 11.9085L8.64454 9.94957H10.2271L8.10585 12.863L10.4653 16.0996H8.88269L7.25113 13.817L5.61957 16.0996H4.03655L6.40474 12.863L4.27464 9.94957H5.85772ZM6.25606 12.863L4.03826 9.82957H5.91962L7.25113 11.7015L8.58264 9.82957H10.4629L8.25432 12.863L10.7013 16.2196H8.82096L7.25113 14.0234L5.6813 16.2196H3.80005L6.25606 12.863ZM12.3478 9.82957V14.8106H14.9959L16.1454 13.9843L16.27 14.1824C16.5648 14.6511 17.0584 14.9381 17.5798 14.9381C17.8577 14.9381 18.0728 14.8647 18.213 14.7572C18.3489 14.6529 18.4223 14.512 18.4223 14.3421C18.4223 14.2053 18.3617 14.0961 18.2282 13.9914C18.0867 13.8805 17.8773 13.7877 17.6187 13.7001L17.6176 13.6997L16.9393 13.4623C16.9391 13.4622 16.9394 13.4624 16.9393 13.4623C16.3699 13.2695 15.9594 13.0339 15.6933 12.7222C15.4213 12.4036 15.3198 12.0293 15.3198 11.6051C15.3198 10.4663 16.3633 9.70207 17.5628 9.70207C18.3883 9.70207 19.2496 10.0365 19.759 10.6875L19.8933 10.8591L18.8018 11.7299L18.6634 11.5711C18.4207 11.2928 18.0249 11.1111 17.5628 11.1111C17.0137 11.1111 16.8223 11.3783 16.8223 11.5711C16.8223 11.6772 16.8648 11.7574 16.977 11.8409C17.1008 11.9331 17.29 12.0133 17.5493 12.1025C17.5493 12.1025 17.5492 12.1025 17.5493 12.1025L18.1688 12.3147C18.1688 12.3147 18.1687 12.3147 18.1688 12.3147C18.7355 12.5065 19.1776 12.7403 19.4774 13.0643C19.7846 13.3963 19.9248 13.8033 19.9248 14.2996C19.9248 15.5662 18.7958 16.3471 17.5628 16.3471C16.6113 16.3471 15.5826 15.9038 15.0755 14.9931L15.0338 14.9181V16.2196H10.7603V9.82957H12.3478ZM18.1303 12.4283L17.5103 12.216C17.2511 12.1268 17.0456 12.0416 16.9053 11.9371C16.7702 11.8365 16.7023 11.7236 16.7023 11.5711C16.7023 11.2846 16.9787 10.9911 17.5628 10.9911C18.0557 10.9911 18.4859 11.1849 18.7539 11.4923L18.8168 11.5644L19.7256 10.8395L19.6645 10.7614C19.1826 10.1456 18.3599 9.82207 17.5628 9.82207C16.4054 9.82207 15.4398 10.5544 15.4398 11.6051C15.4398 12.0089 15.5358 12.3529 15.7846 12.6443C16.0307 12.9326 16.4176 13.159 16.9777 13.3486L17.6572 13.5865C17.9185 13.6749 18.144 13.7729 18.3022 13.897C18.4568 14.0182 18.5423 14.1594 18.5423 14.3421C18.5423 14.5514 18.4498 14.7268 18.286 14.8524C18.1203 14.9795 17.8776 15.0581 17.5798 15.0581C17.018 15.0581 16.4915 14.7517 16.1758 14.258C16.1733 14.2541 16.1709 14.2502 16.1684 14.2463L16.1118 14.1563L15.137 14.8569L15.1804 14.9347C15.6612 15.7984 16.6434 16.2271 17.5628 16.2271C18.7539 16.2271 19.8048 15.4779 19.8048 14.2996C19.8048 13.8283 19.6726 13.452 19.3893 13.1458C19.1093 12.8432 18.6893 12.6175 18.1303 12.4283ZM12.2278 14.9306V9.94957H10.8803V16.0996H14.9138V14.9306H12.2278Z"/></svg>',
+  keywords: ["document-excel"],
+  category: "file"
+}, v1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: H0 });
+v1.displayName = "IconDocumentExcel";
+const C0 = {
+  name: "document-pdf",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-opacity=".84" fill-rule="evenodd" d="M4.364 1.864A.9.9 0 0 1 5 1.6h9a.9.9 0 0 1 .666.295l5 5.5A.9.9 0 0 1 19 8.9h-5a.9.9 0 0 1-.9-.9V3.4H5.9V7a.9.9 0 0 1-1.8 0V2.5a.9.9 0 0 1 .264-.636ZM14.9 4.828 16.965 7.1H14.9V4.828ZM5 18.1a.9.9 0 0 1 .9.9v1.6h12.2V19a.9.9 0 1 1 1.8 0v2.5a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V19a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/><path d="M6.765 10.05H4.487V16h1.139v-2.074h1.139c1.113 0 2.048-.799 2.048-1.93 0-1.139-.935-1.946-2.048-1.946Zm-1.14 2.907v-1.938h1.03c.594 0 1.01.408 1.01.977 0 .57-.416.961-1.01.961h-1.03Zm6.488-2.907H9.725V16h2.388c1.581 0 2.924-1.241 2.924-2.975s-1.343-2.975-2.924-2.975Zm-1.24 4.981v-4.012h1.24c1.012 0 1.768.825 1.768 2.006 0 1.181-.756 2.006-1.768 2.006h-1.24Zm9.112-4.981h-3.927V16h1.148v-2.49h2.218v-.97h-2.218v-1.52h2.78v-.969Z"/><path fill-rule="evenodd" d="M4.387 9.95h2.378c1.161 0 2.148.845 2.148 2.046 0 1.194-.988 2.03-2.148 2.03h-1.04V16.1H4.388V9.95ZM5.626 16h-1.14v-5.95h2.279c1.113 0 2.048.807 2.048 1.946 0 1.131-.935 1.93-2.048 1.93h-1.14V16Zm.1-4.881v1.738h.928c.276 0 .503-.09.66-.24a.833.833 0 0 0 .252-.62.86.86 0 0 0-.252-.631.928.928 0 0 0-.66-.247h-.928ZM9.625 9.95h2.488c1.635 0 3.024 1.285 3.024 3.075 0 1.79-1.389 3.075-3.024 3.075H9.625V9.95Zm.1 6.05h2.388c1.581 0 2.924-1.241 2.924-2.975s-1.343-2.975-2.924-2.975H9.725V16Zm1.247-4.881v3.812h1.141c.946 0 1.668-.769 1.668-1.906s-.722-1.906-1.668-1.906h-1.14Zm9.113-1.169v1.169h-2.78v1.322h2.22v1.168h-2.22V16.1h-1.347V9.95h4.127ZM17.205 16h-1.147v-5.95h3.927v.969h-2.78v1.521h2.22v.97h-2.22V16Zm-11.58-3.043h1.03c.594 0 1.01-.391 1.01-.96 0-.57-.416-.978-1.01-.978h-1.03v1.938Zm5.247 2.074h1.241c1.012 0 1.768-.825 1.768-2.006 0-1.181-.756-2.006-1.768-2.006h-1.24v4.012Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M4.387 9.95h2.378c1.161 0 2.148.845 2.148 2.046 0 1.194-.988 2.03-2.148 2.03h-1.04V16.1H4.388V9.95Zm1.489 4.226v2.074h-1.64V9.8h2.529c1.232 0 2.298.9 2.298 2.196 0 1.29-1.068 2.18-2.298 2.18h-.89ZM9.625 9.95h2.488c1.635 0 3.024 1.285 3.024 3.075 0 1.79-1.389 3.075-3.024 3.075H9.625V9.95Zm10.46 0v1.169h-2.78v1.322h2.22v1.168h-2.22V16.1h-1.347V9.95h4.127Zm-2.63 3.81v2.49h-1.647V9.8h4.427v1.469h-2.78v1.021h2.22v1.47h-2.22ZM9.476 9.8h2.638c1.716 0 3.174 1.35 3.174 3.225s-1.458 3.225-3.174 3.225H9.475V9.8Zm-3.6 1.469v1.438h.78c.242 0 .43-.079.556-.198a.684.684 0 0 0 .205-.513.71.71 0 0 0-.207-.522.779.779 0 0 0-.555-.205h-.778Zm5.247 0v3.512h.991c.848 0 1.518-.685 1.518-1.756 0-1.07-.67-1.756-1.518-1.756h-.99Zm-5.396-.15h.928a.93.93 0 0 1 .66.247.86.86 0 0 1 .252.63c0 .26-.094.473-.251.622a.942.942 0 0 1-.66.239h-.93v-1.738Zm5.246 0h1.141c.946 0 1.668.769 1.668 1.906s-.722 1.906-1.668 1.906h-1.14v-3.812Z" clip-rule="evenodd"/></svg>',
+  keywords: ["document-pdf"],
+  category: "file"
+}, h1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: C0 });
+h1.displayName = "IconDocumentPdf";
+const V0 = {
+  name: "document-ppt",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-opacity=".84" fill-rule="evenodd" d="M4.364 1.864A.9.9 0 0 1 5 1.6h9a.9.9 0 0 1 .666.295l5 5.5A.9.9 0 0 1 19 8.9h-5a.9.9 0 0 1-.9-.9V3.4H5.9V7a.9.9 0 0 1-1.8 0V2.5a.9.9 0 0 1 .264-.636ZM14.9 4.828 16.965 7.1H14.9V4.828ZM5 18.1a.9.9 0 0 1 .9.9v1.6h12.2V19a.9.9 0 1 1 1.8 0v2.5a.9.9 0 0 1-.9.9H5a.9.9 0 0 1-.9-.9V19a.9.9 0 0 1 .9-.9Z" clip-rule="evenodd"/><path d="M7.11 10.05H4.83V16h1.14v-2.074h1.138c1.114 0 2.049-.799 2.049-1.93 0-1.139-.935-1.946-2.049-1.946Zm-1.14 2.907v-1.938H7c.595 0 1.011.408 1.011.977 0 .57-.416.961-1.011.961H5.97Zm6.377-2.907H10.07V16h1.14v-2.074h1.138c1.114 0 2.049-.799 2.049-1.93 0-1.139-.935-1.946-2.049-1.946Zm-1.139 2.907v-1.938h1.029c.595 0 1.011.408 1.011.977 0 .57-.416.961-1.011.961h-1.029Zm8.366-2.907h-4.675v.969h1.785V16h1.122v-4.981h1.768v-.969Z"/><path fill-rule="evenodd" d="M4.731 9.95H7.11c1.161 0 2.149.845 2.149 2.046 0 1.194-.988 2.03-2.149 2.03H6.07V16.1H4.731V9.95ZM5.971 16H4.83v-5.95h2.28c1.114 0 2.049.807 2.049 1.946 0 1.131-.935 1.93-2.049 1.93H5.97V16Zm.1-4.881v1.738h.928a.94.94 0 0 0 .66-.24.833.833 0 0 0 .251-.62.86.86 0 0 0-.252-.631.928.928 0 0 0-.66-.247H6.07ZM9.968 9.95h2.378c1.161 0 2.149.845 2.149 2.046 0 1.194-.989 2.03-2.149 2.03h-1.039V16.1H9.97V9.95ZM11.21 16h-1.14v-5.95h2.278c1.114 0 2.049.807 2.049 1.946 0 1.131-.935 1.93-2.049 1.93h-1.139V16Zm.1-4.881v1.738h.928a.94.94 0 0 0 .66-.24.833.833 0 0 0 .251-.62.86.86 0 0 0-.252-.631.928.928 0 0 0-.66-.247h-.928Zm8.365-1.169v1.169h-1.768V16.1h-1.322v-4.981H14.8V9.95h4.875ZM14.9 11.019v-.969h4.675v.969h-1.768V16h-1.122v-4.981H14.9Zm-8.93 1.938H7c.595 0 1.011-.391 1.011-.96 0-.57-.416-.978-1.011-.978H5.97v1.938Zm5.238 0h1.029c.595 0 1.011-.391 1.011-.96 0-.57-.416-.978-1.011-.978h-1.029v1.938Z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M4.731 9.95H7.11c1.161 0 2.149.845 2.149 2.046 0 1.194-.988 2.03-2.149 2.03H6.07V16.1H4.731V9.95Zm1.49 4.226v2.074H4.58V9.8h2.53c1.233 0 2.299.9 2.299 2.196 0 1.29-1.069 2.18-2.299 2.18h-.89ZM9.968 9.95h2.378c1.161 0 2.149.845 2.149 2.046 0 1.194-.989 2.03-2.149 2.03h-1.039V16.1H9.97V9.95Zm1.49 4.226v2.074h-1.64V9.8h2.528c1.232 0 2.299.9 2.299 2.196 0 1.29-1.069 2.18-2.299 2.18h-.889Zm8.215-4.226v1.169h-1.768V16.1h-1.322v-4.981h-1.785V9.95h4.875Zm-3.24 1.319h-1.785V9.8h5.175v1.469h-1.768v4.981h-1.622v-4.981Zm-10.214 0v1.438H7c.242 0 .43-.079.557-.198a.684.684 0 0 0 .204-.513.71.71 0 0 0-.206-.522.779.779 0 0 0-.555-.205h-.78Zm5.238 0v1.438h.779c.242 0 .43-.079.557-.198a.684.684 0 0 0 .204-.513.71.71 0 0 0-.207-.522.779.779 0 0 0-.554-.205h-.779Zm-5.388-.15H7c.274 0 .501.094.66.247a.86.86 0 0 1 .251.63c0 .26-.094.473-.251.622a.942.942 0 0 1-.66.239h-.93v-1.738Zm5.238 0h.929c.274 0 .5.094.659.247a.86.86 0 0 1 .252.63c0 .26-.094.473-.251.622a.941.941 0 0 1-.66.239h-.929v-1.738Z" clip-rule="evenodd"/></svg>',
+  keywords: ["document-ppt"],
+  category: "file"
+}, f1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: V0 });
+f1.displayName = "IconDocumentPpt";
+const x0 = {
+  name: "image",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 25" fill="currentColor"><path fill-rule="evenodd" d="M1.6 4.5a.9.9 0 0 1 .9-.9h19a.9.9 0 0 1 .9.9v16a.9.9 0 0 1-.9.9h-19a.9.9 0 0 1-.9-.9v-16Zm1.8.9v14.2h17.2V5.4H3.4Zm4.1 2.5a1.6 1.6 0 1 0 0 3.2 1.6 1.6 0 0 0 0-3.2ZM4.1 9.5a3.4 3.4 0 1 1 6.8 0 3.4 3.4 0 0 1-6.8 0Zm11.264.864a.9.9 0 0 1 1.272 0l3 3a.9.9 0 1 1-1.272 1.272L16 12.273l-5.364 5.363a.9.9 0 0 1-1.272 0L8 16.273l-2.364 2.363a.9.9 0 1 1-1.272-1.272l3-3a.9.9 0 0 1 1.272 0L10 15.727l5.364-5.363Z" clip-rule="evenodd"/></svg>',
+  keywords: ["image"],
+  category: "media"
+}, m1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: x0 });
+m1.displayName = "IconImage";
+const b0 = {
+  name: "video",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 25" fill="currentColor"><path fill-rule="evenodd" d="M1.6 6a.9.9 0 0 1 .9-.9h19a.9.9 0 0 1 .9.9v14a.9.9 0 0 1-.9.9h-19a.9.9 0 0 1-.9-.9V6Zm1.8.9v12.2h17.2V6.9H3.4Zm6.167 1.811a.9.9 0 0 1 .916.03l5.5 3.5a.9.9 0 0 1 0 1.518l-5.5 3.5A.9.9 0 0 1 9.1 16.5v-7a.9.9 0 0 1 .467-.789ZM10.9 11.14v3.722L13.824 13 10.9 11.14Z" clip-rule="evenodd"/></svg>',
+  keywords: ["video"],
+  category: "media"
+}, _1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: b0 });
+_1.displayName = "IconVideo";
+const y0 = {
+  name: "volume",
+  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M12.864 3.177A.9.9 0 0 1 13.4 4v16a.9.9 0 0 1-1.505.666L6.652 15.9H4A1.9 1.9 0 0 1 2.1 14v-4c0-1.05.85-1.9 1.9-1.9h2.652l5.243-4.766a.9.9 0 0 1 .97-.157ZM11.6 6.034 7.605 9.666A.9.9 0 0 1 7 9.9H4a.1.1 0 0 0-.1.1v4a.1.1 0 0 0 .1.1h3a.9.9 0 0 1 .605.234l3.995 3.631V6.035Zm6.835-1.741a.9.9 0 0 1 1.273 0c4.256 4.256 4.256 11.158 0 15.414a.9.9 0 1 1-1.273-1.272 9.1 9.1 0 0 0 0-12.87.9.9 0 0 1 0-1.272Zm-3.071 3.07a.9.9 0 0 1 1.272 0 6.557 6.557 0 0 1 0 9.273.9.9 0 1 1-1.272-1.272 4.757 4.757 0 0 0 0-6.728.9.9 0 0 1 0-1.272Z" clip-rule="evenodd"/></svg>',
+  keywords: ["volume"],
+  category: "action"
+}, g1 = (e) => /* @__PURE__ */ l(H, { ...e, svg: y0 });
+g1.displayName = "IconVolume";
+const $0 = {
+  "purpur-file-upload-icon": "_purpur-file-upload-icon_w5n80_1",
+  "purpur-file-upload-icon--muted": "_purpur-file-upload-icon--muted_w5n80_5"
+}, M0 = D.bind($0), r1 = "purpur-file-upload-icon", L0 = ({ filetype: e, muted: r }) => {
+  const a = {
+    size: "sm",
+    className: M0(r1, { [`${r1}--muted`]: r })
+  };
+  return e.startsWith("image/") ? /* @__PURE__ */ l(m1, { ...a }) : e.startsWith("video/") ? /* @__PURE__ */ l(_1, { ...a }) : e.startsWith("audio/") ? /* @__PURE__ */ l(g1, { ...a }) : e.includes("powerpoint") || e.includes("presentationml") ? /* @__PURE__ */ l(f1, { ...a }) : e.includes("msword") || e.includes("ms-word") || e.includes("wordprocessingml") ? /* @__PURE__ */ l(p1, { ...a }) : e.includes("excel") || e.includes("spreadsheetml") ? /* @__PURE__ */ l(v1, { ...a }) : e === "application/pdf" ? /* @__PURE__ */ l(h1, { ...a }) : /* @__PURE__ */ l(c1, { ...a });
+}, k0 = (e, r) => e.name === r.name && e.size === r.size && e.lastModified === r.lastModified, N0 = (e, r) => {
+  const a = [...e];
+  return r.forEach((t) => {
+    const o = a.findIndex((n) => k0(n, t));
+    o === -1 ? a.push(t) : a[o] = t;
+  }), a;
+}, F0 = (e, r) => r.some((a) => a.startsWith(".") ? e.name.toLowerCase().endsWith(a.toLowerCase()) : a.endsWith("/*") ? e.type.startsWith(a.slice(0, -1)) : e.type === a), I0 = (e, r, a) => {
+  if (!e)
+    return { acceptedFiles: [], hasOversizedFiles: !1, hasInvalidFileType: !1 };
+  const t = Array.from(e), o = r ? t.filter((i) => i.size <= r) : t, n = a && a.length > 0 ? o.filter((i) => F0(i, a)) : o;
+  return {
+    acceptedFiles: n,
+    hasOversizedFiles: o.length !== t.length,
+    hasInvalidFileType: n.length !== o.length
+  };
+}, x = D.bind(U1), g = "purpur-file-upload", D0 = l1(
+  ({
+    acceptedFileTypes: e,
+    acceptedFileTypesErrorText: r,
+    backgroundColor: a = "primary",
+    buttonLabel: t,
+    disabled: o = !1,
+    dragAndDrop: n = !1,
+    dragAndDropLabel: i,
+    errorText: s,
+    helperText: v,
+    label: d,
+    labelTag: f = "h2",
+    maxFiles: u,
+    maxFilesErrorText: h,
+    maxFileSizeBytes: Z,
+    maxFileSizeErrorText: m,
+    removeFileButtonLabel: M,
+    tooltipText: L,
+    useMediaQueries: c = !1,
+    variant: j = "attach",
+    ..._
+  }, Z1) => {
+    const q = I(), w1 = I(), H1 = I(), [E, A] = $([]), [C1, S] = $(!1), [V1, B] = $(!1), [x1, W] = $(!1), G = "onFileSelect" in _ ? _.isUploading : void 0, b1 = "onFileSelect" in _ ? _.uploadingText : void 0, y1 = "onFileSelect" in _ ? _.isRemoving : void 0, $1 = "onFileSelect" in _ ? _.removingText : void 0, X = (p) => {
+      if (o)
+        return;
+      const { acceptedFiles: b, hasOversizedFiles: y, hasInvalidFileType: k } = I0(
+        p,
+        Z,
+        e
+      );
+      B(y), W(k);
+      const N = N0(E, b);
+      if (u && N.length > u) {
+        S(!0);
+        return;
+      }
+      S(!1), A(N), "onFileSelect" in _ && b.forEach((K) => {
+        Promise.resolve(_.onFileSelect(K)).then((L1) => {
+          L1 || A(
+            (k1) => k1.filter((N1) => N1 !== K)
+          );
+        });
+      });
+    }, M1 = (p) => {
+      if (!o) {
+        if ("onFileSelect" in _) {
+          Promise.resolve(_.onFileRemove(p)).then((b) => {
+            b && (A((y) => y.filter((k) => k !== p)), S(!1), B(!1), W(!1));
+          });
+          return;
+        }
+        A((b) => b.filter((y) => y !== p)), S(!1), B(!1), W(!1);
+      }
+    }, J = /* @__PURE__ */ l(
+      X1,
+      {
+        accept: e?.join(","),
+        disabled: o,
+        files: E,
+        interactive: !n,
+        multiple: u !== 1,
+        onFilesChange: X,
+        useMediaQueries: c,
+        variant: j,
+        children: t
+      }
+    ), z = C1 ? h : V1 ? m : x1 ? r : s;
+    return /* @__PURE__ */ w(
+      "div",
+      {
+        ref: Z1,
+        className: x(g),
+        role: "group",
+        "aria-labelledby": d ? q : void 0,
+        children: [
+          /* @__PURE__ */ w("div", { className: x(`${g}__content`), children: [
+            d && /* @__PURE__ */ l(
+              T1,
+              {
+                tag: f,
+                variant: "subsection-100",
+                id: q,
+                className: x(`${g}__label`, {
+                  [`${g}__label--disabled`]: o
+                }),
+                children: d
+              }
+            ),
+            n ? /* @__PURE__ */ l(
+              u0,
+              {
+                backgroundColor: a,
+                disabled: o,
+                dragAndDropLabel: i,
+                onFilesChange: X,
+                variant: j,
+                children: J
+              }
+            ) : J,
+            (v !== void 0 || z) && /* @__PURE__ */ w("div", { className: x(`${g}__messages`), children: [
+              v !== void 0 && /* @__PURE__ */ w("div", { className: x(`${g}__helper-text-row`), children: [
+                v && /* @__PURE__ */ l(S1, { id: w1, children: v }),
+                L && /* @__PURE__ */ l(O1, { buttonSize: "xs", iconSize: "xs", triggerAriaLabel: L, children: L })
+              ] }),
+              z && /* @__PURE__ */ l(A1, { id: H1, children: z })
+            ] })
+          ] }),
+          E.length > 0 && /* @__PURE__ */ l("ul", { className: x(`${g}__files`), children: E.map((p, b) => {
+            const y = G?.(p) || y1?.(p), k = G?.(p) ? b1 : $1, N = y || o;
+            return /* @__PURE__ */ w(
+              "li",
+              {
+                className: x(
+                  `${g}__file`,
+                  `${g}__file--${a}`,
+                  {
+                    [`${g}__file--disabled`]: o
+                  }
+                ),
+                children: [
+                  /* @__PURE__ */ l(L0, { filetype: p.type, muted: N }),
+                  /* @__PURE__ */ l(g0, { fileName: p.name, muted: N }),
+                  y ? /* @__PURE__ */ w("span", { className: x(`${g}__spinner`), children: [
+                    /* @__PURE__ */ l(R1, { size: "xxs", "aria-hidden": "true", disabled: !0 }),
+                    /* @__PURE__ */ l(B1, { "aria-live": "polite", children: `${k} ${p.name}` })
+                  ] }) : /* @__PURE__ */ l(
+                    t1,
+                    {
+                      iconOnly: !0,
+                      variant: "text",
+                      "aria-label": `${M} ${p.name}`,
+                      onClick: () => M1(p),
+                      className: x(`${g}__remove-button`),
+                      disabled: o,
+                      children: /* @__PURE__ */ l(o1, { size: "xs" })
+                    }
+                  )
+                ]
+              },
+              `${p.name}-${b}`
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+D0.displayName = "FileUpload";
+export {
+  D0 as F
+};
+//# sourceMappingURL=file-upload-Ctw6LCTU.mjs.map