mada-design-system 0.5.11 → 0.5.12

package/index.es44.js

@@ -1,16 +1,292 @@
-import { useLayoutEffect as s, useEffect as f } from "react";
-import { setLanguage as o } from "./index.es97.js";
+import { jsxs as c, jsx as e, Fragment as R } from "react/jsx-runtime";
+import * as l from "@radix-ui/react-navigation-menu";
+import { cva as H } from "./index.es105.js";
+import * as s from "react";
+import { Content as B } from "@radix-ui/react-dialog";
+import { Slot as v } from "@radix-ui/react-slot";
+import { useMediaQuery as L, useToggle as D } from "./index.es103.js";
+import { cn as n } from "./index.es86.js";
+import { strings as p } from "./index.es98.js";
 import "./index.es2.js";
-import u from "./index.es89.js";
-const w = ({ children: c, onLanguageChange: t, onDirChange: r }) => {
-  const { lang: i, dir: e } = u();
-  return s(() => {
-    var m;
-    document.dir = e, navigator.userAgent.indexOf("iPhone") > -1 && ((m = document == null ? void 0 : document.querySelector("[name=viewport]")) == null || m.setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1")), r == null || r();
-  }, [e, r]), f(() => {
-    i && (o(i), t == null || t());
-  }, [i, t]), c;
-};
+import { Button as f } from "./index.es23.js";
+import { Input as F } from "./index.es38.js";
+import { Sheet as M, SheetTrigger as _, SheetClose as x, SheetContent as K, SheetHeader as E, SheetTitle as G, SheetFooter as P } from "./index.es67.js";
+import O from "./index.es133.js";
+import N from "./index.es108.js";
+import Q from "./index.es134.js";
+import { ShouldRender as g } from "./index.es15.js";
+import h from "./index.es124.js";
+import q from "./index.es135.js";
+import { Stack as J } from "./index.es43.js";
+import U from "./index.es6.js";
+import { ToggleGroup as W, ToggleGroupItem as S } from "./index.es78.js";
+import y from "./index.es90.js";
+const X = s.forwardRef(({ className: t, children: a, ...r }, o) => {
+  const { dir: i } = y();
+  return /* @__PURE__ */ c(l.Root, { dir: i, ref: o, className: n("relative z-10 hidden flex-1 items-center lg:flex", t), ...r, children: [
+    a,
+    /* @__PURE__ */ e(C, {})
+  ] });
+});
+X.displayName = l.Root.displayName;
+const Y = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(l.List, { ref: r, className: n("group flex flex-1 list-none items-center justify-center", t), ...a }));
+Y.displayName = l.List.displayName;
+const ze = l.Item, b = H(
+  `group relative inline-flex h-[72px] items-center justify-center gap-space-01 px-space-05 py-space-02 after:absolute  after:bottom-0  after:start-1/2  after:h-space-02  after:w-[calc(100%_-_16px)]  after:rounded-full
+     hover:bg-button-background-neutral-hovered hover:after:bg-background-neutral-400 focus:bg-transparent
+     focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:after:bg-background-neutral-800
+     ltr:after:-translate-x-1/2  rtl:after:translate-x-1/2
+    data-[state=open]:bg-button-background-primary-hovered hover:data-[state=open]:bg-button-background-primary-hovered data-[state=open]:text-text-oncolor-primary hover:data-[state=open]:after:bg-background-primary-400 data-[state=open]:after:bg-background-primary-400 data-[state=open]:active:bg-button-background-primary-pressed
+    [&.active]:bg-button-background-primary-hovered [&.active]:text-text-oncolor-primary [&.active]:after:bg-background-primary-400 [&.active]:active:bg-button-background-primary-pressed`
+), Z = s.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ c(l.Trigger, { ref: o, className: n(b(), "", t), ...r, children: [
+  a,
+  " ",
+  /* @__PURE__ */ e(
+    O,
+    {
+      size: 20,
+      className: "relative top-[1px] me-1 transition duration-200 group-data-[state=open]:rotate-180",
+      "aria-hidden": "true"
+    }
+  )
+] }));
+Z.displayName = l.Trigger.displayName;
+const $ = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  l.Content,
+  {
+    ref: r,
+    className: n(
+      "data-[motion=from-end]:animate-enterFromRight data-[motion=from-start]:animate-enterFromLeft data-[motion=to-end]:animate-exitToRight data-[motion=to-start]:animate-exitToLeft absolute start-0 top-0 w-full sm:w-auto",
+      t
+    ),
+    ...a
+  }
+));
+$.displayName = l.Content.displayName;
+const V = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  l.Link,
+  {
+    className: n(
+      "group relative inline-flex h-[72px] items-center justify-center gap-space-01 px-space-05 py-space-02 after:absolute after:bottom-0 after:start-1/2 after:h-space-02 after:w-[calc(100%_-_16px)] after:rounded-full hover:bg-button-background-neutral-hovered hover:after:bg-background-neutral-400 focus:bg-transparent focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:after:bg-background-neutral-800 ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 [&.active]:bg-button-background-primary-hovered [&.active]:text-text-oncolor-primary [&.active]:after:bg-background-primary-400 [&.active]:active:bg-button-background-primary-pressed",
+      t
+    ),
+    ref: r,
+    ...a
+  }
+));
+V.displayName = l.Link.displayName;
+const C = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { className: n("absolute start-0 top-full flex justify-center"), children: /* @__PURE__ */ e(
+  l.Viewport,
+  {
+    className: n(
+      "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      t
+    ),
+    ref: r,
+    ...a
+  }
+) }));
+C.displayName = l.Viewport.displayName;
+const ee = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+  l.Indicator,
+  {
+    ref: r,
+    className: n(
+      "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      t
+    ),
+    ...a,
+    children: /* @__PURE__ */ e("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+ee.displayName = l.Indicator.displayName;
+const te = s.forwardRef(
+  ({ className: t, divider: a = !1, children: r, ...o }, i) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: i,
+      className: n(
+        "relative z-50 flex h-[72px] min-h-[72px] w-full bg-background-menu px-space-04 md:px-space-06 ",
+        {
+          "after:absolute after:bottom-0 after:start-0 after:block after:h-[1px] after:w-full after:bg-background-neutral-100": a
+        },
+        t
+      ),
+      ...o,
+      children: /* @__PURE__ */ e("div", { className: "max-w-container mx-auto flex w-full items-center  justify-between ", children: r })
+    }
+  )
+);
+te.displayName = "NavigationHeader";
+const ae = s.forwardRef(
+  ({ className: t, logoAlt: a, logoSrc: r, ...o }, i) => /* @__PURE__ */ e("a", { ref: i, className: n("flex w-full shrink-0 md:justify-center lg:w-auto", t), ...o, children: /* @__PURE__ */ e("img", { src: r, alt: a || "logo" }) })
+);
+ae.displayName = "NavigationHeaderLogo";
+const re = s.forwardRef(({ className: t, collapsed: a, onToggleCollapsed: r, children: o, ...i }, d) => /* @__PURE__ */ c("div", { ref: d, className: n("flex w-full items-center gap-space-04", t), ...i, children: [
+  /* @__PURE__ */ e(f, { variant: "text", colors: "neutral", size: "icon", type: "button", rounded: "default", className: "lg:hidden", onClick: r, children: a ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ e(Q, {}) }),
+  o
+] }));
+re.displayName = "NavigationMain";
+const oe = s.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ e("div", { ref: o, className: n("flex items-center", t), ...r, children: a }));
+oe.displayName = "NavigationActions";
+const ne = s.forwardRef(
+  ({ className: t, children: a, asChild: r, ...o }, i) => {
+    const d = r ? v : "button", u = L("(max-width: 1023px)");
+    return /* @__PURE__ */ c(R, { children: [
+      /* @__PURE__ */ e(g, { shouldRender: r && u, children: /* @__PURE__ */ e(f, { asChild: !0, variant: "ghost", size: "icon", colors: "gray", children: /* @__PURE__ */ e(v, { ref: i, className: t, ...o, children: a }) }) }),
+      /* @__PURE__ */ e(g, { shouldRender: !u, children: /* @__PURE__ */ e(d, { className: n(b(), t), ref: i, ...o, children: a }) })
+    ] });
+  }
+);
+ne.displayName = "NavigationAction";
+const Te = ({
+  onSearch: t,
+  onValueChange: a,
+  children: r
+}) => {
+  const [o, i] = s.useState(""), d = L("(max-width: 1023px)"), [u, w, z] = D(), T = (m) => {
+    m.key === "Enter" && t(o.trim());
+  }, j = (m) => {
+    const k = m.target.value;
+    i(k), a == null || a(k);
+  }, I = () => {
+    i(""), t("");
+  }, A = () => {
+    t(o);
+  };
+  return /* @__PURE__ */ c(
+    M,
+    {
+      open: u,
+      onOpenChange: (m) => {
+        z(m), setTimeout(() => {
+          document.body.style.removeProperty("pointer-events");
+        }, 1e3);
+      },
+      children: [
+        /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ c(R, { children: [
+          /* @__PURE__ */ e(g, { shouldRender: !d, children: /* @__PURE__ */ c("button", { className: b(), onClick: w, children: [
+            /* @__PURE__ */ e(h, {}),
+            " ",
+            /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: p.Shared.Search })
+          ] }) }),
+          /* @__PURE__ */ e(g, { shouldRender: d, children: /* @__PURE__ */ e(f, { variant: "ghost", colors: "gray", size: "icon", onClick: w, children: /* @__PURE__ */ e(h, {}) }) })
+        ] }) }),
+        /* @__PURE__ */ e(B, { className: "absolute inset-x-0 top-[72px] z-50 flex w-full flex-col overflow-y-auto rounded-b-3 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out sm:max-w-full", children: /* @__PURE__ */ e("div", { className: "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 h-full overflow-auto bg-background-menu p-space-05 scrollbar scrollbar-track-transparent scrollbar-thumb-border", children: /* @__PURE__ */ c("div", { className: "mx-auto flex max-w-screen-xl flex-col py-space-06", children: [
+          /* @__PURE__ */ e(x, { asChild: !0, className: "ms-auto", children: /* @__PURE__ */ e(f, { size: "icon-sm", rounded: "default", variant: "text", colors: "neutral", type: "button", children: /* @__PURE__ */ e(N, {}) }) }),
+          /* @__PURE__ */ c("div", { className: "flex gap-space-04 py-space-07", children: [
+            /* @__PURE__ */ e(
+              F,
+              {
+                rounded: "default",
+                value: o,
+                placeholder: p.Shared.Search,
+                startAdornment: /* @__PURE__ */ e(h, {}),
+                onKeyDown: T,
+                onChange: j,
+                endAdornment: o && /* @__PURE__ */ e("button", { type: "button", className: "text-text-default", onClick: I, children: /* @__PURE__ */ e(N, { size: 20 }) })
+              }
+            ),
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(f, { colors: "primary", rounded: "default", onClick: A, children: p.Shared.Search }) })
+          ] }),
+          r
+        ] }) }) })
+      ]
+    }
+  );
+}, je = ({ onValueChange: t, className: a }) => {
+  const { changeLang: r, lang: o } = y(), i = () => {
+    r(o === "ar" ? "en" : "ar"), t == null || t();
+  };
+  return /* @__PURE__ */ c("button", { className: n(b(), "hidden lg:inline-flex", a), onClick: i, "data-testid": "localizationBtn", children: [
+    /* @__PURE__ */ e(q, {}),
+    " ",
+    /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: p.Shared.siteLanguageText })
+  ] });
+}, Ie = ({
+  open: t,
+  onOpenChange: a,
+  children: r
+}) => /* @__PURE__ */ e(M, { open: t, onOpenChange: a, children: /* @__PURE__ */ e(K, { side: "right", className: "flex h-svh w-10/12 flex-col overflow-x-hidden p-0 sm:max-w-lg md:max-w-xl", children: r }) }), Ae = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(E, { hideCenter: !0, className: n("flex items-center justify-between bg-background-neutral-25 px-space-05", a), ...r, children: /* @__PURE__ */ e(G, { children: t }) }), He = ({
+  children: t,
+  className: a,
+  hideSwitchLang: r,
+  ...o
+}) => /* @__PURE__ */ c(P, { className: n("flex !flex-col gap-y-space-04 bg-transparent", a), ...o, children: [
+  /* @__PURE__ */ e(g, { shouldRender: !r, children: /* @__PURE__ */ e(ie, {}) }),
+  t
+] }), Be = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(
+  "div",
+  {
+    className: n(
+      "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 h-full overflow-auto bg-card p-space-04 text-foreground scrollbar scrollbar-track-transparent scrollbar-thumb-border",
+      a
+    ),
+    ...r,
+    children: t
+  }
+), ie = () => {
+  const { changeLang: t, lang: a } = y();
+  return /* @__PURE__ */ c(J, { justifyContent: "between", alignItems: "center", children: [
+    /* @__PURE__ */ e(U, { children: p.Shared.Language }),
+    /* @__PURE__ */ c(
+      W,
+      {
+        type: "single",
+        size: "sm",
+        "data-testid": "localizationBtn",
+        value: a,
+        variant: "outline",
+        colors: "gray",
+        onValueChange: (r) => {
+          t(r);
+        },
+        children: [
+          /* @__PURE__ */ e(S, { value: "ar", children: "العربية" }),
+          /* @__PURE__ */ e(S, { value: "en", children: "English" })
+        ]
+      }
+    )
+  ] });
+}, le = s.forwardRef(
+  ({ className: t, target: a, asChild: r, ...o }, i) => {
+    const d = r ? v : "a", u = a === "_blank" ? "noopener noreferrer" : "";
+    return /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(
+      d,
+      {
+        className: n(
+          "group relative inline-flex gap-space-01 rounded px-space-04 py-space-02 text-body-01 font-semibold text-text-default focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:before:absolute active:before:start-0 active:before:top-1/2 active:before:h-space-05 active:before:w-[6px] active:before:-translate-y-1/2 active:before:rounded-full active:before:bg-background-neutral-800",
+          t
+        ),
+        ref: i,
+        rel: u,
+        ...o
+      }
+    ) });
+  }
+);
+le.displayName = l.Link.displayName;
 export {
-  w as Bootstrap
+  ne as NavigationAction,
+  oe as NavigationActions,
+  te as NavigationHeader,
+  ae as NavigationHeaderLogo,
+  re as NavigationMain,
+  X as NavigationMenu,
+  $ as NavigationMenuContent,
+  ee as NavigationMenuIndicator,
+  ze as NavigationMenuItem,
+  V as NavigationMenuLink,
+  Y as NavigationMenuList,
+  Z as NavigationMenuTrigger,
+  C as NavigationMenuViewport,
+  Be as NavigationMobileBody,
+  He as NavigationMobileFooter,
+  Ae as NavigationMobileHeader,
+  le as NavigationMobileLink,
+  Ie as NavigationMobileSideBar,
+  ie as NavigationMobileSwitchLanguage,
+  Te as NavigationSearch,
+  je as NavigationSwitchLanguage,
+  b as navigationMenuTriggerStyle
 };

