welcome-ui 1.0.0-beta.4 → 1.0.0-beta.5

package/dist/index-CQ1IPLlk.mjs

@@ -0,0 +1,64 @@
+"use client";
+import e, { useState as d } from "react";
+import { InputText as p } from "./InputText.mjs";
+import { forwardRef as m } from "./System.mjs";
+import { Icon as a } from "./Icon.mjs";
+import { Button as h } from "./Button.mjs";
+const u = 15, w = 15, f = '<path fill="currentColor" fill-rule="evenodd" d="M97.664 43.98c-.01-.077-.02-.15-.035-.225-.016-.072-.04-.142-.061-.214a2.42 2.42 0 0 0-.088-.232c-.013-.031-.02-.063-.035-.094-.078-.159-4.804-9.391-15.31-16.305l-3.117 3.453c7.894 4.966 12.204 11.479 13.64 13.948-2.573 4.953-15.372 26.807-42.246 29.85-3.97.451-7.618.42-10.97.041l-3.755 4.158c2.805.529 5.802.838 9.02.838 1.998 0 4.08-.114 6.24-.359 32.848-3.721 45.996-32.41 46.538-33.63.014-.03.02-.063.033-.094.03-.078.055-.157.077-.24.02-.07.04-.14.05-.21.015-.077.022-.155.029-.233.005-.076.01-.148.009-.224a2.15 2.15 0 0 0-.019-.228Zm-32.507 4.417a11.603 11.603 0 0 1-4.987 2.844L46.754 66.103a16.5 16.5 0 0 0 3.732.008c6.536-.741 12.096-5.16 14.949-10.859.99-1.982 1.474-4.076 1.666-5.862.113-1.058-1.174-1.733-1.944-.993ZM8.702 54.316c2.572-4.953 15.371-26.807 42.245-29.852 6.854-.773 12.747-.125 17.79 1.324L49.523 47.07c-.717-1.302-1.128-2.82-1.128-4.483 0-2.786 1.135-5.434 2.97-7.469.855-.948.088-2.464-1.18-2.277-2.438.362-5.148 1.318-7.457 2.787-5.327 3.385-8.963 9.35-8.963 15.748 0 3.703 1.236 6.97 3.295 9.498l-9.249 10.247C16.398 66.2 10.438 57.304 8.701 54.316Zm76.252-42.97a2.374 2.374 0 0 0-3.342.18l-9.455 10.472c-6.045-2.102-13.247-3.174-21.745-2.21-32.848 3.722-45.996 32.41-46.538 33.63-.014.03-.02.062-.033.093-.03.08-.055.159-.077.241-.02.07-.04.14-.05.21a2.255 2.255 0 0 0-.028.234 2.026 2.026 0 0 0 .01.452c.009.075.018.149.034.224.016.072.038.143.061.213.026.08.054.156.088.233.012.032.02.063.035.094.09.184 6.385 12.48 20.64 19.317l-8.333 9.23a2.342 2.342 0 0 0 .179 3.322 2.365 2.365 0 0 0 1.58.603c.648 0 1.295-.264 1.761-.781L85.133 14.67a2.344 2.344 0 0 0-.18-3.324Z" clip-rule="evenodd"/>', g = {
+  width: u,
+  height: w,
+  block: f
+}, x = (t) => /* @__PURE__ */ e.createElement(a, { alt: "Hide", content: g, ...t }), C = 15, E = 15, Z = '<path fill="currentColor" fill-rule="evenodd" d="M64.478 49.08c-1.774 1.71-4.072 2.884-6.584 3.17-5.62.638-10.178-3.391-10.178-9.002 0-2.797 1.136-5.454 2.97-7.498.856-.951.088-2.473-1.178-2.284-2.44.362-5.148 1.323-7.458 2.796-5.327 3.398-8.963 9.386-8.963 15.81 0 9.217 7.486 15.84 16.721 14.79 6.536-.744 12.095-5.181 14.946-10.9.991-1.99 1.474-4.092 1.667-5.886.114-1.062-1.175-1.739-1.943-.996ZM49.732 74.944C23.067 77.98 10.673 59.592 8.025 55.022c2.574-4.972 15.37-26.91 42.243-29.966 26.669-3.025 39.06 15.352 41.706 19.923-2.572 4.972-15.37 26.909-42.242 29.965Zm47.249-30.297a1.792 1.792 0 0 0-.037-.225 2.417 2.417 0 0 0-.146-.449c-.015-.03-.02-.063-.037-.094-.133-.274-13.877-27.295-47.029-23.517C16.887 24.098 3.74 52.897 3.198 54.121c-.015.031-.02.063-.031.094a2.083 2.083 0 0 0-.079.24c-.02.071-.04.141-.05.211a2.275 2.275 0 0 0-.028.235 2.392 2.392 0 0 0-.01.223 2.931 2.931 0 0 0 .056.456 2.922 2.922 0 0 0 .147.447c.015.033.019.065.035.096C3.364 56.378 15.385 80 44.03 80c1.998 0 4.079-.115 6.239-.36 32.846-3.737 45.992-32.536 46.535-33.76.013-.03.018-.063.03-.094.033-.08.057-.159.08-.241.019-.07.038-.14.05-.211.015-.078.02-.155.027-.234.005-.075.01-.15.01-.224a3.062 3.062 0 0 0-.02-.23Z" clip-rule="evenodd"/>', $ = {
+  width: C,
+  height: E,
+  block: Z
+}, k = (t) => /* @__PURE__ */ e.createElement(a, { alt: "Show", content: $, ...t }), v = ({
+  dataTestId: t,
+  isHidden: o,
+  onClick: c,
+  title: n
+}) => /* @__PURE__ */ e.createElement(
+  h,
+  {
+    "aria-controls": "password",
+    "aria-expanded": `${!o}`,
+    dataTestId: t && `${t}-action`,
+    onClick: c,
+    shape: "circle",
+    size: "xs",
+    title: n,
+    variant: "ghost"
+  },
+  o ? /* @__PURE__ */ e.createElement(k, null) : /* @__PURE__ */ e.createElement(x, null)
+), y = m(
+  ({ dataTestId: t, title: o, ...c }, n) => {
+    const [r, s] = d("password"), l = r === "password", i = () => {
+      s(l ? "text" : "password");
+    };
+    return /* @__PURE__ */ e.createElement(
+      p,
+      {
+        ...c,
+        dataTestId: t,
+        icon: /* @__PURE__ */ e.createElement(
+          v,
+          {
+            dataTestId: t,
+            isHidden: l,
+            onClick: i,
+            title: o
+          }
+        ),
+        iconPlacement: "right",
+        ref: n,
+        type: r
+      }
+    );
+  }
+);
+y.displayName = "PasswordInput";
+export {
+  x as H,
+  y as P,
+  k as S
+};

package/dist/index-CiYwvMF0.js

