@new-black/lyra 1.0.12 → 1.0.13

package/dist/lyra45.cjs

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

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, 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  useLayoutEffect(() => {\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  }, [innerValue, maxRows, mergedTextAreaRef]);\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(!!startSlot && \"ps-1\", !!endSlot && \"pe-1\", \"resize-none\"),\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\";\n\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","useLayoutEffect","rootFontSizePx","maxRowsInt","maxHeightInRem","maxHeight","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                ),\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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"}

package/dist/lyra45.js

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

package/dist/lyra450.cjs

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

package/dist/lyra450.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra450.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":"lyra450.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra450.js

@@ -1,16 +1 @@
-import { j as e } from "./lyra88.js";
-import { createContext as r, useContext as i } from "react";
-const o = r(null), u = ({
-  children: t,
-  currentRoute: n
-}) => /* @__PURE__ */ e.jsx(o.Provider, { value: { currentRoute: n }, children: t });
-function x() {
-  const t = i(o);
-  if (t === null)
-    throw new Error("useNavigationContext must be used within a NavigationContextProvider ");
-  return t;
-}
-export {
-  u as NavigationContextProvider,
-  x as useNavigationContext
-};
+

package/dist/lyra450.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra450.js","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":";;AAIA,MAAMA,IAAoBC,EAAwC,IAAI,GAEzDC,IAA4B,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,cAAAC;AACF,MAKIC,gBAAAA,EAAA,IAACL,EAAkB,UAAlB,EAA2B,OAAO,EAAE,cAAAI,EAAA,GAAiB,UAAAD,EAAS,CAAA;AAI5D,SAASG,IAAuB;AAC/B,QAAAC,IAAUC,EAAWR,CAAiB;AAE5C,MAAIO,MAAY;AACR,UAAA,IAAI,MAAM,uEAAuE;AAGlF,SAAAA;AACT;"}
+{"version":3,"file":"lyra450.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/lyra451.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra88.cjs"),t=require("react"),e=t.createContext({depth:null});function u({children:o}){const n=t.useContext(e),i=t.useMemo(()=>(n.depth??0)+1,[n.depth]);return r.jsxRuntimeExports.jsx(e.Provider,{value:{depth:i},children:o})}function s(){return t.useContext(e)}exports.NavigationItemProvider=u;exports.useNavigationItemContext=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra88.cjs"),e=require("react"),n=e.createContext(null),r=({children:t,currentRoute:o})=>i.jsxRuntimeExports.jsx(n.Provider,{value:{currentRoute:o},children:t});function a(){const t=e.useContext(n);if(t===null)throw new Error("useNavigationContext must be used within a NavigationContextProvider ");return t}exports.NavigationContextProvider=r;exports.useNavigationContext=a;

package/dist/lyra451.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra451.cjs","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":"mIAIMA,EAAwBC,EAAAA,cAAqC,CAAE,MAAO,IAAM,CAAA,EAElE,SAAAC,EAAuB,CAAE,SAAAC,GAAqC,CACtE,MAAAC,EAAUC,aAAWL,CAAqB,EAE1CM,EAAYC,EAAAA,QAAQ,KAAOH,EAAQ,OAAS,GAAK,EAAG,CAACA,EAAQ,KAAK,CAAC,EAGvE,OAAAI,EAAA,kBAAA,IAACR,EAAsB,SAAtB,CAA+B,MAAO,CAAE,MAAOM,CAAU,EACvD,SAAAH,CACH,CAAA,CAEJ,CAEO,SAASM,GAA2B,CACzC,OAAOJ,EAAAA,WAAWL,CAAqB,CACzC"}
+{"version":3,"file":"lyra451.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"}

package/dist/lyra451.js

