@midas-ds/components 16.2.5 → 16.3.1

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 16.3.1 (2026-01-13)
+
+### 🚀 Features
+
+- **table-styles:** add pagination component ([#978](https://github.com/migrationsverket/midas/pull/978))
+
+## 16.3.0 (2026-01-13)
+
+### 🚀 Features
+
+- **components:** add displayName to forwardRef components" ([474d161db5](https://github.com/migrationsverket/midas/commit/474d161db5))
+
+### 🔙 Rollback changes
+
+- Revert "refactor: remove React.forwardRef" ([c4f26cd721](https://github.com/migrationsverket/midas/commit/c4f26cd721))
+
 ## 16.2.5 (2026-01-09)
 
 ### 🏭 Refactoring

package/accordion/index.js

@@ -1,4 +1,4 @@
-import { a as r, A as a } from "../chunks/AccordionItem-BUUDZ7l6.js";
+import { a as r, A as a } from "../chunks/AccordionItem-D6vWtoJN.js";
 export {
   r as Accordion,
   a as AccordionItem

package/assets/Select.css

@@ -1 +1 @@
-._select_nivht_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_nivht_7{display:flex;flex-direction:column;position:relative}._trigger_nivht_7{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);justify-content:flex-end;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70);transition:all .1s ease-in}._trigger_nivht_7._medium_nivht_28{min-height:var(--midas-size-130)}._trigger_nivht_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all .1s ease-out}@media(forced-colors:active){._trigger_nivht_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_nivht_7:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_nivht_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_nivht_7[data-invalid]:not(:focus-visible){border:none;box-shadow:inset 0 0 0 2px var(--midas-support-border-warning)}@media(forced-colors:active){._trigger_nivht_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_nivht_7[data-open] ._icon_nivht_65 svg{transform:rotate(180deg)}._selectValue_nivht_71{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);position:absolute;top:50%;transform:translateY(-50%);max-width:calc(100% - var(--midas-spacing-90))}._selectValue_nivht_71 ._placeholder_nivht_81{align-items:center;display:flex;justify-content:center;left:var(--midas-spacing-50);position:relative}._selectValue_nivht_71[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_nivht_95{align-items:center;background-color:var(--midas-button-background-primary-base);border-radius:1.25rem;color:var(--midas-text-on-color);display:flex;font-size:.875rem;justify-content:center;left:var(--midas-spacing-30);min-height:1.75rem;padding:0 .5rem;pointer-events:all;position:relative}._selectValueTag_nivht_95:has(._clearButton_nivht_109){padding-right:0}._selectValueTag_nivht_95[data-disabled]{background-color:var(--midas-field-disabled);border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_nivht_121{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_nivht_109{background-color:var(--midas-button-background-primary-base);border:none;border-radius:100%;color:var(--midas-text-on-color);display:flex;margin-left:var(--midas-size-10);padding:var(--midas-size-30)}._clearButton_nivht_109:hover{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_nivht_109[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_nivht_109:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._clearButton_nivht_109:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_nivht_158{font-size:var(--midas-typography-font-size-30);padding:0}._popover_nivht_158 :focus{outline:none}._popover_nivht_158[data-trigger=Select]{min-width:var(--trigger-width);transition:transform .2s ease-in-out,opacity .2s ease-in-out;opacity:1}._popover_nivht_158[data-trigger=Select][data-entering],._popover_nivht_158[data-trigger=Select][data-exiting]{opacity:0}._popover_nivht_158 ._selectAll_nivht_184{width:100%;box-sizing:border-box;background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._popover_nivht_158 ._selectAll_nivht_184:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._popover_nivht_158 ._selectAll_nivht_184:hover:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_nivht_158 ._selectAll_nivht_184[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_nivht_158 ._selectAll_nivht_184[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_nivht_158 ._selectAll_nivht_184[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._popover_nivht_158 ._selectAll_nivht_184[data-selected]:hover:not([data-disabled]) div{border-color:transparent}._popover_nivht_158 ._selectAll_nivht_184[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._popover_nivht_158 ._selectAll_nivht_184[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._popover_nivht_158 ._selectAll_nivht_184[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_nivht_158 ._selectAll_nivht_184[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._tagGroup_nivht_247{margin-top:var(--midas-size-40)}@media(prefers-reduced-motion){._trigger_nivht_7,._popover_nivht_158[data-trigger=Select],._selectAll_nivht_184{transition:none}}
+._select_vdvx3_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_vdvx3_7{display:flex;flex-direction:column;position:relative}._trigger_vdvx3_7{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);gap:var(--midas-spacing-20);justify-content:space-between;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70);transition:all .1s ease-in}._trigger_vdvx3_7._medium_vdvx3_29{min-height:var(--midas-size-130)}._trigger_vdvx3_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all .1s ease-out}@media(forced-colors:active){._trigger_vdvx3_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_vdvx3_7:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_vdvx3_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_vdvx3_7[data-invalid]:not(:focus-visible){border:none;box-shadow:inset 0 0 0 2px var(--midas-support-border-warning)}@media(forced-colors:active){._trigger_vdvx3_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_vdvx3_7[data-open] ._icon_vdvx3_66 svg{transform:rotate(180deg)}._selectValue_vdvx3_72{color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);max-width:calc(100% - var(--midas-spacing-90))}._selectValue_vdvx3_72 ._placeholder_vdvx3_78{display:flex}._selectValue_vdvx3_72[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._multiSelectValue_vdvx3_88{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);position:absolute;top:50%;transform:translateY(-50%);max-width:calc(100% - var(--midas-spacing-90))}._multiSelectValue_vdvx3_88 ._placeholder_vdvx3_78{align-items:center;display:flex;justify-content:center;left:var(--midas-spacing-50);position:relative}._multiSelectValue_vdvx3_88[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_vdvx3_112{align-items:center;background-color:var(--midas-button-background-primary-base);border-radius:1.25rem;color:var(--midas-text-on-color);display:flex;font-size:.875rem;justify-content:center;left:var(--midas-spacing-30);min-height:1.75rem;padding:0 .5rem;pointer-events:all;position:relative}._selectValueTag_vdvx3_112:has(._clearButton_vdvx3_126){padding-right:0}._selectValueTag_vdvx3_112[data-disabled]{background-color:var(--midas-field-disabled);border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_vdvx3_138{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_vdvx3_126{background-color:var(--midas-button-background-primary-base);border:none;border-radius:100%;color:var(--midas-text-on-color);display:flex;margin-left:var(--midas-size-10);padding:var(--midas-size-30)}._clearButton_vdvx3_126:hover{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_vdvx3_126[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_vdvx3_126:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media(forced-colors:active){._clearButton_vdvx3_126:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_vdvx3_175{font-size:var(--midas-typography-font-size-30);padding:0}._popover_vdvx3_175 :focus{outline:none}._popover_vdvx3_175[data-trigger=Select]{min-width:var(--trigger-width);transition:transform .2s ease-in-out,opacity .2s ease-in-out;opacity:1}._popover_vdvx3_175[data-trigger=Select][data-entering],._popover_vdvx3_175[data-trigger=Select][data-exiting]{opacity:0}._popover_vdvx3_175 ._selectAll_vdvx3_201{width:100%;box-sizing:border-box;background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._popover_vdvx3_175 ._selectAll_vdvx3_201:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._popover_vdvx3_175 ._selectAll_vdvx3_201:hover:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-selected]:hover:not([data-disabled]) div{border-color:transparent}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-focused]{outline:none;box-shadow:none}@media(forced-colors:active){._popover_vdvx3_175 ._selectAll_vdvx3_201[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_vdvx3_175 ._selectAll_vdvx3_201[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._tagGroup_vdvx3_264{margin-top:var(--midas-size-40)}@media(prefers-reduced-motion){._trigger_vdvx3_7,._popover_vdvx3_175[data-trigger=Select],._selectAll_vdvx3_201{transition:none}}

package/button/index.js

@@ -1,4 +1,4 @@
-import { B as r } from "../chunks/Button-wBgWrXj3.js";
+import { B as r } from "../chunks/Button-BYrLbzir.js";
 import { B as p } from "../chunks/ButtonGroup-Dr6HOBo2.js";
 export {
   r as Button,

package/calendar/index.js

@@ -1,4 +1,4 @@
-import { C as r, R as n } from "../chunks/RangeCalendar-BF-6p7u2.js";
+import { C as r, R as n } from "../chunks/RangeCalendar-Bt8q3FZi.js";
 export {
   r as Calendar,
   n as RangeCalendar

package/character-counter/CharacterCounter.d.ts

@@ -1,7 +1,5 @@
-import { Ref } from 'react';
 import { InputProps } from 'react-aria-components';
 export interface CharacterCounterProps extends InputProps {
     isLonely?: boolean;
-    ref?: Ref<HTMLInputElement>;
 }
-export declare const CharacterCounter: ({ ref, ...props }: CharacterCounterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CharacterCounter: import('react').ForwardRefExoticComponent<CharacterCounterProps & import('react').RefAttributes<HTMLInputElement>>;

package/character-counter/index.js

@@ -1,4 +1,4 @@
-import { C as e } from "../chunks/CharacterCounter-_m-SgTMV.js";
+import { C as e } from "../chunks/CharacterCounter-R6vh7AE5.js";
 export {
   e as CharacterCounter
 };

package/checkbox/Checkbox.d.ts

@@ -1,2 +1,3 @@
-import { CheckboxProps } from './types';
-export declare const Checkbox: ({ ref, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: import('react').ForwardRefExoticComponent<import('react-aria').AriaCheckboxProps & import('react-aria-components').SlotProps & {
+    className?: string;
+} & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/CheckboxGroupItem.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxGroupItemProps } from './types';
-export declare const CheckBoxGroupItem: ({ ref, ...props }: CheckboxGroupItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckBoxGroupItem: import('react').ForwardRefExoticComponent<CheckboxGroupItemProps & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/CheckboxInner.d.ts

@@ -1,2 +1 @@
-import { CheckboxInnerProps } from './types';
-export declare const CheckboxInner: ({ ref, ...props }: CheckboxInnerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CheckboxInner: import('react').ForwardRefExoticComponent<import('./types').CheckboxComponentProps & import('react-aria').CheckboxAria & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/SingleCheckbox.d.ts

@@ -1,2 +1,2 @@
 import { CheckboxComponentProps } from './types';
-export declare const SingleCheckbox: ({ ref, ...props }: CheckboxComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SingleCheckbox: import('react').ForwardRefExoticComponent<CheckboxComponentProps & import('react').RefAttributes<HTMLLabelElement>>;

package/checkbox/index.js

@@ -1,5 +1,5 @@
-import { C as e } from "../chunks/Checkbox-gsEu5wcB.js";
-import { C } from "../chunks/CheckboxGroup-A7UJMi5J.js";
+import { C as e } from "../chunks/Checkbox-BTAfwDxU.js";
+import { C } from "../chunks/CheckboxGroup-C6LIpj_R.js";
 export {
   e as Checkbox,
   C as CheckboxGroup

package/checkbox/types.d.ts

@@ -3,7 +3,6 @@ import { SlotProps } from 'react-aria-components';
 import { CheckboxGroupState } from 'react-stately';
 export type CheckboxProps = AriaCheckboxProps & SlotProps & {
     className?: string;
-    ref?: React.Ref<HTMLLabelElement>;
 };
 export interface CheckboxComponentProps extends CheckboxProps {
     focusRingAria: FocusRingAria;

package/chunks/{AccordionItem-BUUDZ7l6.js → AccordionItem-D6vWtoJN.js}

@@ -2,9 +2,9 @@ import { jsx as t, jsxs as u } from "react/jsx-runtime";
 import { c as _ } from "./clsx-AexbMWKp.js";
 import { DisclosureGroup as v, Disclosure as x, DisclosurePanel as C } from "react-aria-components";
 import { createContext as I, useContext as N, useEffect as B } from "react";
-import { B as k } from "./Button-wBgWrXj3.js";
+import { B as k } from "./Button-BYrLbzir.js";
 import { H as w } from "./Heading-D8tNNJkt.js";
-import { F as A } from "./FeedbackStatusIcon-COWuMusk.js";
+import { F as A } from "./FeedbackStatusIcon-YJaUAfjp.js";
 import { C as T } from "./chevron-down-DgT-uSF9.js";
 import '../assets/AccordionItem.css';const D = "_root_17bdp_1", M = "_contained_17bdp_5", a = {
   root: D,

package/chunks/{Button-wBgWrXj3.js → Button-BYrLbzir.js}

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as c, Fragment as l } from "react/jsx-runtime";
 import { B as r } from "./Button.module-Cm0H98vy.js";
 import { Button as u } from "react-aria-components";
 import { c as p } from "./clsx-AexbMWKp.js";
-import { S as g } from "./Spinner-BORNnHph.js";
+import { S as g } from "./Spinner-tvJ7rPiT.js";
 const S = ({
   variant: i = "primary",
   fullwidth: o,

package/chunks/CharacterCounter-R6vh7AE5.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { useContextProps as d, InputContext as h } from "react-aria-components";
+import '../assets/CharacterCounter.css';const C = "_characterCounter_1f0mh_1", m = {
+  characterCounter: C
+}, u = i((t, a) => {
+  [t] = d(t, a, h);
+  const { maxLength: e, value: n, isLonely: c } = t, { length: r } = n?.toString() ?? "", o = e !== void 0;
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      className: m.characterCounter,
+      "data-exceeded": o && r > e || void 0,
+      "data-lonely": c || void 0,
+      children: o ? `${r} / ${e}` : r
+    }
+  );
+});
+u.displayName = "CharacterCounter";
+export {
+  u as C
+};

package/chunks/Checkbox-BTAfwDxU.js

@@ -0,0 +1,130 @@
+import { jsxs as C, jsx as t } from "react/jsx-runtime";
+import f, { forwardRef as l, useContext as R, useRef as _ } from "react";
+import { mergeProps as h, VisuallyHidden as I, useCheckboxGroupItem as y, useCheckbox as P, useHover as g, usePress as G, useFocusRing as N } from "react-aria";
+import { useContextProps as z, CheckboxContext as B, useSlottedContext as S, FormContext as F } from "react-aria-components";
+import { a as x } from "./clsx-AexbMWKp.js";
+import { variables as m } from "@midas-ds/theme";
+import { c as L } from "./createLucideIcon-D4r5Phnh.js";
+import { C as D } from "./check-BxlvVsvD.js";
+import { useToggleState as H } from "@react-stately/toggle";
+import '../assets/Checkbox.css';const O = [["path", { d: "M5 12h14", key: "1ays0h" }]], j = L("minus", O), q = f.createContext(null), A = "_checkboxInner_tzrii_1", M = "_checkbox_tzrii_1", V = "_checkboxGroup_tzrii_143", w = "_checkboxList_tzrii_154", b = {
+  checkboxInner: A,
+  checkbox: M,
+  checkboxGroup: V,
+  checkboxList: w
+}, u = l(
+  (e, o) => {
+    const { hoverProps: i, isHovered: c } = e.hoverResult, { pressProps: s, isPressed: n } = e.pressResult, { isFocused: a, isFocusVisible: r, focusProps: d } = e.focusRingAria;
+    return /* @__PURE__ */ C(
+      "label",
+      {
+        ref: o,
+        ...h(i, s, e.labelProps),
+        slot: e.slot || void 0,
+        className: x(b.checkbox, e.className),
+        "data-hovered": c || void 0,
+        "data-selected": e.isSelected || void 0,
+        "data-indeterminate": e.isIndeterminate || void 0,
+        "data-pressed": n || void 0,
+        "data-disabled": e.isDisabled || void 0,
+        "data-readonly": e.isReadOnly || void 0,
+        "data-invalid": e.isInvalid || void 0,
+        "data-focused": a || void 0,
+        "data-focus-visible": r || void 0,
+        "data-required": e.isRequired || void 0,
+        children: [
+          /* @__PURE__ */ t("div", { className: x(b.checkboxInner), children: e.isIndeterminate ? /* @__PURE__ */ t(
+            j,
+            {
+              size: 14,
+              color: m.iconOnColor
+            }
+          ) : /* @__PURE__ */ t(
+            D,
+            {
+              size: 14,
+              color: m.iconOnColor
+            }
+          ) }),
+          /* @__PURE__ */ t(I, { children: /* @__PURE__ */ t(
+            "input",
+            {
+              ...h(e.inputProps, d),
+              ref: e.inputRef
+            }
+          ) }),
+          e.children
+        ]
+      }
+    );
+  }
+);
+u.displayName = "CheckboxInner";
+const v = l((e, o) => {
+  const i = y(
+    {
+      ...e,
+      value: e.value || ""
+    },
+    e.state,
+    e.inputRef
+  );
+  return /* @__PURE__ */ t(
+    u,
+    {
+      ...e,
+      ...i,
+      ref: o
+    }
+  );
+});
+v.displayName = "CheckBoxGroupItem";
+const k = l((e, o) => {
+  const i = P(e, H(e), e.inputRef);
+  return /* @__PURE__ */ t(
+    u,
+    {
+      ...e,
+      ...i,
+      ref: o
+    }
+  );
+});
+k.displayName = "SingleCheckbox";
+const T = l(
+  (e, o) => {
+    [e, o] = z(e, o, B);
+    const i = S(F), c = e.validationBehavior ?? i?.validationBehavior ?? "native", s = R(q), n = _(null), a = g(e), r = G({
+      ref: o,
+      isDisabled: e.isDisabled
+    }), d = N();
+    return s ? /* @__PURE__ */ t(
+      v,
+      {
+        ...e,
+        state: s,
+        inputRef: n,
+        hoverResult: a,
+        pressResult: r,
+        focusRingAria: d,
+        validationBehavior: c
+      }
+    ) : /* @__PURE__ */ t(
+      k,
+      {
+        ...e,
+        inputRef: n,
+        hoverResult: a,
+        pressResult: r,
+        focusRingAria: d,
+        validationBehavior: c
+      }
+    );
+  }
+);
+T.displayName = "Checkbox";
+export {
+  T as C,
+  q as a,
+  b as s
+};

package/chunks/{CheckboxGroup-A7UJMi5J.js → CheckboxGroup-C6LIpj_R.js}

@@ -1,13 +1,13 @@
 import { jsx as o, jsxs as h } from "react/jsx-runtime";
 import { useCheckboxGroup as C } from "react-aria";
 import { useCheckboxGroupState as v } from "react-stately";
-import { a as k, L as S } from "./Label-Dup4lWaR.js";
+import { a as k, L as S } from "./Label-6SXmzRZE.js";
 import { T as y } from "./Text-TWzJxnto.js";
 import * as r from "react";
-import { C as d, s as u, a as g } from "./Checkbox-gsEu5wcB.js";
+import { C as d, s as u, a as g } from "./Checkbox-BTAfwDxU.js";
 import { FieldErrorContext as A } from "react-aria-components";
-import { F as P } from "./FieldError-Bc0acYNs.js";
-import { u as V } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { F as P } from "./FieldError-Bra5aRT3.js";
+import { u as V } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 const F = (e, { value: t }) => {
   const a = r.Children.toArray(e).filter(
     (l) => r.isValidElement(l) && l.type === d

package/chunks/{ColorSchemeSwitch-DugvPh6T.js → ColorSchemeSwitch-D-vCkxQo.js}

@@ -3,7 +3,7 @@ import * as i from "react";
 import { VisuallyHidden as a } from "react-aria";
 import { a as y, T as r } from "./ToggleButtonGroup-CXKTrLbb.js";
 import { c as d } from "./createLucideIcon-D4r5Phnh.js";
-import { u } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/ColorSchemeSwitch.css';const g = [
   [
     "path",

package/chunks/{ComboBox-yl5zHYPk.js → ComboBox-CzwpRxSH.js}

@@ -2,13 +2,13 @@ import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import g from "react";
 import { ComboBox as y, Input as B, Button as F, Collection as w } from "react-aria-components";
 import { c as s } from "./clsx-AexbMWKp.js";
-import { a as C, L as S } from "./Label-Dup4lWaR.js";
+import { a as C, L as S } from "./Label-6SXmzRZE.js";
 import { T as u } from "./Text-TWzJxnto.js";
-import { F as h } from "./FieldError-Bc0acYNs.js";
+import { F as h } from "./FieldError-Bra5aRT3.js";
 import { L as v } from "./ListBox-D5BBeZWL.js";
 import { a as R, L as N, b as E } from "./ListBoxSection-MZB_5DdD.js";
 import { C as I } from "./chevron-down-DgT-uSF9.js";
-import { u as T } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as T } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/ComboBox.css';const j = "_combobox_47hgd_1", O = "_inputField_47hgd_6", U = "_medium_47hgd_28", z = "_wrap_47hgd_74", D = "_button_47hgd_80", M = "_icon_47hgd_116", V = "_emptyState_47hgd_122", t = {
   combobox: j,
   inputField: O,

package/chunks/{DateField-BsT1K-bB.js → DateField-DPJrihTz.js}

@@ -2,8 +2,8 @@ import { jsxs as F, jsx as e } from "react/jsx-runtime";
 import { DateField as u } from "react-aria-components";
 import { c as m } from "./clsx-AexbMWKp.js";
 import { a as _, D as f } from "./DateInputDivider-CkTB5q5k.js";
-import { F as s } from "./FieldError-Bc0acYNs.js";
-import { a as h, L as D } from "./Label-Dup4lWaR.js";
+import { F as s } from "./FieldError-Bra5aRT3.js";
+import { a as h, L as D } from "./Label-6SXmzRZE.js";
 import { T as b } from "./Text-TWzJxnto.js";
 import '../assets/DateField.css';const x = "_dateField_y3sba_1", y = "_inputField_y3sba_7", L = "_medium_y3sba_37", i = {
   dateField: x,

package/chunks/{DateRangePicker-BsK7pMRv.js → DateRangePicker-DzgK_p0d.js}

@@ -1,10 +1,10 @@
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 import { Group as P, Button as b, Popover as f, Dialog as v, DatePicker as x, DateRangePicker as F } from "react-aria-components";
 import { a as m } from "./clsx-AexbMWKp.js";
-import { C as M, R as N } from "./RangeCalendar-BF-6p7u2.js";
+import { C as M, R as N } from "./RangeCalendar-Bt8q3FZi.js";
 import { a as p, D as k, b as B } from "./DateInputDivider-CkTB5q5k.js";
-import { F as h } from "./FieldError-Bc0acYNs.js";
-import { a as u, L as y } from "./Label-Dup4lWaR.js";
+import { F as h } from "./FieldError-Bra5aRT3.js";
+import { a as u, L as y } from "./Label-6SXmzRZE.js";
 import { T as _ } from "./Text-TWzJxnto.js";
 import { c as C } from "./createLucideIcon-D4r5Phnh.js";
 import '../assets/DateRangePicker.css';const I = [

package/chunks/{Dialog-DC0cGNj5.js → Dialog-DprWZBKT.js}

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as e } from "react/jsx-runtime";
 import { ModalOverlay as n, Modal as c, Dialog as i } from "react-aria-components";
-import { B as _ } from "./Button-wBgWrXj3.js";
+import { B as _ } from "./Button-BYrLbzir.js";
 import { H as y } from "./Heading-D8tNNJkt.js";
 import { c as v } from "./clsx-AexbMWKp.js";
 import { X as x } from "./x-BXShoIAM.js";
-import { u as f } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Dialog.css';const h = "_modal_nxs78_1", p = "_overlay_nxs78_24", g = "_modalHeader_nxs78_48", B = "_modalTitle_nxs78_59", H = "_modalBody_nxs78_65", a = {
   modal: h,
   overlay: p,

package/chunks/{FeedbackStatusIcon-COWuMusk.js → FeedbackStatusIcon-YJaUAfjp.js}

@@ -2,7 +2,7 @@ import { jsx as e } from "react/jsx-runtime";
 import { c as n } from "./createLucideIcon-D4r5Phnh.js";
 import { I as m } from "./info-kdfED7Wh.js";
 import { C as c } from "./check-BxlvVsvD.js";
-import { u as f } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as f } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 const p = [
   [
     "path",

package/chunks/FieldError-Bra5aRT3.js

@@ -0,0 +1,24 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as n, useContext as f } from "react";
+import { FieldErrorContext as c, FieldError as d } from "react-aria-components";
+import { c as a } from "./clsx-AexbMWKp.js";
+import { T as m } from "./Text-TWzJxnto.js";
+import '../assets/FieldError.css';const E = "_fieldError_u3cks_1", u = {
+  fieldError: E
+}, x = n(
+  (r, s) => {
+    const { children: o, isInvalid: l } = r, e = a(u.fieldError, r.className), t = f(c);
+    return !t && l && typeof o != "function" ? /* @__PURE__ */ i(m, { className: e, children: o }) : t?.isInvalid ? /* @__PURE__ */ i(
+      d,
+      {
+        ...r,
+        ref: s,
+        className: e
+      }
+    ) : null;
+  }
+);
+x.displayName = "FieldError";
+export {
+  x as F
+};

package/chunks/{InfoBanner-DLiVpNON.js → InfoBanner-BOKZ4lBE.js}

@@ -1,10 +1,10 @@
 import { jsxs as e, jsx as n } from "react/jsx-runtime";
 import * as h from "react";
 import { c as j } from "./clsx-AexbMWKp.js";
-import { B as x } from "./Button-wBgWrXj3.js";
-import { F as B } from "./FeedbackStatusIcon-COWuMusk.js";
+import { B as x } from "./Button-BYrLbzir.js";
+import { F as B } from "./FeedbackStatusIcon-YJaUAfjp.js";
 import { X as N } from "./x-BXShoIAM.js";
-import { u as b } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as b } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/InfoBanner.css';const v = "_infoBanner_1oj11_1", S = "_success_1oj11_11", w = "_info_1oj11_1", C = "_important_1oj11_21", F = "_warning_1oj11_26", I = "_content_1oj11_40", z = "_heading_1oj11_46", O = "_text_1oj11_51", k = "_icon_1oj11_57", y = "_dismissable_1oj11_66", s = {
   infoBanner: v,
   success: S,

package/chunks/{Label-Dup4lWaR.js → Label-6SXmzRZE.js}

@@ -4,9 +4,9 @@ import s from "react";
 import { c as f } from "./clsx-AexbMWKp.js";
 import { DialogTrigger as v, Label as d } from "react-aria-components";
 import { P as g } from "./Popover-BcEtFiU1.js";
-import { B as u } from "./Button-wBgWrXj3.js";
+import { B as u } from "./Button-BYrLbzir.js";
 import { I as P } from "./info-kdfED7Wh.js";
-import { u as _ } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as _ } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Label.css';const I = "_labelBase_f5wtf_1", x = {
   labelBase: I
 }, L = "_labelPopover_1iatl_1", T = "_labelPopoverTrigger_1iatl_7", m = {

package/chunks/{Layout-DX3HUm5b.js → Layout-DveMXIKw.js}

@@ -4,13 +4,13 @@ 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 { B as M } from "./Button-BYrLbzir.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 { u as C } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import { variables as q } from "@midas-ds/theme";
-import { L as g } from "./Logo-InDSslpO.js";
+import { L as g } from "./Logo-CsWcKqIg.js";
 import { X as A } from "./x-BXShoIAM.js";
 import '../assets/Layout.css';const R = [
   ["path", { d: "M4 12h16", key: "1lakjw" }],

package/chunks/{ListBoxLoadMoreItem-CB67meAb.js → ListBoxLoadMoreItem-CygpsU3W.js}

@@ -2,8 +2,8 @@ import { jsx as o, jsxs as m, Fragment as d } from "react/jsx-runtime";
 import { c as e } from "./clsx-AexbMWKp.js";
 import { s as a } from "./ListBox-D5BBeZWL.js";
 import { ListBoxLoadMoreItem as l } from "react-aria-components";
-import { S as c } from "./Spinner-BORNnHph.js";
-import { u as L } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { S as c } from "./Spinner-tvJ7rPiT.js";
+import { u as L } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 const S = ({ className: t, children: s, ...r }) => /* @__PURE__ */ o(
   "button",
   {

package/chunks/{Logo-InDSslpO.js → Logo-CsWcKqIg.js}

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as v } from "react/jsx-runtime";
 import { c as o } from "./clsx-AexbMWKp.js";
-import { u as i } from "./useLocalizedStringFormatter-ZgRJmvHC.js";
+import { u as i } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/Logo.css';const m = "_container_191fy_1", p = "_noPadding_191fy_6", g = "_logo_191fy_10", f = "_primary_191fy_15", M = "_dark_191fy_23", Z = "_xSmall_191fy_31", _ = "_small_191fy_35", u = "_large_191fy_39", l = {
   container: m,
   noPadding: p,

package/chunks/{ProgressBar-CbwvcHvk.js → ProgressBar-67lCngwJ.js}

@@ -1,6 +1,6 @@
 import { jsx as s, jsxs as d, Fragment as _ } from "react/jsx-runtime";
 import { ProgressBar as f } from "react-aria-components";
-import { L as t } from "./Label-Dup4lWaR.js";
+import { L as t } from "./Label-6SXmzRZE.js";
 import { c as l } from "./clsx-AexbMWKp.js";
 import '../assets/ProgressBar.css';const N = "_progressBar_1a2ad_1", g = "_label_1a2ad_9", p = "_value_1a2ad_14", v = "_bar_1a2ad_19", h = "_fill_1a2ad_29", e = {
   progressBar: N,

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

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as n } from "react/jsx-runtime";
 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 { a as G, L as R } from "./Label-6SXmzRZE.js";
 import { T as h } from "./Text-TWzJxnto.js";
-import { F as t } from "./FieldError-Bc0acYNs.js";
+import { F as t } from "./FieldError-Bra5aRT3.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-BF-6p7u2.js → RangeCalendar-Bt8q3FZi.js}

@@ -1,9 +1,9 @@
 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-Bc0acYNs.js";
+import { F as c } from "./FieldError-Bra5aRT3.js";
 import * as y from "react";
-import { B as i } from "./Button-wBgWrXj3.js";
+import { B as i } from "./Button-BYrLbzir.js";
 import { H as f } from "./Heading-D8tNNJkt.js";
 import { c as R } from "./createLucideIcon-D4r5Phnh.js";
 import { C as x } from "./chevron-right-GpyqdYK4.js";

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

@@ -1,14 +1,14 @@
 import { jsxs as u, jsx as n } from "react/jsx-runtime";
 import { s as N } from "./TextField.module-DZslrEPC.js";
-import { B as _ } from "./Button-wBgWrXj3.js";
+import { B as _ } from "./Button-BYrLbzir.js";
 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-Bc0acYNs.js";
+import { F as f } from "./FieldError-Bra5aRT3.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";
+import { u as D } from "./useLocalizedStringFormatter-BHvsRxDk.js";
 import '../assets/SearchField.css';const E = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]