@new-black/lyra 1.0.37 → 1.0.38

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("./lyra615.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 "./lyra615.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("./lyra615.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 "./lyra615.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
         ] })
       }
     ),

package/dist/lyra45.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra45.js","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.js","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/lyra455.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra608.cjs"),D=require("./lyra95.cjs");var H={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},P=a=>a||void 0,V=(...a)=>P(u.e(a).filter(Boolean).join(" ")),N=null,v={},S=!1,j=(...a)=>m=>m.twMerge?((!N||S)&&(S=!1,N=u.b(v)?D.twMerge:D.extendTailwindMerge({...v,extend:{theme:v.theme,classGroups:v.classGroups,conflictingClassGroupModifiers:v.conflictingClassGroupModifiers,conflictingClassGroups:v.conflictingClassGroups,...v.extend}})),P(N(V(a)))):V(a),F=(a,m)=>{for(let l in m)a.hasOwnProperty(l)?a[l]=V(a[l],m[l]):a[l]=m[l];return a},ee=(a,m)=>{let{extend:l=null,slots:$={},variants:R={},compoundVariants:q=[],compoundSlots:h=[],defaultVariants:B={}}=a,d={...H,...m},k=l!=null&&l.base?V(l.base,a==null?void 0:a.base):a==null?void 0:a.base,y=l!=null&&l.variants&&!u.b(l.variants)?u.g(R,l.variants):R,O=l!=null&&l.defaultVariants&&!u.b(l.defaultVariants)?{...l.defaultVariants,...B}:B;!u.b(d.twMergeConfig)&&!u.c(d.twMergeConfig,v)&&(S=!0,v=d.twMergeConfig);let C=u.b(l==null?void 0:l.slots),T=u.b($)?{}:{base:V(a==null?void 0:a.base,C&&(l==null?void 0:l.base)),...$},w=C?T:F({...l==null?void 0:l.slots},u.b(T)?{base:a==null?void 0:a.base}:T),A=u.b(l==null?void 0:l.compoundVariants)?q:u.f(l==null?void 0:l.compoundVariants,q),b=f=>{if(u.b(y)&&u.b($)&&C)return j(k,f==null?void 0:f.class,f==null?void 0:f.className)(d);if(A&&!Array.isArray(A))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof A}`);if(h&&!Array.isArray(h))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof h}`);let L=(e,t,r=[],o)=>{let n=r;if(typeof t=="string")n=n.concat(u.h(t).split(" ").map(i=>`${e}:${i}`));else if(Array.isArray(t))n=n.concat(t.reduce((i,s)=>i.concat(`${e}:${s}`),[]));else if(typeof t=="object"&&typeof o=="string"){for(let i in t)if(t.hasOwnProperty(i)&&i===o){let s=t[i];if(s&&typeof s=="string"){let c=u.h(s);n[o]?n[o]=n[o].concat(c.split(" ").map(p=>`${e}:${p}`)):n[o]=c.split(" ").map(p=>`${e}:${p}`)}else Array.isArray(s)&&s.length>0&&(n[o]=s.reduce((c,p)=>c.concat(`${e}:${p}`),[]))}}return n},E=(e,t=y,r=null,o=null)=>{var n;let i=t[e];if(!i||u.b(i))return null;let s=(n=o==null?void 0:o[e])!=null?n:f==null?void 0:f[e];if(s===null)return null;let c=u.a(s),p=Array.isArray(d.responsiveVariants)&&d.responsiveVariants.length>0||d.responsiveVariants===!0,M=O==null?void 0:O[e],g=[];if(typeof c=="object"&&p)for(let[G,z]of Object.entries(c)){let Y=i[z];if(G==="initial"){M=z;continue}Array.isArray(d.responsiveVariants)&&!d.responsiveVariants.includes(G)||(g=L(G,Y,g,r))}let Q=c!=null&&typeof c!="object"?c:u.a(M),x=i[Q||"false"];return typeof g=="object"&&typeof r=="string"&&g[r]?F(g,x):g.length>0?(g.push(x),g):x},U=()=>y?Object.keys(y).map(e=>E(e,y)):null,W=(e,t)=>{if(!y||typeof y!="object")return null;let r=new Array;for(let o in y){let n=E(o,y,e,t),i=e==="base"&&typeof n=="string"?n:n&&n[e];i&&(r[r.length]=i)}return r},J={};for(let e in f)f[e]!==void 0&&(J[e]=f[e]);let K=(e,t)=>{var r;let o=typeof(f==null?void 0:f[e])=="object"?{[e]:(r=f[e])==null?void 0:r.initial}:{};return{...O,...J,...o,...t}},Z=(e=[],t)=>{let r=[];for(let{class:o,className:n,...i}of e){let s=!0;for(let[c,p]of Object.entries(i)){let M=K(c,t);if(Array.isArray(p)){if(!p.includes(M[c])){s=!1;break}}else if(M[c]!==p){s=!1;break}}s&&(o&&r.push(o),n&&r.push(n))}return r},X=e=>{let t=Z(A,e);if(!Array.isArray(t))return t;let r={};for(let o of t)if(typeof o=="string"&&(r.base=j(r.base,o)(d)),typeof o=="object")for(let[n,i]of Object.entries(o))r[n]=j(r[n],i)(d);return r},_=e=>{if(h.length<1)return null;let t={};for(let{slots:r=[],class:o,className:n,...i}of h){if(!u.b(i)){let s=!0;for(let c of Object.keys(i)){let p=K(c,e)[c];if(p===void 0||(Array.isArray(i[c])?!i[c].includes(p):i[c]!==p)){s=!1;break}}if(!s)continue}for(let s of r)t[s]=t[s]||[],t[s].push([o,n])}return t};if(!u.b($)||!C){let e={};if(typeof w=="object"&&!u.b(w))for(let t of Object.keys(w))e[t]=r=>{var o,n;return j(w[t],W(t,r),((o=X(r))!=null?o:[])[t],((n=_(r))!=null?n:[])[t],r==null?void 0:r.class,r==null?void 0:r.className)(d)};return e}return j(k,U(),Z(A),f==null?void 0:f.class,f==null?void 0:f.className)(d)},I=()=>{if(!(!y||typeof y!="object"))return Object.keys(y)};return b.variantKeys=I(),b.extend=l,b.base=k,b.slots=w,b.variants=y,b.defaultVariants=O,b.compoundSlots=h,b.compoundVariants=A,b};exports.cn=j;exports.cnBase=V;exports.defaultConfig=H;exports.tv=ee;exports.voidEmpty=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra604.cjs"),D=require("./lyra95.cjs");var H={twMerge:!0,twMergeConfig:{},responsiveVariants:!1},P=a=>a||void 0,V=(...a)=>P(u.e(a).filter(Boolean).join(" ")),N=null,v={},S=!1,j=(...a)=>m=>m.twMerge?((!N||S)&&(S=!1,N=u.b(v)?D.twMerge:D.extendTailwindMerge({...v,extend:{theme:v.theme,classGroups:v.classGroups,conflictingClassGroupModifiers:v.conflictingClassGroupModifiers,conflictingClassGroups:v.conflictingClassGroups,...v.extend}})),P(N(V(a)))):V(a),F=(a,m)=>{for(let l in m)a.hasOwnProperty(l)?a[l]=V(a[l],m[l]):a[l]=m[l];return a},ee=(a,m)=>{let{extend:l=null,slots:$={},variants:R={},compoundVariants:q=[],compoundSlots:h=[],defaultVariants:B={}}=a,d={...H,...m},k=l!=null&&l.base?V(l.base,a==null?void 0:a.base):a==null?void 0:a.base,y=l!=null&&l.variants&&!u.b(l.variants)?u.g(R,l.variants):R,O=l!=null&&l.defaultVariants&&!u.b(l.defaultVariants)?{...l.defaultVariants,...B}:B;!u.b(d.twMergeConfig)&&!u.c(d.twMergeConfig,v)&&(S=!0,v=d.twMergeConfig);let C=u.b(l==null?void 0:l.slots),T=u.b($)?{}:{base:V(a==null?void 0:a.base,C&&(l==null?void 0:l.base)),...$},w=C?T:F({...l==null?void 0:l.slots},u.b(T)?{base:a==null?void 0:a.base}:T),A=u.b(l==null?void 0:l.compoundVariants)?q:u.f(l==null?void 0:l.compoundVariants,q),b=f=>{if(u.b(y)&&u.b($)&&C)return j(k,f==null?void 0:f.class,f==null?void 0:f.className)(d);if(A&&!Array.isArray(A))throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof A}`);if(h&&!Array.isArray(h))throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof h}`);let L=(e,t,r=[],o)=>{let n=r;if(typeof t=="string")n=n.concat(u.h(t).split(" ").map(i=>`${e}:${i}`));else if(Array.isArray(t))n=n.concat(t.reduce((i,s)=>i.concat(`${e}:${s}`),[]));else if(typeof t=="object"&&typeof o=="string"){for(let i in t)if(t.hasOwnProperty(i)&&i===o){let s=t[i];if(s&&typeof s=="string"){let c=u.h(s);n[o]?n[o]=n[o].concat(c.split(" ").map(p=>`${e}:${p}`)):n[o]=c.split(" ").map(p=>`${e}:${p}`)}else Array.isArray(s)&&s.length>0&&(n[o]=s.reduce((c,p)=>c.concat(`${e}:${p}`),[]))}}return n},E=(e,t=y,r=null,o=null)=>{var n;let i=t[e];if(!i||u.b(i))return null;let s=(n=o==null?void 0:o[e])!=null?n:f==null?void 0:f[e];if(s===null)return null;let c=u.a(s),p=Array.isArray(d.responsiveVariants)&&d.responsiveVariants.length>0||d.responsiveVariants===!0,M=O==null?void 0:O[e],g=[];if(typeof c=="object"&&p)for(let[G,z]of Object.entries(c)){let Y=i[z];if(G==="initial"){M=z;continue}Array.isArray(d.responsiveVariants)&&!d.responsiveVariants.includes(G)||(g=L(G,Y,g,r))}let Q=c!=null&&typeof c!="object"?c:u.a(M),x=i[Q||"false"];return typeof g=="object"&&typeof r=="string"&&g[r]?F(g,x):g.length>0?(g.push(x),g):x},U=()=>y?Object.keys(y).map(e=>E(e,y)):null,W=(e,t)=>{if(!y||typeof y!="object")return null;let r=new Array;for(let o in y){let n=E(o,y,e,t),i=e==="base"&&typeof n=="string"?n:n&&n[e];i&&(r[r.length]=i)}return r},J={};for(let e in f)f[e]!==void 0&&(J[e]=f[e]);let K=(e,t)=>{var r;let o=typeof(f==null?void 0:f[e])=="object"?{[e]:(r=f[e])==null?void 0:r.initial}:{};return{...O,...J,...o,...t}},Z=(e=[],t)=>{let r=[];for(let{class:o,className:n,...i}of e){let s=!0;for(let[c,p]of Object.entries(i)){let M=K(c,t);if(Array.isArray(p)){if(!p.includes(M[c])){s=!1;break}}else if(M[c]!==p){s=!1;break}}s&&(o&&r.push(o),n&&r.push(n))}return r},X=e=>{let t=Z(A,e);if(!Array.isArray(t))return t;let r={};for(let o of t)if(typeof o=="string"&&(r.base=j(r.base,o)(d)),typeof o=="object")for(let[n,i]of Object.entries(o))r[n]=j(r[n],i)(d);return r},_=e=>{if(h.length<1)return null;let t={};for(let{slots:r=[],class:o,className:n,...i}of h){if(!u.b(i)){let s=!0;for(let c of Object.keys(i)){let p=K(c,e)[c];if(p===void 0||(Array.isArray(i[c])?!i[c].includes(p):i[c]!==p)){s=!1;break}}if(!s)continue}for(let s of r)t[s]=t[s]||[],t[s].push([o,n])}return t};if(!u.b($)||!C){let e={};if(typeof w=="object"&&!u.b(w))for(let t of Object.keys(w))e[t]=r=>{var o,n;return j(w[t],W(t,r),((o=X(r))!=null?o:[])[t],((n=_(r))!=null?n:[])[t],r==null?void 0:r.class,r==null?void 0:r.className)(d)};return e}return j(k,U(),Z(A),f==null?void 0:f.class,f==null?void 0:f.className)(d)},I=()=>{if(!(!y||typeof y!="object"))return Object.keys(y)};return b.variantKeys=I(),b.extend=l,b.base=k,b.slots=w,b.variants=y,b.defaultVariants=O,b.compoundSlots=h,b.compoundVariants=A,b};exports.cn=j;exports.cnBase=V;exports.defaultConfig=H;exports.tv=ee;exports.voidEmpty=P;

