@new-black/lyra 1.0.30 → 1.0.32

package/dist/lyra44.js

@@ -1,97 +1,98 @@
 import { j as e } from "./lyra90.js";
-import { useContextProps as g, TextFieldContext as q, TextField as w, Group as C, Input as D } from "./lyra89.js";
-import { clsx as E } from "./lyra450.js";
-import { fixedForwardRef as O } from "./lyra93.js";
-import { InputHeader as G } from "./lyra38.js";
-import { InputFooter as H } from "./lyra39.js";
-import { sharedInputStyles as M } from "./lyra40.js";
-const l = ({
-  description: p,
-  endSlot: s,
-  fullWidth: x = !0,
-  hideHintLabel: c,
-  hideInputFooter: f,
-  hideInputHeader: n,
-  inputRef: m,
-  label: b,
-  startSlot: r,
-  ...a
-}, d) => {
-  [a, d] = g(a, d, q);
+import { useMemo as b } from "react";
+import { useContextProps as E, TextFieldContext as G, TextField as P, Group as W, Input as _ } from "./lyra89.js";
+import { clsx as k } from "./lyra450.js";
+import { fixedForwardRef as z } from "./lyra93.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 "./lyra610.js";
+const j = ({
+  description: r,
+  endSlot: a,
+  fullWidth: h = !0,
+  hideHintLabel: d,
+  hideInputFooter: c,
+  hideInputHeader: p,
+  inputRef: I,
+  label: s,
+  outerEndSlot: x,
+  outerStartSlot: f,
+  startSlot: o,
+  ...t
+}, i) => {
+  [t, i] = E(t, i, G);
   const {
-    className: u,
-    errorMessage: $,
-    isDisabled: F = !1,
-    isInvalid: j,
-    isReadOnly: i,
-    isRequired: t,
-    ...I
-  } = a, { input: h, inputField: N, wrapper: T } = M({
-    fullWidth: x,
-    hasStartSlot: !!r,
-    hasEndSlot: !!s
+    className: N,
+    errorMessage: l,
+    isDisabled: v = !1,
+    isInvalid: R,
+    isReadOnly: n,
+    isRequired: m,
+    ...T
+  } = t, u = b(
+    () => J({ hideHintLabel: d, hideInputHeader: p, label: s }),
+    [d, p, s]
+  ), y = b(
+    () => K({ description: r, errorMessage: l, hideInputFooter: c }),
+    [r, l, c]
+  ), { input: g, inputField: q, outerSlot: $, outerSlotsWrapper: w, wrapper: C } = H({
+    fullWidth: h,
+    hasStartSlot: !!o,
+    hasEndSlot: !!a,
+    hasInputHeader: u,
+    hasLabel: !!s
   });
-  return /* @__PURE__ */ e.jsx(
-    w,
-    {
-      className: T({ className: u }),
-      isDisabled: F,
-      isRequired: t,
-      isInvalid: j,
-      isReadOnly: i,
-      ...I,
-      ref: d,
-      children: ({ isDisabled: o, isInvalid: y }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          G,
-          {
-            label: b,
-            isRequired: t,
-            hideHintLabel: c,
-            hideInputHeader: n
-          }
-        ),
-        /* @__PURE__ */ e.jsxs(
-          C,
-          {
-            className: ({ isFocusWithin: R, isHovered: v }) => N({
-              isFocused: R,
-              isHovered: v,
-              isDisabled: o || i,
-              isInvalid: y
-            }),
-            children: [
-              r,
-              /* @__PURE__ */ e.jsx(
-                D,
-                {
-                  className: h({
-                    className: E(!!r && "ps-1", !!s && "pe-1")
-                  }),
-                  ref: m,
-                  required: t,
-                  disabled: o,
-                  readOnly: i
-                }
-              ),
-              s
-            ]
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          H,
-          {
-            description: p,
-            errorMessage: $,
-            hideInputFooter: f
-          }
-        )
-      ] })
-    }
-  );
+  return /* @__PURE__ */ e.jsxs("div", { className: w(), children: [
+    f ? /* @__PURE__ */ e.jsx("div", { className: $(), children: f }) : null,
+    /* @__PURE__ */ e.jsx(
+      P,
+      {
+        className: C({ className: N }),
+        isDisabled: v,
+        isRequired: m,
+        isInvalid: R,
+        isReadOnly: n,
+        ...T,
+        ref: i,
+        children: ({ isDisabled: F, isInvalid: D }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          u ? /* @__PURE__ */ e.jsx(A, { label: s, isRequired: m, hideHintLabel: d }) : null,
+          /* @__PURE__ */ e.jsxs(
+            W,
+            {
+              className: ({ isFocusWithin: M, isHovered: O }) => q({
+                isFocused: M,
+                isHovered: O,
+                isDisabled: F || n,
+                isInvalid: D
+              }),
+              children: [
+                o,
+                /* @__PURE__ */ e.jsx(
+                  _,
+                  {
+                    className: g({
+                      className: k(!!o && "ps-1", !!a && "pe-1")
+                    }),
+                    ref: I,
+                    required: m,
+                    disabled: F,
+                    readOnly: n
+                  }
+                ),
+                a
+              ]
+            }
+          ),
+          y ? /* @__PURE__ */ e.jsx(B, { description: r, errorMessage: l }) : null
+        ] })
+      }
+    ),
+    x ? /* @__PURE__ */ e.jsx("div", { className: $(), children: x }) : null
+  ] });
 };
