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

package/dist/index-CmBs24Im.mjs

@@ -1,413 +0,0 @@
-"use client";
-import i, { useMemo as He, useState as T, useEffect as ce, Fragment as Ne } from "react";
-import de from "downshift";
-import { matchSorter as me } from "match-sorter";
-import { Icon as je, StyledIcon as Ke } from "./Icon.mjs";
-import { ClearButton as qe } from "./ClearButton.mjs";
-import { shouldForwardProp as q, forwardRef as Ge } from "./System.mjs";
-import { c as Le } from "./create-event-rXDe5aCQ.mjs";
-import { d as Ye, F as Je } from "./field-styles-CeV7pnOp.mjs";
-import { StyledTag as Qe, Tag as Xe } from "./Tag.mjs";
-import g, { css as D, system as he, th as u } from "@xstyled/styled-components";
-import { IconWrapper as Oe } from "./Field.mjs";
-import { o as j } from "./overflow-ellipsis-DGV5Kgt-.mjs";
-import { Box as Ue } from "./Box.mjs";
-const Me = 15, et = 15, tt = '<path fill="currentColor" fill-rule="evenodd" d="M50 71a4.399 4.399 0 0 1-2.936-1.119L17.49 43.552a4.468 4.468 0 0 1-.377-6.283 4.416 4.416 0 0 1 6.253-.379l26.278 23.397 26.632-29.81a4.412 4.412 0 0 1 6.253-.338 4.464 4.464 0 0 1 .337 6.283l-29.57 33.1A4.412 4.412 0 0 1 49.998 71Z" clip-rule="evenodd"/>', nt = {
-  width: Me,
-  height: et,
-  block: tt
-}, ot = (e) => /* @__PURE__ */ i.createElement(je, { alt: "Down", content: nt, ...e }), G = "", be = (e) => {
-  if (typeof e == "number")
-    return String(e);
-  if (typeof e == "string") {
-    const t = e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);
-    return t && t.map((n) => n.toLowerCase()).join("-");
-  }
-}, fe = (e) => e ? e.label : G, lt = (e) => e.reduce(
-  (t, n) => n.label && t.length > n.label.length ? t : n.label,
-  G
-), it = (e, t, n) => {
-  const l = t.find((a) => e.value === a.value);
-  return l && n ? t.filter((a) => e.value !== a.value) : l ? t : [...t, e];
-}, H = (e, t) => !!t.find((n) => n.value === e), K = (e, t = []) => t.find(
-  (l) => l.label === (e.label || e) || l.value === (e.value || e)
-) || { value: be(e), label: e }, rt = (e, t, n = !1) => {
-  const l = n ? t.flatMap((a) => a.options) : t;
-  return !e && e !== 0 ? [] : Array.isArray(e) ? e.map((a) => K(a, l)) : [K(e, l)];
-}, at = (e, t) => !!t.find((n) => n.value === e.value), st = (e, t) => at(e, t) ? e.value : e.label, ue = (e, t) => {
-  if (e)
-    return e.map((n) => st(n, t));
-}, ct = (e, t) => {
-  if (e)
-    return e.filter(
-      (n) => !t.find((l) => l.value === n.value)
-    );
-}, dt = ({
-  inputValue: e,
-  isMultiple: t,
-  isSearchable: n,
-  options: l,
-  renderItem: a
-}) => {
-  const h = K(e, l);
-  return t ? e : h.label ? n ? h.label : a(h) : G;
-}, ve = g(Oe)``, Ie = g(Ue).withConfig({ shouldForwardProp: q })(
-  ({ disabled: e }) => D`
-    position: relative;
-    ${he}
-    ${ve} {
-      color: ${e ? u("defaultFields.select.disabled.color") : "initial"};
-    }
-  `
-), mt = g.div`
-  position: relative;
-`, pe = g("div").withConfig({ shouldForwardProp: q })(
-  ({ iconPlacement: e, isClearable: t, size: n, transparent: l, variant: a }) => D`
-    position: relative;
-    ${Ye({
-    size: n,
-    variant: a,
-    transparent: l,
-    isClearable: t,
-    iconPlacement: e
-  })};
-    ${j};
-    cursor: pointer;
-    ${he}
-    line-height: 1em;
-
-    br {
-      display: none;
-    }
-
-    &::before {
-      content: attr(data-spacer);
-      visibility: hidden;
-      display: block;
-      height: 0;
-    }
-
-    &:empty {
-      &::after {
-        content: attr(placeholder);
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        ${j};
-        padding: inherit;
-        ${u("defaultFields.placeholder")}
-      }
-      &::before {
-        height: auto;
-      }
-    }
-  `
-), ft = g.ul`
-  ${u("defaultFields.select.default")};
-  ${u("cards.default")};
-  position: absolute;
-  z-index: 2;
-  right: 0;
-  left: 0;
-  margin: 0;
-  margin-top: md;
-  padding: 0;
-  transition: medium;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-
-  &:hover > * {
-    cursor: pointer;
-  }
-`, N = g.li(
-  ({
-    allowUnselectFromList: e,
-    isDisabled: t,
-    isHighlighted: n,
-    isMultiple: l,
-    isSelected: a
-  }) => D`
-    color: beige-70;
-    ${n && u("defaultFields.select.highlighted")};
-    ${a && !l && u("defaultFields.select.selected")};
-    ${a && l && !e && u("defaultFields.select.existing")};
-    ${t && u("defaultFields.select.disabled")};
-    ${j};
-    padding: md;
-    list-style: none;
-    text-decoration: none;
-    font-size: sm;
-    transition: background ${u.transition("medium")};
-  `
-), ut = g.divBox(
-  ({ size: e }) => D`
-    position: absolute;
-    padding: 0;
-    top: 0;
-    bottom: 0;
-    right: ${e === "xs" ? "sm" : "md"};
-    display: flex;
-    gap: xs;
-  `
-), ge = g.button.withConfig({ shouldForwardProp: q })(
-  ({ isOpen: e }) => D`
-    position: relative;
-    height: 100%;
-    padding: 0;
-    outline: none !important; /* important for firefox */
-    appearance: none;
-    cursor: pointer;
-    border: none;
-    background: transparent;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    ${Ke} {
-      transform: ${e ? "rotate3d(0, 0, 1, 180deg)" : "rotate3d(0)"};
-      transition: medium;
-    }
-
-    &:not(:last-child) {
-      width: auto;
-    }
-
-    &:disabled {
-      color: ${u("defaultFields.select.disabled.color")};
-    }
-  `
-), pt = g.divBox`
-  margin-top: lg;
-
-  ${/* sc-selector */
-Qe}:not(:last-child) {
-    margin-right: sm;
-    margin-bottom: sm;
-  }
-
-  &:empty {
-    display: none;
-  }
-`;
-function gt(e, t) {
-  return /* @__PURE__ */ i.createElement(pt, { role: "list" }, e.map((n) => /* @__PURE__ */ i.createElement(Xe, { key: n.value, onRemove: () => t(n.value.toString()), role: "listitem" }, n.label)));
-}
-const ht = de.default || de, Rt = Ge(
-  ({
-    allowUnselectFromList: e,
-    autoComplete: t = "off",
-    autoFocus: n,
-    dataTestId: l,
-    disableCloseOnSelect: a,
-    disabled: h,
-    groupsEnabled: x,
-    icon: F,
-    id: L,
-    isClearable: Y,
-    isCreatable: _,
-    isMultiple: d,
-    isSearchable: f,
-    name: J,
-    onBlur: ye,
-    onChange: Q,
-    onClick: X,
-    onCreate: O,
-    onFocus: we,
-    options: c = [],
-    placeholder: U = "Choose from…",
-    renderCreateItem: Ee = (y) => `Create "${y}"`,
-    renderGroupHeader: $e,
-    renderItem: Z = fe,
-    renderMultiple: ke = gt,
-    size: R = "md",
-    transparent: xe,
-    value: M,
-    variant: Se,
-    ...ee
-  }, S) => {
-    const y = He(
-      () => rt(M, c, x),
-      [M, c, x]
-    ), z = !d && y[0] || null, W = z ? z.label : "", [v, B] = T(y), [p, C] = T(W), [V, A] = T(c), [I, w] = T(!1);
-    f = _ || f, ce(() => {
-      var o;
-      n && ((o = S == null ? void 0 : S.current) == null || o.focus(), f && w(!0));
-    }, [f, n, S]), ce(() => {
-      B(y), C(W), A(c);
-    }, [W, c, y]);
-    const Ce = (o) => {
-      if (f && o !== p) {
-        let r = [];
-        x ? r = me(c, o, {
-          // should match on group.label OR group.options.label
-          keys: [(s) => s.label, (s) => s.options.map((E) => E.label)]
-        }) : r = me(c, o, { keys: ["label"] }), C(o), A(r);
-      }
-    }, De = () => {
-      f && !I && w(!0);
-    }, te = (o) => {
-      let r = [];
-      x ? r = ue(
-        o,
-        c.flatMap(($) => $.options)
-      ) : r = ue(o, c);
-      const s = d ? r : r[0], E = Le({ name: J, value: d ? o : o[0] });
-      if (Q && Q(s, E), _) {
-        const $ = ct(o, c);
-        $.length && O && O($[0].label, E);
-      }
-    }, Fe = (o) => {
-      let r, s;
-      !o || o != null && o.disabled ? (r = d ? v : [], s = !0) : (r = d ? it(o, v, e) : [o], s = d), s && C(""), A(c), B(r), te(r), a || w(!1);
-    }, Re = (o) => {
-      const r = v.filter((s) => s.value !== o);
-      B(r), te(r);
-    }, Ve = (o) => {
-      d && o.selectedItem ? C("") : f && o.selectedItem && C(o.selectedItem.label), A(c), w(!1);
-    }, Ae = lt(c), ne = dt({
-      inputValue: p,
-      isMultiple: d,
-      isSearchable: f,
-      options: c,
-      renderItem: Z
-    });
-    return /* @__PURE__ */ i.createElement(
-      ht,
-      {
-        id: L,
-        inputValue: f ? ne : "",
-        isOpen: I,
-        itemToString: fe,
-        onInputValueChange: Ce,
-        onOuterClick: Ve,
-        onSelect: Fe,
-        selectedItem: z
-      },
-      ({
-        clearSelection: o,
-        getInputProps: r,
-        getItemProps: s,
-        getMenuProps: E,
-        getRootProps: $,
-        getToggleButtonProps: Te,
-        highlightedIndex: P
-      }) => {
-        const oe = !!(_ && p && !H(p, v)), _e = I && (V.length || oe), Ze = Y && p, ze = /* @__PURE__ */ i.createElement(ge, { as: "div" }, /* @__PURE__ */ i.createElement(
-          qe,
-          {
-            onClick: o
-          }
-        )), We = /* @__PURE__ */ i.createElement(
-          ge,
-          {
-            "data-testid": l && `${l}-arrow-icon`,
-            disabled: h,
-            isOpen: I,
-            size: R,
-            tabIndex: -1,
-            ...Te({
-              onClick: () => w(!I)
-            })
-          },
-          /* @__PURE__ */ i.createElement(ot, { size: "sm" })
-        ), Be = (k) => {
-          X && X(k), w(!I);
-        }, Pe = $(ee), le = r({
-          autoComplete: t,
-          autoFocus: n,
-          "data-spacer": Ae || U,
-          "data-testid": l,
-          disabled: h,
-          iconPlacement: F ? "both" : "right",
-          id: L,
-          name: J,
-          onBlur: ye,
-          onClick: h ? void 0 : Be,
-          onFocus: we,
-          onKeyDown: De,
-          placeholder: U,
-          ref: S,
-          size: R,
-          tabIndex: 0,
-          variant: I ? "focused" : Se,
-          isClearable: Y,
-          transparent: xe,
-          ...ee
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        }), ie = Je[R];
-        return /* @__PURE__ */ i.createElement(Ie, { ...Pe, disabled: h }, /* @__PURE__ */ i.createElement(mt, null, f ? /* @__PURE__ */ i.createElement(pe, { as: "input", type: "text", ...le }) : /* @__PURE__ */ i.createElement(pe, { ...le }, ne), F && /* @__PURE__ */ i.createElement(ve, { iconPlacement: "left", size: ie }, i.cloneElement(F, { ...F.props, size: ie })), /* @__PURE__ */ i.createElement(ut, { size: R }, Ze && ze, We)), _e && /* @__PURE__ */ i.createElement(ft, { ...E() }, V.reduce(
-          (k, m, re) => {
-            if (x && "options" in m)
-              k.itemsToRender.push(
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-                // @ts-ignore
-                /* @__PURE__ */ i.createElement(Ne, { key: m.label }, $e(m), m.options && m.options.map((b) => {
-                  const ae = k.itemIndex++, se = H(b.value, v);
-                  return /* @__PURE__ */ i.createElement(
-                    N,
-                    {
-                      allowUnselectFromList: e,
-                      isDisabled: b.disabled,
-                      isHighlighted: P === ae,
-                      isMultiple: d,
-                      key: b.value,
-                      ...s({
-                        index: ae,
-                        isSelected: se,
-                        item: b
-                      })
-                    },
-                    Z(b, se)
-                  );
-                }))
-              );
-            else if ("value" in m) {
-              const b = H(m.value, v);
-              k.itemsToRender.push(
-                /* @__PURE__ */ i.createElement(
-                  N,
-                  {
-                    allowUnselectFromList: e,
-                    isDisabled: m.disabled,
-                    isHighlighted: P === re,
-                    isMultiple: d,
-                    key: m.value,
-                    ...s({
-                      index: re,
-                      isSelected: b,
-                      item: m
-                    })
-                  },
-                  Z(m, b)
-                )
-              );
-            }
-            return k;
-          },
-          { itemsToRender: [], itemIndex: 0 }
-        ).itemsToRender, oe && p.length && /* @__PURE__ */ i.createElement(
-          N,
-          {
-            isHighlighted: P === V.length,
-            key: "add",
-            ...s({
-              index: V.length,
-              item: {
-                value: be(p),
-                label: p
-              }
-            })
-          },
-          Ee(p)
-        )), d && ke(v, Re));
-      }
-    );
-  }
-), Vt = Ie;
-export {
-  ot as D,
-  Vt as S,
-  Rt as a
-};