@@ -1,14 +1,16 @@
-import { j as i } from "./lyra88.js";
-import { createContext as s, useContext as o, useMemo as u } from "react";
-const t = s({ depth: null });
-function m({ children: n }) {
-  const e = o(t), r = u(() => (e.depth ?? 0) + 1, [e.depth]);
-  return /* @__PURE__ */ i.jsx(t.Provider, { value: { depth: r }, children: n });
-}
-function p() {
-  return o(t);
+import { j as e } from "./lyra88.js";
+import { createContext as r, useContext as i } from "react";
+const o = r(null), u = ({
+  children: t,
+  currentRoute: n
+}) => /* @__PURE__ */ e.jsx(o.Provider, { value: { currentRoute: n }, children: t });
+function x() {
+  const t = i(o);
+  if (t === null)
+    throw new Error("useNavigationContext must be used within a NavigationContextProvider ");
+  return t;
 }
 export {
-  m as NavigationItemProvider,
-  p as useNavigationItemContext
+  u as NavigationContextProvider,
+  x as useNavigationContext
 };

package/dist/lyra451.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra451.js","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":";;AAIA,MAAMA,IAAwBC,EAAqC,EAAE,OAAO,KAAM,CAAA;AAElE,SAAAC,EAAuB,EAAE,UAAAC,KAAqC;AACtE,QAAAC,IAAUC,EAAWL,CAAqB,GAE1CM,IAAYC,EAAQ,OAAOH,EAAQ,SAAS,KAAK,GAAG,CAACA,EAAQ,KAAK,CAAC;AAGvE,SAAAI,gBAAAA,EAAA,IAACR,EAAsB,UAAtB,EAA+B,OAAO,EAAE,OAAOM,EAAU,GACvD,UAAAH,EACH,CAAA;AAEJ;AAEO,SAASM,IAA2B;AACzC,SAAOJ,EAAWL,CAAqB;AACzC;"}
+{"version":3,"file":"lyra451.js","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":";;AAIA,MAAMA,IAAoBC,EAAwC,IAAI,GAEzDC,IAA4B,CAAC;AAAA,EACxC,UAAAC;AAAA,EACA,cAAAC;AACF,MAKIC,gBAAAA,EAAA,IAACL,EAAkB,UAAlB,EAA2B,OAAO,EAAE,cAAAI,EAAA,GAAiB,UAAAD,EAAS,CAAA;AAI5D,SAASG,IAAuB;AAC/B,QAAAC,IAAUC,EAAWR,CAAiB;AAE5C,MAAIO,MAAY;AACR,UAAA,IAAI,MAAM,uEAAuE;AAGlF,SAAAA;AACT;"}

package/dist/lyra452.cjs

@@ -1 +1 @@
-"use strict";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra88.cjs"),t=require("react"),e=t.createContext({depth:null});function u({children:o}){const n=t.useContext(e),i=t.useMemo(()=>(n.depth??0)+1,[n.depth]);return r.jsxRuntimeExports.jsx(e.Provider,{value:{depth:i},children:o})}function s(){return t.useContext(e)}exports.NavigationItemProvider=u;exports.useNavigationItemContext=s;

package/dist/lyra452.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra452.cjs","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":"mIAIMA,EAAwBC,EAAAA,cAAqC,CAAE,MAAO,IAAM,CAAA,EAElE,SAAAC,EAAuB,CAAE,SAAAC,GAAqC,CACtE,MAAAC,EAAUC,aAAWL,CAAqB,EAE1CM,EAAYC,EAAAA,QAAQ,KAAOH,EAAQ,OAAS,GAAK,EAAG,CAACA,EAAQ,KAAK,CAAC,EAGvE,OAAAI,EAAA,kBAAA,IAACR,EAAsB,SAAtB,CAA+B,MAAO,CAAE,MAAOM,CAAU,EACvD,SAAAH,CACH,CAAA,CAEJ,CAEO,SAASM,GAA2B,CACzC,OAAOJ,EAAAA,WAAWL,CAAqB,CACzC"}

package/dist/lyra452.js

@@ -1 +1,14 @@
-
+import { j as i } from "./lyra88.js";
+import { createContext as s, useContext as o, useMemo as u } from "react";
+const t = s({ depth: null });
+function m({ children: n }) {
+  const e = o(t), r = u(() => (e.depth ?? 0) + 1, [e.depth]);
+  return /* @__PURE__ */ i.jsx(t.Provider, { value: { depth: r }, children: n });
+}
+function p() {
+  return o(t);
+}
+export {
+  m as NavigationItemProvider,
+  p as useNavigationItemContext
+};

package/dist/lyra452.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra452.js","sources":["../src/components/navigation/navigation-item.context.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext, useMemo } from \"react\";\n\nimport { NavigationItemContext } from \"./navigation.types\";\n\nconst NavigationItemContext = createContext<NavigationItemContext>({ depth: null });\n\nexport function NavigationItemProvider({ children }: { children: ReactNode }) {\n  const context = useContext(NavigationItemContext);\n\n  const nextDepth = useMemo(() => (context.depth ?? 0) + 1, [context.depth]);\n\n  return (\n    <NavigationItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </NavigationItemContext.Provider>\n  );\n}\n\nexport function useNavigationItemContext() {\n  return useContext(NavigationItemContext);\n}\n"],"names":["NavigationItemContext","createContext","NavigationItemProvider","children","context","useContext","nextDepth","useMemo","jsx","useNavigationItemContext"],"mappings":";;AAIA,MAAMA,IAAwBC,EAAqC,EAAE,OAAO,KAAM,CAAA;AAElE,SAAAC,EAAuB,EAAE,UAAAC,KAAqC;AACtE,QAAAC,IAAUC,EAAWL,CAAqB,GAE1CM,IAAYC,EAAQ,OAAOH,EAAQ,SAAS,KAAK,GAAG,CAACA,EAAQ,KAAK,CAAC;AAGvE,SAAAI,gBAAAA,EAAA,IAACR,EAAsB,UAAtB,EAA+B,OAAO,EAAE,OAAOM,EAAU,GACvD,UAAAH,EACH,CAAA;AAEJ;AAEO,SAASM,IAA2B;AACzC,SAAOJ,EAAWL,CAAqB;AACzC;"}

