@new-black/lyra 1.0.30 → 1.0.31

package/dist/lyra43.js

@@ -1,199 +1,207 @@
 import { j as o } from "./lyra90.js";
-import { useRef as W, useState as i, useEffect as X, useCallback as h, useMemo as Y } from "react";
-import { useContextProps as Z, TextFieldContext as ee, TextField as te, Group as re, Input as se } from "./lyra89.js";
-import { useObjectRef as oe, mergeRefs as ae } from "./lyra101.js";
-import { clsx as T } from "./lyra450.js";
-import { fixedForwardRef as ne } from "./lyra93.js";
-import { useDictionary as ie } from "./lyra95.js";
-import { SpanButton as le } from "./lyra623.js";
-import { SvgIcon as ce } from "./lyra65.js";
-import "./lyra459.js";
-import { tagStyles as fe } from "./lyra460.js";
-import { InputHeader as ue } from "./lyra38.js";
-import { InputFooter as pe } from "./lyra39.js";
-import { sharedInputStyles as me } from "./lyra40.js";
-const N = ({
+import { useRef as re, useState as l, useMemo as v, useEffect as oe, useCallback as y } from "react";
+import { useContextProps as ae, TextFieldContext as ne, TextField as le, Group as ce, Input as ie } from "./lyra89.js";
+import { useObjectRef as ue, mergeRefs as fe } from "./lyra101.js";
+import { clsx as E } from "./lyra450.js";
+import { fixedForwardRef as pe } from "./lyra93.js";
+import { useDictionary as me } from "./lyra95.js";
+import { SpanButton as de } from "./lyra618.js";
+import { SvgIcon as xe } from "./lyra65.js";
+import "./lyra455.js";
+import { tagStyles as ge } from "./lyra456.js";
+import { InputHeader as he } from "./lyra38.js";
+import { InputFooter as Fe } from "./lyra39.js";
+import { sharedInputStyles as Ie } from "./lyra40.js";
+import { shouldRenderInputHeader as $e, shouldRenderInputFooter as je } from "./lyra610.js";
+const G = ({
   defaultValue: f,
-  description: k,
-  fullWidth: R = !0,
-  hideHintLabel: B,
-  hideInputFooter: D,
-  hideInputHeader: S,
-  inputRef: F,
-  label: V,
-  onChange: l,
-  value: u,
-  ...p
-}, m) => {
-  [p, m] = Z(p, m, ee);
-  const b = W(null), c = oe(
-    F ? ae(b, F) : b
+  description: p,
+  fullWidth: H = !0,
+  hideHintLabel: m,
+  hideInputFooter: b,
+  hideInputHeader: w,
+  inputRef: N,
+  label: c,
+  onChange: i,
+  outerEndSlot: T,
+  outerStartSlot: R,
+  value: d,
+  ...x
+}, g) => {
+  [x, g] = ae(x, g, ne);
+  const k = re(null), u = ue(
+    N ? fe(k, N) : k
   ), {
-    className: A,
-    errorMessage: E,
-    isDisabled: P = !1,
-    isInvalid: q,
-    isRequired: d,
-    name: I,
-    ...G
-  } = p, H = ie(), [K, y] = i(""), [t, j] = i(u ?? f ?? []), { inputField: M, wrapper: O } = me({
-    fullWidth: R
+    className: K,
+    errorMessage: h,
+    isDisabled: M = !1,
+    isInvalid: O,
+    isRequired: F,
+    name: B,
+    ..._
+  } = x, C = me(), [W, D] = l(""), [t, S] = l(d ?? f ?? []), V = v(
+    () => $e({ hideHintLabel: m, hideInputHeader: w, label: c }),
+    [m, w, c]
+  ), z = v(
+    () => je({ description: p, errorMessage: h, hideInputFooter: b }),
+    [p, h, b]
+  ), { inputField: J, outerSlot: A, outerSlotsWrapper: L, wrapper: Q } = Ie({
+    fullWidth: H,
+    hasInputHeader: V,
+    hasLabel: !!c
   });
-  X(() => {
-    j(u ?? f ?? []);
-  }, [u, f]);
-  const n = h(
+  oe(() => {
+    S(d ?? f ?? []);
+  }, [d, f]);
+  const n = y(
     (e) => {
-      j(e), l == null || l(e);
+      S(e), i == null || i(e);
     },
-    [l]
-  ), _ = h(
+    [i]
+  ), U = y(
     (e) => {
       if (["Enter", ","].includes(e.key)) {
         e.preventDefault();
         const a = e.currentTarget.value.trim();
-        a && !t.includes(a) && n([...t, e.currentTarget.value.trim()]), y("");
+        a && !t.includes(a) && n([...t, e.currentTarget.value.trim()]), D("");
       } else
         e.key === "Backspace" && (e.currentTarget.value || (e.preventDefault(), n(t.slice(0, -1))));
     },
     [n, t]
-  ), C = h(
+  ), X = y(
     (e) => {
       if (e.preventDefault(), e.clipboardData) {
         const a = e.clipboardData.getData("Text");
         if (a) {
-          const r = a ? a.split(",").map((s) => s.replace(/[\u200B-\u200D\uFEFF]/g, "")).filter((s) => s.length > 0).map((s) => s.trim()) : [];
-          n(Array.from(/* @__PURE__ */ new Set([...t, ...r])));
+          const s = a ? a.split(",").map((r) => r.replace(/[\u200B-\u200D\uFEFF]/g, "")).filter((r) => r.length > 0).map((r) => r.trim()) : [];
+          n(Array.from(/* @__PURE__ */ new Set([...t, ...s])));
         }
       }
     },
     [n, t]
-  ), L = Y(
-    () => d && t.length === 0,
-    [t.length, d]
-  ), { removeButton: z, tag: J } = fe(), [Q, v] = i(!1), [x, g] = i(0), [U, w] = i(!1);
-  return /* @__PURE__ */ o.jsx(
-    te,
-    {
-      className: O({ className: A }),
-      isDisabled: P,
-      isInvalid: q,
-      isRequired: L,
-      ...G,
-      onKeyDown: _,
-      value: K,
-      onChange: y,
-      onPaste: C,
-      ref: m,
-      children: ({ isDisabled: e, isInvalid: a }) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        /* @__PURE__ */ o.jsx(
-          ue,
-          {
-            label: V,
-            isRequired: d,
-            hideHintLabel: B,
-            hideInputHeader: S
-          }
-        ),
-        /* @__PURE__ */ o.jsxs(
-          re,
-          {
-            className: ({ isFocusWithin: r, isHovered: s }) => M({
-              isFocused: r,
-              isHovered: s,
-              isDisabled: e,
-              isInvalid: a,
-              className: "relative flex-wrap items-start gap-1"
-            }),
-            onFocus: () => {
-              var r;
-              t.length === 0 && ((r = c == null ? void 0 : c.current) == null || r.focus());
-            },
-            children: [
-              /* @__PURE__ */ o.jsxs(
-                "div",
-                {
-                  className: T(
-                    t.length && "-my-px",
-                    "-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"
-                  ),
-                  tabIndex: e ? void 0 : 0,
-                  role: "grid",
-                  onKeyDown: (r) => {
-                    r.key === "ArrowRight" ? (r.preventDefault(), g((s) => (s + 1) % t.length)) : r.key === "ArrowLeft" ? (r.preventDefault(), g(
-                      (s) => (s - 1 + t.length) % t.length
-                    )) : r.key === "Backspace" && x !== -1 && n(t.filter((s, $) => $ !== x));
-                  },
-                  onFocus: () => {
-                    e || v(!0);
-                  },
-                  onBlur: () => {
-                    e || v(!1);
-                  },
-                  children: [
-                    t.map((r, s) => /* @__PURE__ */ o.jsxs(
-                      "div",
-                      {
-                        className: J({
-                          allowsRemoving: !0,
-                          className: T(
-                            Q && s === x && !U && !e ? "border-focus shadow-highlight" : ""
-                          )
-                        }),
-                        "aria-label": r,
-                        "aria-colindex": s + 1,
-                        role: "gridcell",
-                        onClick: () => {
-                          e || g(s);
+  ), Y = v(
+    () => F && t.length === 0,
+    [t.length, F]
+  ), { removeButton: Z, tag: ee } = ge(), [te, P] = l(!1), [I, $] = l(0), [se, q] = l(!1);
+  return /* @__PURE__ */ o.jsxs("div", { className: L(), children: [
+    R ? /* @__PURE__ */ o.jsx("div", { className: A(), children: R }) : null,
+    /* @__PURE__ */ o.jsx(
+      le,
+      {
+        className: Q({ className: K }),
+        isDisabled: M,
+        isInvalid: O,
+        isRequired: Y,
+        ..._,
+        onKeyDown: U,
+        value: W,
+        onChange: D,
+        onPaste: X,
+        ref: g,
+        children: ({ isDisabled: e, isInvalid: a }) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          V ? /* @__PURE__ */ o.jsx(he, { label: c, isRequired: F, hideHintLabel: m }) : null,
+          /* @__PURE__ */ o.jsxs(
+            ce,
+            {
+              className: ({ isFocusWithin: s, isHovered: r }) => J({
+                isFocused: s,
+                isHovered: r,
+                isDisabled: e,
+                isInvalid: a,
+                className: "relative flex-wrap items-start gap-1"
+              }),
+              onFocus: () => {
+                var s;
+                t.length === 0 && ((s = u == null ? void 0 : u.current) == null || s.focus());
+              },
+              children: [
+                /* @__PURE__ */ o.jsxs(
+                  "div",
+                  {
+                    className: E(
+                      t.length && "-my-px",
+                      "-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none"
+                    ),
+                    tabIndex: e ? void 0 : 0,
+                    role: "grid",
+                    onKeyDown: (s) => {
+                      s.key === "ArrowRight" ? (s.preventDefault(), $((r) => (r + 1) % t.length)) : s.key === "ArrowLeft" ? (s.preventDefault(), $(
+                        (r) => (r - 1 + t.length) % t.length
+                      )) : s.key === "Backspace" && I !== -1 && n(
+                        t.filter((r, j) => j !== I)
+                      );
+                    },
+                    onFocus: () => {
+                      e || P(!0);
+                    },
+                    onBlur: () => {
+                      e || P(!1);
+                    },
+                    children: [
+                      t.map((s, r) => /* @__PURE__ */ o.jsxs(
+                        "div",
+                        {
+                          className: ee({
+                            allowsRemoving: !0,
+                            className: E(
+                              te && r === I && !se && !e ? "border-focus shadow-highlight" : ""
+                            )
+                          }),
+                          "aria-label": s,
+                          "aria-colindex": r + 1,
+                          role: "gridcell",
+                          onClick: () => {
+                            e || $(r);
+                          },
+                          children: [
+                            s,
+                            !e && /* @__PURE__ */ o.jsx(
+                              de,
+                              {
+                                className: Z({ isDisabled: e }),
+                                onPress: () => n(t.filter((j) => j !== s)),
+                                children: /* @__PURE__ */ o.jsx(xe, { name: "clear" })
+                              }
+                            )
+                          ]
                         },
-                        children: [
-                          r,
-                          !e && /* @__PURE__ */ o.jsx(
-                            le,
-                            {
-                              className: z({ isDisabled: e }),
-                              onPress: () => n(t.filter(($) => $ !== r)),
-                              children: /* @__PURE__ */ o.jsx(ce, { name: "clear" })
-                            }
-                          )
-                        ]
-                      },
-                      r
-                    )),
-                    /* @__PURE__ */ o.jsx(
-                      se,
-                      {
-                        className: "-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",
-                        ref: c,
-                        onFocus: () => {
-                          e || w(!0);
-                        },
-                        onBlur: () => {
-                          e || w(!1);
+                        s
+                      )),
+                      /* @__PURE__ */ o.jsx(
+                        ie,
+                        {
+                          className: "-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none",
+                          ref: u,
+                          onFocus: () => {
+                            e || q(!0);
+                          },
+                          onBlur: () => {
+                            e || q(!1);
+                          }
                         }
-                      }
-                    )
-                  ]
-                }
-              ),
-              I ? /* @__PURE__ */ o.jsx("input", { type: "hidden", value: t.join(","), name: I }) : null
-            ]
-          }
-        ),
-        /* @__PURE__ */ o.jsx(
-          pe,
-          {
-            description: k ?? H.tagInputDescription,
-            errorMessage: E,
-            hideInputFooter: D
-          }
-        )
-      ] })
-    }
-  );
+                      )
+                    ]
+                  }
+                ),
+                B ? /* @__PURE__ */ o.jsx("input", { type: "hidden", value: t.join(","), name: B }) : null
+              ]
+            }
+          ),
+          z ? /* @__PURE__ */ o.jsx(
+            Fe,
+            {
+              description: p ?? C.tagInputDescription,
+              errorMessage: h
+            }
+          ) : null
+        ] })
+      }
+    ),
+    T ? /* @__PURE__ */ o.jsx("div", { className: A(), children: T }) : null
+  ] });
 };