package/dist/index-D3Tnfi3U.mjs

@@ -1,83 +0,0 @@
-"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-DG7ovxHW.js

@@ -1,117 +0,0 @@
-"use client";"use strict";const l=require("react"),se=require("downshift"),ie=require("match-sorter"),me=require("./Icon.js"),We=require("./ClearButton.js"),P=require("./System.js"),He=require("./create-event-YSlay9Ef.js"),fe=require("./field-styles-D_gf6ypV.js"),he=require("./Tag.js"),r=require("@xstyled/styled-components"),Ne=require("./Field.js"),H=require("./overflow-ellipsis-C2ESrF8C.js"),_e=require("./Box.js"),je=15,Ke=15,Ge='<path fill="currentColor" fill-rule="evenodd" d="M50 71a4.399 4.399 0 0 1-2.936-1.119L17.49 43.552a4.468 4.468 0 0 1-.377-6.283 4.416 4.416 0 0 1 6.253-.379l26.278 23.397 26.632-29.81a4.412 4.412 0 0 1 6.253-.338 4.464 4.464 0 0 1 .337 6.283l-29.57 33.1A4.412 4.412 0 0 1 49.998 71Z" clip-rule="evenodd"/>',Le={width:je,height:Ke,block:Ge},pe=e=>l.createElement(me.Icon,{alt:"Down",content:Le,...e}),_="",ge=e=>{if(typeof e=="number")return String(e);if(typeof e=="string"){const t=e.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);return t&&t.map(n=>n.toLowerCase()).join("-")}},ce=e=>e?e.label:_,Ye=e=>e.reduce((t,n)=>n.label&&t.length>n.label.length?t:n.label,_),Je=(e,t,n)=>{const s=t.find(c=>e.value===c.value);return s&&n?t.filter(c=>e.value!==c.value):s?t:[...t,e]},z=(e,t)=>!!t.find(n=>n.value===e),N=(e,t=[])=>t.find(s=>s.label===(e.label||e)||s.value===(e.value||e))||{value:ge(e),label:e},Qe=(e,t,n=!1)=>{const s=n?t.flatMap(c=>c.options):t;return!e&&e!==0?[]:Array.isArray(e)?e.map(c=>N(c,s)):[N(e,s)]},Xe=(e,t)=>!!t.find(n=>n.value===e.value),Oe=(e,t)=>Xe(e,t)?e.value:e.label,ae=(e,t)=>{if(e)return e.map(n=>Oe(n,t))},Ue=(e,t)=>{if(e)return e.filter(n=>!t.find(s=>s.value===n.value))},Me=({inputValue:e,isMultiple:t,isSearchable:n,options:s,renderItem:c})=>{const p=N(e,s);return t?e:p.label?n?p.label:c(p):_},ve=r(Ne.IconWrapper)``,be=r(_e.Box).withConfig({shouldForwardProp:P.shouldForwardProp})(({disabled:e})=>r.css`
-    position: relative;
-    ${r.system}
-    ${ve} {
-      color: ${e?r.th("defaultFields.select.disabled.color"):"initial"};
-    }
-  `),et=r.div`
-  position: relative;
-`,de=r("div").withConfig({shouldForwardProp:P.shouldForwardProp})(({iconPlacement:e,isClearable:t,size:n,transparent:s,variant:c})=>r.css`
-    position: relative;
-    ${fe.defaultFieldStyles({size:n,variant:c,transparent:s,isClearable:t,iconPlacement:e})};
-    ${H.overflowEllipsis};
-    cursor: pointer;
-    ${r.system}
-    line-height: 1em;
-
-    br {
-      display: none;
-    }
-
-    &::before {
-      content: attr(data-spacer);
-      visibility: hidden;
-      display: block;
-      height: 0;
-    }
-
-    &:empty {
-      &::after {
-        content: attr(placeholder);
-        position: absolute;
-        top: 0;
-        right: 0;
-        bottom: 0;
-        left: 0;
-        ${H.overflowEllipsis};
-        padding: inherit;
-        ${r.th("defaultFields.placeholder")}
-      }
-      &::before {
-        height: auto;
-      }
-    }
-  `),tt=r.ul`
-  ${r.th("defaultFields.select.default")};
-  ${r.th("cards.default")};
-  position: absolute;
-  z-index: 2;
-  right: 0;
-  left: 0;
-  margin: 0;
-  margin-top: md;
-  padding: 0;
-  transition: medium;
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-
-  &:hover > * {
-    cursor: pointer;
-  }
-`,W=r.li(({allowUnselectFromList:e,isDisabled:t,isHighlighted:n,isMultiple:s,isSelected:c})=>r.css`
-    color: beige-70;
-    ${n&&r.th("defaultFields.select.highlighted")};
-    ${c&&!s&&r.th("defaultFields.select.selected")};
-    ${c&&s&&!e&&r.th("defaultFields.select.existing")};
-    ${t&&r.th("defaultFields.select.disabled")};
-    ${H.overflowEllipsis};
-    padding: md;
-    list-style: none;
-    text-decoration: none;
-    font-size: sm;
-    transition: background ${r.th.transition("medium")};
-  `),nt=r.divBox(({size:e})=>r.css`
-    position: absolute;
-    padding: 0;
-    top: 0;
-    bottom: 0;
-    right: ${e==="xs"?"sm":"md"};
-    display: flex;
-    gap: xs;
-  `),ue=r.button.withConfig({shouldForwardProp:P.shouldForwardProp})(({isOpen:e})=>r.css`
-    position: relative;
-    height: 100%;
-    padding: 0;
-    outline: none !important; /* important for firefox */
-    appearance: none;
-    cursor: pointer;
-    border: none;
-    background: transparent;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-
-    ${me.StyledIcon} {
-      transform: ${e?"rotate3d(0, 0, 1, 180deg)":"rotate3d(0)"};
-      transition: medium;
-    }
-
-    &:not(:last-child) {
-      width: auto;
-    }
-
-    &:disabled {
-      color: ${r.th("defaultFields.select.disabled.color")};
-    }
-  `),ot=r.divBox`
-  margin-top: lg;
-
-  ${he.StyledTag}:not(:last-child) {
-    margin-right: sm;
-    margin-bottom: sm;
-  }
-
-  &:empty {
-    display: none;
-  }
-`;function lt(e,t){return l.createElement(ot,{role:"list"},e.map(n=>l.createElement(he.Tag,{key:n.value,onRemove:()=>t(n.value.toString()),role:"listitem"},n.label)))}const rt=se.default||se,st=P.forwardRef(({allowUnselectFromList:e,autoComplete:t="off",autoFocus:n,dataTestId:s,disableCloseOnSelect:c,disabled:p,groupsEnabled:$,icon:C,id:j,isClearable:K,isCreatable:R,isMultiple:u,isSearchable:f,name:G,onBlur:we,onChange:L,onClick:Y,onCreate:J,onFocus:ye,options:d=[],placeholder:Q="Choose from…",renderCreateItem:Ie=w=>`Create "${w}"`,renderGroupHeader:Ee,renderItem:T=ce,renderMultiple:Se=lt,size:F="md",transparent:$e,value:X,variant:ke,...O},k)=>{const w=l.useMemo(()=>Qe(X,d,$),[X,d,$]),V=!u&&w[0]||null,A=V?V.label:"",[v,B]=l.useState(w),[h,x]=l.useState(A),[q,D]=l.useState(d),[b,y]=l.useState(!1);f=R||f,l.useEffect(()=>{var o;n&&((o=k==null?void 0:k.current)==null||o.focus(),f&&y(!0))},[f,n,k]),l.useEffect(()=>{B(w),x(A),D(d)},[A,d,w]);const xe=o=>{if(f&&o!==h){let i=[];$?i=ie.matchSorter(d,o,{keys:[a=>a.label,a=>a.options.map(I=>I.label)]}):i=ie.matchSorter(d,o,{keys:["label"]}),x(o),D(i)}},Ce=()=>{f&&!b&&y(!0)},U=o=>{let i=[];$?i=ae(o,d.flatMap(E=>E.options)):i=ae(o,d);const a=u?i:i[0],I=He.createEvent({name:G,value:u?o:o[0]});if(L&&L(a,I),R){const E=Ue(o,d);E.length&&J&&J(E[0].label,I)}},Fe=o=>{let i,a;!o||o!=null&&o.disabled?(i=u?v:[],a=!0):(i=u?Je(o,v,e):[o],a=u),a&&x(""),D(d),B(i),U(i),c||y(!1)},qe=o=>{const i=v.filter(a=>a.value!==o);B(i),U(i)},De=o=>{u&&o.selectedItem?x(""):f&&o.selectedItem&&x(o.selectedItem.label),D(d),y(!1)},Pe=Ye(d),M=Me({inputValue:h,isMultiple:u,isSearchable:f,options:d,renderItem:T});return l.createElement(rt,{id:j,inputValue:f?M:"",isOpen:b,itemToString:ce,onInputValueChange:xe,onOuterClick:De,onSelect:Fe,selectedItem:V},({clearSelection:o,getInputProps:i,getItemProps:a,getMenuProps:I,getRootProps:E,getToggleButtonProps:Re,highlightedIndex:Z})=>{const ee=!!(R&&h&&!z(h,v)),Te=b&&(q.length||ee),Ve=K&&h,Ae=l.createElement(ue,{as:"div"},l.createElement(We.ClearButton,{onClick:o})),Be=l.createElement(ue,{"data-testid":s&&`${s}-arrow-icon`,disabled:p,isOpen:b,size:F,tabIndex:-1,...Re({onClick:()=>y(!b)})},l.createElement(pe,{size:"sm"})),Ze=S=>{Y&&Y(S),y(!b)},ze=E(O),te=i({autoComplete:t,autoFocus:n,"data-spacer":Pe||Q,"data-testid":s,disabled:p,iconPlacement:C?"both":"right",id:j,name:G,onBlur:we,onClick:p?void 0:Ze,onFocus:ye,onKeyDown:Ce,placeholder:Q,ref:k,size:F,tabIndex:0,variant:b?"focused":ke,isClearable:K,transparent:$e,...O}),ne=fe.FIELD_ICON_SIZE[F];return l.createElement(be,{...ze,disabled:p},l.createElement(et,null,f?l.createElement(de,{as:"input",type:"text",...te}):l.createElement(de,{...te},M),C&&l.createElement(ve,{iconPlacement:"left",size:ne},l.cloneElement(C,{...C.props,size:ne})),l.createElement(nt,{size:F},Ve&&Ae,Be)),Te&&l.createElement(tt,{...I()},q.reduce((S,m,oe)=>{if($&&"options"in m)S.itemsToRender.push(l.createElement(l.Fragment,{key:m.label},Ee(m),m.options&&m.options.map(g=>{const le=S.itemIndex++,re=z(g.value,v);return l.createElement(W,{allowUnselectFromList:e,isDisabled:g.disabled,isHighlighted:Z===le,isMultiple:u,key:g.value,...a({index:le,isSelected:re,item:g})},T(g,re))})));else if("value"in m){const g=z(m.value,v);S.itemsToRender.push(l.createElement(W,{allowUnselectFromList:e,isDisabled:m.disabled,isHighlighted:Z===oe,isMultiple:u,key:m.value,...a({index:oe,isSelected:g,item:m})},T(m,g)))}return S},{itemsToRender:[],itemIndex:0}).itemsToRender,ee&&h.length&&l.createElement(W,{isHighlighted:Z===q.length,key:"add",...a({index:q.length,item:{value:ge(h),label:h}})},Ie(h))),u&&Se(v,qe))})}),it=be;exports.DownIcon=pe;exports.Select=st;exports.StyledSelect=it;

package/dist/index-DHCyCfRv.js

@@ -1,35 +0,0 @@
-"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;