@new-black/lyra 1.0.36 → 1.0.38

package/dist/lyra43.js

@@ -5,19 +5,19 @@ import { useObjectRef as ue, mergeRefs as fe } from "./lyra105.js";
 import { clsx as E } from "./lyra454.js";
 import { fixedForwardRef as pe } from "./lyra97.js";
 import { useDictionary as me } from "./lyra99.js";
-import { SpanButton as de } from "./lyra616.js";
+import { SpanButton as de } from "./lyra629.js";
 import { SvgIcon as xe } from "./lyra67.js";
-import "./lyra463.js";
-import { tagStyles as ge } from "./lyra464.js";
+import "./lyra462.js";
+import { tagStyles as ge } from "./lyra463.js";
 import { InputHeader as he } from "./lyra38.js";
 import { InputFooter as Ie } from "./lyra39.js";
 import { sharedInputStyles as Fe } from "./lyra40.js";
-import { shouldRenderInputHeader as $e, shouldRenderInputFooter as je } from "./lyra609.js";
+import { shouldRenderInputHeader as $e, shouldRenderInputFooter as je } from "./lyra623.js";
 const G = ({
-  defaultValue: f,
-  description: p,
+  defaultValue: p,
+  description: m,
   fullWidth: O = !0,
-  hideHintLabel: m,
+  hideHintLabel: d,
   hideInputFooter: b,
   hideInputHeader: w,
   inputRef: N,
@@ -25,26 +25,26 @@ const G = ({
   onChange: i,
   outerEndSlot: T,
   outerStartSlot: R,
-  value: d,
-  ...x
-}, g) => {
-  [x, g] = ae(x, g, ne);
+  value: x,
+  ...g
+}, h) => {
+  [g, h] = ae(g, h, ne);
   const k = re(null), u = ue(
     N ? fe(k, N) : k
   ), {
     className: H,
-    errorMessage: h,
+    errorMessage: f,
     isDisabled: K = !1,
     isInvalid: M,
     isRequired: I,
     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]
+  } = g, C = me(), [W, D] = l(""), [t, S] = l(x ?? p ?? []), V = v(
+    () => $e({ hideHintLabel: d, hideInputHeader: w, label: c }),
+    [d, w, c]
   ), z = v(
-    () => je({ description: p, errorMessage: h, hideInputFooter: b }),
-    [p, h, b]
+    () => je({ description: m, errorMessage: f, hideInputFooter: b }),
+    [m, f, b]
   ), { inputField: J, outerSlot: A, outerSlotsWrapper: L, wrapper: Q } = Fe({
     fullWidth: O,
     hasInputHeader: V,
@@ -52,8 +52,8 @@ const G = ({
     isInputOnly: !1
   });
   oe(() => {
-    S(d ?? f ?? []);
-  }, [d, f]);
+    S(x ?? p ?? []);
+  }, [x, p]);
   const n = y(
     (e) => {
       S(e), i == null || i(e);
@@ -98,9 +98,9 @@ const G = ({
         value: W,
         onChange: D,
         onPaste: X,
-        ref: g,
+        ref: h,
         children: ({ isDisabled: e, isInvalid: a }) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-          V ? /* @__PURE__ */ o.jsx(he, { label: c, isRequired: I, hideHintLabel: m }) : null,
+          V ? /* @__PURE__ */ o.jsx(he, { label: c, isRequired: I, hideHintLabel: d }) : null,
           /* @__PURE__ */ o.jsxs(
             ce,
             {
@@ -108,7 +108,7 @@ const G = ({
                 isFocused: s,
                 isHovered: r,
                 isDisabled: e,
-                isInvalid: a,
+                isInvalid: a || !!f,
                 className: "relative flex-wrap items-start gap-1"
               }),
               onFocus: () => {
@@ -191,8 +191,8 @@ const G = ({
           z ? /* @__PURE__ */ o.jsx(
             Ie,
             {
-              description: p ?? C.tagInputDescription,
-              errorMessage: h
+              description: m ?? C.tagInputDescription,
+              errorMessage: f
             }
           ) : null
         ] })

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\";\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\" | \"isInputOnly\"\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    isInputOnly: false,\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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"}
+{"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\" | \"isInputOnly\"\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    isInputOnly: false,\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: isInvalid || !!errorMessage,\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("./lyra94.cjs"),q=require("react"),s=require("./lyra93.cjs"),G=require("./lyra454.cjs"),H=require("./lyra97.cjs"),S=require("./lyra38.cjs"),W=require("./lyra39.cjs"),$=require("./lyra40.cjs"),E=require("./lyra609.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),q=require("react"),s=require("./lyra93.cjs"),G=require("./lyra454.cjs"),H=require("./lyra97.cjs"),S=require("./lyra38.cjs"),W=require("./lyra39.cjs"),$=require("./lyra40.cjs"),E=require("./lyra623.cjs"),I=({description:n,endSlot:i,fullWidth:N=!0,hideHintLabel:u,hideInputFooter:c,hideInputHeader:p,inputRef:v,label:r,outerEndSlot:m,outerStartSlot:j,startSlot:l,...o},x)=>{[o,x]=s.useContextProps(o,x,s.TextFieldContext);const{className:y,errorMessage:t,isDisabled:T=!1,isInvalid:g,isReadOnly:a,isRequired:d,...M}=o,R=q.useMemo(()=>E.shouldRenderInputHeader({hideHintLabel:u,hideInputHeader:p,label:r}),[u,p,r]),f=q.useMemo(()=>E.shouldRenderInputFooter({description:n,errorMessage:t,hideInputFooter:c}),[n,t,c]),{input:O,inputField:w,outerSlot:F,outerSlotsWrapper:C,wrapper:D}=$.sharedInputStyles({fullWidth:N,hasStartSlot:!!l,hasEndSlot:!!i,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:x,children:({isDisabled:h,isInvalid:P})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[R?e.jsxRuntimeExports.jsx(S.InputHeader,{label:r,isRequired:d,hideHintLabel:u}):null,e.jsxRuntimeExports.jsxs(s.Group,{className:({isFocusWithin:_,isHovered:b})=>w({isFocused:_,isHovered:b,isDisabled:h||a,isInvalid:P||!!t}),children:[l,e.jsxRuntimeExports.jsx(s.Input,{className:O({className:G.clsx(!!l&&"ps-1",!!i&&"pe-1")}),ref:v,required:d,disabled:h,readOnly:a}),i]}),f?e.jsxRuntimeExports.jsx(W.InputFooter,{description:n,errorMessage:t}):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, 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\" | \"isInputOnly\"\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"}
+{"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\" | \"isInputOnly\"\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: isInvalid || !!errorMessage,\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,UAAWD,GAAa,CAAC,CAACF,CAAA,CAC3B,EAGF,SAAA,CAAAN,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"}

package/dist/lyra44.js

@@ -6,40 +6,40 @@ import { fixedForwardRef as z } from "./lyra97.js";
 import { InputHeader as A } from "./lyra38.js";
 import { InputFooter as B } from "./lyra39.js";
 import { sharedInputStyles as H } from "./lyra40.js";
-import { shouldRenderInputHeader as J, shouldRenderInputFooter as K } from "./lyra609.js";
+import { shouldRenderInputHeader as J, shouldRenderInputFooter as K } from "./lyra623.js";
 const j = ({
-  description: r,
-  endSlot: a,
+  description: a,
+  endSlot: d,
   fullWidth: h = !0,
-  hideHintLabel: d,
+  hideHintLabel: o,
   hideInputFooter: c,
   hideInputHeader: p,
   inputRef: I,
   label: s,
   outerEndSlot: x,
   outerStartSlot: f,
-  startSlot: o,
-  ...t
-}, i) => {
-  [t, i] = E(t, i, G);
+  startSlot: t,
+  ...i
+}, l) => {
+  [i, l] = E(i, l, G);
   const {
     className: N,
-    errorMessage: l,
+    errorMessage: r,
     isDisabled: v = !1,
     isInvalid: R,
     isReadOnly: n,
     isRequired: m,
     ...T
-  } = t, u = b(
-    () => J({ hideHintLabel: d, hideInputHeader: p, label: s }),
-    [d, p, s]
+  } = i, u = b(
+    () => J({ hideHintLabel: o, hideInputHeader: p, label: s }),
+    [o, p, s]
   ), y = b(
-    () => K({ description: r, errorMessage: l, hideInputFooter: c }),
-    [r, l, c]
+    () => K({ description: a, errorMessage: r, hideInputFooter: c }),
+    [a, r, c]
   ), { input: g, inputField: q, outerSlot: $, outerSlotsWrapper: w, wrapper: C } = H({
     fullWidth: h,
-    hasStartSlot: !!o,
-    hasEndSlot: !!a,
+    hasStartSlot: !!t,
+    hasEndSlot: !!d,
     hasInputHeader: u,
     hasLabel: !!s
   });
@@ -54,9 +54,9 @@ const j = ({
         isInvalid: R,
         isReadOnly: n,
         ...T,
-        ref: i,
+        ref: l,
         children: ({ isDisabled: F, isInvalid: D }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          u ? /* @__PURE__ */ e.jsx(A, { label: s, isRequired: m, hideHintLabel: d }) : null,
+          u ? /* @__PURE__ */ e.jsx(A, { label: s, isRequired: m, hideHintLabel: o }) : null,
           /* @__PURE__ */ e.jsxs(
             W,
             {
@@ -64,15 +64,15 @@ const j = ({
                 isFocused: M,
                 isHovered: O,
                 isDisabled: F || n,
-                isInvalid: D
+                isInvalid: D || !!r
               }),
               children: [
-                o,
+                t,
                 /* @__PURE__ */ e.jsx(
                   _,
                   {
                     className: g({
-                      className: k(!!o && "ps-1", !!a && "pe-1")
+                      className: k(!!t && "ps-1", !!d && "pe-1")
                     }),
                     ref: I,
                     required: m,
@@ -80,11 +80,11 @@ const j = ({
                     readOnly: n
                   }
                 ),
-                a
+                d
               ]
             }
           ),
-          y ? /* @__PURE__ */ e.jsx(B, { description: r, errorMessage: l }) : null
+          y ? /* @__PURE__ */ e.jsx(B, { description: a, errorMessage: r }) : null
         ] })
       }
     ),

package/dist/lyra44.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra44.js","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\" | \"isInputOnly\"\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":"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"}
+{"version":3,"file":"lyra44.js","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\" | \"isInputOnly\"\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: isInvalid || !!errorMessage,\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":"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"}

package/dist/lyra45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra94.cjs"),i=require("react"),o=require("./lyra93.cjs"),w=require("./lyra105.cjs"),W=require("./lyra454.cjs"),B=require("./lyra97.cjs"),J=require("./lyra38.cjs"),K=require("./lyra39.cjs"),Q=require("./lyra40.cjs"),z=require("./lyra609.cjs"),C=({description:d,endSlot:x,fullWidth:H=!0,hideHintLabel:m,hideInputFooter:g,hideInputHeader:E,label:l,maxRows:h,outerEndSlot:y,outerStartSlot:f,rows:M=1,startSlot:j,textAreaRef:q,...t},p)=>{[t,p]=o.useContextProps(t,p,o.TextFieldContext);const{className:S,errorMessage:R,isDisabled:A=!1,isInvalid:O,isReadOnly:v,isRequired:F,...$}=t,I=i.useRef(null),e=w.useObjectRef(q?w.mergeRefs(I,q):I),N=i.useMemo(()=>z.shouldRenderInputHeader({hideHintLabel:m,hideInputHeader:E,label:l}),[m,E,l]),b=i.useMemo(()=>z.shouldRenderInputFooter({description:d,errorMessage:R,hideInputFooter:g}),[d,R,g]),{input:P,inputField:_,outerSlot:T,outerSlotsWrapper:D,wrapper:L}=Q.sharedInputStyles({fullWidth:H,hasStartSlot:!!j,hasEndSlot:!!x,hasInputHeader:N,hasLabel:!!l}),[V,k]=i.useState(t.value??t.defaultValue??""),G=n=>{var r;k(n),(r=t.onChange)==null||r.call(t,n)},a=i.useCallback(()=>{if(e!=null&&e.current){const n=parseInt(window.getComputedStyle(document.documentElement).fontSize);e.current.style.height="auto";const r=h?Math.round(h):void 0,c=r?r+.5:void 0,u=c?c*n:void 0;u&&e.current.scrollHeight>u?e.current.style.maxHeight=`${u}px`:e.current.style.height=`${e.current.scrollHeight}px`}},[h,e]);return i.useLayoutEffect(()=>(a(),window.addEventListener("resize",a),()=>{window.removeEventListener("resize",a)}),[a,V]),s.jsxRuntimeExports.jsxs("div",{className:D(),children:[f?s.jsxRuntimeExports.jsx("div",{className:T(),children:f}):null,s.jsxRuntimeExports.jsx(o.TextField,{className:L({className:S}),isDisabled:A,isRequired:F,isReadOnly:v,isInvalid:O,...$,onChange:G,ref:p,children:({isDisabled:n,isInvalid:r})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[N?s.jsxRuntimeExports.jsx(J.InputHeader,{label:l,isRequired:F,hideHintLabel:m}):null,s.jsxRuntimeExports.jsxs(o.Group,{className:({isFocusWithin:c,isHovered:u})=>_({isFocused:c,isHovered:u,isDisabled:n||v,isInvalid:r}),children:[j,s.jsxRuntimeExports.jsx(o.TextArea,{className:P({className:W.clsx(!!j&&"ps-1",!!x&&"pe-1","resize-none","overflow-x-hidden","py-[0.4375rem]")}),ref:e,required:F,disabled:n,readOnly:v,rows:M}),x]}),b?s.jsxRuntimeExports.jsx(K.InputFooter,{description:d,errorMessage:R}):null]})}),y?s.jsxRuntimeExports.jsx("div",{className:T(),children:y}):null]})};C.displayName="TextFieldArea";const U=B.fixedForwardRef(C);exports.TextFieldArea=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra94.cjs"),i=require("react"),o=require("./lyra93.cjs"),w=require("./lyra105.cjs"),W=require("./lyra454.cjs"),B=require("./lyra97.cjs"),J=require("./lyra38.cjs"),K=require("./lyra39.cjs"),Q=require("./lyra40.cjs"),z=require("./lyra623.cjs"),C=({description:x,endSlot:m,fullWidth:H=!0,hideHintLabel:h,hideInputFooter:g,hideInputHeader:E,label:l,maxRows:j,outerEndSlot:y,outerStartSlot:f,rows:M=1,startSlot:p,textAreaRef:q,...t},R)=>{[t,R]=o.useContextProps(t,R,o.TextFieldContext);const{className:S,errorMessage:a,isDisabled:A=!1,isInvalid:O,isReadOnly:v,isRequired:F,...$}=t,I=i.useRef(null),e=w.useObjectRef(q?w.mergeRefs(I,q):I),N=i.useMemo(()=>z.shouldRenderInputHeader({hideHintLabel:h,hideInputHeader:E,label:l}),[h,E,l]),b=i.useMemo(()=>z.shouldRenderInputFooter({description:x,errorMessage:a,hideInputFooter:g}),[x,a,g]),{input:P,inputField:_,outerSlot:T,outerSlotsWrapper:D,wrapper:L}=Q.sharedInputStyles({fullWidth:H,hasStartSlot:!!p,hasEndSlot:!!m,hasInputHeader:N,hasLabel:!!l}),[V,k]=i.useState(t.value??t.defaultValue??""),G=n=>{var r;k(n),(r=t.onChange)==null||r.call(t,n)},c=i.useCallback(()=>{if(e!=null&&e.current){const n=parseInt(window.getComputedStyle(document.documentElement).fontSize);e.current.style.height="auto";const r=j?Math.round(j):void 0,d=r?r+.5:void 0,u=d?d*n:void 0;u&&e.current.scrollHeight>u?e.current.style.maxHeight=`${u}px`:e.current.style.height=`${e.current.scrollHeight}px`}},[j,e]);return i.useLayoutEffect(()=>(c(),window.addEventListener("resize",c),()=>{window.removeEventListener("resize",c)}),[c,V]),s.jsxRuntimeExports.jsxs("div",{className:D(),children:[f?s.jsxRuntimeExports.jsx("div",{className:T(),children:f}):null,s.jsxRuntimeExports.jsx(o.TextField,{className:L({className:S}),isDisabled:A,isRequired:F,isReadOnly:v,isInvalid:O,...$,onChange:G,ref:R,children:({isDisabled:n,isInvalid:r})=>s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[N?s.jsxRuntimeExports.jsx(J.InputHeader,{label:l,isRequired:F,hideHintLabel:h}):null,s.jsxRuntimeExports.jsxs(o.Group,{className:({isFocusWithin:d,isHovered:u})=>_({isFocused:d,isHovered:u,isDisabled:n||v,isInvalid:r||!!a}),children:[p,s.jsxRuntimeExports.jsx(o.TextArea,{className:P({className:W.clsx(!!p&&"ps-1",!!m&&"pe-1","resize-none","overflow-x-hidden","py-[0.4375rem]")}),ref:e,required:F,disabled:n,readOnly:v,rows:M}),m]}),b?s.jsxRuntimeExports.jsx(K.InputFooter,{description:x,errorMessage:a}):null]})}),y?s.jsxRuntimeExports.jsx("div",{className:T(),children:y}):null]})};C.displayName="TextFieldArea";const U=B.fixedForwardRef(C);exports.TextFieldArea=U;

package/dist/lyra45.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra45.cjs","sources":["../src/components/inputs/text-field-area/text-field-area.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  Group,\n  TextArea,\n  TextField as AriaTextField,\n  TextFieldContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\n\nimport { TextFieldAreaProps } from \"./text-field-area.types\";\n\nconst _TextFieldArea = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    maxRows,\n    outerEndSlot,\n    outerStartSlot,\n    rows = 1,\n    startSlot,\n    textAreaRef,\n    ...props\n  }: TextFieldAreaProps,\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 innerTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  const mergedTextAreaRef = useObjectRef(\n    textAreaRef ? mergeRefs(innerTextAreaRef, textAreaRef) : innerTextAreaRef,\n  );\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  const [innerValue, setInnerValue] = useState(props.value ?? props.defaultValue ?? \"\");\n\n  const onChange: TextFieldAreaProps[\"onChange\"] = (newValue) => {\n    setInnerValue(newValue);\n    props.onChange?.(newValue);\n  };\n\n  const handleResize = useCallback(() => {\n    if (mergedTextAreaRef?.current) {\n      const rootFontSizePx = parseInt(window.getComputedStyle(document.documentElement).fontSize);\n      mergedTextAreaRef.current.style.height = \"auto\";\n      const maxRowsInt = maxRows ? Math.round(maxRows) : undefined;\n      const maxHeightInRem = maxRowsInt ? maxRowsInt + 0.5 : undefined;\n      const maxHeight = maxHeightInRem ? maxHeightInRem * rootFontSizePx : undefined;\n\n      if (maxHeight && mergedTextAreaRef.current.scrollHeight > maxHeight) {\n        mergedTextAreaRef.current.style.maxHeight = `${maxHeight}px`;\n      } else {\n        mergedTextAreaRef.current.style.height = `${mergedTextAreaRef.current.scrollHeight}px`;\n      }\n    }\n  }, [maxRows, mergedTextAreaRef]);\n\n  useLayoutEffect(() => {\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n    // Adding dependency to the innerValue to make sure we resize the element every time the input is changed\n  }, [handleResize, innerValue]);\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        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        {...textFieldprops}\n        onChange={onChange}\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              <TextArea\n                className={input({\n                  className: clsx(\n                    !!startSlot && \"ps-1\",\n                    !!endSlot && \"pe-1\",\n                    \"resize-none\",\n                    \"overflow-x-hidden\",\n                    \"py-[0.4375rem]\",\n                  ),\n                })}\n                ref={mergedTextAreaRef}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                rows={rows}\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_TextFieldArea.displayName = \"TextFieldArea\";\nexport const TextFieldArea = fixedForwardRef(_TextFieldArea);\n"],"names":["_TextFieldArea","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","maxRows","outerEndSlot","outerStartSlot","rows","startSlot","textAreaRef","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","innerTextAreaRef","useRef","mergedTextAreaRef","useObjectRef","mergeRefs","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","innerValue","setInnerValue","useState","onChange","newValue","_a","handleResize","useCallback","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","useLayoutEffect","jsxs","jsx","AriaTextField","Fragment","InputHeader","Group","isFocusWithin","isHovered","TextArea","clsx","InputFooter","TextFieldArea","fixedForwardRef"],"mappings":"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"}
+{"version":3,"file":"lyra45.cjs","sources":["../src/components/inputs/text-field-area/text-field-area.tsx"],"sourcesContent":["import { ForwardedRef, useCallback, useLayoutEffect, useMemo, useRef, useState } from \"react\";\nimport {\n  Group,\n  TextArea,\n  TextField as AriaTextField,\n  TextFieldContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\nimport { shouldRenderInputFooter, shouldRenderInputHeader } from \"../shared/helpers\";\n\nimport { TextFieldAreaProps } from \"./text-field-area.types\";\n\nconst _TextFieldArea = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    maxRows,\n    outerEndSlot,\n    outerStartSlot,\n    rows = 1,\n    startSlot,\n    textAreaRef,\n    ...props\n  }: TextFieldAreaProps,\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 innerTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  const mergedTextAreaRef = useObjectRef(\n    textAreaRef ? mergeRefs(innerTextAreaRef, textAreaRef) : innerTextAreaRef,\n  );\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  const [innerValue, setInnerValue] = useState(props.value ?? props.defaultValue ?? \"\");\n\n  const onChange: TextFieldAreaProps[\"onChange\"] = (newValue) => {\n    setInnerValue(newValue);\n    props.onChange?.(newValue);\n  };\n\n  const handleResize = useCallback(() => {\n    if (mergedTextAreaRef?.current) {\n      const rootFontSizePx = parseInt(window.getComputedStyle(document.documentElement).fontSize);\n      mergedTextAreaRef.current.style.height = \"auto\";\n      const maxRowsInt = maxRows ? Math.round(maxRows) : undefined;\n      const maxHeightInRem = maxRowsInt ? maxRowsInt + 0.5 : undefined;\n      const maxHeight = maxHeightInRem ? maxHeightInRem * rootFontSizePx : undefined;\n\n      if (maxHeight && mergedTextAreaRef.current.scrollHeight > maxHeight) {\n        mergedTextAreaRef.current.style.maxHeight = `${maxHeight}px`;\n      } else {\n        mergedTextAreaRef.current.style.height = `${mergedTextAreaRef.current.scrollHeight}px`;\n      }\n    }\n  }, [maxRows, mergedTextAreaRef]);\n\n  useLayoutEffect(() => {\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n    // Adding dependency to the innerValue to make sure we resize the element every time the input is changed\n  }, [handleResize, innerValue]);\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        isReadOnly={isReadOnly}\n        isInvalid={isInvalid}\n        {...textFieldprops}\n        onChange={onChange}\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: isInvalid || !!errorMessage,\n                });\n              }}\n            >\n              {startSlot}\n              <TextArea\n                className={input({\n                  className: clsx(\n                    !!startSlot && \"ps-1\",\n                    !!endSlot && \"pe-1\",\n                    \"resize-none\",\n                    \"overflow-x-hidden\",\n                    \"py-[0.4375rem]\",\n                  ),\n                })}\n                ref={mergedTextAreaRef}\n                required={isRequired}\n                disabled={isDisabled}\n                readOnly={isReadOnly}\n                rows={rows}\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_TextFieldArea.displayName = \"TextFieldArea\";\nexport const TextFieldArea = fixedForwardRef(_TextFieldArea);\n"],"names":["_TextFieldArea","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","maxRows","outerEndSlot","outerStartSlot","rows","startSlot","textAreaRef","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","innerTextAreaRef","useRef","mergedTextAreaRef","useObjectRef","mergeRefs","hasInputHeader","useMemo","shouldRenderInputHeader","hasInputFooter","shouldRenderInputFooter","input","inputField","outerSlot","outerSlotsWrapper","wrapper","sharedInputStyles","innerValue","setInnerValue","useState","onChange","newValue","_a","handleResize","useCallback","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","useLayoutEffect","jsxs","jsx","AriaTextField","Fragment","InputHeader","Group","isFocusWithin","isHovered","TextArea","clsx","InputFooter","TextFieldArea","fixedForwardRef"],"mappings":"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"}

package/dist/lyra45.js

@@ -7,27 +7,27 @@ import { fixedForwardRef as ee } from "./lyra97.js";
 import { InputHeader as se } from "./lyra38.js";
 import { InputFooter as te } from "./lyra39.js";
 import { sharedInputStyles as re } from "./lyra40.js";
-import { shouldRenderInputHeader as ne, shouldRenderInputFooter as oe } from "./lyra609.js";
+import { shouldRenderInputHeader as ne, shouldRenderInputFooter as oe } from "./lyra623.js";
 const w = ({
-  description: c,
-  endSlot: l,
+  description: l,
+  endSlot: u,
   fullWidth: z = !0,
-  hideHintLabel: u,
+  hideHintLabel: m,
   hideInputFooter: b,
   hideInputHeader: v,
   label: a,
-  maxRows: m,
+  maxRows: f,
   outerEndSlot: F,
   outerStartSlot: g,
   rows: C = 1,
-  startSlot: f,
+  startSlot: x,
   textAreaRef: j,
   ...t
-}, x) => {
-  [t, x] = B(t, x, J);
+}, h) => {
+  [t, h] = B(t, h, J);
   const {
     className: T,
-    errorMessage: h,
+    errorMessage: i,
     isDisabled: E = !1,
     isInvalid: H,
     isReadOnly: $,
@@ -36,31 +36,31 @@ const w = ({
   } = t, I = k(null), e = X(
     j ? Y(I, j) : I
   ), y = R(
-    () => ne({ hideHintLabel: u, hideInputHeader: v, label: a }),
-    [u, v, a]
+    () => ne({ hideHintLabel: m, hideInputHeader: v, label: a }),
+    [m, v, a]
   ), M = R(
-    () => oe({ description: c, errorMessage: h, hideInputFooter: b }),
-    [c, h, b]
+    () => oe({ description: l, errorMessage: i, hideInputFooter: b }),
+    [l, i, b]
   ), { input: O, inputField: S, outerSlot: N, outerSlotsWrapper: q, wrapper: D } = re({
     fullWidth: z,
-    hasStartSlot: !!f,
-    hasEndSlot: !!l,
+    hasStartSlot: !!x,
+    hasEndSlot: !!u,
     hasInputHeader: y,
     hasLabel: !!a
   }), [L, P] = G(t.value ?? t.defaultValue ?? ""), V = (r) => {
     var n;
     P(r), (n = t.onChange) == null || n.call(t, r);
-  }, i = W(() => {
+  }, d = W(() => {
     if (e != null && e.current) {
       const r = parseInt(window.getComputedStyle(document.documentElement).fontSize);
       e.current.style.height = "auto";
-      const n = m ? Math.round(m) : void 0, d = n ? n + 0.5 : void 0, o = d ? d * r : void 0;
+      const n = f ? Math.round(f) : void 0, c = n ? n + 0.5 : void 0, o = c ? c * r : void 0;
       o && e.current.scrollHeight > o ? e.current.style.maxHeight = `${o}px` : e.current.style.height = `${e.current.scrollHeight}px`;
     }
-  }, [m, e]);
-  return _(() => (i(), window.addEventListener("resize", i), () => {
-    window.removeEventListener("resize", i);
-  }), [i, L]), /* @__PURE__ */ s.jsxs("div", { className: q(), children: [
+  }, [f, e]);
+  return _(() => (d(), window.addEventListener("resize", d), () => {
+    window.removeEventListener("resize", d);
+  }), [d, L]), /* @__PURE__ */ s.jsxs("div", { className: q(), children: [
     g ? /* @__PURE__ */ s.jsx("div", { className: N(), children: g }) : null,
     /* @__PURE__ */ s.jsx(
       K,
@@ -72,27 +72,27 @@ const w = ({
         isInvalid: H,
         ...A,
         onChange: V,
-        ref: x,
+        ref: h,
         children: ({ isDisabled: r, isInvalid: n }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-          y ? /* @__PURE__ */ s.jsx(se, { label: a, isRequired: p, hideHintLabel: u }) : null,
+          y ? /* @__PURE__ */ s.jsx(se, { label: a, isRequired: p, hideHintLabel: m }) : null,
           /* @__PURE__ */ s.jsxs(
             Q,
             {
-              className: ({ isFocusWithin: d, isHovered: o }) => S({
-                isFocused: d,
+              className: ({ isFocusWithin: c, isHovered: o }) => S({
+                isFocused: c,
                 isHovered: o,
                 isDisabled: r || $,
-                isInvalid: n
+                isInvalid: n || !!i
               }),
               children: [
-                f,
+                x,
                 /* @__PURE__ */ s.jsx(
                   U,
                   {
                     className: O({
                       className: Z(
-                        !!f && "ps-1",
-                        !!l && "pe-1",
+                        !!x && "ps-1",
+                        !!u && "pe-1",
                         "resize-none",
                         "overflow-x-hidden",
                         "py-[0.4375rem]"
@@ -105,11 +105,11 @@ const w = ({
                     rows: C
                   }
                 ),
-                l
+                u
               ]
             }
           ),
-          M ? /* @__PURE__ */ s.jsx(te, { description: c, errorMessage: h }) : null
+          M ? /* @__PURE__ */ s.jsx(te, { description: l, errorMessage: i }) : null
         ] })
       }
     ),