-N.displayName = "TagInput";
-const ke = ne(N);
+G.displayName = "TagInput";
+const Ee = pe(G);
 export {
-  ke as TagInput
+  Ee as TagInput
 };

package/dist/lyra43.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra43.js","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { SpanButton } from \"../../button/span-button\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { tagStyles } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"defaultValue\" | \"onChange\"> &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    defaultValue?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    defaultValue,\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  const localTextInputRef = useRef<HTMLInputElement>(null);\n  const textInputRef = useObjectRef(\n    inputRef ? mergeRefs(localTextInputRef, inputRef) : localTextInputRef,\n  );\n\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? defaultValue ?? []);\n  const { inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue ?? []);\n  }, [value, defaultValue]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const shouldInputBeRequired = useMemo(\n    () => isRequired && internalValue.length === 0,\n    [internalValue.length, isRequired],\n  );\n\n  const { removeButton, tag } = tagStyles();\n  const [tagGroupIsFocused, setTagGroupIsFocused] = useState(false);\n  const [tagFocusVisible, setTagFocusVisible] = useState<number>(0);\n  const [inputHasFocus, setInputHasFocus] = useState(false);\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isInvalid={isInvalid}\n      isRequired={shouldInputBeRequired}\n      {...textFieldProps}\n      onKeyDown={onKeyDown}\n      value={inputValue}\n      onChange={setInputValue}\n      onPaste={onPaste}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled,\n                isInvalid,\n                className: \"relative flex-wrap items-start gap-1\",\n              });\n            }}\n            onFocus={() => {\n              // Make sure that the input is focused when the group focuses and there are no tags yet\n              if (internalValue.length === 0) textInputRef?.current?.focus();\n            }}\n          >\n            <div\n              className={clsx(\n                internalValue.length && \"-my-px\",\n                \"-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none\",\n              )}\n              tabIndex={!isDisabled ? 0 : undefined}\n              role=\"grid\"\n              onKeyDown={(e) => {\n                if (e.key === \"ArrowRight\") {\n                  e.preventDefault();\n                  setTagFocusVisible((prev) => (prev + 1) % internalValue.length);\n                } else if (e.key === \"ArrowLeft\") {\n                  e.preventDefault();\n                  setTagFocusVisible(\n                    (prev) => (prev - 1 + internalValue.length) % internalValue.length,\n                  );\n                } else if (e.key === \"Backspace\") {\n                  if (tagFocusVisible !== -1) {\n                    internalOnChange(internalValue.filter((_, index) => index !== tagFocusVisible));\n                  }\n                }\n              }}\n              onFocus={() => {\n                if (!isDisabled) setTagGroupIsFocused(true);\n              }}\n              onBlur={() => {\n                if (!isDisabled) setTagGroupIsFocused(false);\n              }}\n            >\n              {internalValue.map((value, index) => (\n                <div\n                  key={value}\n                  className={tag({\n                    allowsRemoving: true,\n                    className: clsx(\n                      tagGroupIsFocused &&\n                        index === tagFocusVisible &&\n                        !inputHasFocus &&\n                        !isDisabled\n                        ? \"border-focus shadow-highlight\"\n                        : \"\",\n                    ),\n                  })}\n                  aria-label={value}\n                  aria-colindex={index + 1}\n                  role=\"gridcell\"\n                  onClick={() => {\n                    if (!isDisabled) {\n                      setTagFocusVisible(index);\n                    }\n                  }}\n                >\n                  {value}\n                  {!isDisabled && (\n                    <SpanButton\n                      className={removeButton({ isDisabled })}\n                      onPress={() => internalOnChange(internalValue.filter((x) => x !== value))}\n                    >\n                      <SvgIcon name=\"clear\" />\n                    </SpanButton>\n                  )}\n                </div>\n              ))}\n\n              <Input\n                className=\"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none\"\n                ref={textInputRef}\n                onFocus={() => {\n                  if (!isDisabled) {\n                    setInputHasFocus(true);\n                  }\n                }}\n                onBlur={() => {\n                  if (!isDisabled) {\n                    setInputHasFocus(false);\n                  }\n                }}\n              />\n            </div>\n            {name ? <input type=\"hidden\" value={internalValue.join(\",\")} name={name} /> : null}\n          </Group>\n          <InputFooter\n            description={description ?? dictionary.tagInputDescription}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n"],"names":["_TagInput","defaultValue","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","value","props","ref","useContextProps","TextFieldContext","localTextInputRef","useRef","textInputRef","useObjectRef","mergeRefs","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","inputField","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","onKeyDown","valueToAdd","onPaste","text","splitValues","x","shouldInputBeRequired","useMemo","removeButton","tag","tagStyles","tagGroupIsFocused","setTagGroupIsFocused","tagFocusVisible","setTagFocusVisible","inputHasFocus","setInputHasFocus","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","_a","clsx","e","prev","_","index","SpanButton","SvgIcon","Input","InputFooter","TagInput","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra43.js","sources":["../src/components/inputs/tag-input/tag-input.tsx"],"sourcesContent":["import {\n  ClipboardEvent,\n  ForwardedRef,\n  RefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport { KeyboardEvent } from \"@react-types/shared\";\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { useDictionary } from \"../../../utils/providers/dictionary-provider\";\nimport { SpanButton } from \"../../button/span-button\";\nimport { SvgIcon } from \"../../svg-icon\";\nimport { tagStyles } from \"../input-tag-group\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type TagInputProps = Omit<AriaTextFieldProps, \"value\" | \"defaultValue\" | \"onChange\"> &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n    value?: string[];\n    defaultValue?: string[];\n    onChange?: (value: string[]) => void;\n  };\n\nconst _TagInput = (\n  {\n    defaultValue,\n    description,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    onChange,\n    outerEndSlot,\n    outerStartSlot,\n    value,\n    ...props\n  }: TagInputProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n\n  const localTextInputRef = useRef<HTMLInputElement>(null);\n  const textInputRef = useObjectRef(\n    inputRef ? mergeRefs(localTextInputRef, inputRef) : localTextInputRef,\n  );\n\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isRequired,\n    name,\n    ...textFieldProps\n  } = props;\n\n  const dictionary = useDictionary();\n  const [inputValue, setInputValue] = useState(\"\");\n  const [internalValue, setInternalValue] = useState(value ?? defaultValue ?? []);\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  useEffect(() => {\n    setInternalValue(value ?? defaultValue ?? []);\n  }, [value, defaultValue]);\n\n  const internalOnChange = useCallback(\n    (value: string[]) => {\n      setInternalValue(value);\n      onChange?.(value);\n    },\n    [onChange],\n  );\n\n  const onKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      if ([\"Enter\", \",\"].includes(e.key)) {\n        e.preventDefault();\n        const valueToAdd = e.currentTarget.value.trim();\n        if (valueToAdd && !internalValue.includes(valueToAdd)) {\n          internalOnChange([...internalValue, e.currentTarget.value.trim()]);\n        }\n        setInputValue(\"\");\n      } else if (e.key === \"Backspace\") {\n        if (!e.currentTarget.value) {\n          e.preventDefault();\n          internalOnChange(internalValue.slice(0, -1));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const onPaste = useCallback(\n    (e: ClipboardEvent<HTMLInputElement>) => {\n      e.preventDefault();\n\n      if (e.clipboardData) {\n        const text = e.clipboardData.getData(\"Text\");\n        if (text) {\n          const splitValues = text\n            ? text\n                .split(\",\")\n                // remove zero width characters\n                .map((x) => x.replace(/[\\u200B-\\u200D\\uFEFF]/g, \"\"))\n                .filter((x) => x.length > 0)\n                .map((x) => x.trim())\n            : [];\n          internalOnChange(Array.from(new Set([...internalValue, ...splitValues])));\n        }\n      }\n    },\n    [internalOnChange, internalValue],\n  );\n\n  const shouldInputBeRequired = useMemo(\n    () => isRequired && internalValue.length === 0,\n    [internalValue.length, isRequired],\n  );\n\n  const { removeButton, tag } = tagStyles();\n  const [tagGroupIsFocused, setTagGroupIsFocused] = useState(false);\n  const [tagFocusVisible, setTagFocusVisible] = useState<number>(0);\n  const [inputHasFocus, setInputHasFocus] = useState(false);\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaTextField\n        className={wrapper({ className })}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        isRequired={shouldInputBeRequired}\n        {...textFieldProps}\n        onKeyDown={onKeyDown}\n        value={inputValue}\n        onChange={setInputValue}\n        onPaste={onPaste}\n        ref={ref}\n      >\n        {({ isDisabled, isInvalid }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isFocusWithin, isHovered }) => {\n                return inputField({\n                  isFocused: isFocusWithin,\n                  isHovered: isHovered,\n                  isDisabled,\n                  isInvalid,\n                  className: \"relative flex-wrap items-start gap-1\",\n                });\n              }}\n              onFocus={() => {\n                // Make sure that the input is focused when the group focuses and there are no tags yet\n                if (internalValue.length === 0) textInputRef?.current?.focus();\n              }}\n            >\n              <div\n                className={clsx(\n                  internalValue.length && \"-my-px\",\n                  \"-mx-1 flex w-full flex-wrap gap-1 py-[0.1875rem] outline-none\",\n                )}\n                tabIndex={!isDisabled ? 0 : undefined}\n                role=\"grid\"\n                onKeyDown={(e) => {\n                  if (e.key === \"ArrowRight\") {\n                    e.preventDefault();\n                    setTagFocusVisible((prev) => (prev + 1) % internalValue.length);\n                  } else if (e.key === \"ArrowLeft\") {\n                    e.preventDefault();\n                    setTagFocusVisible(\n                      (prev) => (prev - 1 + internalValue.length) % internalValue.length,\n                    );\n                  } else if (e.key === \"Backspace\") {\n                    if (tagFocusVisible !== -1) {\n                      internalOnChange(\n                        internalValue.filter((_, index) => index !== tagFocusVisible),\n                      );\n                    }\n                  }\n                }}\n                onFocus={() => {\n                  if (!isDisabled) setTagGroupIsFocused(true);\n                }}\n                onBlur={() => {\n                  if (!isDisabled) setTagGroupIsFocused(false);\n                }}\n              >\n                {internalValue.map((value, index) => (\n                  <div\n                    key={value}\n                    className={tag({\n                      allowsRemoving: true,\n                      className: clsx(\n                        tagGroupIsFocused &&\n                          index === tagFocusVisible &&\n                          !inputHasFocus &&\n                          !isDisabled\n                          ? \"border-focus shadow-highlight\"\n                          : \"\",\n                      ),\n                    })}\n                    aria-label={value}\n                    aria-colindex={index + 1}\n                    role=\"gridcell\"\n                    onClick={() => {\n                      if (!isDisabled) {\n                        setTagFocusVisible(index);\n                      }\n                    }}\n                  >\n                    {value}\n                    {!isDisabled && (\n                      <SpanButton\n                        className={removeButton({ isDisabled })}\n                        onPress={() => internalOnChange(internalValue.filter((x) => x !== value))}\n                      >\n                        <SvgIcon name=\"clear\" />\n                      </SpanButton>\n                    )}\n                  </div>\n                ))}\n\n                <Input\n                  className=\"-my-0.5 h-7 w-full min-w-36 flex-1 ps-2 outline-none\"\n                  ref={textInputRef}\n                  onFocus={() => {\n                    if (!isDisabled) {\n                      setInputHasFocus(true);\n                    }\n                  }}\n                  onBlur={() => {\n                    if (!isDisabled) {\n                      setInputHasFocus(false);\n                    }\n                  }}\n                />\n              </div>\n              {name ? <input type=\"hidden\" value={internalValue.join(\",\")} name={name} /> : null}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter\n                description={description ?? dictionary.tagInputDescription}\n                errorMessage={errorMessage}\n              />\n            ) : null}\n          </>\n        )}\n      </AriaTextField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\n_TagInput.displayName = \"TagInput\";\n\nexport const TagInput = fixedForwardRef(_TagInput);\n"],"names":["_TagInput","defaultValue","description","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","onChange","outerEndSlot","outerStartSlot","value","props","ref","useContextProps","TextFieldContext","localTextInputRef","useRef","textInputRef","useObjectRef","mergeRefs","className","errorMessage","isDisabled","isInvalid","isRequired","name","textFieldProps","dictionary","useDictionary","inputValue","setInputValue","useState","internalValue","setInternalValue","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","useEffect","internalOnChange","useCallback","onKeyDown","valueToAdd","onPaste","text","splitValues","x","shouldInputBeRequired","removeButton","tag","tagStyles","tagGroupIsFocused","setTagGroupIsFocused","tagFocusVisible","setTagFocusVisible","inputHasFocus","setInputHasFocus","jsxs","jsx","AriaTextField","Fragment","InputHeader","Group","isFocusWithin","isHovered","_a","clsx","e","prev","_","index","SpanButton","SvgIcon","Input","InputFooter","TagInput","fixedForwardRef"],"mappings":"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"}

