welcome-ui 1.0.0-beta.6 → 1.0.0-beta.8

package/dist/{index-BPNky7_R.js → index-B8roHPE-.js}

@@ -1,4 +1,4 @@
-"use client";"use strict";const t=require("react"),i=require("./System.js"),o=require("@xstyled/styled-components"),c=require("./Box.js"),b=require("./CloseButton.js"),$=require("./SYRFVSLH-BpAfr7UE.js"),u=require("./Text.js"),D=require("./Icon.js"),k=require("./Button.js"),f=require("./JC64G2H7-YkBMNrtl.js"),C=require("./AXB53BZF-KWM2jKTz.js"),v=15,I=15,q='<path fill="currentColor" fill-rule="evenodd" d="M84.496 42.08 26.17 48.79l19.538-21.976a4.112 4.112 0 0 0-.307-5.768 4.02 4.02 0 0 0-5.715.31L13.03 51.338c-.027.03-.044.066-.07.098-.089.105-.166.219-.244.333-.07.105-.144.209-.205.32-.066.119-.116.243-.17.368-.05.118-.104.234-.142.357-.043.129-.067.261-.095.395-.029.129-.058.256-.073.388-.015.128-.014.26-.016.393-.003.104-.02.206-.014.31.003.04.015.078.019.118.003.037-.003.073.001.111.011.108.045.207.065.312.022.115.04.229.07.34.043.157.104.304.165.453.037.088.067.18.109.265.082.166.182.318.285.47.043.06.075.125.12.184.156.208.331.4.524.572l26.658 23.848a4.02 4.02 0 0 0 5.71-.349 4.114 4.114 0 0 0-.345-5.767L25.518 57.088l59.895-6.89c2.219-.256 3.814-2.28 3.56-4.52-.252-2.242-2.253-3.859-4.477-3.597Z" clip-rule="evenodd"/>',S={width:v,height:I,block:q},h=e=>t.createElement(D.Icon,{alt:"ArrowLeft",content:S,...e}),T=e=>{switch(e){case"top":return{top:"0 !important",right:0,left:0,transform:"translateY(-100%)"};case"right":return{top:"0 !important",right:0,bottom:0,transform:"translateX(100%)"};case"bottom":return{right:0,bottom:0,left:0,transform:"translateY(100%)"};case"left":return{top:"0 !important",bottom:0,left:0,transform:"translateX(-100%)"}}},m=["sm","md","lg"],R=(e,r)=>{switch(r){case"top":case"bottom":return m.includes(e)?o.th(`drawers.sizes.vertical.${e}`):{height:e};case"right":case"left":return m.includes(e)?o.th(`drawers.sizes.horizontal.${e}`):{width:e}}},F=o.divBox(({placement:e,size:r})=>o.css`
+"use client";"use strict";const t=require("react"),i=require("./System.js"),o=require("@xstyled/styled-components"),c=require("./Box.js"),b=require("./CloseButton.js"),$=require("./SYRFVSLH-Babm193P.js"),u=require("./Text.js"),D=require("./Icon.js"),k=require("./Button.js"),f=require("./JC64G2H7-VmOGyhc1.js"),C=require("./AXB53BZF-CAQ85RSy.js"),v=15,I=15,q='<path fill="currentColor" fill-rule="evenodd" d="M84.496 42.08 26.17 48.79l19.538-21.976a4.112 4.112 0 0 0-.307-5.768 4.02 4.02 0 0 0-5.715.31L13.03 51.338c-.027.03-.044.066-.07.098-.089.105-.166.219-.244.333-.07.105-.144.209-.205.32-.066.119-.116.243-.17.368-.05.118-.104.234-.142.357-.043.129-.067.261-.095.395-.029.129-.058.256-.073.388-.015.128-.014.26-.016.393-.003.104-.02.206-.014.31.003.04.015.078.019.118.003.037-.003.073.001.111.011.108.045.207.065.312.022.115.04.229.07.34.043.157.104.304.165.453.037.088.067.18.109.265.082.166.182.318.285.47.043.06.075.125.12.184.156.208.331.4.524.572l26.658 23.848a4.02 4.02 0 0 0 5.71-.349 4.114 4.114 0 0 0-.345-5.767L25.518 57.088l59.895-6.89c2.219-.256 3.814-2.28 3.56-4.52-.252-2.242-2.253-3.859-4.477-3.597Z" clip-rule="evenodd"/>',S={width:v,height:I,block:q},h=e=>t.createElement(D.Icon,{alt:"ArrowLeft",content:S,...e}),T=e=>{switch(e){case"top":return{top:"0 !important",right:0,left:0,transform:"translateY(-100%)"};case"right":return{top:"0 !important",right:0,bottom:0,transform:"translateX(100%)"};case"bottom":return{right:0,bottom:0,left:0,transform:"translateY(100%)"};case"left":return{top:"0 !important",bottom:0,left:0,transform:"translateX(-100%)"}}},m=["sm","md","lg"],R=(e,r)=>{switch(r){case"top":case"bottom":return m.includes(e)?o.th(`drawers.sizes.vertical.${e}`):{height:e};case"right":case"left":return m.includes(e)?o.th(`drawers.sizes.horizontal.${e}`):{width:e}}},F=o.divBox(({placement:e,size:r})=>o.css`
     ${o.th("cards.default")};
     ${o.th("drawers.default")};
     ${T(e)}

package/dist/index-BFQbRuqA.mjs

@@ -0,0 +1,165 @@
+"use client";
+import i, { useRef as B, useState as G, Children as H, cloneElement as V, useCallback as L, useMemo as j, useEffect as O } from "react";
+import { ResizeObserver as N } from "@juggle/resize-observer";
+import "./Icon.mjs";
+import { R as q } from "./index-BRDOakbf.mjs";
+import { forwardRef as x } from "./System.mjs";
+import { t as D } from "./throttle-BDBzFeFj.mjs";
+import { Box as J } from "./Box.mjs";
+import f, { th as d, css as A } from "@xstyled/styled-components";
+const K = (t, e, o) => Math.min(Math.max(t, e), o), P = f.aBox`
+  ${d("breadcrumbs.item.default")};
+  align-items: center;
+  transition: medium;
+  direction: initial;
+
+  &:hover {
+    ${d("breadcrumbs.item.hover")};
+  }
+
+  &[aria-current='page'] {
+    ${d("breadcrumbs.item.active")};
+  }
+
+  &[aria-disabled='true'] {
+    pointer-events: none;
+    cursor: default;
+  }
+`, Q = f.spanBox`
+  ${d("breadcrumbs.separator")};
+  display: flex;
+  align-items: center;
+`, U = x(
+  ({ children: t, dataTestId: e, isActive: o, separator: a, ...n }, b) => {
+    const m = n.href || n.to;
+    return /* @__PURE__ */ i.createElement(
+      J,
+      {
+        "aria-label": "breadcrumb",
+        as: "li",
+        "data-testid": e,
+        display: "inline-flex",
+        flex: "0 0 auto",
+        lineHeight: "normal"
+      },
+      a && /* @__PURE__ */ i.createElement(Q, { role: "presentation" }, a),
+      /* @__PURE__ */ i.createElement(
+        P,
+        {
+          "aria-current": o ? "page" : void 0,
+          "aria-disabled": !m,
+          ...n,
+          ref: b
+        },
+        t
+      )
+    );
+  }
+), R = (t, e, o) => parseInt(t.substring(e, o), 16), X = (t) => /(^[0-9a-fA-F]{6}$)|(^[0-9a-fA-F]{3}$)/.test(t), Y = (t) => {
+  if (!t || (t = t.replace("#", ""), !X(t)))
+    return;
+  t.length === 3 && (t = `${t[0]}${t[0]}${t[1]}${t[1]}${t[2]}${t[2]}`);
+  const e = (n) => R(n, 0, 2), o = (n) => R(n, 2, 4), a = (n) => R(n, 4, 6);
+  return `${e(t)}, ${o(t)}, ${a(t)}`;
+}, Z = (t, e = 1) => t ? t.startsWith("#") ? `rgba(${Y(t)}, ${e})` : t : void 0, C = f.spanBox(
+  ({ gradientBackground: t, theme: e }) => A`
+    left: 0;
+    background-image: ${S(e, t)};
+    transform-origin: left;
+  `
+), I = f.spanBox(
+  ({ gradientBackground: t, theme: e }) => A`
+    right: 0;
+    background-image: ${S(e, t, "left")};
+    transform-origin: right;
+  `
+), tt = f.divBox`
+  ${d("breadcrumbs.list")};
+  height: 100%;
+  position: relative;
+  overflow-x: hidden;
+
+  ${C},
+  ${I} {
+    position: absolute;
+    bottom: 0;
+    top: 0;
+    width: 30;
+  }
+`, et = f.olBox`
+  display: inline-flex;
+  align-items: center;
+  max-width: 100%;
+  height: 100%;
+  overflow-x: auto;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  white-space: nowrap;
+`, S = (t, e, o = "right") => {
+  const a = d(`colors.${e}`)({ theme: t }), n = Z(a, 0);
+  return `linear-gradient(to ${o}, ${a}, ${n} 100%)`;
+}, T = x(
+  ({
+    children: t,
+    gradientBackground: e = "neutral-10",
+    lastChildNotClickable: o = !0,
+    separator: a = /* @__PURE__ */ i.createElement(q, { size: "xs" }),
+    ...n
+  }, b) => {
+    const m = B(null), g = B(), $ = B(), [h, W] = G(!1), [u, k] = G(0), E = H.toArray(t).filter(Boolean), w = E.length, z = E.map((r, s) => {
+      const c = w === 1 || w === s + 1, l = c && o;
+      return V(r, {
+        // eslint-disable-next-line react/no-array-index-key
+        key: `breadcrumb-${s}`,
+        separator: c ? void 0 : a,
+        isActive: l,
+        ...r.props
+      });
+    });
+    function y(r, s) {
+      r && (r.style.transform = `scale3d(${s}, 1, 1)`);
+    }
+    const p = L((r) => {
+      const s = 1 - r;
+      y(g.current, s), y($.current, r);
+    }, []), M = L(() => {
+      const {
+        current: { offsetWidth: r, scrollLeft: s, scrollWidth: c }
+      } = m, l = c - r, F = K(Math.abs(s - u), 0, l) / l;
+      p(F);
+    }, [u, p]), _ = j(
+      () => D(
+        (r) => {
+          const [
+            {
+              // Is offsetWidth really needed ?
+              // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+              // @ts-ignore
+              target: { offsetWidth: s, scrollLeft: c, scrollWidth: l }
+            }
+          ] = r, v = l - s;
+          u || k(c === 0 ? 0 : v), W(v > 0);
+        },
+        300,
+        !1
+      ),
+      [u]
+    );
+    return O(() => {
+      const r = new N(_);
+      return r.observe(m.current), () => r.disconnect();
+    }, []), O(() => {
+      g.current && $.current && p(0);
+    }, [h, p]), /* @__PURE__ */ i.createElement(tt, { as: "nav", ref: b, ...n }, h && /* @__PURE__ */ i.createElement(C, { gradientBackground: e, ref: g }), /* @__PURE__ */ i.createElement(et, { dir: "rtl", onScroll: M, ref: m }, z.reverse()), h && /* @__PURE__ */ i.createElement(I, { gradientBackground: e, ref: $ }));
+  }
+);
+T.displayName = "Breadcrumb";
+const dt = Object.assign(T, {
+  Item: U
+});
+export {
+  T as B,
+  dt as a,
+  Z as h
+};

package/dist/{index-BYdkhqH4.mjs → index-BZmKn5VO.mjs}

@@ -1,7 +1,6 @@
-import { g as Nk } from "./_commonjsHelpers-CXJ7dpIk.mjs";
 import $T from "react";
 var rC = { exports: {} }, Qr = {}, wm = { exports: {} }, tC = {}, VT;
-function zk() {
+function Nk() {
   return VT || (VT = 1, function(le) {
     "use client";
     function Ae(P, ve) {
@@ -202,7 +201,7 @@ function zk() {
   }(tC)), tC;
 }
 var nC = {}, jT;
-function Uk() {
+function zk() {
   return jT || (jT = 1, function(le) {
     "use client";
     process.env.NODE_ENV !== "production" && function() {
@@ -468,10 +467,10 @@ function Uk() {
 }
 var BT;
 function QT() {
-  return BT || (BT = 1, process.env.NODE_ENV === "production" ? wm.exports = zk() : wm.exports = Uk()), wm.exports;
+  return BT || (BT = 1, process.env.NODE_ENV === "production" ? wm.exports = Nk() : wm.exports = zk()), wm.exports;
 }
 var PT;
-function Ak() {
+function Uk() {
   if (PT) return Qr;
   PT = 1;
   var le = $T, Ae = QT();
@@ -5627,7 +5626,7 @@ Error generating stack: ` + d.message + `
   }, Qr.version = "18.3.1-next-f1338f8080-20240426", Qr;
 }
 var Ir = {}, YT;
-function Hk() {
+function Ak() {
   return YT || (YT = 1, process.env.NODE_ENV !== "production" && function() {
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
     var le = $T, Ae = QT(), N = le.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, ur = !1;
@@ -11010,7 +11009,7 @@ Check the render method of \`` + e + "`." : "";
         };
       }
     }
-    function Vk(e) {
+    function Hk(e) {
       return e;
     }
     function U1(e) {
@@ -13240,9 +13239,9 @@ Incoming: %s`, z, "[" + t.join(", ") + "]", "[" + e.join(", ") + "]");
       }
       return [p, s];
     }
-    function jk(e, t, a) {
+    function Fk(e, t, a) {
     }
-    function Bk(e, t, a) {
+    function Vk(e, t, a) {
     }
     function Eg(e, t, a) {
       var i = Ze, u = Ui(), s, f = Ln();
@@ -19019,10 +19018,8 @@ function IT() {
     }
   }
 }
-process.env.NODE_ENV === "production" ? (IT(), rC.exports = Ak()) : rC.exports = Hk();
-var Fk = rC.exports;
-const $k = /* @__PURE__ */ Nk(Fk);
+process.env.NODE_ENV === "production" ? (IT(), rC.exports = Uk()) : rC.exports = Ak();
+var Bk = rC.exports;
 export {
-  $k as a,
-  Fk as r
+  Bk as r
 };

package/dist/index-BjGfAqCk.mjs

@@ -0,0 +1,209 @@
+"use client";
+import t, { useState as z, useEffect as j } from "react";
+import * as C from "react-dropzone";
+import { Icon as I } from "./Icon.mjs";
+import { Button as $ } from "./Button.mjs";
+import { shouldForwardProp as n1, forwardRef as r1 } from "./System.mjs";
+import { c as N } from "./create-event-rXDe5aCQ.mjs";
+import D, { css as k, th as a, system as c1 } from "@xstyled/styled-components";
+import { Text as w } from "./Text.mjs";
+import { E as o1 } from "./index-DqBUFsqP.mjs";
+import { g as l1, b as a1, a as T } from "./index-Bn9aiaUQ.mjs";
+const i1 = 15, s1 = 15, m1 = '<path fill="currentColor" fill-rule="evenodd" d="M66.13 15.65a2.4 2.4 0 0 1 3.342-.19l13.363 11.675c.164.143.297.312.414.49.19.092.374.2.541.346 2.365 2.064 3.77 4.98 3.955 8.214.212 3.638-1.16 7.364-3.762 10.22L64.78 67.496a2.383 2.383 0 0 1-1.769.777 2.385 2.385 0 0 1-1.585-.6 2.317 2.317 0 0 1-.182-3.306l19.202-21.089c1.763-1.935 2.696-4.423 2.556-6.825a7.173 7.173 0 0 0-1.627-4.187L33.58 84.755c-.006.008-.015.014-.02.022l-.046.05c-.02.024-.048.039-.07.061a2.214 2.214 0 0 1-.271.241c-.047.036-.1.066-.15.096-.063.04-.119.085-.185.12L10.465 96.738a2.393 2.393 0 0 1-2.675-.336 2.32 2.32 0 0 1-.631-2.585l9.01-23.068.04-.077c.029-.063.061-.123.095-.184.07-.13.154-.252.245-.365.027-.03.04-.068.066-.098L66.13 15.65ZM21.852 73.931h-1.835L13.838 89.75l15.342-7.814-.242-1.857c-.457-3.503-3.503-6.147-7.086-6.147ZM73.724 7.308c4.556-5 12.05-5.76 16.708-1.69 2.12 1.852 3.38 4.468 3.549 7.367.189 3.25-1.036 6.575-3.358 9.125a2.378 2.378 0 0 1-1.767.777c-.56 0-1.123-.194-1.575-.589L73.918 10.625a2.321 2.321 0 0 1-.194-3.317Z" clip-rule="evenodd"/>', u1 = {
+  width: i1,
+  height: s1,
+  block: m1
+}, d1 = (e) => /* @__PURE__ */ t.createElement(I, { alt: "Edit", content: u1, ...e }), p1 = 15, f1 = 15, h1 = '<path fill="currentColor" fill-rule="evenodd" d="M70.885 70.969a4.139 4.139 0 0 1-5.568-1.74c-2.784-5.301-8.464-8.146-14.849-7.424-6.595.746-12.761 5.284-15.706 11.559a4.128 4.128 0 0 1-3.742 2.368 4.117 4.117 0 0 1-1.742-.385 4.089 4.089 0 0 1-1.996-5.45c4.196-8.94 12.722-15.163 22.25-16.242 9.706-1.1 18.77 3.525 23.105 11.78a4.09 4.09 0 0 1-1.752 5.534zM34.541 31.95c1.566-.179 3.055.276 4.18 1.275 1.118.993 1.734 2.395 1.734 3.945 0 3.093-2.433 5.791-5.54 6.144a6.041 6.041 0 0 1-.662.038c-1.32 0-2.548-.456-3.516-1.314-1.12-.993-1.736-2.394-1.736-3.946 0-3.092 2.435-5.79 5.54-6.142zm30.542-3.458c1.575-.17 3.052.276 4.18 1.273 1.117.994 1.735 2.395 1.735 3.947 0 3.092-2.434 5.791-5.54 6.142a6.04 6.04 0 0 1-.662.038c-1.32 0-2.549-.455-3.516-1.313-1.12-.994-1.737-2.393-1.737-3.943 0-3.094 2.435-5.793 5.54-6.144zM81.798 14.98c-8.589-7.617-20-11.059-32.126-9.682C25.041 8.086 5 30.28 5 54.769c0 11.957 4.69 22.7 13.202 30.254C25.552 91.542 34.968 95 45.135 95a46.38 46.38 0 0 0 5.193-.295C74.96 91.915 95 69.722 95 45.233c0-11.958-4.688-22.701-13.202-30.254z" clip-rule="evenodd"/>', g1 = {
+  width: p1,
+  height: f1,
+  block: h1
+}, E1 = (e) => /* @__PURE__ */ t.createElement(I, { alt: "Negative", content: g1, ...e }), v1 = 15, $1 = 15, w1 = '<path fill="currentColor" fill-rule="evenodd" d="M72.716 58.953c-4.194 8.94-12.719 15.163-22.25 16.243-.947.107-1.89.16-2.82.16-8.607 0-16.372-4.493-20.284-11.94a4.09 4.09 0 0 1 1.751-5.534c2.022-1.046 4.513-.269 5.568 1.74 2.785 5.301 8.483 8.15 14.851 7.424 6.596-.746 12.76-5.284 15.705-11.559.962-2.052 3.418-2.941 5.483-1.983a4.09 4.09 0 0 1 1.996 5.45ZM34.54 31.951c1.564-.177 3.055.276 4.177 1.275 1.121.992 1.737 2.393 1.737 3.945 0 3.09-2.435 5.79-5.54 6.142a6.048 6.048 0 0 1-.663.038c-1.32 0-2.549-.455-3.516-1.313-1.12-.994-1.735-2.395-1.735-3.945 0-3.094 2.433-5.791 5.54-6.142Zm30.542-3.458c1.575-.176 3.052.274 4.178 1.273 1.12.992 1.737 2.393 1.737 3.945 0 3.094-2.435 5.793-5.54 6.144a6.046 6.046 0 0 1-.664.038c-1.32 0-2.548-.455-3.516-1.313-1.119-.994-1.735-2.393-1.735-3.945 0-3.092 2.434-5.791 5.54-6.142Zm16.715-13.514c-8.589-7.617-20-11.057-32.126-9.683C25.04 8.086 5 30.28 5 54.77c0 11.957 4.688 22.7 13.202 30.253C25.552 91.542 34.968 95 45.135 95c1.711 0 3.445-.098 5.193-.297C74.959 91.914 95 69.72 95 45.231c0-11.956-4.69-22.701-13.202-30.253Z" clip-rule="evenodd"/>', I1 = {
+  width: v1,
+  height: $1,
+  block: w1
+}, D1 = (e) => /* @__PURE__ */ t.createElement(I, { alt: "Positive", content: I1, ...e }), R1 = 15, b1 = 15, y1 = '<path fill="currentColor" d="M83.765 11.723c6.352 4.338 6.538 8.858 6.083 11.165a1.37 1.37 0 0 1-.028.109c-.01.033-.019.066-.026.1-.105.914-.933 8.113-2.097 14.758-.08.464-.296.895-.618 1.24-1.16 1.242-2.661 2.383-4.436 3.43-3.078 17.568-7.563 43.031-7.905 44.252-1.125 4.018-5.68 7.078-12.827 8.616-3.491.751-7.257 1.107-10.996 1.107-8.5 0-16.875-1.844-21.654-5.108-2.321-1.586-3.661-3.453-4.096-5.712-.401-2.092-4.849-27.317-7.817-44.175l-.035-.021c-.369-.226-.738-.451-1.083-.687a19.024 19.024 0 0 1-3.33-2.858 2.443 2.443 0 0 1-.6-1.217c-1.267-7.198-2.151-15.002-2.16-15.08a.137.137 0 0 1 0-.029v-.024a8.318 8.318 0 0 1 .007-3.083c1.16-5.89 8.538-10.713 20.242-13.229 18.424-3.965 42.37-1.072 53.376 6.446ZM68.58 31.361c11.274-2.426 15.925-6.585 16.482-9.411.493-2.508-1.931-4.76-4.053-6.21-6.84-4.671-19.828-7.361-32.814-7.361-5.774 0-11.545.531-16.778 1.656-11.274 2.424-15.924 6.584-16.481 9.41-.494 2.507 1.93 4.762 4.053 6.21 9.88 6.749 32.59 9.36 49.59 5.706Zm0 11.126c6.585-1.418 11.67-3.612 14.44-6.22.327-1.916.622-3.854.88-5.652-3.468 2.326-8.31 4.217-14.291 5.503-5.603 1.205-11.718 1.776-17.822 1.776-13.97 0-27.895-2.991-35.556-8.223a1.83 1.83 0 0 1-.064-.047l-.064-.046c.259 1.779.553 3.685.878 5.573a14.852 14.852 0 0 0 2.006 1.63c9.883 6.747 32.591 9.36 49.593 5.706ZM45.093 13.495h9.81c4.564 0 8.277 3.704 8.277 8.256a2.436 2.436 0 0 1-2.44 2.434 2.436 2.436 0 0 1-2.439-2.434 3.398 3.398 0 0 0-3.398-3.389h-9.81a3.398 3.398 0 0 0-3.399 3.39 2.436 2.436 0 0 1-2.44 2.433 2.437 2.437 0 0 1-2.44-2.434c0-4.552 3.715-8.257 8.28-8.257Z"/>', F1 = {
+  width: R1,
+  height: b1,
+  block: y1
+}, L1 = (e) => /* @__PURE__ */ t.createElement(I, { alt: "Trash", content: F1, ...e }), k1 = D("div").withConfig({ shouldForwardProp: n1 })(
+  ({ disabled: e, isDragAccept: n, isDragReject: r }) => k`
+    ${a("defaultFields.default")};
+    ${a("fileDrops.default")};
+    ${n && a("fileDrops.dragAccept")};
+    ${r && k`
+      border-color: ${a("defaultFields.variants.danger.borderColor")};
+      ${a("fileDrops.dragReject")}
+    `};
+    position: relative;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding: md;
+    transition: medium;
+    ${c1};
+
+    &:focus {
+      ${a("defaultFields.focused.default")};
+    }
+
+    ${e && k`
+      ${a("defaultFields.disabled")};
+      ${a("fileDrops.disabled")};
+    `};
+  `
+), P1 = D.div`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+`, S = D.imgBox`
+  max-height: 100%;
+  max-width: 100%;
+  object-fit: contain;
+`, _1 = D.div`
+  position: absolute;
+  top: ${a.space("md")};
+  right: ${a.space("md")};
+  display: flex;
+  gap: xs;
+`, U = ({
+  disabled: e,
+  fileButtonText: n = "Browse file",
+  hint: r = "Drag & drop a file here or",
+  openFile: c,
+  title: o = "Add file"
+}) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(w, { color: "neutral-90", m: "0", variant: "h4" }, o), /* @__PURE__ */ t.createElement(w, { color: "beige-70", m: "0", mt: "xs", variant: "sm" }, r), /* @__PURE__ */ t.createElement($, { disabled: e, mt: "lg", onClick: c, type: "button" }, n)), A1 = ({
+  file: e,
+  fileName: n,
+  forceFileType: r,
+  previewButtonText: c = "Preview"
+}) => {
+  const o = typeof e == "string", d = l1(e, r), p = e instanceof File ? a1(e) : null, m = o && n ? n : T(e);
+  return /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(d, { color: "neutral-90", h: 50, mb: "lg", w: 50 }), /* @__PURE__ */ t.createElement(w, { color: "neutral-90", lines: 1, m: 0, maxWidth: 600, variant: "h4" }, m), !o && /* @__PURE__ */ t.createElement(w, { color: "beige-70", fontWeight: "medium", lines: 1, m: 0, variant: "sm" }, p), o && /* @__PURE__ */ t.createElement($, { as: "a", href: e, mt: "md", rel: "noopener", size: "sm", target: "_blank" }, /* @__PURE__ */ t.createElement("span", null, c), /* @__PURE__ */ t.createElement(o1, null)));
+}, M1 = ({
+  disabled: e,
+  error: n,
+  file: r,
+  fileName: c,
+  fileUrl: o,
+  forceFileType: d,
+  isAnImage: p,
+  isHoverAccept: m,
+  isHoverReject: g,
+  openFile: f,
+  wordings: E
+}) => m ? /* @__PURE__ */ t.createElement(D1, null) : g ? /* @__PURE__ */ t.createElement(E1, null) : n ? /* @__PURE__ */ t.createElement(U, { openFile: f, ...E }) : o ? p ? /* @__PURE__ */ t.createElement(S, { src: o }) : /* @__PURE__ */ t.createElement(A1, { file: r, fileName: c, forceFileType: d, ...E }) : /* @__PURE__ */ t.createElement(U, { disabled: e, openFile: f, ...E }), O = /\.(jpeg|jpg|gif|png|webp)$/, Z1 = (e) => e ? typeof e == "string" ? !!T(e).match(O) : e.name ? !!e.name.match(O) : !1 : !1, x1 = (e) => {
+  let n;
+  if (e instanceof File ? n = e.preview : n = e, typeof n != "string" || n.startsWith("blob:"))
+    return n;
+  if (typeof window < "u")
+    try {
+      return new URL(n);
+    } catch {
+      return;
+    }
+}, z1 = C.useDropzone || C.default.useDropzone, j1 = 2e6, C1 = "ERROR_INVALID_TYPE", N1 = "ERROR_INVALID_SIZE", U1 = r1(
+  ({
+    accept: e = {
+      "image/*": []
+    },
+    children: n = M1,
+    dataTestId: r,
+    disabled: c,
+    fileName: o,
+    forceFileType: d,
+    handleAddFile: p,
+    handleRemoveFile: m,
+    isClearable: g,
+    isEditable: f,
+    maxSize: E = j1,
+    multiple: P,
+    name: R,
+    onBlur: _,
+    onChange: h,
+    onError: b,
+    value: y,
+    wordings: V,
+    ...W
+  }, B) => {
+    const [i, v] = z(y), [F, L] = z(void 0);
+    j(() => {
+      v(y);
+    }, [y]), j(() => () => i && i instanceof File && URL.revokeObjectURL(i.preview), [i]);
+    const H = (u) => {
+      const [l] = u;
+      l instanceof File && (l.preview = URL.createObjectURL(l)), v(l), L(null);
+      const s = N({ name: R, value: l });
+      h && h(s), p && p(s);
+    }, Y = (u, l) => {
+      let s;
+      u.map(({ errors: Q }) => {
+        Q.map((e1) => {
+          const { code: x, message: t1 } = e1;
+          x === "file-invalid-type" ? s = C1 : x === "file-too-large" ? s = N1 : s = t1;
+        });
+      }), v(null), L(s), b && b(s), h && h(l), _ && _();
+    }, X = (u) => {
+      u.preventDefault(), v(null), L(null);
+      const l = N({ name: R, value: null });
+      h && h(l), m && m(l);
+    }, { getInputProps: q, getRootProps: G, isDragAccept: A, isDragActive: J, isDragReject: M, open: Z } = z1({
+      accept: e,
+      disabled: c,
+      maxSize: E,
+      multiple: P,
+      noClick: !0,
+      onDropAccepted: H,
+      onDropRejected: Y
+    }), K = (u) => b(u);
+    return /* @__PURE__ */ t.createElement(
+      k1,
+      {
+        ...G({
+          "data-testid": r,
+          handleRemoveFile: m,
+          isEditable: f,
+          isDragActive: J,
+          isDragAccept: A,
+          isDragReject: M,
+          isClearable: g,
+          disabled: c,
+          ref: B
+        }),
+        ...W
+      },
+      /* @__PURE__ */ t.createElement(
+        "input",
+        {
+          ...q({ disabled: c, multiple: P, name: R, onError: K }),
+          style: { display: "block", opacity: 0, height: 0, width: 0 }
+        }
+      ),
+      /* @__PURE__ */ t.createElement(P1, null, n({
+        disabled: c,
+        error: F,
+        file: i,
+        fileName: o,
+        fileUrl: i && x1(i),
+        forceFileType: d,
+        isAnImage: d === "image" || Z1(i),
+        isHoverAccept: A,
+        isHoverReject: M,
+        openFile: Z,
+        wordings: V
+      }), !!i && (F || f || g) && /* @__PURE__ */ t.createElement(_1, null, (F || f) && /* @__PURE__ */ t.createElement($, { onClick: Z, shape: "circle", size: "sm", type: "button", variant: "tertiary" }, /* @__PURE__ */ t.createElement(d1, null)), g && /* @__PURE__ */ t.createElement($, { danger: !0, onClick: X, shape: "circle", size: "sm", type: "button" }, /* @__PURE__ */ t.createElement(L1, null))))
+    );
+  }
+);
+U1.displayName = "FileDrop";
+const q1 = S;
+export {
+  d1 as E,
+  U1 as F,
+  q1 as I,
+  E1 as N,
+  D1 as P,
+  L1 as T
+};