@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra44.js

@@ -1,97 +1,141 @@
 import { j as e } from "./lyra89.js";
-import { useContextProps as g, TextFieldContext as q, TextField as w, Group as C, Input as D } from "./lyra88.js";
-import { clsx as E } from "./lyra449.js";
-import { fixedForwardRef as O } from "./lyra92.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 { useContextProps as k, TextFieldContext as U, TextField as V, Group as T, Input as R } from "./lyra88.js";
+import { clsx as g } from "./lyra449.js";
+import { fixedForwardRef as q } from "./lyra92.js";
+import { InputHeader as w } from "./lyra38.js";
+import { InputFooter as C } from "./lyra39.js";
+import { sharedInputStyles as O } from "./lyra40.js";
+const a = ({
+  description: o,
+  endSlot: t,
+  fullWidth: m = !0,
+  hideHintLabel: f,
+  hideInputFooter: p,
+  hideInputHeader: c,
+  inputRef: u,
+  label: x,
+  startSlot: i,
+  ...s
+}, r) => {
+  [s, r] = k(s, r, U);
   const {
-    className: u,
-    errorMessage: $,
-    isDisabled: F = !1,
+    className: b,
+    errorMessage: N,
+    isDisabled: $ = !1,
     isInvalid: j,
-    isReadOnly: i,
-    isRequired: t,
-    ...I
-  } = a, { input: h, inputField: N, wrapper: T } = M({
-    fullWidth: x,
-    hasStartSlot: !!r,
-    hasEndSlot: !!s
+    isReadOnly: n,
+    isRequired: d,
+    ...F
+  } = s, { input: v, inputField: y, wrapper: D } = O({
+    fullWidth: m,
+    hasStartSlot: !!i,
+    hasEndSlot: !!t
   });
-  return /* @__PURE__ */ e.jsx(
-    w,
+  return /* @__PURE__ */ e.jsxDEV(
+    V,
     {
-      className: T({ className: u }),
-      isDisabled: F,
-      isRequired: t,
+      className: D({ className: b }),
+      isDisabled: $,
+      isRequired: d,
       isInvalid: j,
-      isReadOnly: i,
-      ...I,
-      ref: d,
-      children: ({ isDisabled: o, isInvalid: y }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          G,
+      isReadOnly: n,
+      ...F,
+      ref: r,
+      children: ({ isDisabled: l, isInvalid: E }) => /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxDEV(
+          w,
           {
-            label: b,
-            isRequired: t,
-            hideHintLabel: c,
-            hideInputHeader: n
-          }
+            label: x,
+            isRequired: d,
+            hideHintLabel: f,
+            hideInputHeader: c
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
+            lineNumber: 78,
+            columnNumber: 11
+          },
+          void 0
         ),
-        /* @__PURE__ */ e.jsxs(
-          C,
+        /* @__PURE__ */ e.jsxDEV(
+          T,
           {
-            className: ({ isFocusWithin: R, isHovered: v }) => N({
-              isFocused: R,
-              isHovered: v,
-              isDisabled: o || i,
-              isInvalid: y
+            className: ({ isFocusWithin: I, isHovered: h }) => y({
+              isFocused: I,
+              isHovered: h,
+              isDisabled: l || n,
+              isInvalid: E
             }),
             children: [
-              r,
-              /* @__PURE__ */ e.jsx(
-                D,
+              i,
+              /* @__PURE__ */ e.jsxDEV(
+                R,
                 {
-                  className: h({
-                    className: E(!!r && "ps-1", !!s && "pe-1")
+                  className: v({
+                    className: g(!!i && "ps-1", !!t && "pe-1")
                   }),
-                  ref: m,
-                  required: t,
-                  disabled: o,
-                  readOnly: i
-                }
+                  ref: u,
+                  required: d,
+                  disabled: l,
+                  readOnly: n
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
+                  lineNumber: 95,
+                  columnNumber: 13
+                },
+                void 0
               ),
-              s
+              t
             ]
-          }
+          },
+          void 0,
+          !0,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
+            lineNumber: 84,
+            columnNumber: 11
+          },
+          void 0
         ),
-        /* @__PURE__ */ e.jsx(
-          H,
+        /* @__PURE__ */ e.jsxDEV(
+          C,
+          {
+            description: o,
+            errorMessage: N,
+            hideInputFooter: p
+          },
+          void 0,
+          !1,
           {
-            description: p,
-            errorMessage: $,
-            hideInputFooter: f
-          }
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
+            lineNumber: 106,
+            columnNumber: 11
+          },
+          void 0
         )
-      ] })
-    }
+      ] }, void 0, !0, {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
+        lineNumber: 77,
+        columnNumber: 9
+      }, void 0)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field/text-field.tsx",
+      lineNumber: 67,
+      columnNumber: 5
+    },
+    void 0
   );
 };