package/dist/lyra44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),s=require("./lyra89.cjs"),f=require("./lyra450.cjs"),O=require("./lyra93.cjs"),w=require("./lyra38.cjs"),C=require("./lyra39.cjs"),D=require("./lyra40.cjs"),a=({description:o,endSlot:t,fullWidth:d=!0,hideHintLabel:c,hideInputFooter:p,hideInputHeader:m,inputRef:j,label:F,startSlot:i,...r},n)=>{[r,n]=s.useContextProps(r,n,s.TextFieldContext);const{className:R,errorMessage:q,isDisabled:E=!1,isInvalid:h,isReadOnly:u,isRequired:x,...y}=r,{input:I,inputField:T,wrapper:N}=D.sharedInputStyles({fullWidth:d,hasStartSlot:!!i,hasEndSlot:!!t});return e.jsxRuntimeExports.jsx(s.TextField,{className:N({className:R}),isDisabled:E,isRequired:x,isInvalid:h,isReadOnly:u,...y,ref:n,children:({isDisabled:l,isInvalid:b})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(w.InputHeader,{label:F,isRequired:x,hideHintLabel:c,hideInputHeader:m}),e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:g,isHovered:v})=>T({isFocused:g,isHovered:v,isDisabled:l||u,isInvalid:b}),children:[i,e.jsxRuntimeExports.jsx(s.Input,{className:I({className:f.clsx(!!i&&"ps-1",!!t&&"pe-1")}),ref:j,required:x,disabled:l,readOnly:u}),t]}),e.jsxRuntimeExports.jsx(C.InputFooter,{description:o,errorMessage:q,hideInputFooter:p})]})})};a.displayName="TextField";const H=O.fixedForwardRef(a);exports.TextField=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),q=require("react"),s=require("./lyra89.cjs"),G=require("./lyra450.cjs"),H=require("./lyra93.cjs"),S=require("./lyra38.cjs"),W=require("./lyra39.cjs"),$=require("./lyra40.cjs"),E=require("./lyra610.cjs"),I=({description:t,endSlot:n,fullWidth:N=!0,hideHintLabel:i,hideInputFooter:c,hideInputHeader:p,inputRef:v,label:r,outerEndSlot:m,outerStartSlot:j,startSlot:u,...l},o)=>{[l,o]=s.useContextProps(l,o,s.TextFieldContext);const{className:y,errorMessage:x,isDisabled:T=!1,isInvalid:g,isReadOnly:a,isRequired:d,...M}=l,R=q.useMemo(()=>E.shouldRenderInputHeader({hideHintLabel:i,hideInputHeader:p,label:r}),[i,p,r]),f=q.useMemo(()=>E.shouldRenderInputFooter({description:t,errorMessage:x,hideInputFooter:c}),[t,x,c]),{input:O,inputField:w,outerSlot:F,outerSlotsWrapper:C,wrapper:D}=$.sharedInputStyles({fullWidth:N,hasStartSlot:!!u,hasEndSlot:!!n,hasInputHeader:R,hasLabel:!!r});return e.jsxRuntimeExports.jsxs("div",{className:C(),children:[j?e.jsxRuntimeExports.jsx("div",{className:F(),children:j}):null,e.jsxRuntimeExports.jsx(s.TextField,{className:D({className:y}),isDisabled:T,isRequired:d,isInvalid:g,isReadOnly:a,...M,ref:o,children:({isDisabled:h,isInvalid:P})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[R?e.jsxRuntimeExports.jsx(S.InputHeader,{label:r,isRequired:d,hideHintLabel:i}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:_,isHovered:b})=>w({isFocused:_,isHovered:b,isDisabled:h||a,isInvalid:P}),children:[u,e.jsxRuntimeExports.jsx(s.Input,{className:O({className:G.clsx(!!u&&"ps-1",!!n&&"pe-1")}),ref:v,required:d,disabled:h,readOnly:a}),n]}),f?e.jsxRuntimeExports.jsx(W.InputFooter,{description:t,errorMessage:x}):null]})}),m?e.jsxRuntimeExports.jsx("div",{className:F(),children:m}):null]})};I.displayName="TextField";const k=H.fixedForwardRef(I);exports.TextField=k;

