@new-black/lyra 1.0.11 → 1.0.13

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/lyra451.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./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/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}
+{"version":3,"file":"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,92 +1,16 @@
-import { tv as e } from "./lyra449.js";
-const r = e({
-  base: ["flex", "flex-col", "w-full", "outline-none", "overflow-auto"]
-}), i = e({
-  base: [
-    "block",
-    "w-full",
-    "justify-start",
-    "rounded-sm",
-    "bg-transparent",
-    "p-1",
-    "ps-1.5",
-    "text-start",
-    "text-base",
-    "font-normal",
-    "text-primary",
-    "outline-none",
-    "duration-0",
-    "active:text-inverted",
-    "hover:bg-action-hover",
-    "hover:text-inverted",
-    "focus:bg-action-focus",
-    "focus:text-inverted",
-    "focus-visible:[box-shadow:none]"
-  ],
-  variants: {
-    isDisabled: {
-      true: ["text-tertiary", "cursor-not-allowed"]
-    }
-  }
-}), o = e({
-  slots: {
-    item: ["flex", "items-start", "p-1", "rounded-sm", "outline-none"],
-    itemCheckmark: [],
-    itemCheckmarkWrapper: [],
-    itemImage: [
-      "w-9",
-      "min-w-9",
-      "h-9",
-      "rounded-xs",
-      "border",
-      "solid",
-      "border-default",
-      "me-1.5",
-      "overflow-hidden",
-      "box-border",
-      "object-contain",
-      "bg-[#ffffff]",
-      "block"
-    ],
-    itemLabel: ["text-primary", "text-base", "truncate", "overflow-hidden", "select-none"],
-    itemDescription: ["text-sm", "text-secondary", "truncate", "overflow-hidden", "select-none"],
-    itemEndIcon: ["text-tertiary", "w-4", "h-4"],
-    itemStartIcon: ["w-4", "h-4", "me-1"]
-  },
-  variants: {
-    hasSelection: {
-      true: {
-        itemCheckmarkWrapper: ["w-5", "min-w-5"],
-        itemCheckmark: ["text-primary", "min-w-4", "me-1"]
-      },
-      false: {
-        item: ["ps-1.5"]
-      }
-    },
-    disabled: {
-      true: {
-        item: ["cursor-not-allowed"],
-        itemCheckmark: ["text-tertiary"],
-        itemImage: ["opacity-50"],
-        itemLabel: ["text-tertiary"],
-        itemDescription: ["text-tertiary"]
-      }
-    },
-    active: {
-      true: {
-        item: ["bg-action-focus"],
-        itemImage: ["border-focus"],
-        itemCheckmark: ["text-inverted"],
-        itemLabel: ["text-inverted"],
-        itemDescription: ["text-inverted"],
-        itemStartIcon: ["text-inverted"],
-        itemEndIcon: ["text-inverted"]
-      }
-    }
-  }
-});
+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 {
-  i as loadMoreButtonStyles,
-  o as sharedListItemStyles,
-  r as sharedListStyles
+  u as NavigationContextProvider,
+  x as useNavigationContext
 };

package/dist/lyra451.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra451.js","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":";AAEO,MAAMA,IAAmBC,EAAG;AAAA,EACjC,MAAM,CAAC,QAAQ,YAAY,UAAU,gBAAgB,eAAe;AACtE,CAAC,GAEYC,IAAuBD,EAAG;AAAA,EACrC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM,CAAC,iBAAiB,oBAAoB;AAAA,IAC9C;AAAA,EACF;AACF,CAAC,GAEYE,IAAuBF,EAAG;AAAA,EACrC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,eAAe,OAAO,cAAc,cAAc;AAAA,IACjE,eAAe,CAAC;AAAA,IAChB,sBAAsB,CAAC;AAAA,IACvB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,CAAC,gBAAgB,aAAa,YAAY,mBAAmB,aAAa;AAAA,IACrF,iBAAiB,CAAC,WAAW,kBAAkB,YAAY,mBAAmB,aAAa;AAAA,IAC3F,aAAa,CAAC,iBAAiB,OAAO,KAAK;AAAA,IAC3C,eAAe,CAAC,OAAO,OAAO,MAAM;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,sBAAsB,CAAC,OAAO,SAAS;AAAA,QACvC,eAAe,CAAC,gBAAgB,WAAW,MAAM;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,MAAM,CAAC,QAAQ;AAAA,MACjB;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM,CAAC,oBAAoB;AAAA,QAC3B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,YAAY;AAAA,QACxB,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,MACnC;AAAA,IACF;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM,CAAC,iBAAiB;AAAA,QACxB,WAAW,CAAC,cAAc;AAAA,QAC1B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,QACjC,eAAe,CAAC,eAAe;AAAA,QAC/B,aAAa,CAAC,eAAe;AAAA,MAC/B;AAAA,IACF;AAAA,EACF;AACF,CAAC;"}
+{"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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra88.cjs"),i=require("./lyra90.cjs"),n=require("./lyra63.cjs"),x=require("./lyra71.cjs");require("./lyra72.cjs");const I=require("./lyra451.cjs"),R=i.default.object({label:i.default.string(),description:i.default.string().optional(),iconStart:n.iconsSchema.optional(),iconEnd:n.iconsSchema.optional(),image:i.default.string().url().optional(),customElement:i.default.any().optional()}).transform(t=>(t.customElement?(delete t.image,delete t.iconStart):t.image&&delete t.iconStart,t)),v=({hasSelection:t,item:u,selectRenderElements:d,state:s})=>{const{customElement:l,description:r,iconEnd:m,iconStart:o,image:c,label:a}=R.parse(d(u)),{item:p,itemCheckmark:j,itemCheckmarkWrapper:S,itemDescription:h,itemEndIcon:E,itemImage:g,itemLabel:f,itemStartIcon:y}=I.sharedListItemStyles({hasSelection:t});return e.jsxRuntimeExports.jsxs("div",{className:p(s),children:[t?e.jsxRuntimeExports.jsx("div",{className:S(),children:s.selected?e.jsxRuntimeExports.jsx(n.SvgIcon,{name:"checkmark",className:j(s)}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"})}):null,l||null,c?e.jsxRuntimeExports.jsx("img",{src:c,alt:a,className:g(s)}):null,o?e.jsxRuntimeExports.jsx("div",{className:y(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:o})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-full grow flex-col gap-1 overflow-hidden truncate",children:[e.jsxRuntimeExports.jsx(x.Text,{slot:"label",className:f(s),children:a}),r?e.jsxRuntimeExports.jsx(x.Text,{slot:"description",className:h(s),children:r}):null]}),m?e.jsxRuntimeExports.jsx("div",{className:E(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:m})}):null]})};exports.SharedListItem=v;
+"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":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":"uPAUMA,EAAuBC,UAC1B,OAAO,CACN,MAAOA,UAAE,OAAO,EAChB,YAAaA,EAAA,QAAE,OAAO,EAAE,SAAS,EACjC,UAAWC,cAAY,SAAS,EAChC,QAASA,cAAY,SAAS,EAC9B,MAAOD,EAAAA,QAAE,OAAS,EAAA,IAAA,EAAM,SAAS,EACjC,cAAeA,EAAA,QAAE,IAAI,EAAE,SAAS,CAClC,CAAC,EACA,UAAWE,IAGNA,EAAK,eACP,OAAOA,EAAK,MACZ,OAAOA,EAAK,WACHA,EAAK,OACd,OAAOA,EAAK,UAEPA,EACR,EA6BUC,EAAiB,CAAmB,CAC/C,aAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,MAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,cAAAC,EAAe,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAM,EACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,EAEjD,CACJ,KAAMS,EACN,cAAeC,EACf,qBAAsBC,EACtB,gBAAiBC,EACjB,YAAaC,EACb,UAAWC,EACX,UAAWC,EACX,cAAeC,GACbC,uBAAqB,CACvB,aAAAlB,CAAA,CACD,EAED,OACGmB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWT,EAAWP,CAAK,EAC7B,SAAA,CACCH,EAAAoB,EAAA,kBAAA,IAAC,OAAI,UAAWR,EAAA,EACb,SAAMT,EAAA,iCACJkB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAWV,EAAoBR,CAAK,CAAG,CAAA,0BAEhE,MAAI,CAAA,UAAU,UAAU,CAAA,CAE7B,EACE,KACHC,GAA+C,KAC/CI,EAASY,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAO,IAAKC,EAAO,UAAWM,EAAgBZ,CAAK,CAAA,CAAG,EAAK,KAC7EI,EACCa,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWH,EAAoBd,CAAK,EACvC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMd,CAAW,CAAA,CAC5B,CAAA,EACE,KACJY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2DACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACE,QAAK,KAAK,QAAQ,UAAWN,EAAgBb,CAAK,EAChD,SACHM,EAAA,EACCJ,EACEe,EAAAA,kBAAAA,IAAAE,EAAAA,KAAA,CAAK,KAAK,cAAc,UAAWT,EAAsBV,CAAK,EAC5D,SAAAE,CAAA,CACH,EACE,IAAA,EACN,EACCC,EACCc,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWN,EAAkBX,CAAK,EACrC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMf,CAAS,CAAA,CAC1B,CAAA,EACE,IACN,CAAA,CAAA,CAEJ"}
+{"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,46 +1,14 @@
-import { j as e } from "./lyra88.js";
-import l from "./lyra90.js";
-import { iconsSchema as d, SvgIcon as s } from "./lyra63.js";
-import { Text as p } from "./lyra71.js";
-import "./lyra72.js";
-import { sharedListItemStyles as N } from "./lyra451.js";
-const v = l.object({
-  label: l.string(),
-  description: l.string().optional(),
-  iconStart: d.optional(),
-  iconEnd: d.optional(),
-  image: l.string().url().optional(),
-  customElement: l.any().optional()
-}).transform((i) => (i.customElement ? (delete i.image, delete i.iconStart) : i.image && delete i.iconStart, i)), W = ({
-  hasSelection: i,
-  item: h,
-  selectRenderElements: x,
-  state: t
-}) => {
-  const { customElement: m, description: n, iconEnd: r, iconStart: o, image: c, label: a } = v.parse(x(h)), {
-    item: S,
-    itemCheckmark: j,
-    itemCheckmarkWrapper: u,
-    itemDescription: g,
-    itemEndIcon: f,
-    itemImage: k,
-    itemLabel: y,
-    itemStartIcon: I
-  } = N({
-    hasSelection: i
-  });
-  return /* @__PURE__ */ e.jsxs("div", { className: S(t), children: [
-    i ? /* @__PURE__ */ e.jsx("div", { className: u(), children: t.selected ? /* @__PURE__ */ e.jsx(s, { name: "checkmark", className: j(t) }) : /* @__PURE__ */ e.jsx("div", { className: "h-4 w-4" }) }) : null,
-    m || null,
-    c ? /* @__PURE__ */ e.jsx("img", { src: c, alt: a, className: k(t) }) : null,
-    o ? /* @__PURE__ */ e.jsx("div", { className: I(t), children: /* @__PURE__ */ e.jsx(s, { name: o }) }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "flex w-full grow flex-col gap-1 overflow-hidden truncate", children: [
-      /* @__PURE__ */ e.jsx(p, { slot: "label", className: y(t), children: a }),
-      n ? /* @__PURE__ */ e.jsx(p, { slot: "description", className: g(t), children: n }) : null
-    ] }),
-    r ? /* @__PURE__ */ e.jsx("div", { className: f(t), children: /* @__PURE__ */ e.jsx(s, { name: r }) }) : null
-  ] });
-};
+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 {
-  W as SharedListItem
+  m as NavigationItemProvider,
+  p as useNavigationItemContext
 };

package/dist/lyra452.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra452.js","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n  .object({\n    label: z.string(),\n    description: z.string().optional(),\n    iconStart: iconsSchema.optional(),\n    iconEnd: iconsSchema.optional(),\n    image: z.string().url().optional(),\n    customElement: z.any().optional(),\n  })\n  .transform((data) => {\n    // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n    // Priority is customElement > image > iconStart\n    if (data.customElement) {\n      delete data.image;\n      delete data.iconStart;\n    } else if (data.image) {\n      delete data.iconStart;\n    }\n    return data;\n  });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n  customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n  active: boolean;\n  selected: boolean;\n  disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n  item: T;\n  selectRenderElements: SelectItemRenderPropFn<T>;\n  state: SharedListItemRenderPropArg;\n  hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n  hasSelection,\n  item,\n  selectRenderElements,\n  state,\n}: SharedListItemProps<T>) => {\n  const { customElement, description, iconEnd, iconStart, image, label } =\n    sharedListItemSchema.parse(selectRenderElements(item));\n\n  const {\n    item: itemStyles,\n    itemCheckmark: itemCheckmarkStyles,\n    itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n    itemDescription: itemDescriptionStyles,\n    itemEndIcon: itemEndIconStyles,\n    itemImage: itemImageStyles,\n    itemLabel: itemLabelStyles,\n    itemStartIcon: itemStartIconStyles,\n  } = sharedListItemStyles({\n    hasSelection,\n  });\n\n  return (\n    <div className={itemStyles(state)}>\n      {hasSelection ? (\n        <div className={itemCheckmarkWrapperStyles()}>\n          {state.selected ? (\n            <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n          ) : (\n            <div className=\"h-4 w-4\" />\n          )}\n        </div>\n      ) : null}\n      {customElement ? (customElement as ReactNode) : null}\n      {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n      {iconStart ? (\n        <div className={itemStartIconStyles(state)}>\n          <SvgIcon name={iconStart} />\n        </div>\n      ) : null}\n      <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n        <Text slot=\"label\" className={itemLabelStyles(state)}>\n          {label}\n        </Text>\n        {description ? (\n          <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n            {description}\n          </Text>\n        ) : null}\n      </div>\n      {iconEnd ? (\n        <div className={itemEndIconStyles(state)}>\n          <SvgIcon name={iconEnd} />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":";;;;;;AAUA,MAAMA,IAAuBC,EAC1B,OAAO;AAAA,EACN,OAAOA,EAAE,OAAO;AAAA,EAChB,aAAaA,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAWC,EAAY,SAAS;AAAA,EAChC,SAASA,EAAY,SAAS;AAAA,EAC9B,OAAOD,EAAE,OAAS,EAAA,IAAA,EAAM,SAAS;AAAA,EACjC,eAAeA,EAAE,IAAI,EAAE,SAAS;AAClC,CAAC,EACA,UAAU,CAACE,OAGNA,EAAK,iBACP,OAAOA,EAAK,OACZ,OAAOA,EAAK,aACHA,EAAK,SACd,OAAOA,EAAK,WAEPA,EACR,GA6BUC,IAAiB,CAAmB;AAAA,EAC/C,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,OAAAC,EAAM,IACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,GAEjD;AAAA,IACJ,MAAMS;AAAA,IACN,eAAeC;AAAA,IACf,sBAAsBC;AAAA,IACtB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,eAAeC;AAAA,MACbC,EAAqB;AAAA,IACvB,cAAAlB;AAAA,EAAA,CACD;AAED,SACGmB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWT,EAAWP,CAAK,GAC7B,UAAA;AAAA,IACCH,IAAAoB,gBAAAA,EAAA,IAAC,SAAI,WAAWR,EAAA,GACb,UAAMT,EAAA,iCACJkB,GAAQ,EAAA,MAAK,aAAY,WAAWV,EAAoBR,CAAK,EAAG,CAAA,0BAEhE,OAAI,EAAA,WAAU,WAAU,EAAA,CAE7B,IACE;AAAA,IACHC,KAA+C;AAAA,IAC/CI,IAASY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAO,KAAKC,GAAO,WAAWM,EAAgBZ,CAAK,EAAA,CAAG,IAAK;AAAA,IAC7EI,IACCa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWH,EAAoBd,CAAK,GACvC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMd,EAAW,CAAA,EAC5B,CAAA,IACE;AAAA,IACJY,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACE,KAAK,MAAK,SAAQ,WAAWN,EAAgBb,CAAK,GAChD,UACHM,GAAA;AAAA,MACCJ,IACEe,gBAAAA,EAAAA,IAAAE,GAAA,EAAK,MAAK,eAAc,WAAWT,EAAsBV,CAAK,GAC5D,UAAAE,EAAA,CACH,IACE;AAAA,IAAA,GACN;AAAA,IACCC,IACCc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWN,EAAkBX,CAAK,GACrC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMf,EAAS,CAAA,EAC1B,CAAA,IACE;AAAA,EACN,EAAA,CAAA;AAEJ;"}
+{"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/lyra454.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra449.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;

package/dist/lyra454.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra454.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":"lyra454.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n  base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n  base: [\n    \"block\",\n    \"w-full\",\n    \"justify-start\",\n    \"rounded-sm\",\n    \"bg-transparent\",\n    \"p-1\",\n    \"ps-1.5\",\n    \"text-start\",\n    \"text-base\",\n    \"font-normal\",\n    \"text-primary\",\n    \"outline-none\",\n    \"duration-0\",\n    \"active:text-inverted\",\n    \"hover:bg-action-hover\",\n    \"hover:text-inverted\",\n    \"focus:bg-action-focus\",\n    \"focus:text-inverted\",\n    \"focus-visible:[box-shadow:none]\",\n  ],\n  variants: {\n    isDisabled: {\n      true: [\"text-tertiary\", \"cursor-not-allowed\"],\n    },\n  },\n});\n\nexport const sharedListItemStyles = tv({\n  slots: {\n    item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n    itemCheckmark: [],\n    itemCheckmarkWrapper: [],\n    itemImage: [\n      \"w-9\",\n      \"min-w-9\",\n      \"h-9\",\n      \"rounded-xs\",\n      \"border\",\n      \"solid\",\n      \"border-default\",\n      \"me-1.5\",\n      \"overflow-hidden\",\n      \"box-border\",\n      \"object-contain\",\n      \"bg-[#ffffff]\",\n      \"block\",\n    ],\n    itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n    itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n    itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n  },\n  variants: {\n    hasSelection: {\n      true: {\n        itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n        itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n      },\n      false: {\n        item: [\"ps-1.5\"],\n      },\n    },\n    disabled: {\n      true: {\n        item: [\"cursor-not-allowed\"],\n        itemCheckmark: [\"text-tertiary\"],\n        itemImage: [\"opacity-50\"],\n        itemLabel: [\"text-tertiary\"],\n        itemDescription: [\"text-tertiary\"],\n      },\n    },\n    active: {\n      true: {\n        item: [\"bg-action-focus\"],\n        itemImage: [\"border-focus\"],\n        itemCheckmark: [\"text-inverted\"],\n        itemLabel: [\"text-inverted\"],\n        itemDescription: [\"text-inverted\"],\n        itemStartIcon: [\"text-inverted\"],\n        itemEndIcon: [\"text-inverted\"],\n      },\n    },\n  },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAC9C,CACF,CACF,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CACjB,CACF,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CACnC,CACF,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAC/B,CACF,CACF,CACF,CAAC"}