-l.displayName = "TextField";
-const K = O(l);
+a.displayName = "TextField";
+const B = q(a);
 export {
-  K as TextField
+  B 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 } from \"react\";\nimport {\n  Group,\n  Input,\n  TextField as AriaTextField,\n  TextFieldContext,\n  TextFieldProps as AriaTextFieldProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport clsx from \"clsx\";\nimport { VariantProps } from \"tailwind-variants\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport {\n  InputFooter,\n  InputFooterProps,\n  InputHeader,\n  InputHeaderProps,\n  sharedInputStyles,\n} from \"../shared\";\n\nexport type TextFieldProps = AriaTextFieldProps &\n  VariantProps<typeof sharedInputStyles> &\n  InputHeaderProps &\n  InputFooterProps & {\n    className?: string;\n    startSlot?: JSX.Element;\n    endSlot?: JSX.Element;\n    placeholder?: string;\n    inputRef?: RefObject<HTMLInputElement>;\n  };\n\nconst _TextField = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    inputRef,\n    label,\n    startSlot,\n    ...props\n  }: TextFieldProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isInvalid={isInvalid}\n      isReadOnly={isReadOnly}\n      {...textFieldprops}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <Input\n              className={input({\n                className: clsx(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\"),\n              })}\n              ref={inputRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextField.displayName = \"TextField\";\n\nexport const TextField = fixedForwardRef(_TextField);\n"],"names":["_TextField","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","inputRef","label","startSlot","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","input","inputField","wrapper","sharedInputStyles","jsxDEV","AriaTextField","Fragment","InputHeader","this","Group","isFocusWithin","isHovered","Input","clsx","InputFooter","TextField","fixedForwardRef"],"mappings":";;;;;;;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,MAEZQ,gBAAAA,EAAA,OAAAE,YAAA,EAAA,UAAA;AAAA,QAAAF,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAApB;AAAA,YACA,YAAAW;AAAA,YACA,eAAAf;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,UAJF;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAuB;AAAAA,QAKA;AAAA,QACAJ,gBAAAA,EAAA;AAAA,UAACK;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,gBAPZ;AAAA,gBAAA;AAAA,gBAAA;AAAA,kBAAA,UAAA;AAAA,kBAAA,YAAA;AAAA,kBAAA,cAAA;AAAA,gBAAA;AAAA,gBAAAW;AAAAA,cAQA;AAAA,cACC3B;AAAA,YAAA;AAAA,UAAA;AAAA,UApBH;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAA2B;AAAAA,QAqBA;AAAA,QACAJ,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,aAAAlC;AAAA,YACA,cAAAc;AAAA,YACA,iBAAAV;AAAA,UAAA;AAAA,UAHF;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAwB;AAAAA,QAIA;AAAA,MAAA,KAjCF,QAAA,IAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAkCA,GAAAA,MAAA;AAAA,IAAA;AAAA,IA5CJ;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AAgDJ;AAEA7B,EAAW,cAAc;AAEZ,MAAAoC,IAAYC,EAAgBrC,CAAU;"}

package/dist/lyra45.cjs

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

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

package/dist/lyra45.js

@@ -1,122 +1,167 @@
-import { j as n } from "./lyra89.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 "./lyra88.js";
-import { useObjectRef as _, mergeRefs as B } from "./lyra100.js";
-import { clsx as J } from "./lyra449.js";
-import { fixedForwardRef as K } from "./lyra92.js";
-import { InputHeader as Q } from "./lyra38.js";
-import { InputFooter as U } from "./lyra39.js";
+import { j as s } from "./lyra89.js";
+import { useRef as T, useState as U, useCallback as S, useLayoutEffect as A } from "react";
+import { useContextProps as L, TextFieldContext as O, TextField as q, Group as M, TextArea as P } from "./lyra88.js";
+import { useObjectRef as G, mergeRefs as _ } from "./lyra100.js";
+import { clsx as B } from "./lyra449.js";
+import { fixedForwardRef as J } from "./lyra92.js";
+import { InputHeader as K } from "./lyra38.js";
+import { InputFooter as Q } from "./lyra39.js";
 import { sharedInputStyles as W } from "./lyra40.js";