@@ -0,0 +1,8 @@
+"use client";"use strict";const e=require("react"),o=require("./Icon.js"),I=require("./System.js"),r=require("@xstyled/styled-components"),$=15,k=15,g='<path fill="currentColor" d="m55.542 9.07 41.48 66.67a6.395 6.395 0 0 1 .32 6.225 6.482 6.482 0 0 1-5.123 3.604L9.256 94.957A6.502 6.502 0 0 1 3.12 92.15a6.41 6.41 0 0 1-.33-6.703L44.27 9.39v-.001c1.12-2.053 3.193-3.318 5.544-3.385a6.475 6.475 0 0 1 5.728 3.067Zm-3.217 61.689a3.726 3.726 0 0 0-.493-.601c-1.495-1.497-4.173-1.497-5.655 0a4.016 4.016 0 0 0-1.173 2.833c0 1.042.428 2.085 1.173 2.833A3.992 3.992 0 0 0 49.004 77a4.015 4.015 0 0 0 2.828-1.176 4.414 4.414 0 0 0 .867-1.31c.092-.24.173-.494.226-.748a5.24 5.24 0 0 0 .067-.775c0-.268-.028-.535-.067-.789a4.985 4.985 0 0 0-.226-.748 4.443 4.443 0 0 0-.374-.695ZM45 37.009v20.257a4.005 4.005 0 0 0 4 4.009c2.21 0 4-1.796 4-4.01V37.01c0-2.215-1.79-4.01-4-4.01-2.209 0-4 1.795-4 4.01Z"/>',w={width:$,height:k,block:g},a=t=>e.createElement(o.Icon,{alt:"Alert",content:w,...t}),C=15,E=15,Z='<path fill="currentColor" fill-rule="evenodd" d="M74.68 21.64a6.51 6.51 0 0 1 9.155-.492 6.453 6.453 0 0 1 .707 8.907l-.211.246-43.47 48.058a6.495 6.495 0 0 1-4.828 2.141c-1.449 0-2.86-.48-4.013-1.385l-.283-.235-15.54-13.665a6.455 6.455 0 0 1-.555-9.153 6.512 6.512 0 0 1 8.902-.756l.248.208 10.72 9.425L74.68 21.641Z" clip-rule="evenodd"/>',b={width:C,height:E,block:Z},i=t=>e.createElement(o.Icon,{alt:"Check",content:b,...t}),p=15,A=15,M='<path fill="currentColor" d="M83.95 12.62C74.807 4.513 62.657.85 49.731 2.317 23.412 5.297 2 29.005 2 55.167c0 12.738 4.992 24.178 14.054 32.214C23.876 94.32 33.9 98 44.73 98c1.824 0 3.674-.105 5.536-.315C76.587 94.703 98 70.995 98 44.833c0-12.737-4.99-24.177-14.05-32.213ZM56.492 66.181c2.219-.25 4.228 1.293 4.48 3.432.254 2.139-1.341 4.07-3.562 4.314-.439.048-.878.073-1.314.073-2.838 0-5.599-1.003-7.737-2.84-2.467-2.121-3.882-5.163-3.882-8.347V49.825l-3.97.436c-2.224.244-4.23-1.293-4.482-3.432-.253-2.139 1.342-4.07 3.565-4.314l8.477-.93a4.142 4.142 0 0 1 3.155.963 3.842 3.842 0 0 1 1.352 2.91v17.355a3.29 3.29 0 0 0 1.177 2.529 3.582 3.582 0 0 0 2.74.84Zm-12.33-35.895a4.548 4.548 0 0 1-.365-1.742 4.52 4.52 0 0 1 1.391-3.222c1.092-1.053 2.725-1.533 4.264-1.235.298.052.593.143.877.26.283.104.567.247.81.416.27.17.514.351.728.559a4.51 4.51 0 0 1 1.377 3.223c0 .298-.027.597-.095.883a3.677 3.677 0 0 1-.27.858 3.699 3.699 0 0 1-.43.78c-.175.246-.366.48-.582.688a4.43 4.43 0 0 1-.729.572 5.21 5.21 0 0 1-.81.416 5.177 5.177 0 0 1-.877.26c-.31.051-.62.09-.93.09a4.846 4.846 0 0 1-3.928-2.027 5.523 5.523 0 0 1-.432-.78Z"/>',L={width:p,height:A,block:M},s=t=>e.createElement(o.Icon,{alt:"Information",content:L,...t}),V=15,q=15,v='<path fill="currentColor" fill-rule="evenodd" d="M80.086 40.154a2.402 2.402 0 0 0-2.25-1.02l-24.929 2.81V6.365a2.37 2.37 0 0 0-1.812-2.294 2.4 2.4 0 0 0-2.692 1.183L19.781 58.402a2.345 2.345 0 0 0 .133 2.443 2.4 2.4 0 0 0 2.25 1.021l24.928-2.81v35.578a2.37 2.37 0 0 0 1.813 2.296c.194.047.388.07.58.07.869 0 1.69-.468 2.111-1.253l28.624-53.15a2.348 2.348 0 0 0-.134-2.443Z" clip-rule="evenodd"/>',y={width:V,height:q,block:v},h=t=>e.createElement(o.Icon,{alt:"Promote",content:y,...t}),S=15,x=15,P='<path fill="currentColor" fill-rule="evenodd" d="M5.863 49.971c-3.518 3.745-3.835 8.974-.723 11.924L41.114 96c3.378 3.203 9.445 2.476 13.264-1.589L95.137 51.03c3.518-3.745 3.835-8.974.723-11.924L59.886 5c-3.378-3.203-9.445-2.476-13.264 1.589L5.862 49.97ZM53.325 64.76c.145.214.267.454.373.695.093.24.174.494.227.748.039.254.067.522.067.789 0 .254-.028.52-.067.775a5 5 0 0 1-.226.748c-.107.24-.228.481-.374.695a3.822 3.822 0 0 1-.493.615A4.015 4.015 0 0 1 50.004 71a3.991 3.991 0 0 1-2.827-1.176 4.062 4.062 0 0 1-1.173-2.833c0-1.056.428-2.098 1.173-2.833 1.481-1.497 4.16-1.497 5.655 0 .185.173.345.387.493.601ZM46 31.009a4.005 4.005 0 0 1 4-4.01c2.21 0 4 1.796 4 4.01v20.257a4.005 4.005 0 0 1-4 4.009c-2.209 0-4-1.796-4-4.01V31.01Z" clip-rule="evenodd"/>',R={width:S,height:x,block:P},u=t=>e.createElement(o.Icon,{alt:"SquareAlert",content:R,...t}),B=r.divBox(({variant:t})=>r.css`
+    display: inline-flex;
+    ${r.th(`variantIcon.${t}`)}
+    flex-shrink: 0;
+    align-self: center;
+
+    ${r.system};
+  `),d=I.forwardRef(({icon:t,size:n="md",variant:c,...f},m)=>{const l=e.useMemo(()=>{if(t===null)return null;if(t)return t;if(c==="default")return e.createElement(h,{size:n});if(c==="success")return e.createElement(i,{size:n});if(c==="info")return e.createElement(s,{size:n});if(c==="warning")return e.createElement(a,{size:n});if(c==="danger")return e.createElement(u,{size:n})},[n,t,c]);return l?e.createElement(B,{ref:m,variant:c,...f},l):null});d.displayName="VariantIcon";exports.AlertIcon=a;exports.CheckIcon=i;exports.InformationIcon=s;exports.PromoteIcon=h;exports.SquareAlertIcon=u;exports.VariantIcon=d;

package/dist/index-D3Tnfi3U.mjs

