@midas-ds/components 16.2.3 → 16.2.5

package/chunks/Layout-DX3HUm5b.js

@@ -0,0 +1,466 @@
+import { jsx as e, jsxs as r, Fragment as H } from "react/jsx-runtime";
+import { G as S } from "./GridItem-5t1Z14sM.js";
+import * as N from "react";
+import { useState as G, useEffect as W } from "react";
+import { c as u } from "./clsx-AexbMWKp.js";
+import { Link as L, RouterProvider as O } from "react-aria-components";
+import { B as M } from "./Button-wBgWrXj3.js";
+import { a as j, T as D } from "./Tooltip-m032jGgF.js";
+import { a as y, B as I } from "./BadgeContainer-CKVsfTlF.js";
+import { c as E } from "./createLucideIcon-D4r5Phnh.js";
+import { u as C } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { variables as q } from "@midas-ds/theme";
+import { L as g } from "./Logo-InDSslpO.js";
+import { X as A } from "./x-BXShoIAM.js";
+import '../assets/Layout.css';const R = [
+  ["path", { d: "M4 12h16", key: "1lakjw" }],
+  ["path", { d: "M4 18h16", key: "19g7jn" }],
+  ["path", { d: "M4 6h16", key: "1o0s65" }]
+], $ = E("menu", R);
+const F = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "m16 15-3-3 3-3", key: "14y99z" }]
+], X = E("panel-left-close", F);
+const J = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "m14 9 3 3-3 3", key: "8010ee" }]
+], K = E("panel-left-open", J), Q = "_baseLayout_1n71v_1", U = "_mainContent_1n71v_10", V = "_header_1n71v_15", Y = "_headerExternal_1n71v_26", Z = "_headerContent_1n71v_41", ee = "_logo_1n71v_60", ae = "_headerItems_1n71v_69", ne = "_toggleButton_1n71v_75", te = "_sidebar_1n71v_83", se = "_main_1n71v_10", ie = "_app_1n71v_116", re = "_sidebarOpened_1n71v_124", oe = "_sidebarHeader_1n71v_128", le = "_appName_1n71v_140", de = "_collapseButton_1n71v_147", ce = "_sidebarCollapsed_1n71v_156", me = "_userName_1n71v_166", pe = "_userTitle_1n71v_184", _e = "_title_1n71v_196", ve = "_sidebarNav_1n71v_207", ue = "_list_1n71v_213", he = "_listGroupTitle_1n71v_219", be = "_listItem_1n71v_226", Ne = "_listItemCollapsed_1n71v_231", fe = "_listLink_1n71v_235", ke = "_listLinkCollapsed_1n71v_298", Ce = "_active_1n71v_303", xe = "_backdrop_1n71v_321", ge = "_backdropOpened_1n71v_331", Le = "_skipToContent_1n71v_349", ye = "_navbar_1n71v_363", Ie = "_navbarList_1n71v_375", Me = "_navbarItem_1n71v_397", Ee = "_headerContentExternal_1n71v_448", Te = "_logoExternalContainer_1n71v_456", Se = "_logoExternal_1n71v_456", ze = "_logoExternalDesktop_1n71v_468", Be = "_navbarWrapper_1n71v_477", a = {
+  baseLayout: Q,
+  mainContent: U,
+  header: V,
+  headerExternal: Y,
+  headerContent: Z,
+  logo: ee,
+  headerItems: ae,
+  toggleButton: ne,
+  sidebar: te,
+  main: se,
+  app: ie,
+  sidebarOpened: re,
+  sidebarHeader: oe,
+  appName: le,
+  collapseButton: de,
+  sidebarCollapsed: ce,
+  userName: me,
+  userTitle: pe,
+  title: _e,
+  sidebarNav: ve,
+  list: ue,
+  listGroupTitle: he,
+  listItem: be,
+  listItemCollapsed: Ne,
+  listLink: fe,
+  listLinkCollapsed: ke,
+  active: Ce,
+  backdrop: xe,
+  backdropOpened: ge,
+  skipToContent: Le,
+  navbar: ye,
+  navbarList: Ie,
+  navbarItem: Me,
+  headerContentExternal: Ee,
+  logoExternalContainer: Te,
+  logoExternal: Se,
+  logoExternalDesktop: ze,
+  navbarWrapper: Be
+}, w = N.createContext(
+  void 0
+), Oe = ({
+  items: t,
+  title: s,
+  user: i,
+  app: n,
+  children: o,
+  clientSideRouter: m,
+  clientSideHref: d,
+  headerChildren: v,
+  isCollapsed: _,
+  setIsCollapsed: p,
+  isOpened: h,
+  setIsOpened: l,
+  variant: b,
+  id: f
+}) => /* @__PURE__ */ e(
+  w.Provider,
+  {
+    value: {
+      items: t,
+      title: s,
+      user: i,
+      app: n,
+      headerChildren: v,
+      isCollapsed: _,
+      setIsCollapsed: p,
+      isOpened: h,
+      setIsOpened: l,
+      clientSideRouter: m,
+      clientSideHref: d,
+      variant: b,
+      id: f
+    },
+    children: o
+  }
+), k = () => {
+  const t = N.useContext(w);
+  if (!t)
+    throw new Error("useLayoutContext must be used within a LayoutProvider");
+  return t;
+}, P = ({
+  title: t,
+  href: s,
+  icon: i,
+  active: n,
+  hasBadge: o
+}) => {
+  const { isCollapsed: m, setIsOpened: d, clientSideHref: v } = k(), _ = v ? v(s) : s, [p, h] = G(!1);
+  return W(() => {
+    if (typeof window < "u") {
+      const l = window.location.pathname === _ || window.location.pathname.startsWith(_ + "/");
+      h(n ?? l);
+    }
+  }, [n, _]), m ? /* @__PURE__ */ r(j, { children: [
+    /* @__PURE__ */ e(
+      L,
+      {
+        href: s,
+        "aria-label": t,
+        className: u(
+          a.listLink,
+          a.listLinkCollapsed,
+          p && a.active
+        ),
+        onPress: () => d?.(!1),
+        children: /* @__PURE__ */ r(y, { children: [
+          /* @__PURE__ */ e(
+            i,
+            {
+              size: 20,
+              "aria-label": t
+            }
+          ),
+          o && /* @__PURE__ */ e(I, {})
+        ] })
+      }
+    ),
+    /* @__PURE__ */ e(D, { placement: "right", children: t })
+  ] }) : /* @__PURE__ */ r(
+    L,
+    {
+      href: s,
+      "aria-label": t,
+      className: u(a.listLink, p && a.active),
+      onPress: () => d?.(!1),
+      children: [
+        /* @__PURE__ */ r(y, { children: [
+          /* @__PURE__ */ e(i, { size: 20 }),
+          o && /* @__PURE__ */ e(I, {})
+        ] }),
+        t
+      ]
+    }
+  );
+}, we = { closeMenu: "Close menu", openMenu: "Open menu", maximizeMenu: "Maximize menu", minimizeMenu: "Minimize menu", sidebarMenu: "Sidebar menu", bottomMenu: "Bottom menu", skipToContent: "Skip to main content" }, Pe = { closeMenu: "Stäng meny", openMenu: "Öppna meny", maximizeMenu: "Maximera meny", minimizeMenu: "Minimera meny", sidebarMenu: "Sidomeny", bottomMenu: "Bottenmeny", skipToContent: "Hoppa till huvudinnehåll" }, x = {
+  en: we,
+  sv: Pe
+}, He = () => {
+  const {
+    items: t,
+    app: s,
+    isOpened: i,
+    isCollapsed: n,
+    setIsCollapsed: o,
+    setIsOpened: m,
+    clientSideRouter: d,
+    clientSideHref: v,
+    id: _
+  } = k(), p = C(x), h = ({ group: l }) => /* @__PURE__ */ e("ul", { className: a.list, children: l.items.map((b, f) => /* @__PURE__ */ e(
+    "li",
+    {
+      className: u(
+        a.listItem,
+        n && a.listItemCollapsed
+      ),
+      children: /* @__PURE__ */ e(P, { ...b })
+    },
+    "link_" + f
+  )) });
+  return N.useEffect(() => {
+    const l = (b) => {
+      b.key === "Escape" && m !== void 0 && m(!1);
+    };
+    return window.addEventListener("keydown", l), () => {
+      window.removeEventListener("keydown", l);
+    };
+  }, [m]), /* @__PURE__ */ r(
+    "aside",
+    {
+      id: _,
+      className: u(
+        a.sidebar,
+        n && a.sidebarCollapsed,
+        i && a.sidebarOpened
+      ),
+      children: [
+        /* @__PURE__ */ r("div", { className: a.sidebarHeader, children: [
+          !n && /* @__PURE__ */ e("p", { className: a.appName, children: s.name }),
+          /* @__PURE__ */ e(
+            M,
+            {
+              variant: "icon",
+              "aria-label": n ? p.format("maximizeMenu") : p.format("minimizeMenu"),
+              onPress: () => o(!n),
+              className: a.collapseButton,
+              children: n ? /* @__PURE__ */ e(K, { size: 20 }) : /* @__PURE__ */ e(X, { size: 20 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(
+          "nav",
+          {
+            className: a.sidebarNav,
+            "aria-label": p.format("sidebarMenu"),
+            children: /* @__PURE__ */ e("ul", { className: a.list, children: t.map((l, b) => /* @__PURE__ */ r("li", { children: [
+              l.title && !n && /* @__PURE__ */ e("p", { className: a.listGroupTitle, children: l.title }),
+              d ? /* @__PURE__ */ e(
+                O,
+                {
+                  navigate: d,
+                  useHref: v,
+                  children: /* @__PURE__ */ e(h, { group: l })
+                }
+              ) : /* @__PURE__ */ e(h, { group: l })
+            ] }, "list_" + b)) })
+          }
+        )
+      ]
+    }
+  );
+}, Ge = () => {
+  const {
+    title: t,
+    user: s,
+    app: i,
+    isOpened: n,
+    setIsOpened: o,
+    setIsCollapsed: m,
+    headerChildren: d,
+    variant: v,
+    id: _
+  } = k(), p = C(x);
+  return v === "external" ? /* @__PURE__ */ e("header", { className: u(a.header, a.headerExternal), children: /* @__PURE__ */ r("div", { className: a.headerContentExternal, children: [
+    /* @__PURE__ */ r("div", { className: a.logoExternalContainer, children: [
+      /* @__PURE__ */ e(
+        g,
+        {
+          size: "x-small",
+          padding: !1,
+          className: a.logoExternal
+        }
+      ),
+      /* @__PURE__ */ e(
+        g,
+        {
+          size: "small",
+          padding: !1,
+          className: a.logoExternalDesktop
+        }
+      ),
+      /* @__PURE__ */ r("div", { children: [
+        /* @__PURE__ */ e("p", { className: a.userName, children: s.name }),
+        /* @__PURE__ */ e("p", { className: a.userTitle, children: s.title })
+      ] })
+    ] }),
+    /* @__PURE__ */ e("div", { className: a.headerItems, children: d })
+  ] }) }) : /* @__PURE__ */ r(
+    "header",
+    {
+      className: a.header,
+      style: {
+        borderTop: `solid 4px ${i.color ? i.color : q.brandPrimary}`
+      },
+      children: [
+        /* @__PURE__ */ r("div", { className: a.headerContent, children: [
+          /* @__PURE__ */ e("div", { className: a.logo, children: /* @__PURE__ */ e(
+            g,
+            {
+              size: "small",
+              padding: !1
+            }
+          ) }),
+          n !== void 0 && /* @__PURE__ */ e(
+            M,
+            {
+              variant: "icon",
+              className: a.toggleButton,
+              "aria-label": n ? p.format("closeMenu") : p.format("openMenu"),
+              "aria-controls": _,
+              onPressStart: () => {
+                m(!1), o?.(!0);
+              },
+              children: n ? /* @__PURE__ */ e(
+                A,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              ) : /* @__PURE__ */ e(
+                $,
+                {
+                  size: 20,
+                  "aria-hidden": "true"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ e("p", { className: a.userName, children: s.name }),
+            /* @__PURE__ */ e("p", { className: a.userTitle, children: s.title }),
+            /* @__PURE__ */ e("p", { className: a.title, children: t })
+          ] })
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.headerItems, children: d })
+      ]
+    }
+  );
+}, z = ({
+  id: t = "main:first-of-type"
+}) => {
+  const s = () => {
+    const n = document.querySelector(t);
+    n && (n.tabIndex = -1, n.focus(), setTimeout(() => n.removeAttribute("tabindex"), 1e3));
+  }, i = C(x);
+  return /* @__PURE__ */ e(
+    M,
+    {
+      onPress: s,
+      className: a.skipToContent,
+      children: i.format("skipToContent")
+    }
+  );
+}, We = () => {
+  const { isOpened: t, setIsOpened: s } = k();
+  return t ? /* @__PURE__ */ e(
+    "div",
+    {
+      className: u(a.backdrop, a.backdropOpened),
+      onClick: () => {
+        s?.(!1);
+      },
+      "aria-hidden": !0
+    }
+  ) : null;
+}, je = () => {
+  const { items: t, clientSideRouter: s, clientSideHref: i } = k(), n = C(x), o = t.at(0)?.items;
+  return /* @__PURE__ */ e(
+    "nav",
+    {
+      className: a.navbar,
+      "aria-label": n.format("bottomMenu"),
+      children: o && /* @__PURE__ */ e("ul", { className: u(a.navbarList), children: s ? /* @__PURE__ */ e(
+        O,
+        {
+          navigate: s,
+          useHref: i,
+          children: /* @__PURE__ */ e(B, { items: o })
+        }
+      ) : /* @__PURE__ */ e(B, { items: o }) })
+    }
+  );
+}, B = ({
+  items: t
+}) => /* @__PURE__ */ e(H, { children: t.map(({ href: s, active: i, icon: n, title: o, hasBadge: m }, d) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ r(
+  L,
+  {
+    href: s,
+    className: u(a.navbarItem),
+    "data-active": i,
+    "aria-current": i && "page",
+    children: [
+      /* @__PURE__ */ r(y, { children: [
+        /* @__PURE__ */ e(n, { size: 20 }),
+        m && /* @__PURE__ */ e(I, {})
+      ] }),
+      o
+    ]
+  }
+) }, d)) }), c = ({
+  items: t,
+  title: s,
+  user: i,
+  app: n,
+  children: o,
+  headerChildren: m,
+  clientSideRouter: d,
+  clientSideHref: v,
+  variant: _,
+  className: p
+}) => {
+  const [h, l] = N.useState(!1), [b, f] = N.useState(!1), T = N.useId();
+  return _ === "external" ? /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: t,
+      title: s,
+      user: i,
+      app: n,
+      clientSideRouter: d,
+      clientSideHref: v,
+      headerChildren: m,
+      isCollapsed: h,
+      setIsCollapsed: l,
+      variant: _,
+      id: T,
+      children: /* @__PURE__ */ r("div", { className: u(a.baseLayout, p), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ r("div", { className: a.mainContent, children: [
+          /* @__PURE__ */ e(c.Sidebar, {}),
+          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: o }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] }),
+        /* @__PURE__ */ e("div", { className: a.navbarWrapper, children: /* @__PURE__ */ e(c.Navbar, {}) })
+      ] })
+    }
+  ) : /* @__PURE__ */ e(
+    c.Provider,
+    {
+      items: t,
+      title: s,
+      user: i,
+      app: n,
+      clientSideRouter: d,
+      clientSideHref: v,
+      headerChildren: m,
+      isCollapsed: h,
+      setIsCollapsed: l,
+      isOpened: b,
+      setIsOpened: f,
+      variant: _,
+      id: T,
+      children: /* @__PURE__ */ r("div", { className: u(a.baseLayout, p), children: [
+        /* @__PURE__ */ e(z, {}),
+        /* @__PURE__ */ e(c.Header, {}),
+        /* @__PURE__ */ r("div", { className: a.mainContent, children: [
+          /* @__PURE__ */ e(c.Sidebar, {}),
+          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e("main", { className: a.main, children: /* @__PURE__ */ e("div", { className: a.app, children: o }) }) }),
+          /* @__PURE__ */ e(c.Backdrop, {})
+        ] })
+      ] })
+    }
+  );
+};
+c.Provider = Oe;
+c.Header = Ge;
+c.Sidebar = He;
+c.SidebarLink = P;
+c.Navbar = je;
+c.Backdrop = We;
+export {
+  Ge as H,
+  c as L,
+  je as N,
+  He as S,
+  P as a
+};

package/chunks/{Radio-Dro99zCs.js → Radio-CSFYbin8.js}

@@ -3,7 +3,7 @@ import { Radio as u, RadioGroup as _, Group as f } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";
 import { a as G, L as R } from "./Label-Dup4lWaR.js";
 import { T as h } from "./Text-TWzJxnto.js";
-import { F as t } from "./FieldError-C0HRIcAx.js";
+import { F as t } from "./FieldError-Bc0acYNs.js";
 import '../assets/Radio.css';const x = "_radioGroup_1ls9z_1", w = "_wrap_1ls9z_12", z = "_radio_1ls9z_1", s = {
   radioGroup: x,
   wrap: w,

package/chunks/{RangeCalendar-CGk2btOp.js → RangeCalendar-BF-6p7u2.js}

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import { RangeCalendarContext as h, CalendarGrid as C, CalendarCell as g, Calendar as v, RangeCalendar as _ } from "react-aria-components";
 import { c as p, a as l } from "./clsx-AexbMWKp.js";
-import { F as c } from "./FieldError-C0HRIcAx.js";
+import { F as c } from "./FieldError-Bc0acYNs.js";
 import * as y from "react";
 import { B as i } from "./Button-wBgWrXj3.js";
 import { H as f } from "./Heading-D8tNNJkt.js";

package/chunks/{SearchField-BfpeANM6.js → SearchField-mBHZ9pFg.js}

@@ -5,7 +5,7 @@ import { c as l } from "./clsx-AexbMWKp.js";
 import * as x from "react";
 import { useSearchFieldState as j } from "react-stately";
 import { useSearchField as C } from "react-aria";
-import { F as f } from "./FieldError-C0HRIcAx.js";
+import { F as f } from "./FieldError-Bc0acYNs.js";
 import { c as p } from "./createLucideIcon-D4r5Phnh.js";
 import { X as B } from "./x-BXShoIAM.js";
 import { u as D } from "./useLocalizedStringFormatter-ZgRJmvHC.js";

package/chunks/{Select-nL9iJMlf.js → Select-BjD5iQvX.js}

@@ -19,11 +19,11 @@ import { useFormValidation as ce } from "@react-aria/form";
 import { useVisuallyHidden as de } from "@react-aria/visually-hidden";
 import { a as ue, L as me } from "./Label-Dup4lWaR.js";
 import { T as ge } from "./Text-TWzJxnto.js";
-import { C as fe } from "./Checkbox-CP6Nv9yx.js";
+import { C as fe } from "./Checkbox-gsEu5wcB.js";
 import { X as pe } from "./x-BXShoIAM.js";
 import { u as B } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import { C as ye } from "./chevron-down-DgT-uSF9.js";
-import { F as he } from "./FieldError-C0HRIcAx.js";
+import { F as he } from "./FieldError-Bc0acYNs.js";
 import '../assets/Select2.css';const T = ({ item: e }) => /* @__PURE__ */ o(
   X,
   {

package/chunks/{Select-D-LtFSZX.js → Select-Df4333VV.js}

@@ -4,9 +4,9 @@ import { FocusScope as b } from "@react-aria/focus";
 import { a as T, L as N } from "./Label-Dup4lWaR.js";
 import { a as y, c as h } from "./clsx-AexbMWKp.js";
 import { T as B } from "./Text-TWzJxnto.js";
-import { F as _ } from "./FieldError-C0HRIcAx.js";
+import { F as _ } from "./FieldError-Bc0acYNs.js";
 import f, { useContext as p } from "react";
-import { C as L } from "./Checkbox-CP6Nv9yx.js";
+import { C as L } from "./Checkbox-gsEu5wcB.js";
 import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
 import { useFocusManager as M } from "react-aria";
 import { X as F } from "./x-BXShoIAM.js";

package/chunks/{Table-CgBjwlIi.js → Table-t3rVzb31.js}

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as i, Fragment as b } from "react/jsx-runtime";
 import { Table as w, useTableOptions as u, TableHeader as g, Collection as p, Row as N, Button as k, Column as f, Cell as x, TableBody as T } from "react-aria-components";
-import { C as h } from "./Checkbox-CP6Nv9yx.js";
+import { C as h } from "./Checkbox-gsEu5wcB.js";
 import { c as a } from "./clsx-AexbMWKp.js";
 import { c as d } from "./createLucideIcon-D4r5Phnh.js";
 import '../assets/Table.css';const C = [

package/chunks/TextArea-B2BePnZz.js

@@ -0,0 +1,136 @@
+import { jsxs as l, jsx as e, Fragment as T } from "react/jsx-runtime";
+import { TextField as F, useContextProps as h, InputContext as u, Input as N, TextArea as P } from "react-aria-components";
+import { a as b, c as m } from "./clsx-AexbMWKp.js";
+import { s as c } from "./TextField.module-DZslrEPC.js";
+import { useState as g } from "react";
+import { T as x } from "./Text-TWzJxnto.js";
+import { B as C } from "./Button-wBgWrXj3.js";
+import { u as v } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { F as p } from "./FieldError-Bc0acYNs.js";
+import { C as I } from "./CharacterCounter-_m-SgTMV.js";
+import { a as L, L as y } from "./Label-Dup4lWaR.js";
+const f = (t) => {
+  const {
+    label: s,
+    description: r,
+    errorMessage: a,
+    showCounter: n,
+    errorPosition: o = "top",
+    size: i = "large",
+    popover: d,
+    children: w
+  } = t;
+  return /* @__PURE__ */ l(
+    F,
+    {
+      ...t,
+      className: b(c.textField, {
+        [c.medium]: i === "medium"
+      }),
+      children: [
+        /* @__PURE__ */ e(L, { popover: d, children: s && /* @__PURE__ */ e(y, { children: s }) }),
+        r && /* @__PURE__ */ e(x, { slot: "description", children: r }),
+        n && /* @__PURE__ */ e(I, { isLonely: !r }),
+        o === "top" && /* @__PURE__ */ e(p, { "data-testid": "fieldError", children: a }),
+        w,
+        o === "bottom" && /* @__PURE__ */ e(
+          p,
+          {
+            "data-testid": "fieldError",
+            className: c.bottomError,
+            children: a
+          }
+        )
+      ]
+    }
+  );
+}, A = { hide: "Hide", show: "Show" }, B = { hide: "Dölj", show: "Visa" }, E = {
+  en: A,
+  sv: B
+}, S = ({ ref: t, ...s }) => {
+  [s, t] = h(s, t, u);
+  const [r, a] = g(!1), n = () => a((i) => !i), o = v(E);
+  return /* @__PURE__ */ l(T, { children: [
+    r && /* @__PURE__ */ e(
+      x,
+      {
+        slot: "description",
+        className: c.passwordText,
+        children: s.value
+      }
+    ),
+    /* @__PURE__ */ e(
+      C,
+      {
+        variant: "tertiary",
+        onPress: n,
+        className: c.passwordButton,
+        children: r ? o.format("hide") : o.format("show")
+      }
+    )
+  ] });
+}, $ = ({
+  ref: t,
+  skipContext: s = !1,
+  ...r
+}) => {
+  const [a, n] = h(
+    r,
+    t,
+    u
+  ), o = s ? t : n, i = s ? r : a;
+  return /* @__PURE__ */ l("div", { className: c.wrap, children: [
+    /* @__PURE__ */ e(
+      N,
+      {
+        ...i,
+        ref: o,
+        className: m(c.input, i.className)
+      }
+    ),
+    i.type === "password" && /* @__PURE__ */ e(S, { ...i })
+  ] });
+}, K = ({
+  className: t,
+  form: s,
+  list: r,
+  min: a,
+  max: n,
+  ref: o,
+  type: i,
+  ...d
+}) => /* @__PURE__ */ e(f, { ...d, children: /* @__PURE__ */ e(
+  $,
+  {
+    className: m(t),
+    form: s,
+    list: r,
+    min: a,
+    max: n,
+    ref: o,
+    type: i,
+    skipContext: !0
+  }
+) }), O = ({
+  className: t,
+  form: s,
+  rows: r,
+  wrap: a,
+  ref: n,
+  ...o
+}) => /* @__PURE__ */ e(f, { ...o, children: /* @__PURE__ */ e(
+  P,
+  {
+    className: m(c.textArea, t),
+    form: s,
+    ref: n,
+    rows: r,
+    wrap: a
+  }
+) });
+export {
+  $ as I,
+  f as T,
+  K as a,
+  O as b
+};

package/combobox/index.js

@@ -1,4 +1,4 @@
-import { C as a, a as b, b as x } from "../chunks/ComboBox-N97lv5kN.js";
+import { C as a, a as b, b as x } from "../chunks/ComboBox-yl5zHYPk.js";
 export {
   a as ComboBox,
   b as ComboBoxItem,

package/date-field/index.js

@@ -1,4 +1,4 @@
-import { D as t } from "../chunks/DateField-DeuLPe1Y.js";
+import { D as t } from "../chunks/DateField-BsT1K-bB.js";
 import { a as r, b as o, D as p } from "../chunks/DateInputDivider-CkTB5q5k.js";
 export {
   t as DateField,

package/date-picker/index.js

@@ -1,4 +1,4 @@
-import { D as r, a as t } from "../chunks/DateRangePicker-BqjLArNi.js";
+import { D as r, a as t } from "../chunks/DateRangePicker-BsK7pMRv.js";
 export {
   r as DatePicker,
   t as DateRangePicker