package/dist/lyra453.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra449.cjs"),e=t.tv({slots:{box:["bg-surface-contrast","rounded-xs","text-inverted","text-sm","px-1.5","py-1","text-center"],beak:["transform","text-[--color-neutral-9]"]},variants:{placement:{top:{beak:"rotate-180 relative"},bottom:{},left:{beak:"rotate-90 relative -translate-x-1"},right:{beak:"-rotate-90 relative translate-x-1"},center:{}}}});exports.tooltipStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.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/lyra453.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra453.cjs","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":"iHAEaA,EAAgBC,EAAAA,GAAG,CAC9B,MAAO,CACL,IAAK,CACH,sBACA,aACA,gBACA,UACA,SACA,OACA,aACF,EACA,KAAM,CAAC,YAAa,0BAA0B,CAChD,EACA,SAAU,CACR,UAAW,CACT,IAAK,CACH,KAAM,qBACR,EACA,OAAQ,CAAC,EACT,KAAM,CACJ,KAAM,mCACR,EACA,MAAO,CACL,KAAM,mCACR,EACA,OAAQ,CAAC,CACX,CACF,CACF,CAAC"}
+{"version":3,"file":"lyra453.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"}

package/dist/lyra453.js

@@ -1,33 +1,16 @@
 import { tv as t } from "./lyra449.js";