@@ -0,0 +1,83 @@
+"use client";
+import e from "react";
+import { Icon as u } from "./Icon.mjs";
+import { V as g } from "./index-DRa_xux4.mjs";
+import { shouldForwardProp as w, forwardRef as y } from "./System.mjs";
+import { w as b } from "./wrap-children-aq69jtFP.mjs";
+import i, { css as n, th as v, system as x } from "@xstyled/styled-components";
+const C = 15, L = 15, k = '<path fill="currentColor" fill-rule="evenodd" d="M35.9 26.628a2.476 2.476 0 0 1-2.48 2.474 2.476 2.476 0 0 1-2.478-2.474c0-11.852 8.878-21.949 20.648-23.483 4.92-.64 9.877.864 13.604 4.13a17.208 17.208 0 0 1 5.863 12.934 2.476 2.476 0 0 1-2.478 2.475 2.476 2.476 0 0 1-2.479-2.475c0-3.528-1.522-6.887-4.178-9.214a12.279 12.279 0 0 0-9.69-2.942C42.92 9.268 35.9 17.253 35.9 26.628Zm47.606 3.416c-1.585-1.387-3.74-2.02-5.926-1.733l-53.811 7.1C19.412 35.985 16 39.872 16 44.26v45.302c0 2.196.91 4.251 2.496 5.64C19.828 96.369 21.568 97 23.383 97c.343 0 .689-.021 1.036-.068l53.81-7.099C82.588 89.26 86 85.372 86 80.983V35.68c0-2.194-.91-4.25-2.494-5.636Zm-2.463 50.938c0 1.857-1.62 3.7-3.463 3.944l-53.811 7.1c-.772.102-1.486-.091-2.006-.547-.52-.454-.806-1.134-.806-1.916V44.261c0-1.856 1.62-3.7 3.462-3.944l53.81-7.099a3.04 3.04 0 0 1 .4-.026c.62 0 1.18.198 1.61.572.518.456.804 1.136.804 1.916v45.302ZM58.529 49.67c-2.099-1.873-4.873-2.72-7.811-2.386-5.782.656-10.485 5.894-10.485 11.675 0 2.916 1.15 5.545 3.236 7.406 1.152 1.025 2.52 1.707 3.99 2.091v7.1a3.538 3.538 0 0 0 3.54 3.536 3.54 3.54 0 0 0 3.542-3.535v-7.703c4.19-1.851 7.225-6.137 7.225-10.78 0-2.914-1.15-5.545-3.237-7.404Z" clip-rule="evenodd"/>', E = {
+  width: C,
+  height: L,
+  block: k
+}, V = (t) => /* @__PURE__ */ e.createElement(u, { alt: "Lock", content: E, ...t }), s = i("label").withConfig({ shouldForwardProp: w })(
+  ({ required: t }) => n`
+    position: relative;
+    display: flex;
+    flex-shrink: 0;
+    max-width: 100%;
+    align-items: center;
+    line-height: lg;
+    ${v("labels")};
+    ${x};
+    user-select: none;
+
+    > * {
+      &:not(:last-child) {
+        margin-right: sm;
+      }
+
+      :last-child {
+        ${t && Z};
+      }
+    }
+  `
+), Z = n`
+  &::after {
+    content: '*';
+    margin-left: xs;
+    /* It prevents the element to shift the layout and it allows us to put it properly on top with super */
+    line-height: 0;
+    vertical-align: super;
+    font-size: subtitle-sm;
+    font-weight: bold;
+    color: primary-40;
+  }
+`, _ = i.div`
+  display: inline-flex;
+  margin-right: xs;
+`, $ = y(
+  ({
+    checkableField: t,
+    children: a,
+    dataTestId: c,
+    disabled: l,
+    disabledIcon: o,
+    icon: m,
+    variant: r,
+    withDisabledIcon: h = !0,
+    ...d
+  }, p) => {
+    const f = b(a);
+    return /* @__PURE__ */ e.createElement(
+      s,
+      {
+        "data-testid": c,
+        disabled: l,
+        disabledIcon: o,
+        ref: p,
+        variant: r,
+        ...d
+      },
+      !t && /* @__PURE__ */ e.createElement(g, { icon: m, size: "sm", variant: r }),
+      l && h && /* @__PURE__ */ e.createElement(_, null, o || /* @__PURE__ */ e.createElement(V, { size: "sm" })),
+      f
+    );
+  }
+);
+$.displayName = "Label";
+const D = s;
+export {
+  $ as L,
+  D as S,
+  V as a
+};

package/dist/index-DG4lwZUW.mjs