package/dist/lyra455.js

@@ -1,4 +1,4 @@
-import { b as p, g as ee, c as re, f as te, e as le, h as F, a as H } from "./lyra608.js";
+import { b as p, g as ee, c as re, f as te, e as le, h as F, a as H } from "./lyra604.js";
 import { twMerge as ne, extendTailwindMerge as oe } from "./lyra95.js";
 var ae = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, J = (s) => s || void 0, $ = (...s) => J(le(s).filter(Boolean).join(" ")), T = null, b = {}, S = !1, w = (...s) => (m) => m.twMerge ? ((!T || S) && (S = !1, T = p(b) ? ne : oe({ ...b, extend: { theme: b.theme, classGroups: b.classGroups, conflictingClassGroupModifiers: b.conflictingClassGroupModifiers, conflictingClassGroups: b.conflictingClassGroups, ...b.extend } })), J(T($(s)))) : $(s), I = (s, m) => {
   for (let l in m)

package/dist/lyra457.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra455.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra94.cjs"),e=require("react"),n=e.createContext(null),r=({children:t,currentRoute:o})=>i.jsxRuntimeExports.jsx(n.Provider,{value:{currentRoute:o},children:t});function a(){const t=e.useContext(n);if(t===null)throw new Error("useNavigationContext must be used within a NavigationContextProvider ");return t}exports.NavigationContextProvider=r;exports.useNavigationContext=a;

package/dist/lyra457.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra457.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra457.cjs","sources":["../src/components/navigation/navigation.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from \"react\";\n\nimport { NavigationContext as NavigationContext } from \"./navigation.types\";\n\nconst NavigationContext = createContext<NavigationContext | null>(null);\n\nexport const NavigationContextProvider = ({\n  children,\n  currentRoute,\n}: {\n  children: ReactNode;\n  currentRoute: string;\n}) => {\n  return (\n    <NavigationContext.Provider value={{ currentRoute }}>{children}</NavigationContext.Provider>\n  );\n};\n\nexport function useNavigationContext() {\n  const context = useContext(NavigationContext);\n\n  if (context === null) {\n    throw new Error(\"useNavigationContext must be used within a NavigationContextProvider \");\n  }\n\n  return context;\n}\n"],"names":["NavigationContext","createContext","NavigationContextProvider","children","currentRoute","jsx","useNavigationContext","context","useContext"],"mappings":"mIAIMA,EAAoBC,EAAAA,cAAwC,IAAI,EAEzDC,EAA4B,CAAC,CACxC,SAAAC,EACA,aAAAC,CACF,IAKIC,EAAA,kBAAA,IAACL,EAAkB,SAAlB,CAA2B,MAAO,CAAE,aAAAI,CAAA,EAAiB,SAAAD,CAAS,CAAA,EAI5D,SAASG,GAAuB,CAC/B,MAAAC,EAAUC,aAAWR,CAAiB,EAE5C,GAAIO,IAAY,KACR,MAAA,IAAI,MAAM,uEAAuE,EAGlF,OAAAA,CACT"}