-const r = t({
+const d = t({
   slots: {
-    box: [
-      "bg-surface-contrast",
-      "rounded-xs",
-      "text-inverted",
-      "text-sm",
-      "px-1.5",
-      "py-1",
-      "text-center"
-    ],
-    beak: ["transform", "text-[--color-neutral-9]"]
-  },
-  variants: {
-    placement: {
-      top: {
-        beak: "rotate-180 relative"
-      },
-      bottom: {},
-      left: {
-        beak: "rotate-90 relative -translate-x-1"
-      },
-      right: {
-        beak: "-rotate-90 relative translate-x-1"
-      },
-      center: {}
-    }
+    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"
+    ]
   }
 });
 export {
-  r as tooltipStyles
+  d as KpiStyles
 };

package/dist/lyra453.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra453.js","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":";AAEO,MAAMA,IAAgBC,EAAG;AAAA,EAC9B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,MAAM,CAAC,aAAa,0BAA0B;AAAA,EAChD;AAAA,EACA,UAAU;AAAA,IACR,WAAW;AAAA,MACT,KAAK;AAAA,QACH,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,MACT,MAAM;AAAA,QACJ,MAAM;AAAA,MACR;AAAA,MACA,OAAO;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,QAAQ,CAAC;AAAA,IACX;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"lyra453.js","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":";AAEO,MAAMA,IAAYC,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK,CAAC,uCAAuC;AAAA,IAC7C,SAAS,CAAC,qBAAqB;AAAA,IAC/B,MAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}

package/dist/lyra456.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),l=require("react"),n=require("./lyra87.cjs"),m=require("./lyra91.cjs"),R=require("./lyra839.cjs"),f=require("./lyra63.cjs"),d=require("./lyra457.cjs"),g=l.createContext(null);function v({children:a,items:t,label:i,renderEmptyState:o,...s},r){return[s,r]=n.useContextProps(s,r,n.TagGroupContext),e.jsxRuntimeExports.jsx(g.Provider,{value:{onRemove:s.onRemove},children:e.jsxRuntimeExports.jsx(n.TagGroup,{...s,"aria-label":i,className:d.tagGroupStyles({className:s.className}),ref:r,children:e.jsxRuntimeExports.jsx(n.TagList,{items:t,renderEmptyState:o,className:"flex flex-wrap gap-1",children:a})})})}const p=m.fixedForwardRef(v);p.displayName="InputTagGroup";function y({children:a,...t},i){const{onRemove:o}=l.useContext(g),s=typeof a=="string"?a:void 0,{removeButton:r,tag:T}=d.tagStyles();return e.jsxRuntimeExports.jsx(n.Tag,{ref:i,textValue:s,...t,className:n.composeRenderProps(t.className,(x,u)=>T({...u,isDisabled:u.isDisabled,className:x})),children:({allowsRemoving:x,isDisabled:u})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[a,x&&!u&&!t.isDisabled&&e.jsxRuntimeExports.jsx(R.SpanButton,{className:r(),onPress:()=>{const c=new Set;t.id!==void 0&&c.add(t.id),o==null||o(c)},children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"clear"})})]})})}const j=m.fixedForwardRef(y);j.displayName="InputTag";exports.InputTag=j;exports.InputTagGroup=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra449.cjs"),e=t.tv({slots:{box:["bg-surface-contrast","rounded-xs","text-inverted","text-sm","px-1.5","py-1","text-center"],beak:["transform","text-[--color-neutral-9]"]},variants:{placement:{top:{beak:"rotate-180 relative"},bottom:{},left:{beak:"rotate-90 relative -translate-x-1"},right:{beak:"-rotate-90 relative translate-x-1"},center:{}}}});exports.tooltipStyles=e;