-l.displayName = "TextField";
-const K = O(l);
+j.displayName = "TextField";
+const se = z(j);
 export {
-  K as TextField
+  se as TextField
 };

package/dist/lyra44.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra44.js","sources":["../src/components/inputs/text-field/text-field.tsx"],"sourcesContent":["import { ForwardedRef, RefObject } from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TextFieldProps = AriaTextFieldProps &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _TextField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    startSlot,\n    ...props\n  }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      {...textFieldprops}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <Input\n              className={input({\n                className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n              })}\n              ref={inputRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextField.displayName = \"TextField\";\n\nexport const TextField = fixedForwardRef(_TextField);\n"],"names":["_TextField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","startSlot","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","input","inputField","wrapper","sharedInputStyles","jsx","AriaTextField","jsxs","Fragment","InputHeader","Group","isFocusWithin","isHovered","Input","clsx","InputFooter","TextField","fixedForwardRef"],"mappings":";;;;;;;AAiCA,MAAMA,IAAa,CACjB;AAAA,EACE,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GACAC,MACG;AACH,GAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAgB;AACrD,QAAA;AAAA,IACJ,WAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC,IAAa;AAAA,IACb,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EACD,IAAAV,GAEE,EAAE,OAAAW,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAkB;AAAA,IACvD,WAAArB;AAAA,IACA,cAAc,CAAC,CAACM;AAAA,IAChB,YAAY,CAAC,CAACP;AAAA,EAAA,CACf;AAGC,SAAAuB,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWH,EAAQ,EAAE,WAAAT,GAAW;AAAA,MAChC,YAAAE;AAAA,MACA,YAAAG;AAAA,MACA,WAAAF;AAAA,MACA,YAAAC;AAAA,MACC,GAAGE;AAAA,MACJ,KAAAT;AAAA,MAEC,WAAC,EAAE,YAAAK,GAAY,WAAAC,EAAAA,MAEZU,gBAAAA,EAAA,KAAAC,YAAA,EAAA,UAAA;AAAA,QAAAH,gBAAAA,EAAA;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,OAAArB;AAAA,YACA,YAAAW;AAAA,YACA,eAAAf;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,QACF;AAAA,QACAqB,gBAAAA,EAAA;AAAA,UAACG;AAAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAE,eAAAC,GAAe,WAAAC,QACpBV,EAAW;AAAA,cAChB,WAAWS;AAAA,cACX,WAAAC;AAAA,cACA,YAAYhB,KAAcE;AAAA,cAC1B,WAAAD;AAAAA,YAAA,CACD;AAAA,YAGF,UAAA;AAAA,cAAAR;AAAA,cACDgB,gBAAAA,EAAA;AAAA,gBAACQ;AAAAA,gBAAA;AAAA,kBACC,WAAWZ,EAAM;AAAA,oBACf,WAAWa,EAAK,CAAC,CAACzB,KAAa,QAAQ,CAAC,CAACP,KAAW,MAAM;AAAA,kBAAA,CAC3D;AAAA,kBACD,KAAKK;AAAA,kBACL,UAAUY;AAAA,kBACV,UAAUH;AAAAA,kBACV,UAAUE;AAAA,gBAAA;AAAA,cACZ;AAAA,cACChB;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QACAuB,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,aAAAlC;AAAA,YACA,cAAAc;AAAA,YACA,iBAAAV;AAAA,UAAA;AAAA,QACF;AAAA,MAAA,GACF;AAAA,IAAA;AAAA,EAAA;AAIR;AAEAL,EAAW,cAAc;AAEZ,MAAAoC,IAAYC,EAAgBrC,CAAU;"}
+{"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\"\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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"}