package/index.es45.js

@@ -1,309 +1,16 @@
-import { jsxs as f, jsx as t } from "react/jsx-runtime";
-import Q from "./index.es3.js";
-import { Button as E } from "./index.es22.js";
-import { useState as O, useRef as W, useEffect as X, useCallback as c } from "react";
-import { strings as s } from "./index.es97.js";
-import { ShouldRender as k } from "./index.es14.js";
-import Y from "./index.es137.js";
-import ee from "./index.es138.js";
-import te from "./index.es139.js";
-import re from "./index.es108.js";
-import { cn as m } from "./index.es85.js";
-const ae = {
-  "image/png": [".png"],
-  "image/jpeg": [".jpg", ".jpeg"],
-  "application/pdf": [".pdf"]
+import { useLayoutEffect as s, useEffect as f } from "react";
+import { setLanguage as o } from "./index.es98.js";
+import "./index.es2.js";
+import u from "./index.es90.js";
+const w = ({ children: c, onLanguageChange: t, onDirChange: r }) => {
+  const { lang: i, dir: e } = u();
+  return s(() => {
+    var m;
+    document.dir = e, navigator.userAgent.indexOf("iPhone") > -1 && ((m = document == null ? void 0 : document.querySelector("[name=viewport]")) == null || m.setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1")), r == null || r();
+  }, [e, r]), f(() => {
+    i && (o(i), t == null || t());
+  }, [i, t]), c;
 };
-function se({ file: r, onRemove: a }) {
-  return /* @__PURE__ */ f(
-    "li",
-    {
-      className: m("flex flex-col rounded border border-border-neutral-primary bg-background-neutral-100", {
-        "border-border-error": r.status === "error"
-      }),
-      children: [
-        /* @__PURE__ */ f("div", { className: "flex items-center justify-between truncate p-space-02", children: [
-          /* @__PURE__ */ f("div", { className: "flex gap-space-02", children: [
-            r.status === "uploading" && /* @__PURE__ */ t(Q, {}),
-            r.status === "success" && /* @__PURE__ */ t(ee, { className: "text-icon-success" }),
-            r.status === "error" && /* @__PURE__ */ t(te, { className: "text-icon-error" }),
-            /* @__PURE__ */ t("span", { className: "text-body-01 font-medium text-text-default", children: r.file.name })
-          ] }),
-          /* @__PURE__ */ t(
-            E,
-            {
-              variant: "text",
-              size: "icon-xs",
-              rounded: "default",
-              colors: "neutral",
-              onClick: () => a(r.id),
-              "aria-label": `remove file ${r.file.name}`,
-              className: "mix-blend-multiply dark:mix-blend-normal",
-              children: /* @__PURE__ */ t(re, {})
-            }
-          )
-        ] }),
-        r.status === "error" && /* @__PURE__ */ t("div", { className: "border-t border-border-primary p-space-02", children: /* @__PURE__ */ t("span", { className: "text-caption-01 text-text-error", children: r.error }) })
-      ]
-    }
-  );
-}
-function ie({ files: r, onRemove: a }) {
-  return /* @__PURE__ */ t("ul", { className: "space-y-space-01", children: r.map((o) => /* @__PURE__ */ t(se, { file: o, onRemove: a }, o.id)) });
-}
-function le({
-  isDragging: r,
-  disabled: a,
-  acceptedExtensions: o,
-  maxSize: h,
-  onDragEnter: p,
-  onDragLeave: F,
-  onDragOver: g,
-  onDrop: b,
-  onSelectFiles: v,
-  browseLabel: j,
-  description: y
-}) {
-  return /* @__PURE__ */ t(
-    "div",
-    {
-      role: "button",
-      className: m(
-        "group rounded border border-dashed bg-background-neutral-100 p-space-05 text-center hover:border-border-success hover:bg-background-success-25",
-        {
-          "border-border-success bg-background-success-25": r,
-          "pointer-events-none cursor-not-allowed border-border-disabled": a
-        }
-      ),
-      onDragEnter: p,
-      onDragLeave: F,
-      onDragOver: g,
-      onDrop: b,
-      children: /* @__PURE__ */ f("label", { htmlFor: "fileInput", className: "flex cursor-pointer flex-col items-center gap-space-05", children: [
-        /* @__PURE__ */ t(Y, { className: m("size-space-05 text-icon-default group-hover:text-icon-success", { "text-disabled": a }) }),
-        /* @__PURE__ */ t(
-          "span",
-          {
-            id: "dragDropLabel",
-            className: m("text-body-02 font-medium text-text-display group-hover:text-text-success", {
-              "text-disabled-text-default-disabled": a
-            }),
-            children: s.Attachments.dragFiles
-          }
-        ),
-        /* @__PURE__ */ t(
-          "span",
-          {
-            className: m("text-caption-01 text-text-paragraph-primary group-hover:text-text-success", {
-              "text-disabled-text-default-disabled": a
-            }),
-            children: y || `${s.formatString(s.Attachments.maxSize, h || 0)}${s.Shared.comma} ${s.formatString(s.Attachments.allowedFormats, o.join(", "))}`
-          }
-        ),
-        /* @__PURE__ */ t(
-          E,
-          {
-            variant: "text",
-            colors: "neutral",
-            size: "sm",
-            rounded: "default",
-            disabled: r || a,
-            onClick: v,
-            "aria-label": "browse files",
-            children: j ?? s.Attachments.browseFile
-          }
-        )
-      ] })
-    }
-  );
-}
-function Fe({
-  acceptedFormats: r = ae,
-  onFileSelect: a,
-  multiple: o,
-  disabled: h,
-  maxSize: p = 1,
-  maxFiles: F = 1 / 0,
-  customError: g,
-  isInvalid: b,
-  isRequired: v,
-  label: j,
-  browseLabel: y,
-  description: L,
-  value: x = [],
-  onChange: N
-}) {
-  const [i, D] = O({
-    validFiles: x,
-    invalidFiles: []
-  }), [U, z] = O(!1), A = W(null), $ = i.validFiles.length >= F, C = Object.values(r).flat(), T = C.join(",");
-  X(() => {
-    x.length && D((e) => ({
-      validFiles: x,
-      invalidFiles: e.invalidFiles
-    }));
-  }, [x]);
-  const P = c(
-    (e) => e.size > p * 1024 * 1024 || !r[e.type] ? {
-      isValid: !1,
-      error: s.Attachments.error
-    } : { isValid: !0 },
-    [r, p]
-  ), w = c(
-    (e) => {
-      const u = [], l = [];
-      e.forEach((n) => {
-        const I = n.name.replace(/[^a-zA-Z0-9\u0600-\u06FF ._-]/g, "_"), R = P(n);
-        if (!R.isValid) {
-          l.push({
-            id: `${n.name}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-            file: new File([n], I, { type: n.type }),
-            progress: 0,
-            status: "error",
-            error: R.error
-          });
-          return;
-        }
-        u.push({
-          id: `${n.name}-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`,
-          file: new File([n], I, { type: n.type }),
-          progress: 0,
-          status: a ? "uploading" : "success"
-        });
-      });
-      const d = [...i.validFiles, ...u];
-      D({
-        validFiles: d,
-        invalidFiles: [...i.invalidFiles, ...l]
-      }), N(d), a && u.length && a(u, (n, I, R = "uploading", K) => {
-        const M = d.map((S) => S.id === n ? { ...S, progress: I, status: R, error: K } : S);
-        D((S) => ({
-          validFiles: M,
-          invalidFiles: S.invalidFiles
-        })), N(M);
-      }), A.current && (A.current.value = "");
-    },
-    [i.validFiles, i.invalidFiles, N, P, a]
-  ), _ = c((e) => {
-    e.preventDefault(), e.stopPropagation(), z(!0);
-  }, []), B = c((e) => {
-    e.preventDefault(), e.stopPropagation(), z(!1);
-  }, []), Z = c((e) => {
-    e.preventDefault(), e.stopPropagation();
-  }, []), q = c(
-    (e) => {
-      e.preventDefault(), e.stopPropagation(), z(!1), w(Array.from(e.dataTransfer.files));
-    },
-    [w]
-  ), G = c(
-    (e) => {
-      e.target.files && w(Array.from(e.target.files));
-    },
-    [w]
-  ), V = c(() => {
-    var e, u;
-    $ || ((e = A.current) == null || e.click(), (u = A.current) == null || u.focus());
-  }, [$]), H = c(
-    (e) => {
-      if (i.invalidFiles.some((l) => l.id === e))
-        D((l) => ({
-          validFiles: l.validFiles,
-          invalidFiles: l.invalidFiles.filter((d) => d.id !== e)
-        }));
-      else {
-        const l = i.validFiles.filter((d) => d.id !== e);
-        D((d) => ({
-          validFiles: l,
-          invalidFiles: d.invalidFiles
-        })), N(l);
-      }
-    },
-    [i.validFiles, i.invalidFiles, N]
-  ), J = [...i.validFiles, ...i.invalidFiles];
-  return /* @__PURE__ */ f("div", { className: m("mx-auto flex w-full flex-col gap-space-02", { "rounded-1 border border-error p-space-02": b }), children: [
-    /* @__PURE__ */ t(k, { shouldRender: o, children: /* @__PURE__ */ t(
-      le,
-      {
-        isDragging: U,
-        disabled: h || $,
-        acceptedExtensions: C,
-        onDragEnter: _,
-        onDragLeave: B,
-        onDragOver: Z,
-        onDrop: q,
-        onSelectFiles: V,
-        maxSize: p,
-        browseLabel: y,
-        description: L
-      }
-    ) }),
-    /* @__PURE__ */ t(k, { shouldRender: !o, children: /* @__PURE__ */ t(
-      ne,
-      {
-        disabled: h || $,
-        acceptedExtensions: C,
-        onSelectFiles: V,
-        isSelectedFile: !!x.length || !!i.invalidFiles.length,
-        maxSize: p,
-        isRequired: v,
-        label: j,
-        browseLabel: y,
-        description: L
-      }
-    ) }),
-    /* @__PURE__ */ t(
-      "input",
-      {
-        type: "file",
-        accept: T,
-        ref: A,
-        onChange: G,
-        className: "hidden",
-        id: "fileInput",
-        disabled: h || $,
-        "aria-describedby": "fileInputDescription"
-      }
-    ),
-    /* @__PURE__ */ t(ie, { files: J, onRemove: H }),
-    /* @__PURE__ */ t(k, { shouldRender: !x.length && !!g, children: /* @__PURE__ */ t("div", { className: "text-caption-01 text-text-error", children: g }) })
-  ] });
-}
-const ne = ({
-  disabled: r,
-  acceptedExtensions: a,
-  isSelectedFile: o,
-  onSelectFiles: h,
-  maxSize: p,
-  isRequired: F,
-  label: g,
-  browseLabel: b,
-  description: v
-}) => /* @__PURE__ */ f("div", { className: "space-y-space-04", children: [
-  /* @__PURE__ */ f("div", { className: "space-y-space-02", children: [
-    /* @__PURE__ */ f(
-      "div",
-      {
-        className: m("text-body-02 text-form-field-text-label", {
-          "text-disabled-text-default-disabled": r
-        }),
-        children: [
-          g ?? s.Attachments.uploadFiles,
-          /* @__PURE__ */ t(k, { shouldRender: F, children: /* @__PURE__ */ t("span", { className: "ms-space-01 text-error", children: "*" }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t(
-      "p",
-      {
-        className: m("text-caption-01 text-text-paragraph-primary group-hover:text-text-success", {
-          "text-disabled-text-default-disabled": r
-        }),
-        children: v || `${s.formatString(s.Attachments.maxSize, p || 0)}${s.Shared.comma} ${s.formatString(s.Attachments.allowedFormats, a.join(", "))}`
-      }
-    )
-  ] }),
-  /* @__PURE__ */ t(k, { shouldRender: !o, children: /* @__PURE__ */ t(E, { onClick: h, colors: "neutral", rounded: "default", type: "button", size: "sm", disabled: r, children: b ?? s.Attachments.browseFile }) })
-] });
 export {
-  Fe as FileUpload
+  w as Bootstrap
 };