@@ -0,0 +1,272 @@
+"use client";
+import e from "react";
+import { forwardRef as d } from "./System.mjs";
+import a, { css as m, th as n, system as y, useTheme as p } from "@xstyled/styled-components";
+import { Box as i } from "./Box.mjs";
+import { CloseButton as $ } from "./CloseButton.mjs";
+import { D } from "./SYRFVSLH-DyepaZf7.mjs";
+import { Text as f } from "./Text.mjs";
+import { Icon as k } from "./Icon.mjs";
+import { Button as v } from "./Button.mjs";
+import { D as B, u as C } from "./JC64G2H7-CQsqXPS_.mjs";
+import { D as I } from "./AXB53BZF-BxNazDnS.mjs";
+const S = 15, T = 15, _ = '<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"/>', j = {
+  width: S,
+  height: T,
+  block: _
+}, F = (t) => /* @__PURE__ */ e.createElement(k, { alt: "ArrowLeft", content: j, ...t }), L = (t) => {
+  switch (t) {
+    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%)"
+      };
+  }
+}, u = ["sm", "md", "lg"], O = (t, r) => {
+  switch (r) {
+    case "top":
+    case "bottom":
+      return u.includes(t) ? n(`drawers.sizes.vertical.${t}`) : {
+        height: t
+      };
+    case "right":
+    case "left":
+      return u.includes(t) ? n(`drawers.sizes.horizontal.${t}`) : {
+        width: t
+      };
+  }
+}, R = a.divBox(
+  ({ placement: t, size: r }) => m`
+    ${n("cards.default")};
+    ${n("drawers.default")};
+    ${L(t)}
+    ${O(r, t)}
+    position: fixed;
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+    opacity: 0;
+    transition: medium;
+    max-width: 100%;
+
+    &[data-enter] {
+      opacity: 1;
+      transform: translate(0, 0);
+    }
+  `
+), g = a.div.withConfig({
+  shouldForwardProp: (t) => !["hideOnInteractOutside"].includes(t)
+})(
+  ({ hideOnInteractOutside: t }) => m`
+    ${n("drawers.backdrop")};
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    opacity: 0;
+    transition: opacity 150ms ease-in-out;
+    ${y};
+
+    ${t && m`
+      cursor: pointer;
+    `}
+
+    &[data-enter] {
+      opacity: 1;
+    }
+  `
+), A = a.divBox`
+  ${n("drawers.title")};
+`, Y = a.divBox`
+  ${n("drawers.content")};
+`, P = a($)`
+  ${n("drawers.closeButton")};
+`, X = a.divBox`
+  ${n("drawers.footer")};
+`, h = ({ zIndex: t = "2", ...r }) => {
+  const o = p();
+  return /* @__PURE__ */ e.createElement(i, { h: "0" }, /* @__PURE__ */ e.createElement(
+    D,
+    {
+      render: /* @__PURE__ */ e.createElement(
+        P,
+        {
+          left: `calc(100% - ${o.space.lg} - ${o.buttons.sizes.sm.height})`,
+          mt: "lg",
+          position: "sticky",
+          top: "0",
+          zIndex: t,
+          ...r
+        }
+      )
+    }
+  ));
+}, Z = d((t, r) => /* @__PURE__ */ e.createElement(Y, { flex: "1", overflowY: { md: "auto" }, ref: r, ...t })), z = d((t, r) => /* @__PURE__ */ e.createElement(
+  X,
+  {
+    bottom: { xs: 0, md: "auto" },
+    position: { xs: "sticky", md: "static" },
+    ref: r,
+    w: "100%",
+    ...t
+  }
+)), H = ({ children: t, zIndex: r = "1", ...o }) => /* @__PURE__ */ e.createElement(
+  A,
+  {
+    alignItems: "center",
+    display: "flex",
+    justifyContent: "space-between",
+    position: { xs: "sticky", md: "static" },
+    top: { xs: 0, md: "auto" },
+    w: "100%",
+    zIndex: r,
+    ...o
+  },
+  /* @__PURE__ */ e.createElement(f, { m: "0", variant: "h3", w: "100%" }, t)
+), M = a.divBox`
+  overflow-y: scroll;
+  flex: 1;
+  margin: 0 auto;
+  width: 100%;
+`, q = a.divBox(
+  ({ size: t }) => m`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    height: 48;
+    width: 48;
+    border-radius: md;
+    background-color: beige-20;
+    transition: background-color ${n("transitions.medium")};
+
+    ${t === "sm" && m`
+      height: 32;
+      width: 32;
+    `}
+  `
+), G = d(
+  ({ children: t, maxWidth: r = 820, store: o, ...s }, l) => {
+    const c = p();
+    return /* @__PURE__ */ e.createElement(
+      U,
+      {
+        ...s,
+        autoFocusOnShow: !1,
+        h: { _: "100%", md: "calc(100% - 3rem)" },
+        hideOnInteractOutside: !0,
+        placement: "bottom",
+        ref: l,
+        store: o,
+        style: {
+          borderTopLeftRadius: c.radii.xxl,
+          borderTopRightRadius: c.radii.xxl
+        },
+        withBackdrop: !0,
+        withCloseButton: !0
+      },
+      /* @__PURE__ */ e.createElement(M, { maxWidth: r }, /* @__PURE__ */ e.createElement(i, { p: { _: "xl md", md: "3xl xl" } }, t))
+    );
+  }
+), J = ({
+  action: t,
+  icon: r,
+  onBackButtonClick: o,
+  subtitle: s,
+  title: l
+}) => /* @__PURE__ */ e.createElement(
+  i,
+  {
+    alignItems: { md: "center" },
+    backgroundColor: "neutral-10",
+    display: "flex",
+    flexDirection: { _: "column", md: "row" },
+    gap: "xl",
+    justifyContent: "space-between",
+    mb: "xl",
+    mt: "-md",
+    position: "sticky",
+    py: "md",
+    top: 0,
+    zIndex: 1
+  },
+  /* @__PURE__ */ e.createElement(i, { alignItems: "center", display: "flex", gap: { _: "md", md: "xl" } }, !!o && /* @__PURE__ */ e.createElement(v, { onClick: o, shape: "circle", size: "lg", variant: "ghost" }, /* @__PURE__ */ e.createElement(F, null)), !!r && /* @__PURE__ */ e.createElement(K, { icon: r }), /* @__PURE__ */ e.createElement(i, { display: "flex", flexDirection: "column", gap: "xxs" }, /* @__PURE__ */ e.createElement(f, { pr: "xl", variant: "h3" }, l), s)),
+  t && /* @__PURE__ */ e.createElement(i, { alignItems: "center", display: "flex", flexShrink: 0, gap: "md" }, t)
+), K = ({ icon: t, size: r = "md" }) => /* @__PURE__ */ e.createElement(q, { size: r }, /* @__PURE__ */ e.createElement(t, { color: "neutral-90", size: r })), N = d(
+  ({
+    children: t,
+    hideOnInteractOutside: r = !0,
+    placement: o = "right",
+    size: s = "lg",
+    store: l,
+    withBackdrop: c = !1,
+    withCloseButton: w = !0,
+    ...E
+  }, b) => /* @__PURE__ */ e.createElement(
+    B,
+    {
+      backdrop: c ? /* @__PURE__ */ e.createElement(g, { hideOnInteractOutside: r }) : !1,
+      hideOnInteractOutside: r,
+      modal: c,
+      ref: b,
+      render: /* @__PURE__ */ e.createElement(R, { placement: o, size: s }),
+      store: l,
+      ...E
+    },
+    /* @__PURE__ */ e.createElement(e.Fragment, null, w && /* @__PURE__ */ e.createElement(h, null), t)
+  )
+);
+function ct(t = {}) {
+  return C({ animated: !0, ...t });
+}
+const Q = ({
+  hideOnInteractOutside: t = !0,
+  ...r
+}) => /* @__PURE__ */ e.createElement(g, { hideOnInteractOutside: t, ...r }), x = d(({ as: t, store: r, ...o }, s) => /* @__PURE__ */ e.createElement(
+  I,
+  {
+    ref: s,
+    render: t ? (l) => /* @__PURE__ */ e.createElement(t, { ...l }) : void 0,
+    store: r,
+    ...o
+  }
+)), U = Object.assign(N, {
+  Trigger: x,
+  Backdrop: Q,
+  Close: h,
+  Title: H,
+  Content: Z,
+  Footer: z
+}), mt = Object.assign(G, { Trigger: x, Header: J });
+export {
+  F as A,
+  Q as D,
+  x as T,
+  U as a,
+  mt as b,
+  ct as u
+};

package/dist/index-DHCyCfRv.js

