@new-black/lyra 1.0.17 → 1.0.18

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","jsxDEV","AriaTextField","Fragment","InputHeader","this","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\";\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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"}

package/dist/lyra44.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),t=require("./lyra89.cjs"),T=require("./lyra450.cjs"),k=require("./lyra93.cjs"),U=require("./lyra38.cjs"),V=require("./lyra39.cjs"),g=require("./lyra40.cjs"),d=({description:a,endSlot:s,fullWidth:m=!0,hideHintLabel:x,hideInputFooter:c,hideInputHeader:p,inputRef:f,label:N,startSlot:i,...n},r)=>{[n,r]=t.useContextProps(n,r,t.TextFieldContext);const{className:j,errorMessage:v,isDisabled:b=!1,isInvalid:D,isReadOnly:l,isRequired:u,...E}=n,{input:y,inputField:F,wrapper:R}=g.sharedInputStyles({fullWidth:m,hasStartSlot:!!i,hasEndSlot:!!s});return e.jsxDevRuntimeExports.jsxDEV(t.TextField,{className:R({className:j}),isDisabled:b,isRequired:u,isInvalid:D,isReadOnly:l,...E,ref:r,children:({isDisabled:o,isInvalid:q})=>e.jsxDevRuntimeExports.jsxDEV(e.jsxDevRuntimeExports.Fragment,{children:[e.jsxDevRuntimeExports.jsxDEV(U.InputHeader,{label:N,isRequired:u,hideHintLabel:x,hideInputHeader:p},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:78,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(t.Group,{className:({isFocusWithin:h,isHovered:I})=>F({isFocused:h,isHovered:I,isDisabled:o||l,isInvalid:q}),children:[i,e.jsxDevRuntimeExports.jsxDEV(t.Input,{className:y({className:T.clsx(!!i&&"ps-1",!!s&&"pe-1")}),ref:f,required:u,disabled:o,readOnly:l},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:95,columnNumber:13},void 0),s]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:84,columnNumber:11},void 0),e.jsxDevRuntimeExports.jsxDEV(V.InputFooter,{description:a,errorMessage:v,hideInputFooter:c},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:106,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:77,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",lineNumber:67,columnNumber:5},void 0)};d.displayName="TextField";const O=k.fixedForwardRef(d);exports.TextField=O;
+"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;

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","jsxDEV","AriaTextField","Fragment","InputHeader","this","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,qBAAA,OAACC,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,IAEZQ,EAAA,qBAAA,OAAAE,gCAAA,CAAA,SAAA,CAAAF,EAAA,qBAAA,OAACG,EAAA,YAAA,CACC,MAAApB,EACA,WAAAW,EACA,cAAAf,EACA,gBAAAE,CAAA,EAJF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,EAAA,EAAAuB,MAKA,EACAJ,EAAA,qBAAA,OAACK,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,qBAAA,OAACQ,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,EAPZ,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,EAAA,EAAAW,MAQA,EACC3B,CAAA,CAAA,EApBH,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,EAAA,EAAA2B,MAqBA,EACAJ,EAAA,qBAAA,OAACU,EAAA,YAAA,CACC,YAAAlC,EACA,aAAAc,EACA,gBAAAV,CAAA,EAHF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,IAAA,aAAA,EAAA,EAAAwB,MAIA,CAAA,GAjCF,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,CAkCA,EAAAA,MAAA,CAAA,EA5CJ,OAAA,GAAA,CAAA,SAAA,mFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAgDJ,EAEA7B,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 } 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"}

package/dist/lyra44.js

@@ -1,141 +1,97 @@
 import { j as e } from "./lyra90.js";
-import { useContextProps as k, TextFieldContext as U, TextField as V, Group as T, Input as R } from "./lyra89.js";
-import { clsx as g } from "./lyra450.js";
-import { fixedForwardRef as q } from "./lyra93.js";
-import { InputHeader as w } from "./lyra38.js";
-import { InputFooter as C } from "./lyra39.js";
-import { sharedInputStyles as O } from "./lyra40.js";
-const a = ({
-  description: o,
-  endSlot: t,
-  fullWidth: m = !0,
-  hideHintLabel: f,
-  hideInputFooter: p,
-  hideInputHeader: c,
-  inputRef: u,
-  label: x,
-  startSlot: i,
-  ...s
-}, r) => {
-  [s, r] = k(s, r, U);
+import { useContextProps as g, TextFieldContext as q, TextField as w, Group as C, Input as D } from "./lyra89.js";
+import { clsx as E } from "./lyra450.js";
+import { fixedForwardRef as O } from "./lyra93.js";
+import { InputHeader as G } from "./lyra38.js";
+import { InputFooter as H } from "./lyra39.js";
+import { sharedInputStyles as M } from "./lyra40.js";
+const l = ({
+  description: p,
+  endSlot: s,
+  fullWidth: x = !0,
+  hideHintLabel: c,
+  hideInputFooter: f,
+  hideInputHeader: n,
+  inputRef: m,
+  label: b,
+  startSlot: r,
+  ...a
+}, d) => {
+  [a, d] = g(a, d, q);
   const {
-    className: b,
-    errorMessage: N,
-    isDisabled: $ = !1,
+    className: u,
+    errorMessage: $,
+    isDisabled: F = !1,
     isInvalid: j,
-    isReadOnly: n,
-    isRequired: d,
-    ...F
-  } = s, { input: v, inputField: y, wrapper: D } = O({
-    fullWidth: m,
-    hasStartSlot: !!i,
-    hasEndSlot: !!t
+    isReadOnly: i,
+    isRequired: t,
+    ...I
+  } = a, { input: h, inputField: N, wrapper: T } = M({
+    fullWidth: x,
+    hasStartSlot: !!r,
+    hasEndSlot: !!s
   });
-  return /* @__PURE__ */ e.jsxDEV(
-    V,
+  return /* @__PURE__ */ e.jsx(
+    w,
     {
-      className: D({ className: b }),
-      isDisabled: $,
-      isRequired: d,
+      className: T({ className: u }),
+      isDisabled: F,
+      isRequired: t,
       isInvalid: j,
-      isReadOnly: n,
-      ...F,
-      ref: r,
-      children: ({ isDisabled: l, isInvalid: E }) => /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsxDEV(
-          w,
+      isReadOnly: i,
+      ...I,
+      ref: d,
+      children: ({ isDisabled: o, isInvalid: y }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          G,
           {
-            label: x,
-            isRequired: d,
-            hideHintLabel: f,
-            hideInputHeader: c
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
-            lineNumber: 78,
-            columnNumber: 11
-          },
-          void 0
+            label: b,
+            isRequired: t,
+            hideHintLabel: c,
+            hideInputHeader: n
+          }
         ),
-        /* @__PURE__ */ e.jsxDEV(
-          T,
+        /* @__PURE__ */ e.jsxs(
+          C,
           {
-            className: ({ isFocusWithin: I, isHovered: h }) => y({
-              isFocused: I,
-              isHovered: h,
-              isDisabled: l || n,
-              isInvalid: E
+            className: ({ isFocusWithin: R, isHovered: v }) => N({
+              isFocused: R,
+              isHovered: v,
+              isDisabled: o || i,
+              isInvalid: y
             }),
             children: [
-              i,
-              /* @__PURE__ */ e.jsxDEV(
-                R,
+              r,
+              /* @__PURE__ */ e.jsx(
+                D,
                 {
-                  className: v({
-                    className: g(!!i && "ps-1", !!t && "pe-1")
+                  className: h({
+                    className: E(!!r && "ps-1", !!s && "pe-1")
                   }),
-                  ref: u,
-                  required: d,
-                  disabled: l,
-                  readOnly: n
-                },
-                void 0,
-                !1,
-                {
-                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
-                  lineNumber: 95,
-                  columnNumber: 13
-                },
-                void 0
+                  ref: m,
+                  required: t,
+                  disabled: o,
+                  readOnly: i
+                }
               ),
-              t
+              s
             ]
-          },
-          void 0,
-          !0,
-          {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
-            lineNumber: 84,
-            columnNumber: 11
-          },
-          void 0
+          }
         ),
-        /* @__PURE__ */ e.jsxDEV(
-          C,
-          {
-            description: o,
-            errorMessage: N,
-            hideInputFooter: p
-          },
-          void 0,
-          !1,
+        /* @__PURE__ */ e.jsx(
+          H,
           {
-            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
-            lineNumber: 106,
-            columnNumber: 11
-          },
-          void 0
+            description: p,
+            errorMessage: $,
+            hideInputFooter: f
+          }
         )
-      ] }, void 0, !0, {
-        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
-        lineNumber: 77,
-        columnNumber: 9
-      }, void 0)
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
-      lineNumber: 67,
-      columnNumber: 5
-    },
-    void 0
+      ] })
+    }
   );
 };
-a.displayName = "TextField";
-const B = q(a);
+l.displayName = "TextField";
+const K = O(l);
 export {
-  B as TextField
+  K as TextField
 };

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 } 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","jsxDEV","AriaTextField","Fragment","InputHeader","this","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 } 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":";;;;;;;AAiCA,MAAMA,IAAa,CACjB;AAAA,EACE,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAgB;AACrD,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAEE,EAAE,OAAAW,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAkB;AAAA,IACvD,WAAArB;AAAA,IACA,cAAc,CAAC,CAACM;AAAA,IAChB,YAAY,CAAC,CAACP;AAAA,EAAA,CACf;AAGC,SAAAuB,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWH,EAAQ,EAAE,WAAAT,GAAW;AAAA,MAChC,YAAAE;AAAA,MACA,YAAAG;AAAA,MACA,WAAAF;AAAA,MACA,YAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,KAAAT;AAAA,MAEC,WAAC,EAAE,YAAAK,GAAY,WAAAC,EAAAA,MAEZU,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,QAAAH,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAArB;AAAA,YACA,YAAAW;AAAA,YACA,eAAAf;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,QACF;AAAA,QACAqB,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAE,eAAAC,GAAe,WAAAC,QACpBV,EAAW;AAAA,cAChB,WAAWS;AAAA,cACX,WAAAC;AAAA,cACA,YAAYhB,KAAcE;AAAA,cAC1B,WAAAD;AAAAA,YAAA,CACD;AAAA,YAGF,UAAA;AAAA,cAAAR;AAAA,cACDgB,gBAAAA,EAAA;AAAA,gBAACQ;AAAAA,gBAAA;AAAA,kBACC,WAAWZ,EAAM;AAAA,oBACf,WAAWa,EAAK,CAAC,CAACzB,KAAa,QAAQ,CAAC,CAACP,KAAW,MAAM;AAAA,kBAAA,CAC3D;AAAA,kBACD,KAAKK;AAAA,kBACL,UAAUY;AAAA,kBACV,UAAUH;AAAAA,kBACV,UAAUE;AAAA,gBAAA;AAAA,cACZ;AAAA,cACChB;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACAuB,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,aAAAlC;AAAA,YACA,cAAAc;AAAA,YACA,iBAAAV;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAL,EAAW,cAAc;AAEZ,MAAAoC,IAAYC,EAAgBrC,CAAU;"}

package/dist/lyra45.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra90.cjs"),o=require("react"),a=require("./lyra89.cjs"),j=require("./lyra101.cjs"),A=require("./lyra450.cjs"),O=require("./lyra93.cjs"),L=require("./lyra38.cjs"),M=require("./lyra39.cjs"),P=require("./lyra40.cjs"),h=({description:b,endSlot:d,fullWidth:y=!0,hideHintLabel:E,hideInputFooter:D,hideInputHeader:R,label:g,maxRows:c,rows:F=1,startSlot:m,textAreaRef:v,...t},x)=>{[t,x]=a.useContextProps(t,x,a.TextFieldContext);const{className:q,errorMessage:I,isDisabled:T=!1,isInvalid:V,isReadOnly:f,isRequired:p,...k}=t,N=o.useRef(null),e=j.useObjectRef(v?j.mergeRefs(N,v):N),{input:w,inputField:H,wrapper:z}=P.sharedInputStyles({fullWidth:y,hasStartSlot:!!m,hasEndSlot:!!d}),[C,S]=o.useState(t.value??t.defaultValue??""),U=i=>{var s;S(i),(s=t.onChange)==null||s.call(t,i)},l=o.useCallback(()=>{if(e!=null&&e.current){const i=parseInt(window.getComputedStyle(document.documentElement).fontSize);e.current.style.height="auto";const s=c?Math.round(c):void 0,u=s?s+.5:void 0,r=u?u*i:void 0;r&&e.current.scrollHeight>r?e.current.style.maxHeight=`${r}px`:e.current.style.height=`${e.current.scrollHeight}px`}},[c,e]);return o.useLayoutEffect(()=>(l(),window.addEventListener("resize",l),()=>{window.removeEventListener("resize",l)}),[l,C]),n.jsxDevRuntimeExports.jsxDEV(a.TextField,{className:z({className:q}),isDisabled:T,isRequired:p,isReadOnly:f,isInvalid:V,...k,onChange:U,ref:x,children:({isDisabled:i,isInvalid:s})=>n.jsxDevRuntimeExports.jsxDEV(n.jsxDevRuntimeExports.Fragment,{children:[n.jsxDevRuntimeExports.jsxDEV(L.InputHeader,{label:g,isRequired:p,hideHintLabel:E,hideInputHeader:R},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",lineNumber:102,columnNumber:11},void 0),n.jsxDevRuntimeExports.jsxDEV(a.Group,{className:({isFocusWithin:u,isHovered:r})=>H({isFocused:u,isHovered:r,isDisabled:i||f,isInvalid:s}),children:[m,n.jsxDevRuntimeExports.jsxDEV(a.TextArea,{className:w({className:A.clsx(!!m&&"ps-1",!!d&&"pe-1","resize-none","overflow-x-hidden","py-[0.4375rem]")}),ref:e,required:p,disabled:i,readOnly:f,rows:F},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",lineNumber:119,columnNumber:13},void 0),d]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",lineNumber:108,columnNumber:11},void 0),n.jsxDevRuntimeExports.jsxDEV(M.InputFooter,{description:b,errorMessage:I,hideInputFooter:D},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",lineNumber:137,columnNumber:11},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",lineNumber:101,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",lineNumber:90,columnNumber:5},void 0)};h.displayName="TextFieldArea";const _=O.fixedForwardRef(h);exports.TextFieldArea=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra90.cjs"),l=require("react"),o=require("./lyra89.cjs"),p=require("./lyra101.cjs"),P=require("./lyra450.cjs"),_=require("./lyra93.cjs"),$=require("./lyra38.cjs"),D=require("./lyra39.cjs"),V=require("./lyra40.cjs"),F=({description:y,endSlot:c,fullWidth:f=!0,hideHintLabel:v,hideInputFooter:E,hideInputHeader:q,label:I,maxRows:d,rows:T=1,startSlot:x,textAreaRef:R,...t},m)=>{[t,m]=o.useContextProps(t,m,o.TextFieldContext);const{className:b,errorMessage:w,isDisabled:H=!1,isInvalid:z,isReadOnly:h,isRequired:j,...C}=t,g=l.useRef(null),e=p.useObjectRef(R?p.mergeRefs(g,R):g),{input:N,inputField:S,wrapper:A}=V.sharedInputStyles({fullWidth:f,hasStartSlot:!!x,hasEndSlot:!!c}),[O,L]=l.useState(t.value??t.defaultValue??""),M=s=>{var n;L(s),(n=t.onChange)==null||n.call(t,s)},u=l.useCallback(()=>{if(e!=null&&e.current){const s=parseInt(window.getComputedStyle(document.documentElement).fontSize);e.current.style.height="auto";const n=d?Math.round(d):void 0,a=n?n+.5:void 0,i=a?a*s:void 0;i&&e.current.scrollHeight>i?e.current.style.maxHeight=`${i}px`:e.current.style.height=`${e.current.scrollHeight}px`}},[d,e]);return l.useLayoutEffect(()=>(u(),window.addEventListener("resize",u),()=>{window.removeEventListener("resize",u)}),[u,O]),r.jsxRuntimeExports.jsx(o.TextField,{className:A({className:b}),isDisabled:H,isRequired:j,isReadOnly:h,isInvalid:z,...C,onChange:M,ref:m,children:({isDisabled:s,isInvalid:n})=>r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx($.InputHeader,{label:I,isRequired:j,hideHintLabel:v,hideInputHeader:q}),r.jsxRuntimeExports.jsxs(o.Group,{className:({isFocusWithin:a,isHovered:i})=>S({isFocused:a,isHovered:i,isDisabled:s||h,isInvalid:n}),children:[x,r.jsxRuntimeExports.jsx(o.TextArea,{className:N({className:P.clsx(!!x&&"ps-1",!!c&&"pe-1","resize-none","overflow-x-hidden","py-[0.4375rem]")}),ref:e,required:j,disabled:s,readOnly:h,rows:T}),c]}),r.jsxRuntimeExports.jsx(D.InputFooter,{description:y,errorMessage:w,hideInputFooter:E})]})})};F.displayName="TextFieldArea";const k=_.fixedForwardRef(F);exports.TextFieldArea=k;

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, 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\";\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    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  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\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    <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          <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            <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          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextFieldArea.displayName = \"TextFieldArea\";\nexport const TextFieldArea = fixedForwardRef(_TextFieldArea);\n"],"names":["_TextFieldArea","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","maxRows","rows","startSlot","textAreaRef","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","innerTextAreaRef","useRef","mergedTextAreaRef","useObjectRef","mergeRefs","input","inputField","wrapper","sharedInputStyles","innerValue","setInnerValue","useState","onChange","newValue","_a","handleResize","useCallback","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","useLayoutEffect","jsxDEV","AriaTextField","Fragment","InputHeader","this","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, 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\";\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    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  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\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    <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          <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            <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          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextFieldArea.displayName = \"TextFieldArea\";\nexport const TextFieldArea = fixedForwardRef(_TextFieldArea);\n"],"names":["_TextFieldArea","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","maxRows","rows","startSlot","textAreaRef","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","innerTextAreaRef","useRef","mergedTextAreaRef","useObjectRef","mergeRefs","input","inputField","wrapper","sharedInputStyles","innerValue","setInnerValue","useState","onChange","newValue","_a","handleResize","useCallback","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","useLayoutEffect","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","TextArea","clsx","InputFooter","TextFieldArea","fixedForwardRef"],"mappings":"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"}