package/dist/lyra456.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra456.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n  composeRenderProps,\n  Key,\n  Tag as AriaTag,\n  TagGroup as AriaTagGroup,\n  TagGroupContext,\n  TagGroupProps as AriaTagGroupProps,\n  TagList,\n  TagListProps,\n  TagProps as AriaTagProps,\n  useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n  extends Omit<AriaTagGroupProps, \"children\">,\n    Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n  label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n  { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n  ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n      <AriaTagGroup\n        {...props}\n        aria-label={label}\n        className={tagGroupStyles({ className: props.className })}\n        ref={ref}\n      >\n        <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n          {children}\n        </TagList>\n      </AriaTagGroup>\n    </SharedTagGroupContext.Provider>\n  );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n  { children, ...props }: InputTagProps,\n  ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n  const { onRemove } = useContext(SharedTagGroupContext);\n  const textValue = typeof children === \"string\" ? children : undefined;\n  const { removeButton, tag } = tagStyles();\n\n  return (\n    <AriaTag\n      ref={ref}\n      textValue={textValue}\n      {...props}\n      className={composeRenderProps(props.className, (className, renderProps) => {\n        return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n      })}\n    >\n      {({ allowsRemoving, isDisabled }) => (\n        <>\n          {children}\n          {allowsRemoving && !isDisabled && !props.isDisabled && (\n            <SpanButton\n              className={removeButton()}\n              onPress={() => {\n                const keysToRemove = new Set<Key>();\n                if (props.id !== undefined) keysToRemove.add(props.id);\n                onRemove?.(keysToRemove);\n              }}\n            >\n              <SvgIcon name=\"clear\" />\n            </SpanButton>\n          )}\n        </>\n      )}\n    </AriaTag>\n  );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":"uQA0BMA,EAAwBC,EAAAA,cAAyD,IAAW,EAElG,SAASC,EACP,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,iBAAAC,EAAkB,GAAGC,CAAM,EACrDC,EACA,CACA,OAACD,EAAOC,CAAG,EAAIC,EAAAA,gBAAgBF,EAAOC,EAAKE,EAAAA,eAAe,EAExDC,wBAACX,EAAsB,SAAtB,CAA+B,MAAO,CAAE,SAAUO,EAAM,UACvD,SAAAI,EAAA,kBAAA,IAACC,EAAA,SAAA,CACE,GAAGL,EACJ,aAAYF,EACZ,UAAWQ,EAAAA,eAAe,CAAE,UAAWN,EAAM,UAAW,EACxD,IAAAC,EAEA,iCAACM,EAAAA,QAAQ,CAAA,MAAAV,EAAc,iBAAAE,EAAoC,UAAU,uBAClE,SAAAH,EACH,CAAA,CAEJ,CAAA,CAAA,CAEJ,CAEa,MAAAY,EAAgBC,kBAAgBd,CAAc,EAE3Da,EAAc,YAAc,gBAI5B,SAASE,EACP,CAAE,SAAAd,EAAU,GAAGI,CAAA,EACfC,EACA,CACA,KAAM,CAAE,SAAAU,CAAA,EAAaC,EAAA,WAAWnB,CAAqB,EAC/CoB,EAAY,OAAOjB,GAAa,SAAWA,EAAW,OACtD,CAAE,aAAAkB,EAAc,IAAAC,CAAI,EAAIC,EAAU,UAAA,EAGtC,OAAAZ,EAAA,kBAAA,IAACa,EAAA,IAAA,CACC,IAAAhB,EACA,UAAAY,EACC,GAAGb,EACJ,UAAWkB,EAAmB,mBAAAlB,EAAM,UAAW,CAACmB,EAAWC,IAClDL,EAAI,CAAE,GAAGK,EAAa,WAAYA,EAAY,WAAY,UAAAD,EAAW,CAC7E,EAEA,SAAC,CAAA,CAAE,eAAAE,EAAgB,WAAAC,KAEfC,yBAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAA5B,EACAyB,GAAkB,CAACC,GAAc,CAACtB,EAAM,YACvCI,EAAA,kBAAA,IAACqB,EAAA,WAAA,CACC,UAAWX,EAAa,EACxB,QAAS,IAAM,CACP,MAAAY,MAAmB,IACrB1B,EAAM,KAAO,QAAwB0B,EAAA,IAAI1B,EAAM,EAAE,EACrDW,GAAA,MAAAA,EAAWe,EACb,EAEA,SAAAtB,EAAAA,kBAAAA,IAACuB,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CACxB,CAAA,EAEJ,CAAA,CAAA,CAIR,CAEa,MAAAC,EAAWnB,kBAAgBC,CAAS,EAEjDkB,EAAS,YAAc"}
+{"version":3,"file":"lyra456.cjs","sources":["../src/components/tooltip/tooltip.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tooltipStyles = tv({\n  slots: {\n    box: [\n      \"bg-surface-contrast\",\n      \"rounded-xs\",\n      \"text-inverted\",\n      \"text-sm\",\n      \"px-1.5\",\n      \"py-1\",\n      \"text-center\",\n    ],\n    beak: [\"transform\", \"text-[--color-neutral-9]\"],\n  },\n  variants: {\n    placement: {\n      top: {\n        beak: \"rotate-180 relative\",\n      },\n      bottom: {},\n      left: {\n        beak: \"rotate-90 relative -translate-x-1\",\n      },\n      right: {\n        beak: \"-rotate-90 relative translate-x-1\",\n      },\n      center: {},\n    },\n  },\n});\n"],"names":["tooltipStyles","tv"],"mappings":"iHAEaA,EAAgBC,EAAAA,GAAG,CAC9B,MAAO,CACL,IAAK,CACH,sBACA,aACA,gBACA,UACA,SACA,OACA,aACF,EACA,KAAM,CAAC,YAAa,0BAA0B,CAChD,EACA,SAAU,CACR,UAAW,CACT,IAAK,CACH,KAAM,qBACR,EACA,OAAQ,CAAC,EACT,KAAM,CACJ,KAAM,mCACR,EACA,MAAO,CACL,KAAM,mCACR,EACA,OAAQ,CAAC,CACX,CACF,CACF,CAAC"}