@@ -0,0 +1,35 @@
+"use client";"use strict";const l=require("react"),w=require("./Icon.js"),y=require("./index-CiYwvMF0.js"),o=require("./System.js"),b=require("./wrap-children-BLDjJiiy.js"),e=require("@xstyled/styled-components"),v=15,L=15,C='<path fill="currentColor" fill-rule="evenodd" d="M35.9 26.628a2.476 2.476 0 0 1-2.48 2.474 2.476 2.476 0 0 1-2.478-2.474c0-11.852 8.878-21.949 20.648-23.483 4.92-.64 9.877.864 13.604 4.13a17.208 17.208 0 0 1 5.863 12.934 2.476 2.476 0 0 1-2.478 2.475 2.476 2.476 0 0 1-2.479-2.475c0-3.528-1.522-6.887-4.178-9.214a12.279 12.279 0 0 0-9.69-2.942C42.92 9.268 35.9 17.253 35.9 26.628Zm47.606 3.416c-1.585-1.387-3.74-2.02-5.926-1.733l-53.811 7.1C19.412 35.985 16 39.872 16 44.26v45.302c0 2.196.91 4.251 2.496 5.64C19.828 96.369 21.568 97 23.383 97c.343 0 .689-.021 1.036-.068l53.81-7.099C82.588 89.26 86 85.372 86 80.983V35.68c0-2.194-.91-4.25-2.494-5.636Zm-2.463 50.938c0 1.857-1.62 3.7-3.463 3.944l-53.811 7.1c-.772.102-1.486-.091-2.006-.547-.52-.454-.806-1.134-.806-1.916V44.261c0-1.856 1.62-3.7 3.462-3.944l53.81-7.099a3.04 3.04 0 0 1 .4-.026c.62 0 1.18.198 1.61.572.518.456.804 1.136.804 1.916v45.302ZM58.529 49.67c-2.099-1.873-4.873-2.72-7.811-2.386-5.782.656-10.485 5.894-10.485 11.675 0 2.916 1.15 5.545 3.236 7.406 1.152 1.025 2.52 1.707 3.99 2.091v7.1a3.538 3.538 0 0 0 3.54 3.536 3.54 3.54 0 0 0 3.542-3.535v-7.703c4.19-1.851 7.225-6.137 7.225-10.78 0-2.914-1.15-5.545-3.237-7.404Z" clip-rule="evenodd"/>',q={width:v,height:L,block:C},s=t=>l.createElement(w.Icon,{alt:"Lock",content:q,...t}),i=e("label").withConfig({shouldForwardProp:o.shouldForwardProp})(({required:t})=>e.css`
+    position: relative;
+    display: flex;
+    flex-shrink: 0;
+    max-width: 100%;
+    align-items: center;
+    line-height: lg;
+    ${e.th("labels")};
+    ${e.system};
+    user-select: none;
+
+    > * {
+      &:not(:last-child) {
+        margin-right: sm;
+      }
+
+      :last-child {
+        ${t&&k};
+      }
+    }
+  `),k=e.css`
+  &::after {
+    content: '*';
+    margin-left: xs;
+    /* It prevents the element to shift the layout and it allows us to put it properly on top with super */
+    line-height: 0;
+    vertical-align: super;
+    font-size: subtitle-sm;
+    font-weight: bold;
+    color: primary-40;
+  }
+`,x=e.div`
+  display: inline-flex;
+  margin-right: xs;
+`,a=o.forwardRef(({checkableField:t,children:h,dataTestId:d,disabled:n,disabledIcon:r,icon:u,variant:c,withDisabledIcon:m=!0,...p},g)=>{const f=b.wrapChildren(h);return l.createElement(i,{"data-testid":d,disabled:n,disabledIcon:r,ref:g,variant:c,...p},!t&&l.createElement(y.VariantIcon,{icon:u,size:"sm",variant:c}),n&&m&&l.createElement(x,null,r||l.createElement(s,{size:"sm"})),f)});a.displayName="Label";const I=i;exports.Label=a;exports.LockIcon=s;exports.StyledLabel=I;

package/dist/index-DPMCsVtB.js