package/dist/lyra45.cjs

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

package/dist/lyra45.cjs.map

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

@@ -1,123 +1,123 @@
-import { j as n } from "./lyra90.js";
-import { useRef as L, useState as O, useCallback as q, useLayoutEffect as D } from "react";
-import { useContextProps as M, TextFieldContext as P, TextField as V, Group as k, TextArea as G } from "./lyra89.js";
-import { useObjectRef as _, mergeRefs as B } from "./lyra101.js";
-import { clsx as J } from "./lyra450.js";
-import { fixedForwardRef as K } from "./lyra93.js";
-import { InputHeader as Q } from "./lyra38.js";
-import { InputFooter as U } from "./lyra39.js";
-import { sharedInputStyles as W } from "./lyra40.js";
-const h = ({
-  description: b,
-  endSlot: d,
-  fullWidth: p = !0,
-  hideHintLabel: g,
-  hideInputFooter: F,
+import { j as s } from "./lyra90.js";
+import { useRef as k, useMemo as R, useState as G, useCallback as W, useLayoutEffect as _ } from "react";
+import { useContextProps as B, TextFieldContext as J, TextField as K, Group as Q, TextArea as U } from "./lyra89.js";
+import { useObjectRef as X, mergeRefs as Y } from "./lyra101.js";
+import { clsx as Z } from "./lyra450.js";
+import { fixedForwardRef as ee } from "./lyra93.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 "./lyra610.js";
+const w = ({
+  description: c,
+  endSlot: l,
+  fullWidth: z = !0,
+  hideHintLabel: u,
+  hideInputFooter: b,
   hideInputHeader: v,
-  label: y,
-  maxRows: c,
-  rows: I = 1,
-  startSlot: l,
-  textAreaRef: x,
+  label: a,
+  maxRows: m,
+  outerEndSlot: F,
+  outerStartSlot: g,
+  rows: C = 1,
+  startSlot: f,
+  textAreaRef: j,
   ...t
-}, f) => {
-  [t, f] = M(t, f, P);
+}, x) => {
+  [t, x] = B(t, x, J);
   const {
-    className: j,
-    errorMessage: w,
-    isDisabled: R = !1,
-    isInvalid: z,
-    isReadOnly: u,
-    isRequired: m,
-    ...C
-  } = t, $ = L(null), e = _(
-    x ? B($, x) : $
-  ), { input: E, inputField: H, wrapper: N } = W({
-    fullWidth: p,
-    hasStartSlot: !!l,
-    hasEndSlot: !!d
-  }), [T, S] = O(t.value ?? t.defaultValue ?? ""), A = (r) => {
-    var s;
-    S(r), (s = t.onChange) == null || s.call(t, r);
-  }, a = q(() => {
+    className: T,
+    errorMessage: h,
+    isDisabled: E = !1,
+    isInvalid: H,
+    isReadOnly: $,
+    isRequired: p,
+    ...A
+  } = t, I = k(null), e = X(
+    j ? Y(I, j) : I
+  ), y = R(
+    () => ne({ hideHintLabel: u, hideInputHeader: v, label: a }),
+    [u, v, a]
+  ), M = R(
+    () => oe({ description: c, errorMessage: h, hideInputFooter: b }),
+    [c, h, b]
+  ), { input: O, inputField: S, outerSlot: N, outerSlotsWrapper: q, wrapper: D } = re({
+    fullWidth: z,
+    hasStartSlot: !!f,
+    hasEndSlot: !!l,
+    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(() => {
     if (e != null && e.current) {
       const r = parseInt(window.getComputedStyle(document.documentElement).fontSize);
       e.current.style.height = "auto";
-      const s = c ? Math.round(c) : void 0, o = s ? s + 0.5 : void 0, i = o ? o * r : void 0;
-      i && e.current.scrollHeight > i ? e.current.style.maxHeight = `${i}px` : e.current.style.height = `${e.current.scrollHeight}px`;
+      const n = m ? Math.round(m) : void 0, d = n ? n + 0.5 : void 0, o = d ? d * r : void 0;
+      o && e.current.scrollHeight > o ? e.current.style.maxHeight = `${o}px` : e.current.style.height = `${e.current.scrollHeight}px`;
     }
-  }, [c, e]);
-  return D(() => (a(), window.addEventListener("resize", a), () => {
-    window.removeEventListener("resize", a);
-  }), [a, T]), /* @__PURE__ */ n.jsx(
-    V,
-    {
-      className: N({ className: j }),
-      isDisabled: R,
-      isRequired: m,
-      isReadOnly: u,
-      isInvalid: z,
-      ...C,
-      onChange: A,
-      ref: f,
-      children: ({ isDisabled: r, isInvalid: s }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(
-          Q,
-          {
-            label: y,
-            isRequired: m,
-            hideHintLabel: g,
-            hideInputHeader: v
-          }
-        ),
-        /* @__PURE__ */ n.jsxs(
-          k,
-          {
-            className: ({ isFocusWithin: o, isHovered: i }) => H({
-              isFocused: o,
-              isHovered: i,
-              isDisabled: r || u,
-              isInvalid: s
-            }),
-            children: [
-              l,
-              /* @__PURE__ */ n.jsx(
-                G,
-                {
-                  className: E({
-                    className: J(
-                      !!l && "ps-1",
-                      !!d && "pe-1",
-                      "resize-none",
-                      "overflow-x-hidden",
-                      "py-[0.4375rem]"
-                    )
-                  }),
-                  ref: e,
-                  required: m,
-                  disabled: r,
-                  readOnly: u,
-                  rows: I
-                }
-              ),
-              d
-            ]
-          }
-        ),
-        /* @__PURE__ */ n.jsx(
-          U,
-          {
-            description: b,
-            errorMessage: w,
-            hideInputFooter: F
-          }
-        )
-      ] })
-    }
-  );
+  }, [m, e]);
+  return _(() => (i(), window.addEventListener("resize", i), () => {
+    window.removeEventListener("resize", i);
+  }), [i, L]), /* @__PURE__ */ s.jsxs("div", { className: q(), children: [
+    g ? /* @__PURE__ */ s.jsx("div", { className: N(), children: g }) : null,
+    /* @__PURE__ */ s.jsx(
+      K,
+      {
+        className: D({ className: T }),
+        isDisabled: E,
+        isRequired: p,
+        isReadOnly: $,
+        isInvalid: H,
+        ...A,
+        onChange: V,
+        ref: x,
+        children: ({ isDisabled: r, isInvalid: n }) => /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+          y ? /* @__PURE__ */ s.jsx(se, { label: a, isRequired: p, hideHintLabel: u }) : null,
+          /* @__PURE__ */ s.jsxs(
+            Q,
+            {
+              className: ({ isFocusWithin: d, isHovered: o }) => S({
+                isFocused: d,
+                isHovered: o,
+                isDisabled: r || $,
+                isInvalid: n
+              }),
+              children: [
+                f,
+                /* @__PURE__ */ s.jsx(
+                  U,
+                  {
+                    className: O({
+                      className: Z(
+                        !!f && "ps-1",
+                        !!l && "pe-1",
+                        "resize-none",
+                        "overflow-x-hidden",
+                        "py-[0.4375rem]"
+                      )
+                    }),
+                    ref: e,
+                    required: p,
+                    disabled: r,
+                    readOnly: $,
+                    rows: C
+                  }
+                ),
+                l
+              ]
+            }
+          ),
+          M ? /* @__PURE__ */ s.jsx(te, { description: c, errorMessage: h }) : null
+        ] })
+      }
+    ),
+    F ? /* @__PURE__ */ s.jsx("div", { className: N(), children: F }) : null
+  ] });
 };
-h.displayName = "TextFieldArea";
-const ae = K(h);
+w.displayName = "TextFieldArea";
+const $e = ee(w);
 export {
-  ae as TextFieldArea
+  $e as TextFieldArea
 };

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

package/dist/lyra452.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra451.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 e=require("./lyra451.cjs"),t=e.tv({slots:{kpi:["flex flex-col items-center gap-3 px-4"],kpiText:["max-w-full truncate"],list:["grid gap-y-5 [&>*:last-child]:border-none","grid-cols-1","md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default","sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"]}});exports.KpiStyles=t;