-const h = ({
-  description: b,
+const b = ({
+  description: N,
   endSlot: d,
-  fullWidth: p = !0,
-  hideHintLabel: g,
-  hideInputFooter: F,
-  hideInputHeader: v,
-  label: I,
-  maxRows: c,
-  rows: j = 1,
-  startSlot: l,
+  fullWidth: $ = !0,
+  hideHintLabel: h,
+  hideInputFooter: v,
+  hideInputHeader: y,
+  label: j,
+  maxRows: l,
+  rows: g = 1,
+  startSlot: c,
   textAreaRef: x,
   ...t
-}, f) => {
-  [t, f] = M(t, f, P);
+}, m) => {
+  [t, m] = L(t, m, O);
   const {
-    className: y,
-    errorMessage: w,
-    isDisabled: R = !1,
-    isInvalid: z,
+    className: E,
+    errorMessage: F,
+    isDisabled: I = !1,
+    isInvalid: D,
     isReadOnly: u,
-    isRequired: m,
-    ...C
-  } = t, $ = L(null), e = _(
-    x ? B($, x) : $
-  ), { input: E, inputField: H, wrapper: N } = W({
-    fullWidth: p,
-    hasStartSlot: !!l,
+    isRequired: f,
+    ...V
+  } = t, p = T(null), e = G(
+    x ? _(p, x) : p
+  ), { input: k, inputField: w, wrapper: R } = W({
+    fullWidth: $,
+    hasStartSlot: !!c,
     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(() => {
+  }), [z, C] = U(t.value ?? t.defaultValue ?? ""), H = (i) => {
+    var r;
+    C(i), (r = t.onChange) == null || r.call(t, i);
+  }, a = S(() => {
     if (e != null && e.current) {
-      const r = parseInt(window.getComputedStyle(document.documentElement).fontSize);
+      const i = 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 r = l ? Math.round(l) : void 0, o = r ? r + 0.5 : void 0, n = o ? o * i : void 0;
+      n && e.current.scrollHeight > n ? e.current.style.maxHeight = `${n}px` : e.current.style.height = `${e.current.scrollHeight}px`;
     }
-  }, [c, e]);
-  return D(() => (a(), window.addEventListener("resize", a), () => {
+  }, [l, e]);
+  return A(() => (a(), window.addEventListener("resize", a), () => {
     window.removeEventListener("resize", a);
-  }), [a, T]), /* @__PURE__ */ n.jsx(
-    V,
+  }), [a, z]), /* @__PURE__ */ s.jsxDEV(
+    q,
     {
-      className: N({ className: y }),
-      isDisabled: R,
-      isRequired: m,
+      className: R({ className: E }),
+      isDisabled: I,
+      isRequired: f,
       isReadOnly: u,
-      isInvalid: z,
-      ...C,
-      onChange: A,
-      ref: f,
-      children: ({ isDisabled: r, isInvalid: s }) => /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-        /* @__PURE__ */ n.jsx(
-          Q,
+      isInvalid: D,
+      ...V,
+      onChange: H,
+      ref: m,
+      children: ({ isDisabled: i, isInvalid: r }) => /* @__PURE__ */ s.jsxDEV(s.Fragment, { children: [
+        /* @__PURE__ */ s.jsxDEV(
+          K,
+          {
+            label: j,
+            isRequired: f,
+            hideHintLabel: h,
+            hideInputHeader: y
+          },
+          void 0,
+          !1,
           {
-            label: I,
-            isRequired: m,
-            hideHintLabel: g,
-            hideInputHeader: v
-          }
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",
+            lineNumber: 102,
+            columnNumber: 11
+          },
+          void 0
         ),
-        /* @__PURE__ */ n.jsxs(
-          k,
+        /* @__PURE__ */ s.jsxDEV(
+          M,
           {
-            className: ({ isFocusWithin: o, isHovered: i }) => H({
+            className: ({ isFocusWithin: o, isHovered: n }) => w({
               isFocused: o,
-              isHovered: i,
-              isDisabled: r || u,
-              isInvalid: s
+              isHovered: n,
+              isDisabled: i || u,
+              isInvalid: r
             }),
             children: [
-              l,
-              /* @__PURE__ */ n.jsx(
-                G,
+              c,
+              /* @__PURE__ */ s.jsxDEV(
+                P,
                 {
-                  className: E({
-                    className: J(
-                      !!l && "ps-1",
+                  className: k({
+                    className: B(
+                      !!c && "ps-1",
                       !!d && "pe-1",
                       "resize-none",
-                      "overflow-x-hidden"
+                      "overflow-x-hidden",
+                      "py-[0.4375rem]"
                     )
                   }),
                   ref: e,
-                  required: m,
-                  disabled: r,
+                  required: f,
+                  disabled: i,
                   readOnly: u,
-                  rows: j
-                }
+                  rows: g
+                },
+                void 0,
+                !1,
+                {
+                  fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",
+                  lineNumber: 119,
+                  columnNumber: 13
+                },
+                void 0
               ),
               d
             ]
-          }
+          },
+          void 0,
+          !0,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",
+            lineNumber: 108,
+            columnNumber: 11
+          },
+          void 0
         ),
-        /* @__PURE__ */ n.jsx(
-          U,
+        /* @__PURE__ */ s.jsxDEV(
+          Q,
+          {
+            description: N,
+            errorMessage: F,
+            hideInputFooter: v
+          },
+          void 0,
+          !1,
           {
-            description: b,
-            errorMessage: w,
-            hideInputFooter: F
-          }
+            fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",
+            lineNumber: 137,
+            columnNumber: 11
+          },
+          void 0
         )
-      ] })
-    }
+      ] }, void 0, !0, {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",
+        lineNumber: 101,
+        columnNumber: 9
+      }, void 0)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/inputs/text-field-area/text-field-area.tsx",
+      lineNumber: 90,
+      columnNumber: 5
+    },
+    void 0
   );
 };
-h.displayName = "TextFieldArea";
-const ae = K(h);
+b.displayName = "TextFieldArea";
+const ae = J(b);
 export {
   ae 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                ),\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, useRef, useState } from \"react\";\nimport {\n  Group,\n  TextArea,\n  TextField as AriaTextField,\n  TextFieldContext,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { mergeRefs, useObjectRef } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers\";\nimport { InputFooter, InputHeader, sharedInputStyles } from \"../shared\";\n\nimport { TextFieldAreaProps } from \"./text-field-area.types\";\n\nconst _TextFieldArea = (\n  {\n    description,\n    endSlot,\n    fullWidth = true,\n    hideHintLabel,\n    hideInputFooter,\n    hideInputHeader,\n    label,\n    maxRows,\n    rows = 1,\n    startSlot,\n    textAreaRef,\n    ...props\n  }: TextFieldAreaProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  [props, ref] = useContextProps(props, ref, TextFieldContext);\n  const {\n    className,\n    errorMessage,\n    isDisabled = false,\n    isInvalid,\n    isReadOnly,\n    isRequired,\n    ...textFieldprops\n  } = props;\n\n  const innerTextAreaRef = useRef<HTMLTextAreaElement>(null);\n  const mergedTextAreaRef = useObjectRef(\n    textAreaRef ? mergeRefs(innerTextAreaRef, textAreaRef) : innerTextAreaRef,\n  );\n  const { input, inputField, wrapper } = sharedInputStyles({\n    fullWidth,\n    hasStartSlot: !!startSlot,\n    hasEndSlot: !!endSlot,\n  });\n\n  const [innerValue, setInnerValue] = useState(props.value ?? props.defaultValue ?? \"\");\n\n  const onChange: TextFieldAreaProps[\"onChange\"] = (newValue) => {\n    setInnerValue(newValue);\n    props.onChange?.(newValue);\n  };\n\n  const handleResize = useCallback(() => {\n    if (mergedTextAreaRef?.current) {\n      const rootFontSizePx = parseInt(window.getComputedStyle(document.documentElement).fontSize);\n      mergedTextAreaRef.current.style.height = \"auto\";\n      const maxRowsInt = maxRows ? Math.round(maxRows) : undefined;\n      const maxHeightInRem = maxRowsInt ? maxRowsInt + 0.5 : undefined;\n      const maxHeight = maxHeightInRem ? maxHeightInRem * rootFontSizePx : undefined;\n\n      if (maxHeight && mergedTextAreaRef.current.scrollHeight > maxHeight) {\n        mergedTextAreaRef.current.style.maxHeight = `${maxHeight}px`;\n      } else {\n        mergedTextAreaRef.current.style.height = `${mergedTextAreaRef.current.scrollHeight}px`;\n      }\n    }\n  }, [maxRows, mergedTextAreaRef]);\n\n  useLayoutEffect(() => {\n    handleResize();\n\n    window.addEventListener(\"resize\", handleResize);\n    return () => {\n      window.removeEventListener(\"resize\", handleResize);\n    };\n    // Adding dependency to the innerValue to make sure we resize the element every time the input is changed\n  }, [handleResize, innerValue]);\n\n  return (\n    <AriaTextField\n      className={wrapper({ className })}\n      isDisabled={isDisabled}\n      isRequired={isRequired}\n      isReadOnly={isReadOnly}\n      isInvalid={isInvalid}\n      {...textFieldprops}\n      onChange={onChange}\n      ref={ref}\n    >\n      {({ isDisabled, isInvalid }) => (\n        <>\n          <InputHeader\n            label={label}\n            isRequired={isRequired}\n            hideHintLabel={hideHintLabel}\n            hideInputHeader={hideInputHeader}\n          />\n          <Group\n            className={({ isFocusWithin, isHovered }) => {\n              return inputField({\n                isFocused: isFocusWithin,\n                isHovered: isHovered,\n                isDisabled: isDisabled || isReadOnly,\n                isInvalid,\n              });\n            }}\n          >\n            {startSlot}\n            <TextArea\n              className={input({\n                className: clsx(\n                  !!startSlot && \"ps-1\",\n                  !!endSlot && \"pe-1\",\n                  \"resize-none\",\n                  \"overflow-x-hidden\",\n                  \"py-[0.4375rem]\",\n                ),\n              })}\n              ref={mergedTextAreaRef}\n              required={isRequired}\n              disabled={isDisabled}\n              readOnly={isReadOnly}\n              rows={rows}\n            />\n            {endSlot}\n          </Group>\n          <InputFooter\n            description={description}\n            errorMessage={errorMessage}\n            hideInputFooter={hideInputFooter}\n          />\n        </>\n      )}\n    </AriaTextField>\n  );\n};\n\n_TextFieldArea.displayName = \"TextFieldArea\";\nexport const TextFieldArea = fixedForwardRef(_TextFieldArea);\n"],"names":["_TextFieldArea","description","endSlot","fullWidth","hideHintLabel","hideInputFooter","hideInputHeader","label","maxRows","rows","startSlot","textAreaRef","props","ref","useContextProps","TextFieldContext","className","errorMessage","isDisabled","isInvalid","isReadOnly","isRequired","textFieldprops","innerTextAreaRef","useRef","mergedTextAreaRef","useObjectRef","mergeRefs","input","inputField","wrapper","sharedInputStyles","innerValue","setInnerValue","useState","onChange","newValue","_a","handleResize","useCallback","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","useLayoutEffect","jsxDEV","AriaTextField","Fragment","InputHeader","this","Group","isFocusWithin","isHovered","TextArea","clsx","InputFooter","TextFieldArea","fixedForwardRef"],"mappings":";;;;;;;;;AAiBA,MAAMA,IAAiB,CACrB;AAAA,EACE,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,eAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,aAAAC;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,GAEEW,IAAmBC,EAA4B,IAAI,GACnDC,IAAoBC;AAAAA,IACxBf,IAAcgB,EAAUJ,GAAkBZ,CAAW,IAAIY;AAAA,EAAA,GAErD,EAAE,OAAAK,GAAO,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAkB;AAAA,IACvD,WAAA5B;AAAA,IACA,cAAc,CAAC,CAACO;AAAA,IAChB,YAAY,CAAC,CAACR;AAAA,EAAA,CACf,GAEK,CAAC8B,GAAYC,CAAa,IAAIC,EAAStB,EAAM,SAASA,EAAM,gBAAgB,EAAE,GAE9EuB,IAA2C,CAACC,MAAa;;AAC7D,IAAAH,EAAcG,CAAQ,IACtBC,IAAAzB,EAAM,aAAN,QAAAyB,EAAA,KAAAzB,GAAiBwB;AAAA,EAAQ,GAGrBE,IAAeC,EAAY,MAAM;AACrC,QAAId,KAAA,QAAAA,EAAmB,SAAS;AAC9B,YAAMe,IAAiB,SAAS,OAAO,iBAAiB,SAAS,eAAe,EAAE,QAAQ;AACxE,MAAAf,EAAA,QAAQ,MAAM,SAAS;AACzC,YAAMgB,IAAajC,IAAU,KAAK,MAAMA,CAAO,IAAI,QAC7CkC,IAAiBD,IAAaA,IAAa,MAAM,QACjDE,IAAYD,IAAiBA,IAAiBF,IAAiB;AAErE,MAAIG,KAAalB,EAAkB,QAAQ,eAAekB,IACxDlB,EAAkB,QAAQ,MAAM,YAAY,GAAGkB,CAAS,OAExDlB,EAAkB,QAAQ,MAAM,SAAS,GAAGA,EAAkB,QAAQ,YAAY;AAAA,IAEtF;AAAA,EAAA,GACC,CAACjB,GAASiB,CAAiB,CAAC;AAE/B,SAAAmB,EAAgB,OACDN,KAEN,OAAA,iBAAiB,UAAUA,CAAY,GACvC,MAAM;AACJ,WAAA,oBAAoB,UAAUA,CAAY;AAAA,EAAA,IAGlD,CAACA,GAAcN,CAAU,CAAC,GAG3Ba,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWhB,EAAQ,EAAE,WAAAd,GAAW;AAAA,MAChC,YAAAE;AAAA,MACA,YAAAG;AAAA,MACA,YAAAD;AAAA,MACA,WAAAD;AAAA,MACC,GAAGG;AAAA,MACJ,UAAAa;AAAA,MACA,KAAAtB;AAAA,MAEC,WAAC,EAAE,YAAAK,GAAY,WAAAC,EAAAA,MAEZ0B,gBAAAA,EAAA,OAAAE,YAAA,EAAA,UAAA;AAAA,QAAAF,gBAAAA,EAAA;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAAzC;AAAA,YACA,YAAAc;AAAA,YACA,eAAAjB;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,UAJF;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAA2C;AAAAA,QAKA;AAAA,QACAJ,gBAAAA,EAAA;AAAA,UAACK;AAAAA,UAAA;AAAA,YACC,WAAW,CAAC,EAAE,eAAAC,GAAe,WAAAC,QACpBvB,EAAW;AAAA,cAChB,WAAWsB;AAAA,cACX,WAAAC;AAAA,cACA,YAAYlC,KAAcE;AAAA,cAC1B,WAAAD;AAAAA,YAAA,CACD;AAAA,YAGF,UAAA;AAAA,cAAAT;AAAA,cACDmC,gBAAAA,EAAA;AAAA,gBAACQ;AAAAA,gBAAA;AAAA,kBACC,WAAWzB,EAAM;AAAA,oBACf,WAAW0B;AAAA,sBACT,CAAC,CAAC5C,KAAa;AAAA,sBACf,CAAC,CAACR,KAAW;AAAA,sBACb;AAAA,sBACA;AAAA,sBACA;AAAA,oBACF;AAAA,kBAAA,CACD;AAAA,kBACD,KAAKuB;AAAA,kBACL,UAAUJ;AAAA,kBACV,UAAUH;AAAAA,kBACV,UAAUE;AAAA,kBACV,MAAAX;AAAA,gBAAA;AAAA,gBAdF;AAAA,gBAAA;AAAA,gBAAA;AAAA,kBAAA,UAAA;AAAA,kBAAA,YAAA;AAAA,kBAAA,cAAA;AAAA,gBAAA;AAAA,gBAAAwC;AAAAA,cAeA;AAAA,cACC/C;AAAA,YAAA;AAAA,UAAA;AAAA,UA3BH;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAA+C;AAAAA,QA4BA;AAAA,QACAJ,gBAAAA,EAAA;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,aAAAtD;AAAA,YACA,cAAAgB;AAAA,YACA,iBAAAZ;AAAA,UAAA;AAAA,UAHF;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAA4C;AAAAA,QAIA;AAAA,MAAA,KAxCF,QAAA,IAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAyCA,GAAAA,MAAA;AAAA,IAAA;AAAA,IApDJ;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AAwDJ;AAEAjD,EAAe,cAAc;AAChB,MAAAwD,KAAgBC,EAAgBzD,CAAc;"}

package/dist/lyra452.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra89.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra450.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;

package/dist/lyra452.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.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"}
+{"version":3,"file":"lyra452.cjs","sources":["../src/components/kpi/kpi.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const KpiStyles = tv({\n  slots: {\n    kpi: [\"flex flex-col items-center gap-3 px-4\"],\n    kpiText: [\"max-w-full truncate\"],\n    list: [\n      \"grid gap-y-5 [&>*:last-child]:border-none\",\n      \"grid-cols-1\",\n      \"md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default\",\n      \"sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default\",\n    ],\n  },\n});\n"],"names":["KpiStyles","tv"],"mappings":"iHAEaA,EAAYC,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CAAC,uCAAuC,EAC7C,QAAS,CAAC,qBAAqB,EAC/B,KAAM,CACJ,4CACA,cACA,qGACA,kHACF,CACF,CACF,CAAC"}