@@ -0,0 +1,54 @@
+"use client";"use strict";const s=require("react");require("./Icon.js");const ve=require("./index-BNwz4P5j.js"),ee=require("./System.js"),he=require("./throttle-BB1Y3bfD.js"),pe=require("./Box.js"),u=require("@xstyled/styled-components");var R=[],be=function(){return R.some(function(e){return e.activeTargets.length>0})},ge=function(){return R.some(function(e){return e.skippedTargets.length>0})},V="ResizeObserver loop completed with undelivered notifications.",me=function(){var e;typeof ErrorEvent=="function"?e=new ErrorEvent("error",{message:V}):(e=document.createEvent("Event"),e.initEvent("error",!1,!1),e.message=V),window.dispatchEvent(e)},C;(function(e){e.BORDER_BOX="border-box",e.CONTENT_BOX="content-box",e.DEVICE_PIXEL_CONTENT_BOX="device-pixel-content-box"})(C||(C={}));var E=function(e){return Object.freeze(e)},xe=function(){function e(t,r){this.inlineSize=t,this.blockSize=r,E(this)}return e}(),te=function(){function e(t,r,n,i){return this.x=t,this.y=r,this.width=n,this.height=i,this.top=this.y,this.left=this.x,this.bottom=this.top+this.height,this.right=this.left+this.width,E(this)}return e.prototype.toJSON=function(){var t=this,r=t.x,n=t.y,i=t.top,a=t.right,o=t.bottom,f=t.left,v=t.width,l=t.height;return{x:r,y:n,top:i,right:a,bottom:o,left:f,width:v,height:l}},e.fromRect=function(t){return new e(t.x,t.y,t.width,t.height)},e}(),F=function(e){return e instanceof SVGElement&&"getBBox"in e},re=function(e){if(F(e)){var t=e.getBBox(),r=t.width,n=t.height;return!r&&!n}var i=e,a=i.offsetWidth,o=i.offsetHeight;return!(a||o||e.getClientRects().length)},X=function(e){var t;if(e instanceof Element)return!0;var r=(t=e==null?void 0:e.ownerDocument)===null||t===void 0?void 0:t.defaultView;return!!(r&&e instanceof r.Element)},Re=function(e){switch(e.tagName){case"INPUT":if(e.type!=="image")break;case"VIDEO":case"AUDIO":case"EMBED":case"OBJECT":case"CANVAS":case"IFRAME":case"IMG":return!0}return!1},S=typeof window<"u"?window:{},A=new WeakMap,J=/auto|scroll/,Ee=/^tb|vertical/,we=/msie|trident/i.test(S.navigator&&S.navigator.userAgent),p=function(e){return parseFloat(e||"0")},B=function(e,t,r){return e===void 0&&(e=0),t===void 0&&(t=0),r===void 0&&(r=!1),new xe((r?t:e)||0,(r?e:t)||0)},U=E({devicePixelContentBoxSize:B(),borderBoxSize:B(),contentBoxSize:B(),contentRect:new te(0,0,0,0)}),ne=function(e,t){if(t===void 0&&(t=!1),A.has(e)&&!t)return A.get(e);if(re(e))return A.set(e,U),U;var r=getComputedStyle(e),n=F(e)&&e.ownerSVGElement&&e.getBBox(),i=!we&&r.boxSizing==="border-box",a=Ee.test(r.writingMode||""),o=!n&&J.test(r.overflowY||""),f=!n&&J.test(r.overflowX||""),v=n?0:p(r.paddingTop),l=n?0:p(r.paddingRight),z=n?0:p(r.paddingBottom),h=n?0:p(r.paddingLeft),M=n?0:p(r.borderTopWidth),$=n?0:p(r.borderRightWidth),k=n?0:p(r.borderBottomWidth),N=n?0:p(r.borderLeftWidth),y=h+l,x=v+z,O=N+$,T=M+k,c=f?e.offsetHeight-T-e.clientHeight:0,d=o?e.offsetWidth-O-e.clientWidth:0,b=i?y+O:0,g=i?x+T:0,m=n?n.width:p(r.width)-b-d,w=n?n.height:p(r.height)-g-c,de=m+y+d+O,fe=w+x+c+T,H=E({devicePixelContentBoxSize:B(Math.round(m*devicePixelRatio),Math.round(w*devicePixelRatio),a),borderBoxSize:B(de,fe,a),contentBoxSize:B(m,w,a),contentRect:new te(h,v,m,w)});return A.set(e,H),H},ie=function(e,t,r){var n=ne(e,r),i=n.borderBoxSize,a=n.contentBoxSize,o=n.devicePixelContentBoxSize;switch(t){case C.DEVICE_PIXEL_CONTENT_BOX:return o;case C.BORDER_BOX:return i;default:return a}},Be=function(){function e(t){var r=ne(t);this.target=t,this.contentRect=r.contentRect,this.borderBoxSize=E([r.borderBoxSize]),this.contentBoxSize=E([r.contentBoxSize]),this.devicePixelContentBoxSize=E([r.devicePixelContentBoxSize])}return e}(),oe=function(e){if(re(e))return 1/0;for(var t=0,r=e.parentNode;r;)t+=1,r=r.parentNode;return t},ze=function(){var e=1/0,t=[];R.forEach(function(o){if(o.activeTargets.length!==0){var f=[];o.activeTargets.forEach(function(l){var z=new Be(l.target),h=oe(l.target);f.push(z),l.lastReportedSize=ie(l.target,l.observedBox),h<e&&(e=h)}),t.push(function(){o.callback.call(o.observer,f,o.observer)}),o.activeTargets.splice(0,o.activeTargets.length)}});for(var r=0,n=t;r<n.length;r++){var i=n[r];i()}return e},Y=function(e){R.forEach(function(r){r.activeTargets.splice(0,r.activeTargets.length),r.skippedTargets.splice(0,r.skippedTargets.length),r.observationTargets.forEach(function(i){i.isActive()&&(oe(i.target)>e?r.activeTargets.push(i):r.skippedTargets.push(i))})})},ye=function(){var e=0;for(Y(e);be();)e=ze(),Y(e);return ge()&&me(),e>0},W,se=[],Oe=function(){return se.splice(0).forEach(function(e){return e()})},Te=function(e){if(!W){var t=0,r=document.createTextNode(""),n={characterData:!0};new MutationObserver(function(){return Oe()}).observe(r,n),W=function(){r.textContent="".concat(t?t--:t++)}}se.push(e),W()},Se=function(e){Te(function(){requestAnimationFrame(e)})},L=0,Ce=function(){return!!L},$e=250,ke={attributes:!0,characterData:!0,childList:!0,subtree:!0},K=["resize","load","transitionend","animationend","animationstart","animationiteration","keyup","keydown","mouseup","mousedown","mouseover","mouseout","blur","focus"],Q=function(e){return e===void 0&&(e=0),Date.now()+e},P=!1,Ae=function(){function e(){var t=this;this.stopped=!0,this.listener=function(){return t.schedule()}}return e.prototype.run=function(t){var r=this;if(t===void 0&&(t=$e),!P){P=!0;var n=Q(t);Se(function(){var i=!1;try{i=ye()}finally{if(P=!1,t=n-Q(),!Ce())return;i?r.run(1e3):t>0?r.run(t):r.start()}})}},e.prototype.schedule=function(){this.stop(),this.run()},e.prototype.observe=function(){var t=this,r=function(){return t.observer&&t.observer.observe(document.body,ke)};document.body?r():S.addEventListener("DOMContentLoaded",r)},e.prototype.start=function(){var t=this;this.stopped&&(this.stopped=!1,this.observer=new MutationObserver(this.listener),this.observe(),K.forEach(function(r){return S.addEventListener(r,t.listener,!0)}))},e.prototype.stop=function(){var t=this;this.stopped||(this.observer&&this.observer.disconnect(),K.forEach(function(r){return S.removeEventListener(r,t.listener,!0)}),this.stopped=!0)},e}(),q=new Ae,Z=function(e){!L&&e>0&&q.start(),L+=e,!L&&q.stop()},De=function(e){return!F(e)&&!Re(e)&&getComputedStyle(e).display==="inline"},Ie=function(){function e(t,r){this.target=t,this.observedBox=r||C.CONTENT_BOX,this.lastReportedSize={inlineSize:0,blockSize:0}}return e.prototype.isActive=function(){var t=ie(this.target,this.observedBox,!0);return De(this.target)&&(this.lastReportedSize=t),this.lastReportedSize.inlineSize!==t.inlineSize||this.lastReportedSize.blockSize!==t.blockSize},e}(),Le=function(){function e(t,r){this.activeTargets=[],this.skippedTargets=[],this.observationTargets=[],this.observer=t,this.callback=r}return e}(),D=new WeakMap,j=function(e,t){for(var r=0;r<e.length;r+=1)if(e[r].target===t)return r;return-1},I=function(){function e(){}return e.connect=function(t,r){var n=new Le(t,r);D.set(t,n)},e.observe=function(t,r,n){var i=D.get(t),a=i.observationTargets.length===0;j(i.observationTargets,r)<0&&(a&&R.push(i),i.observationTargets.push(new Ie(r,n&&n.box)),Z(1),q.schedule())},e.unobserve=function(t,r){var n=D.get(t),i=j(n.observationTargets,r),a=n.observationTargets.length===1;i>=0&&(a&&R.splice(R.indexOf(n),1),n.observationTargets.splice(i,1),Z(-1))},e.disconnect=function(t){var r=this,n=D.get(t);n.observationTargets.slice().forEach(function(i){return r.unobserve(t,i.target)}),n.activeTargets.splice(0,n.activeTargets.length)},e}(),Me=function(){function e(t){if(arguments.length===0)throw new TypeError("Failed to construct 'ResizeObserver': 1 argument required, but only 0 present.");if(typeof t!="function")throw new TypeError("Failed to construct 'ResizeObserver': The callback provided as parameter 1 is not a function.");I.connect(this,t)}return e.prototype.observe=function(t,r){if(arguments.length===0)throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!X(t))throw new TypeError("Failed to execute 'observe' on 'ResizeObserver': parameter 1 is not of type 'Element");I.observe(this,t,r)},e.prototype.unobserve=function(t){if(arguments.length===0)throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': 1 argument required, but only 0 present.");if(!X(t))throw new TypeError("Failed to execute 'unobserve' on 'ResizeObserver': parameter 1 is not of type 'Element");I.unobserve(this,t)},e.prototype.disconnect=function(){I.disconnect(this)},e.toString=function(){return"function ResizeObserver () { [polyfill code] }"},e}();const Ne=(e,t,r)=>Math.min(Math.max(e,t),r),We=u.aBox`
+  ${u.th("breadcrumbs.item.default")};
+  align-items: center;
+  transition: medium;
+  direction: initial;
+
+  &:hover {
+    ${u.th("breadcrumbs.item.hover")};
+  }
+
+  &[aria-current='page'] {
+    ${u.th("breadcrumbs.item.active")};
+  }
+
+  &[aria-disabled='true'] {
+    pointer-events: none;
+    cursor: default;
+  }
+`,Pe=u.spanBox`
+  ${u.th("breadcrumbs.separator")};
+  display: flex;
+  align-items: center;
+`,_e=ee.forwardRef(({children:e,dataTestId:t,isActive:r,separator:n,...i},a)=>{const o=i.href||i.to;return s.createElement(pe.Box,{"aria-label":"breadcrumb",as:"li","data-testid":t,display:"inline-flex",flex:"0 0 auto",lineHeight:"normal"},n&&s.createElement(Pe,{role:"presentation"},n),s.createElement(We,{"aria-current":r?"page":void 0,"aria-disabled":!o,...i,ref:a},e))}),_=(e,t,r)=>parseInt(e.substring(t,r),16),qe=e=>/(^[0-9a-fA-F]{6}$)|(^[0-9a-fA-F]{3}$)/.test(e),Fe=e=>{if(!e||(e=e.replace("#",""),!qe(e)))return;e.length===3&&(e=`${e[0]}${e[0]}${e[1]}${e[1]}${e[2]}${e[2]}`);const t=i=>_(i,0,2),r=i=>_(i,2,4),n=i=>_(i,4,6);return`${t(e)}, ${r(e)}, ${n(e)}`},ae=(e,t=1)=>e?e.startsWith("#")?`rgba(${Fe(e)}, ${t})`:e:void 0,ce=u.spanBox(({gradientBackground:e,theme:t})=>u.css`
+    left: 0;
+    background-image: ${le(t,e)};
+    transform-origin: left;
+  `),ue=u.spanBox(({gradientBackground:e,theme:t})=>u.css`
+    right: 0;
+    background-image: ${le(t,e,"left")};
+    transform-origin: right;
+  `),Ge=u.divBox`
+  ${u.th("breadcrumbs.list")};
+  height: 100%;
+  position: relative;
+  overflow-x: hidden;
+
+  ${ce},
+  ${ue} {
+    position: absolute;
+    bottom: 0;
+    top: 0;
+    width: 30;
+  }
+`,He=u.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;
+`,le=(e,t,r="right")=>{const n=u.th(`colors.${t}`)({theme:e}),i=ae(n,0);return`linear-gradient(to ${r}, ${n}, ${i} 100%)`},G=ee.forwardRef(({children:e,gradientBackground:t="neutral-10",lastChildNotClickable:r=!0,separator:n=s.createElement(ve.RightIcon,{size:"xs"}),...i},a)=>{const o=s.useRef(null),f=s.useRef(),v=s.useRef(),[l,z]=s.useState(!1),[h,M]=s.useState(0),$=s.Children.toArray(e).filter(Boolean),k=$.length,N=$.map((c,d)=>{const b=k===1||k===d+1,g=b&&r;return s.cloneElement(c,{key:`breadcrumb-${d}`,separator:b?void 0:n,isActive:g,...c.props})});function y(c,d){c&&(c.style.transform=`scale3d(${d}, 1, 1)`)}const x=s.useCallback(c=>{const d=1-c;y(f.current,d),y(v.current,c)},[]),O=s.useCallback(()=>{const{current:{offsetWidth:c,scrollLeft:d,scrollWidth:b}}=o,g=b-c,w=Ne(Math.abs(d-h),0,g)/g;x(w)},[h,x]),T=s.useMemo(()=>he.throttle(c=>{const[{target:{offsetWidth:d,scrollLeft:b,scrollWidth:g}}]=c,m=g-d;h||M(b===0?0:m),z(m>0)},300,!1),[h]);return s.useEffect(()=>{const c=new Me(T);return c.observe(o.current),()=>c.disconnect()},[]),s.useEffect(()=>{f.current&&v.current&&x(0)},[l,x]),s.createElement(Ge,{as:"nav",ref:a,...i},l&&s.createElement(ce,{gradientBackground:t,ref:f}),s.createElement(He,{dir:"rtl",onScroll:O,ref:o},N.reverse()),l&&s.createElement(ue,{gradientBackground:t,ref:v}))});G.displayName="Breadcrumb";const Ve=Object.assign(G,{Item:_e});exports.Breadcrumb=Ve;exports.BreadcrumbComponent=G;exports.hexToRGBA=ae;

package/dist/index-DRa_xux4.mjs

@@ -0,0 +1,57 @@
+"use client";
+import e, { useMemo as i } from "react";
+import { Icon as o } from "./Icon.mjs";
+import { forwardRef as s } from "./System.mjs";
+import h, { css as d, th as u, system as f } from "@xstyled/styled-components";
+const m = 15, $ = 15, p = '<path fill="currentColor" d="m55.542 9.07 41.48 66.67a6.395 6.395 0 0 1 .32 6.225 6.482 6.482 0 0 1-5.123 3.604L9.256 94.957A6.502 6.502 0 0 1 3.12 92.15a6.41 6.41 0 0 1-.33-6.703L44.27 9.39v-.001c1.12-2.053 3.193-3.318 5.544-3.385a6.475 6.475 0 0 1 5.728 3.067Zm-3.217 61.689a3.726 3.726 0 0 0-.493-.601c-1.495-1.497-4.173-1.497-5.655 0a4.016 4.016 0 0 0-1.173 2.833c0 1.042.428 2.085 1.173 2.833A3.992 3.992 0 0 0 49.004 77a4.015 4.015 0 0 0 2.828-1.176 4.414 4.414 0 0 0 .867-1.31c.092-.24.173-.494.226-.748a5.24 5.24 0 0 0 .067-.775c0-.268-.028-.535-.067-.789a4.985 4.985 0 0 0-.226-.748 4.443 4.443 0 0 0-.374-.695ZM45 37.009v20.257a4.005 4.005 0 0 0 4 4.009c2.21 0 4-1.796 4-4.01V37.01c0-2.215-1.79-4.01-4-4.01-2.209 0-4 1.795-4 4.01Z"/>', I = {
+  width: m,
+  height: $,
+  block: p
+}, g = (t) => /* @__PURE__ */ e.createElement(o, { alt: "Alert", content: I, ...t }), k = 15, w = 15, C = '<path fill="currentColor" fill-rule="evenodd" d="M74.68 21.64a6.51 6.51 0 0 1 9.155-.492 6.453 6.453 0 0 1 .707 8.907l-.211.246-43.47 48.058a6.495 6.495 0 0 1-4.828 2.141c-1.449 0-2.86-.48-4.013-1.385l-.283-.235-15.54-13.665a6.455 6.455 0 0 1-.555-9.153 6.512 6.512 0 0 1 8.902-.756l.248.208 10.72 9.425L74.68 21.641Z" clip-rule="evenodd"/>', E = {
+  width: k,
+  height: w,
+  block: C
+}, Z = (t) => /* @__PURE__ */ e.createElement(o, { alt: "Check", content: E, ...t }), b = 15, M = 15, A = '<path fill="currentColor" d="M83.95 12.62C74.807 4.513 62.657.85 49.731 2.317 23.412 5.297 2 29.005 2 55.167c0 12.738 4.992 24.178 14.054 32.214C23.876 94.32 33.9 98 44.73 98c1.824 0 3.674-.105 5.536-.315C76.587 94.703 98 70.995 98 44.833c0-12.737-4.99-24.177-14.05-32.213ZM56.492 66.181c2.219-.25 4.228 1.293 4.48 3.432.254 2.139-1.341 4.07-3.562 4.314-.439.048-.878.073-1.314.073-2.838 0-5.599-1.003-7.737-2.84-2.467-2.121-3.882-5.163-3.882-8.347V49.825l-3.97.436c-2.224.244-4.23-1.293-4.482-3.432-.253-2.139 1.342-4.07 3.565-4.314l8.477-.93a4.142 4.142 0 0 1 3.155.963 3.842 3.842 0 0 1 1.352 2.91v17.355a3.29 3.29 0 0 0 1.177 2.529 3.582 3.582 0 0 0 2.74.84Zm-12.33-35.895a4.548 4.548 0 0 1-.365-1.742 4.52 4.52 0 0 1 1.391-3.222c1.092-1.053 2.725-1.533 4.264-1.235.298.052.593.143.877.26.283.104.567.247.81.416.27.17.514.351.728.559a4.51 4.51 0 0 1 1.377 3.223c0 .298-.027.597-.095.883a3.677 3.677 0 0 1-.27.858 3.699 3.699 0 0 1-.43.78c-.175.246-.366.48-.582.688a4.43 4.43 0 0 1-.729.572 5.21 5.21 0 0 1-.81.416 5.177 5.177 0 0 1-.877.26c-.31.051-.62.09-.93.09a4.846 4.846 0 0 1-3.928-2.027 5.523 5.523 0 0 1-.432-.78Z"/>', L = {
+  width: b,
+  height: M,
+  block: A
+}, V = (t) => /* @__PURE__ */ e.createElement(o, { alt: "Information", content: L, ...t }), v = 15, x = 15, y = '<path fill="currentColor" fill-rule="evenodd" d="M80.086 40.154a2.402 2.402 0 0 0-2.25-1.02l-24.929 2.81V6.365a2.37 2.37 0 0 0-1.812-2.294 2.4 2.4 0 0 0-2.692 1.183L19.781 58.402a2.345 2.345 0 0 0 .133 2.443 2.4 2.4 0 0 0 2.25 1.021l24.928-2.81v35.578a2.37 2.37 0 0 0 1.813 2.296c.194.047.388.07.58.07.869 0 1.69-.468 2.111-1.253l28.624-53.15a2.348 2.348 0 0 0-.134-2.443Z" clip-rule="evenodd"/>', _ = {
+  width: v,
+  height: x,
+  block: y
+}, P = (t) => /* @__PURE__ */ e.createElement(o, { alt: "Promote", content: _, ...t }), S = 15, q = 15, R = '<path fill="currentColor" fill-rule="evenodd" d="M5.863 49.971c-3.518 3.745-3.835 8.974-.723 11.924L41.114 96c3.378 3.203 9.445 2.476 13.264-1.589L95.137 51.03c3.518-3.745 3.835-8.974.723-11.924L59.886 5c-3.378-3.203-9.445-2.476-13.264 1.589L5.862 49.97ZM53.325 64.76c.145.214.267.454.373.695.093.24.174.494.227.748.039.254.067.522.067.789 0 .254-.028.52-.067.775a5 5 0 0 1-.226.748c-.107.24-.228.481-.374.695a3.822 3.822 0 0 1-.493.615A4.015 4.015 0 0 1 50.004 71a3.991 3.991 0 0 1-2.827-1.176 4.062 4.062 0 0 1-1.173-2.833c0-1.056.428-2.098 1.173-2.833 1.481-1.497 4.16-1.497 5.655 0 .185.173.345.387.493.601ZM46 31.009a4.005 4.005 0 0 1 4-4.01c2.21 0 4 1.796 4 4.01v20.257a4.005 4.005 0 0 1-4 4.009c-2.209 0-4-1.796-4-4.01V31.01Z" clip-rule="evenodd"/>', B = {
+  width: S,
+  height: q,
+  block: R
+}, N = (t) => /* @__PURE__ */ e.createElement(o, { alt: "SquareAlert", content: B, ...t }), j = h.divBox(
+  ({ variant: t }) => d`
+    display: inline-flex;
+    ${u(`variantIcon.${t}`)}
+    flex-shrink: 0;
+    align-self: center;
+
+    ${f};
+  `
+), D = s(
+  ({ icon: t, size: n = "md", variant: c, ...r }, a) => {
+    const l = i(() => {
+      if (t === null) return null;
+      if (t) return t;
+      if (c === "default") return /* @__PURE__ */ e.createElement(P, { size: n });
+      if (c === "success") return /* @__PURE__ */ e.createElement(Z, { size: n });
+      if (c === "info") return /* @__PURE__ */ e.createElement(V, { size: n });
+      if (c === "warning") return /* @__PURE__ */ e.createElement(g, { size: n });
+      if (c === "danger") return /* @__PURE__ */ e.createElement(N, { size: n });
+    }, [n, t, c]);
+    return l ? /* @__PURE__ */ e.createElement(j, { ref: a, variant: c, ...r }, l) : null;
+  }
+);
+D.displayName = "VariantIcon";
+export {
+  g as A,
+  Z as C,
+  V as I,
+  P,
+  N as S,
+  D as V
+};

package/dist/index-DqBUFsqP.mjs

@@ -0,0 +1,11 @@
+"use client";
+import c from "react";
+import { Icon as t } from "./Icon.mjs";
+const e = 15, n = 15, o = '<path fill="currentColor" fill-rule="evenodd" d="M90.933 9.496c.027.172.05.343.056.515 0 .017.003.034.005.051a.323.323 0 0 1 .006.052v20.854c0 2.281-1.867 4.13-4.17 4.13-2.302 0-4.169-1.849-4.169-4.13v-10.07L39.941 68.04a4.18 4.18 0 0 1-3.105 1.37 4.172 4.172 0 0 1-2.784-1.056 4.102 4.102 0 0 1-.317-5.832L76.392 15.45l-11.529 1.301c-2.288.26-4.356-1.37-4.614-3.636-.262-2.267 1.381-4.313 3.669-4.57l22.44-2.534c.02-.002.039-.001.058 0l.057-.001c.17-.015.34-.01.51-.004h.002l.105.002c.076.002.153.003.23.011.158.02.313.057.47.095l.041.01c.036.009.072.016.107.023.068.014.135.028.2.05.18.058.35.142.521.226.036.017.072.033.109.048.049.02.097.04.143.066.172.099.332.224.492.349l.017.013c.027.022.057.041.086.06a.818.818 0 0 1 .107.081l.003.001c.218.194.41.406.576.63.017.023.03.048.044.073.013.023.026.047.041.07.128.188.25.38.342.584.022.047.038.095.053.143.01.034.022.068.035.101.07.18.137.358.179.543.015.064.023.13.032.197l.015.114ZM75.975 45.359a2.42 2.42 0 0 1 2.432-2.41 2.42 2.42 0 0 1 2.432 2.41v38.01a2.418 2.418 0 0 1-2.157 2.395l-63.975 7.22a2.441 2.441 0 0 1-1.894-.598A2.397 2.397 0 0 1 12 90.592V27.216c0-1.224.928-2.254 2.157-2.393l33.635-3.797c1.344-.146 2.54.798 2.69 2.121.155 1.322-.805 2.516-2.14 2.667l-31.478 3.554V87.89l59.111-6.672v-35.86Z" clip-rule="evenodd"/>', r = {
+  width: e,
+  height: n,
+  block: o
+}, d = (l) => /* @__PURE__ */ c.createElement(t, { alt: "ExternalLink", content: r, ...l });
+export {
+  d as E
+};