@midas-ds/components 15.4.0 → 15.4.1

package/chunks/{Select-fDRXxmLm.js → Select-qmCuJm2x.js}

@@ -1,24 +1,26 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { aB as m, aC as v, k as h, w as A, l as C, aD as S, aE as V, aF as N } from "./react-aria-components-mIKW9wOa.js";
-import { a as T, L as y } from "./Label-CKe9pgXT.js";
-import { c as g } from "./clsx-CuNqTHjr.js";
-import { T as B } from "./Text-WP6RbnnK.js";
-import { F as f } from "./FieldError-CZKAYQ-n.js";
-import _, { useContext as p } from "react";
-import { C as I } from "./Checkbox-CogzFDe3.js";
-import { u } from "./useLocalizedStringFormatter-CPwiI7nv.js";
-import { X as L } from "./x-BXShoIAM.js";
-import { L as M } from "./ListBox-CKDglhFH.js";
-import { P as k } from "./Popover-DktRiuCr.js";
-import { a as F, T as G } from "./Tag-BZnq1_yZ.js";
-import { C as j } from "./chevron-down-DgT-uSF9.js";
-import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, D = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, b = {
-  en: w,
-  sv: D
-}, R = "_select_17bb3_1", E = "_triggerContainer_17bb3_7", z = "_trigger_17bb3_7", K = "_medium_17bb3_28", P = "_selectValue_17bb3_71", W = "_placeholder_17bb3_81", X = "_selectValueTag_17bb3_95", q = "_clearButton_17bb3_109", H = "_truncate_17bb3_121", J = "_popover_17bb3_158", O = "_selectAll_17bb3_184", Q = "_tagGroup_17bb3_247", a = {
-  select: R,
-  triggerContainer: E,
-  trigger: z,
+import { SelectStateContext as m, Button as _, TagList as A, Select as V, SelectValue as x } from "react-aria-components";
+import { FocusScope as C } from "@react-aria/focus";
+import { a as T, L as N } from "./Label-D6WuwdAj.js";
+import { a as y, c as h } from "./clsx-AexbMWKp.js";
+import { T as B } from "./Text-TWzJxnto.js";
+import { F as b } from "./FieldError-C0HRIcAx.js";
+import f, { useContext as p } from "react";
+import { C as L } from "./Checkbox-ClhO-AzB.js";
+import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { useFocusManager as M } from "react-aria";
+import { X as F } from "./x-BXShoIAM.js";
+import { L as I } from "./ListBox-D4tO_OrO.js";
+import { P as G } from "./Popover-BAdqdN6C.js";
+import { a as j, T as k } from "./Tag-Ca8wKXOy.js";
+import { C as R } from "./chevron-down-DgT-uSF9.js";
+import '../assets/Select.css';const $ = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, w = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, g = {
+  en: $,
+  sv: w
+}, D = "_select_17bb3_1", z = "_triggerContainer_17bb3_7", E = "_trigger_17bb3_7", K = "_medium_17bb3_28", P = "_selectValue_17bb3_71", W = "_placeholder_17bb3_81", X = "_selectValueTag_17bb3_95", q = "_clearButton_17bb3_109", H = "_truncate_17bb3_121", J = "_popover_17bb3_158", O = "_selectAll_17bb3_184", Q = "_tagGroup_17bb3_247", a = {
+  select: D,
+  triggerContainer: z,
+  trigger: E,
   medium: K,
   selectValue: P,
   placeholder: W,
@@ -29,11 +31,11 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
   selectAll: O,
   tagGroup: Q
 }, U = () => {
-  const t = _.useContext(m), l = u(b), s = () => t?.setValue(
+  const t = f.useContext(m), l = u(g), s = () => t?.setValue(
     t?.selectionManager.isSelectAll ? null : Array.from(t.collection.getKeys())
   );
   return /* @__PURE__ */ e(
-    I,
+    L,
     {
       className: a.selectAll,
       isIndeterminate: !t?.selectionManager.isSelectAll && !t?.selectionManager.isEmpty,
@@ -47,7 +49,7 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
   selectedItems: l,
   selectedText: s
 }) => {
-  const c = u(b), n = () => l.length === 1 ? s : `${l.length} ${c.format("selected")}`;
+  const c = u(g), n = () => l.length === 1 ? s : `${l.length} ${c.format("selected")}`;
   return /* @__PURE__ */ d(
     "div",
     {
@@ -62,11 +64,11 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
 }, Z = ({
   isDisabled: t
 }) => {
-  const l = _.useContext(m), s = u(b), c = v(), n = () => {
+  const l = f.useContext(m), s = u(g), c = M(), n = () => {
     c?.focusFirst(), l?.setValue(null);
   };
   return /* @__PURE__ */ e(
-    h,
+    _,
     {
       "aria-label": s.format("clearAll"),
       className: a.clearButton,
@@ -74,7 +76,7 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
       slot: null,
       isDisabled: t,
       children: /* @__PURE__ */ e(
-        L,
+        F,
         {
           width: 20,
           height: 20
@@ -86,18 +88,18 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
   showTags: t,
   isDisabled: l
 }) => {
-  const s = u(b), c = p(m), n = (r) => {
+  const s = u(g), c = p(m), n = (r) => {
     c?.selectionManager.toggleSelection(Array.from(r)[0]);
   };
   return !c?.selectedItems.length || !t ? null : /* @__PURE__ */ e(
-    F,
+    j,
     {
       "aria-label": s.format("selectedItems"),
       className: a.tagGroup,
       onRemove: n,
       selectionBehavior: "toggle",
       children: /* @__PURE__ */ e(A, { items: c.selectedItems, children: (r) => /* @__PURE__ */ e(
-        G,
+        k,
         {
           dismissable: !0,
           id: r.key,
@@ -112,9 +114,9 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
 }, te = ({ size: t }) => {
   const l = p(m);
   return /* @__PURE__ */ e(
-    h,
+    _,
     {
-      className: C(
+      className: y(
         {
           [a.medium]: t === "medium"
         },
@@ -126,45 +128,45 @@ import '../assets/Select.css';const w = { clearAll: "Clear all", selectAll: "Sel
         {
           "aria-hidden": "true",
           style: { display: "flex" },
-          children: /* @__PURE__ */ e(j, { size: 20 })
+          children: /* @__PURE__ */ e(R, { size: 20 })
         }
       )
     }
   );
 };
-function he({
+function pe({
   children: t,
   description: l,
   errorMessage: s,
   errorPosition: c = "top",
   items: n,
   label: r,
-  popover: $,
-  size: x = "large",
+  popover: S,
+  size: v = "large",
   ...o
 }) {
-  return /* @__PURE__ */ e(S, { children: /* @__PURE__ */ d(
+  return /* @__PURE__ */ e(C, { children: /* @__PURE__ */ d(
     V,
     {
       ...o,
-      className: g(o.className, a.select),
+      className: h(o.className, a.select),
       children: [
-        /* @__PURE__ */ e(T, { popover: $, children: r && /* @__PURE__ */ e(y, { "data-disabled": o.isDisabled || void 0, children: r }) }),
+        /* @__PURE__ */ e(T, { popover: S, children: r && /* @__PURE__ */ e(N, { "data-disabled": o.isDisabled || void 0, children: r }) }),
         l && /* @__PURE__ */ e(B, { slot: "description", children: l }),
-        c === "top" && /* @__PURE__ */ e(f, { children: s }),
+        c === "top" && /* @__PURE__ */ e(b, { children: s }),
         /* @__PURE__ */ d(
           "div",
           {
             className: a.triggerContainer,
             "data-disabled": o.isDisabled || void 0,
             children: [
-              /* @__PURE__ */ e(te, { size: x }),
+              /* @__PURE__ */ e(te, { size: v }),
               /* @__PURE__ */ e(
-                N,
+                x,
                 {
                   className: a.selectValue,
                   "data-disabled": o.isDisabled || void 0,
-                  children: (i) => i.isPlaceholder || o.selectionMode !== "multiple" ? /* @__PURE__ */ e("div", { className: g(a.placeholder), children: /* @__PURE__ */ e("span", { className: g(a.truncate), children: i.selectedText || i.defaultChildren }) }) : /* @__PURE__ */ e(
+                  children: (i) => i.isPlaceholder || o.selectionMode !== "multiple" ? /* @__PURE__ */ e("div", { className: h(a.placeholder), children: /* @__PURE__ */ e("span", { className: h(a.truncate), children: i.selectedText || i.defaultChildren }) }) : /* @__PURE__ */ e(
                     Y,
                     {
                       ...o,
@@ -176,9 +178,9 @@ function he({
             ]
           }
         ),
-        c === "bottom" && /* @__PURE__ */ e(f, { children: s }),
+        c === "bottom" && /* @__PURE__ */ e(b, { children: s }),
         /* @__PURE__ */ d(
-          k,
+          G,
           {
             className: a.popover,
             offset: 0,
@@ -186,7 +188,7 @@ function he({
             children: [
               o.isSelectableAll && /* @__PURE__ */ e(U, {}),
               /* @__PURE__ */ e(
-                M,
+                I,
                 {
                   escapeKeyBehavior: "none",
                   items: n,
@@ -202,5 +204,5 @@ function he({
   ) });
 }
 export {
-  he as S
+  pe as S
 };

package/chunks/Separator-BcnQEA9f.js

@@ -0,0 +1,76 @@
+import { jsx as t, jsxs as r, Fragment as i } from "react/jsx-runtime";
+import { Menu as _, MenuItem as l, Popover as d, MenuSection as k, Separator as M } from "react-aria-components";
+import { c as m } from "./clsx-AexbMWKp.js";
+import { C as h } from "./check-BxlvVsvD.js";
+import { C as S } from "./chevron-right-GpyqdYK4.js";
+import '../assets/Separator.css';const f = "_menu_1ku97_1", p = "_menuSection_1ku97_17", v = "_medium_1ku97_29", C = "_menuItem_1ku97_35", N = "_mainContent_1ku97_105", I = "_checkMark_1ku97_116", x = "_separator_1ku97_126", P = "_menuPopover_1ku97_149", o = {
+  menu: f,
+  menuSection: p,
+  medium: v,
+  menuItem: C,
+  mainContent: N,
+  checkMark: I,
+  separator: x,
+  menuPopover: P
+}, z = ({
+  className: e,
+  size: n = "large",
+  ...a
+}) => /* @__PURE__ */ t(
+  _,
+  {
+    className: m(e, o.menu, n === "medium" && o.medium),
+    ...a
+  }
+), V = (e) => /* @__PURE__ */ t(
+  l,
+  {
+    ...e,
+    textValue: e.textValue || (typeof e.children == "string" ? e.children : void 0),
+    className: m(o.menuItem, e.className),
+    children: (n) => {
+      const { children: a } = e, { selectionMode: s, isSelected: c, hasSubmenu: u } = n;
+      return /* @__PURE__ */ r(i, { children: [
+        s !== "none" && /* @__PURE__ */ t(
+          h,
+          {
+            size: 16,
+            className: o.checkMark,
+            "data-selected": c || void 0
+          }
+        ),
+        /* @__PURE__ */ t("div", { className: o.mainContent, children: typeof a == "function" ? a(n) : a }),
+        u && /* @__PURE__ */ t(S, { size: 20 })
+      ] });
+    }
+  }
+), F = ({ className: e, ...n }) => /* @__PURE__ */ t(
+  d,
+  {
+    className: m(e, o.menuPopover),
+    offset: 4,
+    ...n
+  }
+), R = ({
+  className: e,
+  ...n
+}) => /* @__PURE__ */ t(
+  k,
+  {
+    className: m(e, o.menuSection),
+    ...n
+  }
+), q = ({ className: e, ...n }) => /* @__PURE__ */ t(
+  M,
+  {
+    className: m(e, o.separator),
+    ...n
+  }
+);
+export {
+  z as M,
+  q as S,
+  V as a,
+  F as b,
+  R as c
+};

package/chunks/{Skeleton-Bcg_xgAx.js → Skeleton-DqIHQLQl.js}

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as c } from "react/jsx-runtime";
-import { c as r } from "./clsx-CuNqTHjr.js";
+import { c as r } from "./clsx-AexbMWKp.js";
 import '../assets/Skeleton.css';const w = "_skeleton_wia11_11", p = "_circle_wia11_25", u = "_wave_wia11_30", v = "_onLayer01_wia11_54", d = "_form_wia11_58", k = "_formLabel_wia11_64", L = "_formDescription_wia11_70", y = "_formInput_wia11_76", b = "_medium_wia11_81", o = {
   skeleton: w,
   circle: p,

package/chunks/Spinner-Pll5zpx8.js

@@ -0,0 +1,48 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { c as n } from "./clsx-AexbMWKp.js";
+import { VisuallyHidden as d } from "react-aria";
+import { u as l } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { c as _ } from "./createLucideIcon-D4r5Phnh.js";
+import '../assets/Spinner.css';const m = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], p = _("loader-circle", m), g = "_container_vf3ec_1", f = "_spinner_vf3ec_5", u = "_large_vf3ec_18", v = "_dark_vf3ec_23", e = {
+  container: g,
+  spinner: f,
+  large: u,
+  dark: v
+}, k = { loadingPleaseWait: "Loading, please wait..." }, h = { loadingPleaseWait: "Laddar, vänligen vänta..." }, L = {
+  en: k,
+  sv: h
+}, N = ({
+  small: a,
+  isOnColor: s = !1,
+  color: t,
+  className: o
+}) => {
+  const i = l(L);
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: n(e.container, o),
+      role: "status",
+      children: [
+        /* @__PURE__ */ r(
+          p,
+          {
+            className: n(
+              e.spinner,
+              !a && e.large,
+              s && e.dark
+            ),
+            size: a ? 20 : 96,
+            strokeWidth: a ? 2 : 8,
+            absoluteStrokeWidth: !0,
+            color: t
+          }
+        ),
+        /* @__PURE__ */ r(d, { children: i.format("loadingPleaseWait") })
+      ]
+    }
+  );
+};
+export {
+  N as S
+};

package/chunks/TabList-D2XV5ixe.js

@@ -0,0 +1,81 @@
+import { jsx as e, jsxs as b, Fragment as l } from "react/jsx-runtime";
+import { Tabs as d, Tab as _, composeRenderProps as m, SelectionIndicator as T, TabPanel as f, TabList as u } from "react-aria-components";
+import { c as o } from "./clsx-AexbMWKp.js";
+import * as i from "react";
+import { createContext as P } from "react";
+import '../assets/TabList.css';const c = P({
+  variant: "uncontained"
+}), x = "_tabs_3k5fn_1", L = "_tabList_3k5fn_12", k = "_tab_3k5fn_1", p = "_contained_3k5fn_55", v = "_selectionIndicator_3k5fn_94", I = "_tabPanel_3k5fn_129", t = {
+  tabs: x,
+  tabList: L,
+  tab: k,
+  contained: p,
+  selectionIndicator: v,
+  tabPanel: I
+}, j = ({
+  className: n,
+  variant: a = "uncontained",
+  ...s
+}) => /* @__PURE__ */ e(c.Provider, { value: { variant: a }, children: /* @__PURE__ */ e(
+  d,
+  {
+    className: o(t.tabs, n),
+    ...s
+  }
+) }), R = ({ className: n, ...a }) => {
+  const { variant: s } = i.useContext(c);
+  return /* @__PURE__ */ e(
+    _,
+    {
+      ...a,
+      className: o(
+        t.tab,
+        {
+          [t.contained]: s === "contained"
+        },
+        n
+      ),
+      children: m(a.children, (r) => /* @__PURE__ */ b(l, { children: [
+        r,
+        /* @__PURE__ */ e(
+          T,
+          {
+            className: o(t.selectionIndicator, {
+              [t.contained]: s === "contained"
+            })
+          }
+        )
+      ] }))
+    }
+  );
+}, g = ({ className: n, ...a }) => {
+  const { variant: s } = i.useContext(c);
+  return /* @__PURE__ */ e(
+    f,
+    {
+      className: o(
+        t.tabPanel,
+        {
+          [t.contained]: s === "contained"
+        },
+        n
+      ),
+      ...a
+    }
+  );
+}, y = ({
+  className: n,
+  ...a
+}) => /* @__PURE__ */ e(
+  u,
+  {
+    className: o(t.tabList, n),
+    ...a
+  }
+);
+export {
+  j as T,
+  R as a,
+  g as b,
+  y as c
+};

package/chunks/Table-B1rlSIhS.js

@@ -0,0 +1,139 @@
+import { jsx as e, jsxs as d, Fragment as b } from "react/jsx-runtime";
+import { Table as w, useTableOptions as u, TableHeader as g, Collection as p, Row as j, Button as N, Column as k, Cell as f, TableBody as x } from "react-aria-components";
+import { C as h } from "./Checkbox-ClhO-AzB.js";
+import { c as a } from "./clsx-AexbMWKp.js";
+import { c as i } from "./createLucideIcon-D4r5Phnh.js";
+import '../assets/Table.css';const T = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], C = i("arrow-down", T);
+const I = [
+  ["path", { d: "m21 16-4 4-4-4", key: "f6ql7i" }],
+  ["path", { d: "M17 20V4", key: "1ejh1v" }],
+  ["path", { d: "m3 8 4-4 4 4", key: "11wl7u" }],
+  ["path", { d: "M7 4v16", key: "1glfcx" }]
+], v = i("arrow-up-down", I);
+const $ = [
+  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
+  ["path", { d: "M12 19V5", key: "x0mq9r" }]
+], B = i("arrow-up", $);
+const H = [
+  ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
+  ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
+  ["circle", { cx: "9", cy: "19", r: "1", key: "fkjjf6" }],
+  ["circle", { cx: "15", cy: "12", r: "1", key: "1tmaij" }],
+  ["circle", { cx: "15", cy: "5", r: "1", key: "19l28e" }],
+  ["circle", { cx: "15", cy: "19", r: "1", key: "f4zoj3" }]
+], z = i("grip-vertical", H), M = "_table_1i4j5_1", R = "_tableHeader_1i4j5_11", q = "_column_1i4j5_12", A = "_sortIndicator_1i4j5_28", D = "_sortIconNeutral_1i4j5_36", V = "_selection_1i4j5_46", U = "_row_1i4j5_52", F = "_cell_1i4j5_70", G = "_medium_1i4j5_110", L = "_striped_1i4j5_121", o = {
+  table: M,
+  tableHeader: R,
+  column: q,
+  sortIndicator: A,
+  sortIconNeutral: D,
+  selection: V,
+  row: U,
+  cell: F,
+  medium: G,
+  striped: L
+}, P = ({
+  size: c = "large",
+  striped: t = !1,
+  className: s,
+  ...r
+}) => /* @__PURE__ */ e(
+  w,
+  {
+    className: a(o.table, s, {
+      [o.medium]: c === "medium",
+      [o.striped]: t
+    }),
+    ...r
+  }
+), Q = ({
+  columns: c,
+  children: t,
+  className: s
+}) => {
+  const { selectionBehavior: r, selectionMode: l, allowsDragging: n } = u();
+  return /* @__PURE__ */ d(g, { className: a(s, o.tableHeader), children: [
+    n && /* @__PURE__ */ e(m, {}),
+    r === "toggle" && /* @__PURE__ */ e(m, { width: 50, children: l === "multiple" && /* @__PURE__ */ e(
+      h,
+      {
+        className: o.selection,
+        slot: "selection"
+      }
+    ) }),
+    /* @__PURE__ */ e(p, { items: c, children: t })
+  ] });
+}, W = ({
+  id: c,
+  columns: t,
+  children: s,
+  className: r,
+  ...l
+}) => {
+  const { selectionBehavior: n, allowsDragging: y } = u();
+  return /* @__PURE__ */ d(
+    j,
+    {
+      id: c,
+      className: a(r, o.row),
+      ...l,
+      children: [
+        y && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(N, { slot: "drag", children: /* @__PURE__ */ e(z, { size: 20 }) }) }),
+        n === "toggle" && /* @__PURE__ */ e(_, { children: /* @__PURE__ */ e(
+          h,
+          {
+            className: o.selection,
+            slot: "selection"
+          }
+        ) }),
+        /* @__PURE__ */ e(p, { items: t, children: s })
+      ]
+    }
+  );
+}, m = ({ children: c, className: t, ...s }) => /* @__PURE__ */ e(
+  k,
+  {
+    className: a(t, o.column),
+    ...s,
+    children: ({ allowsSorting: r, sortDirection: l }) => {
+      const n = () => l === "ascending" ? /* @__PURE__ */ e(B, { size: 16 }) : l === "descending" ? /* @__PURE__ */ e(C, { size: 16 }) : /* @__PURE__ */ e(v, { size: 16, className: o.sortIconNeutral });
+      return /* @__PURE__ */ d(b, { children: [
+        c,
+        r && /* @__PURE__ */ e(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: o.sortIndicator,
+            children: n()
+          }
+        )
+      ] });
+    }
+  }
+), _ = ({ className: c, ...t }) => /* @__PURE__ */ e(
+  f,
+  {
+    className: a(c, o.cell),
+    ...t
+  }
+), X = ({
+  className: c,
+  ...t
+}) => /* @__PURE__ */ e(
+  x,
+  {
+    className: a(c, o.tableBody),
+    ...t
+  }
+);
+export {
+  m as C,
+  W as R,
+  P as T,
+  Q as a,
+  _ as b,
+  X as c
+};

package/chunks/Tag-Ca8wKXOy.js

@@ -0,0 +1,53 @@
+import { jsxs as r, jsx as n } from "react/jsx-runtime";
+import { Tag as c, TagGroup as _, TagList as e } from "react-aria-components";
+import { B as g } from "./Button-BMf7mX0N.js";
+import { c as u } from "./clsx-AexbMWKp.js";
+import { X as l } from "./x-BXShoIAM.js";
+import '../assets/Tag.css';const T = "_button_1nm6n_1", p = "_success_1nm6n_16", f = "_warning_1nm6n_17", d = "_info_1nm6n_18", x = "_important_1nm6n_19", b = "_tag_1nm6n_31", w = "_tagText_1nm6n_83", L = "_dismissable_1nm6n_88", N = "_tagList_1nm6n_92", s = {
+  button: T,
+  success: p,
+  warning: f,
+  info: d,
+  important: x,
+  tag: b,
+  tagText: w,
+  dismissable: L,
+  tagList: N
+}, B = ({ children: o, ...t }) => /* @__PURE__ */ n(_, { ...t, children: /* @__PURE__ */ n(e, { className: s.tagList, children: o }) }), $ = ({
+  children: o,
+  dismissable: t,
+  className: i,
+  type: a,
+  ...m
+}) => /* @__PURE__ */ r(
+  c,
+  {
+    className: u(
+      s.tag,
+      t && s.dismissable,
+      a === "success" && s.success,
+      a === "info" && s.info,
+      a === "important" && s.important,
+      a === "warning" && s.warning,
+      i
+    ),
+    ...m,
+    children: [
+      /* @__PURE__ */ n("div", { className: s.tagText, children: o }),
+      t && /* @__PURE__ */ n(
+        g,
+        {
+          variant: "icon",
+          size: "medium",
+          className: s.button,
+          slot: "remove",
+          children: /* @__PURE__ */ n(l, { size: 20 })
+        }
+      )
+    ]
+  }
+);
+export {
+  $ as T,
+  B as a
+};

package/chunks/{Text-WP6RbnnK.js → Text-TWzJxnto.js}

@@ -1,14 +1,14 @@
 import { jsx as a } from "react/jsx-runtime";
-import { c as p } from "./clsx-CuNqTHjr.js";
-import { M as _ } from "./react-aria-components-mIKW9wOa.js";
-import '../assets/Text.css';const m = "_body_1w3he_5", b = "_description_1w3he_20", s = {
-  body: m,
+import { c as _ } from "./clsx-AexbMWKp.js";
+import { Text as m } from "react-aria-components";
+import '../assets/Text.css';const p = "_body_1w3he_5", y = "_description_1w3he_20", s = {
+  body: p,
   "body-02": "_body-02_1w3he_6",
   "body-small": "_body-small_1w3he_16",
   "description-small": "_description-small_1w3he_20",
   "body-01": "_body-01_1w3he_24",
-  description: b
-}, r = "span", w = ({
+  description: y
+}, r = "span", u = ({
   children: i,
   className: d,
   size: o,
@@ -18,13 +18,13 @@ import '../assets/Text.css';const m = "_body_1w3he_5", b = "_description_1w3he_2
   ...t
 }) => {
   const c = {
-    className: p(e === "body-01" ? s["body-01"] : e === "body-02" ? s["body-02"] : t.slot === "description" ? o === "small" ? s["description-small"] : s.description : o === "small" ? s["body-small"] : s.body, d),
+    className: _(e === "body-01" ? s["body-01"] : e === "body-02" ? s["body-02"] : t.slot === "description" ? o === "small" ? s["description-small"] : s.description : o === "small" ? s["body-small"] : s.body, d),
     elementType: n || r,
     ...l && { "data-expressive": !0 },
     ...t
   };
-  return /* @__PURE__ */ a(_, { ...c, children: i });
+  return /* @__PURE__ */ a(m, { ...c, children: i });
 };
 export {
-  w as T
+  u as T
 };