package/dist/lyra44.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra44.cjs","sources":["../src/components/inputs/text-field/text-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject } from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TextFieldProps = AriaTextFieldProps &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _TextField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    startSlot,\n    ...props\n  }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      {...textFieldprops}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <Input\n              className={input({\n                className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n              })}\n              ref={inputRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextField.displayName = \"TextField\";\n\nexport const TextField = fixedForwardRef(_TextField);\n"],"names":["_TextField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","startSlot","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","input","inputField","wrapper","sharedInputStyles","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","InputFooter","TextField","fixedForwardRef"],"mappings":"6QAiCMA,EAAa,CACjB,CACE,YAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,gBAAgB,EACrD,KAAA,CACJ,UAAAC,EACA,aAAAC,EACA,WAAAC,EAAa,GACb,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,GAAGC,CACD,EAAAV,EAEE,CAAE,MAAAW,EAAO,WAAAC,EAAY,QAAAC,CAAA,EAAYC,EAAAA,kBAAkB,CACvD,UAAArB,EACA,aAAc,CAAC,CAACM,EAChB,WAAY,CAAC,CAACP,CAAA,CACf,EAGC,OAAAuB,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,UAAWH,EAAQ,CAAE,UAAAT,EAAW,EAChC,WAAAE,EACA,WAAAG,EACA,UAAAF,EACA,WAAAC,EACC,GAAGE,EACJ,IAAAT,EAEC,UAAC,CAAE,WAAAK,EAAY,UAAAC,CAAAA,IAEZU,EAAA,kBAAA,KAAAC,6BAAA,CAAA,SAAA,CAAAH,EAAA,kBAAA,IAACI,EAAA,YAAA,CACC,MAAArB,EACA,WAAAW,EACA,cAAAf,EACA,gBAAAE,CAAA,CACF,EACAqB,EAAA,kBAAA,KAACG,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,cAAAC,EAAe,UAAAC,KACpBV,EAAW,CAChB,UAAWS,EACX,UAAAC,EACA,WAAYhB,GAAcE,EAC1B,UAAAD,CAAA,CACD,EAGF,SAAA,CAAAR,EACDgB,EAAA,kBAAA,IAACQ,EAAA,MAAA,CACC,UAAWZ,EAAM,CACf,UAAWa,OAAK,CAAC,CAACzB,GAAa,OAAQ,CAAC,CAACP,GAAW,MAAM,CAAA,CAC3D,EACD,IAAKK,EACL,SAAUY,EACV,SAAUH,EACV,SAAUE,CAAA,CACZ,EACChB,CAAA,CAAA,CACH,EACAuB,EAAA,kBAAA,IAACU,EAAA,YAAA,CACC,YAAAlC,EACA,aAAAc,EACA,gBAAAV,CAAA,CACF,CAAA,EACF,CAAA,CAAA,CAIR,EAEAL,EAAW,YAAc,YAEZ,MAAAoC,EAAYC,kBAAgBrC,CAAU"}
+{"version":3,"file":"lyra44.cjs","sources":["../src/components/inputs/text-field/text-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject, useMemo } from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\nimport { InputOuterSlotsProps } from \"../shared/types\";\n\nexport type TextFieldProps = AriaTextFieldProps &\n  Omit<\n    VariantProps<typeof sharedInputStyles>,\n    \"hasEndSlot\" | \"hasStartSlot\" | \"hasInputHeader\" | \"hasLabel\"\n  > &\n  InputHeaderProps &\n  InputFooterProps &\n  InputOuterSlotsProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _TextField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    outerEndSlot,\n    outerStartSlot,\n    startSlot,\n    ...props\n  }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const hasInputHeader = useMemo(\n    () => shouldRenderInputHeader({ hideHintLabel, hideInputHeader, label }),\n    [hideHintLabel, hideInputHeader, label],\n  );\n\n  const hasInputFooter = useMemo(\n    () => shouldRenderInputFooter({ description, errorMessage, hideInputFooter }),\n    [description, errorMessage, hideInputFooter],\n  );\n\n  const { input, inputField, outerSlot, outerSlotsWrapper, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n    hasInputHeader,\n    hasLabel: !!label,\n  });\n\n  return (\n    <div className={outerSlotsWrapper()}>\n      {outerStartSlot ? <div className={outerSlot()}>{outerStartSlot}</div> : null}\n      <AriaTextField\n        className={wrapper({ className })}\n        isDisabled={isDisabled}\n        isRequired={isRequired}\n        isInvalid={isInvalid}\n        isReadOnly={isReadOnly}\n        {...textFieldprops}\n        ref={ref}\n      >\n        {({ isDisabled, isInvalid }) => (\n          <>\n            {hasInputHeader ? (\n              <InputHeader label={label} isRequired={isRequired} hideHintLabel={hideHintLabel} />\n            ) : null}\n            <Group\n              className={({ isFocusWithin, isHovered }) => {\n                return inputField({\n                  isFocused: isFocusWithin,\n                  isHovered: isHovered,\n                  isDisabled: isDisabled || isReadOnly,\n                  isInvalid,\n                });\n              }}\n            >\n              {startSlot}\n              <Input\n                className={input({\n                  className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n                })}\n                ref={inputRef}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n              />\n              {endSlot}\n            </Group>\n            {hasInputFooter ? (\n              <InputFooter description={description} errorMessage={errorMessage} />\n            ) : null}\n          </>\n        )}\n      </AriaTextField>\n      {outerEndSlot ? <div className={outerSlot()}>{outerEndSlot}</div> : null}\n    </div>\n  );\n};\n\n_TextField.displayName = \"TextField\";\n\nexport const TextField = fixedForwardRef(_TextField);\n"],"names":["_TextField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","outerEndSlot","outerStartSlot","startSlot","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","jsxs","jsx","AriaTextField","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","InputFooter","TextField","fixedForwardRef"],"mappings":"2TAuCMA,EAAa,CACjB,CACE,YAAAC,EACA,QAAAC,EACA,UAAAC,EAAY,GACZ,cAAAC,EACA,gBAAAC,EACA,gBAAAC,EACA,SAAAC,EACA,MAAAC,EACA,aAAAC,EACA,eAAAC,EACA,UAAAC,EACA,GAAGC,CACL,EACAC,IACG,CACH,CAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,gBAAgB,EACrD,KAAA,CACJ,UAAAC,EACA,aAAAC,EACA,WAAAC,EAAa,GACb,UAAAC,EACA,WAAAC,EACA,WAAAC,EACA,GAAGC,CACD,EAAAV,EAEEW,EAAiBC,EAAA,QACrB,IAAMC,EAAwB,wBAAA,CAAE,cAAArB,EAAe,gBAAAE,EAAiB,MAAAE,EAAO,EACvE,CAACJ,EAAeE,EAAiBE,CAAK,CAAA,EAGlCkB,EAAiBF,EAAA,QACrB,IAAMG,EAAwB,wBAAA,CAAE,YAAA1B,EAAa,aAAAgB,EAAc,gBAAAZ,EAAiB,EAC5E,CAACJ,EAAagB,EAAcZ,CAAe,CAAA,EAGvC,CAAE,MAAAuB,EAAO,WAAAC,EAAY,UAAAC,EAAW,kBAAAC,EAAmB,QAAAC,GAAYC,oBAAkB,CACrF,UAAA9B,EACA,aAAc,CAAC,CAACQ,EAChB,WAAY,CAAC,CAACT,EACd,eAAAqB,EACA,SAAU,CAAC,CAACf,CAAA,CACb,EAED,OACG0B,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWH,EAAA,EACb,SAAA,CAAArB,0BAAkB,MAAI,CAAA,UAAWoB,EAAU,EAAI,UAAe,CAAA,EAAS,KACxEK,EAAA,kBAAA,IAACC,EAAA,UAAA,CACC,UAAWJ,EAAQ,CAAE,UAAAhB,EAAW,EAChC,WAAAE,EACA,WAAAG,EACA,UAAAF,EACA,WAAAC,EACC,GAAGE,EACJ,IAAAT,EAEC,UAAC,CAAE,WAAAK,EAAY,UAAAC,CAAAA,IAEXe,EAAA,kBAAA,KAAAG,6BAAA,CAAA,SAAA,CAAAd,EACEY,EAAA,kBAAA,IAAAG,cAAA,CAAY,MAAA9B,EAAc,WAAAa,EAAwB,cAAAjB,CAA8B,CAAA,EAC/E,KACJ8B,EAAA,kBAAA,KAACK,EAAA,MAAA,CACC,UAAW,CAAC,CAAE,cAAAC,EAAe,UAAAC,KACpBZ,EAAW,CAChB,UAAWW,EACX,UAAAC,EACA,WAAYvB,GAAcE,EAC1B,UAAAD,CAAA,CACD,EAGF,SAAA,CAAAR,EACDwB,EAAA,kBAAA,IAACO,EAAA,MAAA,CACC,UAAWd,EAAM,CACf,UAAWe,OAAK,CAAC,CAAChC,GAAa,OAAQ,CAAC,CAACT,GAAW,MAAM,CAAA,CAC3D,EACD,IAAKK,EACL,SAAUc,EACV,SAAUH,EACV,SAAUE,CAAA,CACZ,EACClB,CAAA,CAAA,CACH,EACCwB,EACCS,EAAA,kBAAA,IAACS,EAAY,YAAA,CAAA,YAAA3C,EAA0B,aAAAgB,CAA4B,CAAA,EACjE,IAAA,EACN,CAAA,CAEJ,EACCR,EAAgB0B,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWL,EAAU,EAAI,UAAa,CAAA,EAAS,IACtE,CAAA,CAAA,CAEJ,EAEA9B,EAAW,YAAc,YAEZ,MAAA6C,EAAYC,kBAAgB9C,CAAU"}