@midas-ds/components 16.2.4 → 16.3.0

package/chunks/{Table-CgBjwlIi.js → Table-BgsgXhC_.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-BTAfwDxU.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-DQ_dAC-2.js

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

package/field-error/FieldError.d.ts

@@ -1,6 +1,5 @@
 import { FieldErrorProps as AriaFieldErrorProps } from 'react-aria-components';
-import * as React from 'react';
 export interface FieldErrorProps extends AriaFieldErrorProps {
     isInvalid?: boolean;
 }
-export declare const FieldError: React.ForwardRefExoticComponent<FieldErrorProps & React.RefAttributes<HTMLElement>>;
+export declare const FieldError: import('react').ForwardRefExoticComponent<FieldErrorProps & import('react').RefAttributes<HTMLElement>>;

package/field-error/index.js

@@ -1,4 +1,4 @@
-import { F as e } from "../chunks/FieldError-C0HRIcAx.js";
+import { F as e } from "../chunks/FieldError-Bra5aRT3.js";
 export {
   e as FieldError
 };

package/index.js

@@ -3,41 +3,41 @@ import { B as s, a as p } from "./chunks/BadgeContainer-CKVsfTlF.js";
 import { B as m } from "./chunks/Breadcrumbs-By2bMbQd.js";
 import { B as i } from "./chunks/Button-wBgWrXj3.js";
 import { B as d } from "./chunks/ButtonGroup-Dr6HOBo2.js";
-import { C as l, R as C } from "./chunks/RangeCalendar-CGk2btOp.js";
+import { C as l, R as C } from "./chunks/RangeCalendar-BSth1Fmv.js";
 import { C as g, d as u, c as B, a as c, e as L, f as S, b as D } from "./chunks/Card-ia98VoKL.js";
-import { C as G } from "./chunks/CharacterCounter-DeuE2det.js";
-import { C as R } from "./chunks/Checkbox-CP6Nv9yx.js";
-import { C as M } from "./chunks/CheckboxGroup-C5kaqBcn.js";
+import { C as G } from "./chunks/CharacterCounter-R6vh7AE5.js";
+import { C as R } from "./chunks/Checkbox-BTAfwDxU.js";
+import { C as M } from "./chunks/CheckboxGroup-BQ8EpX7O.js";
 import { C as v } from "./chunks/ColorSchemeSwitch-DugvPh6T.js";
-import { C as h, a as H, b as y } from "./chunks/ComboBox-N97lv5kN.js";
-import { D as N } from "./chunks/DateField-DeuLPe1Y.js";
+import { C as h, a as H, b as y } from "./chunks/ComboBox-DVK0dL2W.js";
+import { D as N } from "./chunks/DateField-06YL8tj_.js";
 import { a as Q, b as Z, D as j } from "./chunks/DateInputDivider-CkTB5q5k.js";
-import { D as z, a as J } from "./chunks/DateRangePicker-BqjLArNi.js";
-import { F as O } from "./chunks/FieldError-C0HRIcAx.js";
+import { D as z, a as J } from "./chunks/DateRangePicker-CZRWDV_g.js";
+import { F as O } from "./chunks/FieldError-Bra5aRT3.js";
 import { D as V, F as W } from "./chunks/FileUpload-h1PxqQmb.js";
 import { G as Y } from "./chunks/Grid-B-WgMwON.js";
 import { G as $ } from "./chunks/GridItem-5t1Z14sM.js";
 import { H as ao } from "./chunks/Heading-D8tNNJkt.js";
 import { I as eo } from "./chunks/InfoBanner-DLiVpNON.js";
 import { L as so } from "./chunks/Label-Dup4lWaR.js";
-import { H as xo, L as mo, N as fo, S as io, a as no } from "./chunks/Layout-ClW2Lbvq.js";
+import { H as xo, L as mo, N as fo, S as io, a as no } from "./chunks/Layout-DX3HUm5b.js";
 import { L as lo } from "./chunks/Link-yTNUNv3C.js";
 import { L as bo } from "./chunks/LinkButton-3nAekUJ4.js";
 import { L as uo } from "./chunks/Logo-InDSslpO.js";
 import { M as co } from "./chunks/Dialog-DC0cGNj5.js";
 import { P as So } from "./chunks/Popover-BcEtFiU1.js";
 import { P as Io } from "./chunks/ProgressBar-CbwvcHvk.js";
-import { R as Po, a as Ro } from "./chunks/Radio-Dro99zCs.js";
-import { S as Mo } from "./chunks/SearchField-BfpeANM6.js";
-import { S as vo } from "./chunks/Select-D-LtFSZX.js";
-import { S as ho } from "./chunks/Select-nL9iJMlf.js";
+import { R as Po, a as Ro } from "./chunks/Radio-BDHczAt5.js";
+import { S as Mo } from "./chunks/SearchField-DTkfUFwn.js";
+import { S as vo } from "./chunks/Select-C8Fr7Vn3.js";
+import { S as ho } from "./chunks/Select-CPM82ww2.js";
 import { S as yo } from "./chunks/Skeleton-DqIHQLQl.js";
 import { S as No } from "./chunks/Spinner-BORNnHph.js";
-import { b as Qo, C as Zo, R as jo, T as qo, c as zo, a as Jo } from "./chunks/Table-CgBjwlIi.js";
+import { b as Qo, C as Zo, R as jo, T as qo, c as zo, a as Jo } from "./chunks/Table-BgsgXhC_.js";
 import { a as Oo, c as Uo, b as Vo, T as Wo } from "./chunks/TabList-D2XV5ixe.js";
 import { T as Yo, a as _o } from "./chunks/Tag-DxBoeE_n.js";
 import { T as oa } from "./chunks/Text-TWzJxnto.js";
-import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-CRvbqqVZ.js";
+import { I as ra, b as ea, a as ta, T as sa } from "./chunks/TextArea-DQ_dAC-2.js";
 import { G as xa, b as ma, T as fa, a as ia, t as na } from "./chunks/Toast-DTwUGSJ8.js";
 import { T as Ta, a as la } from "./chunks/ToggleButtonGroup-CXKTrLbb.js";
 import { T as ba, a as ga } from "./chunks/Tooltip-m032jGgF.js";

package/layout/components/SidebarLink.d.ts

@@ -1,3 +1,2 @@
 import { SidebarLinkProps } from '../Layout';
-import * as React from 'react';
-export declare const SidebarLink: React.FC<SidebarLinkProps>;
+export declare const SidebarLink: ({ title, href, icon: IconComponent, active, hasBadge, }: SidebarLinkProps) => import("react/jsx-runtime").JSX.Element;

package/layout/index.js

@@ -1,4 +1,4 @@
-import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-ClW2Lbvq.js";
+import { H as e, L as s, N as b, S as d, a as i } from "../chunks/Layout-DX3HUm5b.js";
 export {
   e as Header,
   s as Layout,

package/legacy-select/HiddenMultiSelect.d.ts

@@ -1,5 +1,5 @@
-import { FocusableElement, RefObject } from '@react-types/shared';
-import { default as React, ReactNode } from 'react';
+import { FocusableElement } from '@react-types/shared';
+import { default as React, ReactNode, RefObject } from 'react';
 import { MultiSelectState } from './types';
 import { ListBoxOption } from '../list-box';
 export interface AriaHiddenMultiSelectProps {

package/legacy-select/MultiSelectValueTag.d.ts

@@ -1,11 +1,11 @@
+import { RefObject } from 'react';
 import { MultiSelectState, SelectProps } from './types';
 import { ListBoxOption } from '../list-box';
-import * as React from 'react';
 interface MultiSelectValueTagProps extends SelectProps {
     state: MultiSelectState<ListBoxOption>;
     parentWidth: number;
     onClear: () => void;
-    triggerRef: React.MutableRefObject<HTMLButtonElement | null>;
+    triggerRef: RefObject<HTMLButtonElement | null>;
 }
-export declare const MultiSelectValueTag: React.FC<MultiSelectValueTagProps>;
+export declare const MultiSelectValueTag: ({ state: { selectedItems: items }, isDisabled, parentWidth, onClear, triggerRef, isClearable, }: MultiSelectValueTagProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/legacy-select/index.js

@@ -1,4 +1,4 @@
-import { S as c } from "../chunks/Select-nL9iJMlf.js";
+import { S as c } from "../chunks/Select-CPM82ww2.js";
 export {
   c as LegacySelect
 };

package/legacy-select/useMultiSelect.d.ts

@@ -2,4 +2,4 @@ import { RefObject } from 'react';
 import { MultiSelectDOMProps, MultiSelectProps, MultiSelectState } from './types';
 import { ListBoxOption } from '../list-box';
 import { SelectionMode } from '../select';
-export declare function useMultiSelect<T extends ListBoxOption, M extends SelectionMode>(props: MultiSelectProps<T, M>, state: MultiSelectState<T>, ref: RefObject<HTMLElement>): MultiSelectDOMProps<T>;
+export declare function useMultiSelect<T extends ListBoxOption, M extends SelectionMode>(props: MultiSelectProps<T, M>, state: MultiSelectState<T>, ref: RefObject<HTMLElement | null>): MultiSelectDOMProps<T>;

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "16.2.4",
+  "version": "16.3.0",
   "module": "./index.js",
   "type": "module",
   "main": "./index.js",

package/radio/index.js

@@ -1,4 +1,4 @@
-import { R as r, a as R } from "../chunks/Radio-Dro99zCs.js";
+import { R as r, a as R } from "../chunks/Radio-BDHczAt5.js";
 export {
   r as Radio,
   R as RadioGroup

package/search-field/index.js

@@ -1,4 +1,4 @@
-import { S as a } from "../chunks/SearchField-BfpeANM6.js";
+import { S as a } from "../chunks/SearchField-DTkfUFwn.js";
 export {
   a as SearchField
 };

package/select/index.js

@@ -1,4 +1,4 @@
-import { S as r } from "../chunks/Select-D-LtFSZX.js";
+import { S as r } from "../chunks/Select-C8Fr7Vn3.js";
 export {
   r as Select
 };

package/table/index.js

@@ -1,4 +1,4 @@
-import { b as l, C as s, R as o, T as b, c as T, a as r } from "../chunks/Table-CgBjwlIi.js";
+import { b as l, C as s, R as o, T as b, c as T, a as r } from "../chunks/Table-BgsgXhC_.js";
 export {
   l as Cell,
   s as Column,

package/textfield/Input.d.ts

@@ -1,9 +1,8 @@
 import { InputProps as AriaInputProps } from 'react-aria-components';
-import * as React from 'react';
 export interface InputProps extends AriaInputProps {
     /** If the component should use local props and ref instead of a parent context
      * @default false
      */
     skipContext?: boolean;
 }
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/textfield/PasswordField.d.ts

@@ -1,3 +1,2 @@
 import { InputProps } from './Input';
-import * as React from 'react';
-export declare const PasswordField: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export declare const PasswordField: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/textfield/TextArea.d.ts

@@ -1,6 +1,5 @@
 import { TextFieldBaseProps } from './TextFieldBase';
 import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
 import { Complement } from '../utils/types';
-import * as React from 'react';
 export type TextAreaProps = Omit<TextFieldBaseProps, 'type' | 'pattern'> & Complement<TextFieldBaseProps, AriaTextAreaProps>;
-export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextFieldBaseProps, "type" | "pattern"> & Complement<TextFieldBaseProps, AriaTextAreaProps> & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const TextArea: import('react').ForwardRefExoticComponent<Omit<TextFieldBaseProps, "type" | "pattern"> & Complement<TextFieldBaseProps, AriaTextAreaProps> & import('react').RefAttributes<HTMLTextAreaElement>>;

package/textfield/TextField.d.ts

@@ -1,6 +1,5 @@
 import { TextFieldBaseProps } from './TextFieldBase';
 import { InputProps } from './Input';
 import { Complement } from '../utils/types';
-import * as React from 'react';
 export type TextFieldProps = TextFieldBaseProps & Complement<TextFieldBaseProps, InputProps>;
-export declare const TextField: React.ForwardRefExoticComponent<TextFieldBaseProps & Complement<TextFieldBaseProps, InputProps> & React.RefAttributes<HTMLInputElement>>;
+export declare const TextField: import('react').ForwardRefExoticComponent<TextFieldBaseProps & Complement<TextFieldBaseProps, InputProps> & import('react').RefAttributes<HTMLInputElement>>;

package/textfield/TextFieldBase.d.ts

@@ -1,9 +1,9 @@
+import { ReactNode } from 'react';
 import { TextFieldProps, ValidationResult } from 'react-aria-components';
 import { Size } from '../common/types';
 import { InfoPopoverProps } from '../label';
-import * as React from 'react';
 export interface TextFieldBaseProps extends Omit<TextFieldProps, 'className'> {
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** Specify label displayed above the TextField*/
     label?: string;
     /** Specify description displayed below the label */
@@ -23,4 +23,4 @@ export interface TextFieldBaseProps extends Omit<TextFieldProps, 'className'> {
     size?: Size;
     popover?: InfoPopoverProps;
 }
-export declare const TextFieldBase: React.ForwardRefExoticComponent<TextFieldBaseProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TextFieldBase: import('react').ForwardRefExoticComponent<TextFieldBaseProps & import('react').RefAttributes<HTMLDivElement>>;

package/textfield/index.js

@@ -1,4 +1,4 @@
-import { I as s, b as t, a as x, T } from "../chunks/TextArea-CRvbqqVZ.js";
+import { I as s, b as t, a as x, T } from "../chunks/TextArea-DQ_dAC-2.js";
 export {
   s as Input,
   t as TextArea,

package/chunks/Checkbox-CP6Nv9yx.js

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

package/chunks/FieldError-C0HRIcAx.js

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