@new-black/lyra 1.0.15 → 1.0.16

package/dist/lyra74.js

@@ -1,38 +1,66 @@
 import { j as r } from "./lyra89.js";
-import { useRef as m, cloneElement as i } from "react";
-import { TooltipTrigger as l, Tooltip as f, OverlayArrow as n } from "./lyra88.js";
-import { mergeProps as p } from "./lyra100.js";
-import { clsx as d } from "./lyra449.js";
-import { useTheme as x } from "./lyra79.js";
-import { Beak as $ } from "./lyra472.js";
-import { tooltipStyles as u } from "./lyra456.js";
+import { useRef as m, cloneElement as n } from "react";
+import { TooltipTrigger as c, Tooltip as a, OverlayArrow as p } from "./lyra88.js";
+import { mergeProps as f } from "./lyra100.js";
+import { clsx as u } from "./lyra449.js";
+import { useTheme as d } from "./lyra79.js";
+import { Beak as N } from "./lyra472.js";
+import { tooltipStyles as x } from "./lyra455.js";
 import { useButton as b } from "./lyra99.js";
-function j({ children: e, ...o }) {
-  const t = x(), { beak: s, box: a } = u();
-  return /* @__PURE__ */ r.jsx(f, { className: t, offset: 8, ...o, children: (c) => /* @__PURE__ */ r.jsxs("div", { className: a({ className: d(t, o.className) }), children: [
-    /* @__PURE__ */ r.jsx(n, { children: /* @__PURE__ */ r.jsx(
-      $,
+function $({ children: e, ...t }) {
+  const o = d(), { beak: i, box: l } = x();
+  return /* @__PURE__ */ r.jsxDEV(a, { className: o, offset: 8, ...t, children: (s) => /* @__PURE__ */ r.jsxDEV("div", { className: l({ className: u(o, t.className) }), children: [
+    /* @__PURE__ */ r.jsxDEV(p, { children: /* @__PURE__ */ r.jsxDEV(
+      N,
       {
-        className: s({
-          placement: c.placement
+        className: i({
+          placement: s.placement
         })
-      }
-    ) }),
-    typeof e == "function" ? e(c) : e
-  ] }) });
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",
+        lineNumber: 29,
+        columnNumber: 13
+      },
+      this
+    ) }, void 0, !1, {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",
+      lineNumber: 28,
+      columnNumber: 11
+    }, this),
+    typeof e == "function" ? e(s) : e
+  ] }, void 0, !0, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",
+    lineNumber: 27,
+    columnNumber: 9
+  }, this) }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",
+    lineNumber: 25,
+    columnNumber: 5
+  }, this);
 }
-const E = ({ children: e, placement: o, tooltip: t, ...s }) => /* @__PURE__ */ r.jsxs(l, { delay: 150, closeDelay: 300, ...s, children: [
+const U = ({ children: e, placement: t, tooltip: o, ...i }) => /* @__PURE__ */ r.jsxDEV(c, { delay: 150, closeDelay: 300, ...i, children: [
   e,
-  /* @__PURE__ */ r.jsx(j, { placement: o, children: t })
-] });
-function w(e) {
-  const o = m(null), { buttonProps: t } = b(e, o);
-  return i(
+  /* @__PURE__ */ r.jsxDEV($, { placement: t, children: o }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",
+    lineNumber: 62,
+    columnNumber: 7
+  }, void 0)
+] }, void 0, !0, {
+  fileName: "/Users/timkapitein/projects/lyra/src/components/tooltip/tooltip.tsx",
+  lineNumber: 60,
+  columnNumber: 5
+}, void 0);
+function V(e) {
+  const t = m(null), { buttonProps: o } = b(e, t);
+  return n(
     e.children,
-    p(t, e.children.props, { ref: o })
+    f(o, e.children.props, { ref: t })
   );
 }
 export {
-  w as CustomTooltipTriggerWrapper,
-  E as Tooltip
+  V as CustomTooltipTriggerWrapper,
+  U as Tooltip
 };

package/dist/lyra74.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra74.js","sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { cloneElement, ReactNode, useRef } from \"react\";\nimport { Placement, useButton } from \"react-aria\";\nimport {\n  OverlayArrow,\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  TooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\n\nimport { mergeProps } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { useTheme } from \"../../provider\";\n\nimport { Beak } from \"./beak\";\nimport { tooltipStyles } from \"./tooltip.styles\";\n\nexport type TooltipProps = AriaTooltipProps;\n\nfunction _Tooltip({ children, ...props }: TooltipProps) {\n  const theme = useTheme();\n  const { beak, box } = tooltipStyles();\n  return (\n    <AriaTooltip className={theme} offset={8} {...props}>\n      {(renderProps) => (\n        <div className={box({ className: clsx(theme, props.className) })}>\n          <OverlayArrow>\n            <Beak\n              className={beak({\n                placement: renderProps.placement,\n              })}\n            />\n          </OverlayArrow>\n          {typeof children === \"function\" ? children(renderProps) : children}\n        </div>\n      )}\n    </AriaTooltip>\n  );\n}\n\ntype TooltipTriggerProps = AriaTooltipTriggerComponentProps & {\n  tooltip: ReactNode;\n  placement?: Placement;\n};\n\n/**\n * Tooltip component that wraps the AriaTooltip and AriaTooltipTrigger components\n * from react-aria-components. It displays a tooltip when the user hovers over\n * the child element. Make sure to use a Button component from react-aria-components or Lyra to ensure that the tooltip is connected.\n *\n * @param children - The child element that the tooltip will be displayed for.\n * @param tooltip - The content of the tooltip.\n * @param placement - The placement of the tooltip relative to the child element.\n * @param props - Additional props to pass to the AriaTooltipTrigger component.\n * @returns The Tooltip component.\n */\nexport const Tooltip = ({ children, placement, tooltip, ...props }: TooltipTriggerProps) => {\n  return (\n    <TooltipTrigger delay={150} closeDelay={300} {...props}>\n      {children}\n      <_Tooltip placement={placement}>{tooltip}</_Tooltip>\n    </TooltipTrigger>\n  );\n};\n\nexport function CustomTooltipTriggerWrapper(props: any) {\n  const triggerRef = useRef(null);\n  const { buttonProps } = useButton(props, triggerRef);\n\n  return cloneElement(\n    props.children,\n    mergeProps(buttonProps, props.children.props, { ref: triggerRef }),\n  );\n}\n"],"names":["_Tooltip","children","props","theme","useTheme","beak","box","tooltipStyles","jsx","AriaTooltip","renderProps","jsxs","clsx","OverlayArrow","Beak","Tooltip","placement","tooltip","TooltipTrigger","CustomTooltipTriggerWrapper","triggerRef","useRef","buttonProps","useButton","cloneElement","mergeProps"],"mappings":";;;;;;;;;AAoBA,SAASA,EAAS,EAAE,UAAAC,GAAU,GAAGC,KAAuB;AACtD,QAAMC,IAAQC,KACR,EAAE,MAAAC,GAAM,KAAAC,EAAI,IAAIC,EAAc;AAElC,SAAAC,gBAAAA,MAACC,KAAY,WAAWN,GAAO,QAAQ,GAAI,GAAGD,GAC3C,UAAA,CAACQ,MACAC,gBAAAA,EAAAA,KAAC,SAAI,WAAWL,EAAI,EAAE,WAAWM,EAAKT,GAAOD,EAAM,SAAS,EAAG,CAAA,GAC7D,UAAA;AAAA,IAAAM,gBAAAA,MAACK,GACC,EAAA,UAAAL,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,WAAWT,EAAK;AAAA,UACd,WAAWK,EAAY;AAAA,QAAA,CACxB;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IACC,OAAOT,KAAa,aAAaA,EAASS,CAAW,IAAIT;AAAA,EAAA,EAC5D,CAAA,EAEJ,CAAA;AAEJ;AAkBa,MAAAc,IAAU,CAAC,EAAE,UAAAd,GAAU,WAAAe,GAAW,SAAAC,GAAS,GAAGf,+BAEtDgB,GAAe,EAAA,OAAO,KAAK,YAAY,KAAM,GAAGhB,GAC9C,UAAA;AAAA,EAAAD;AAAA,EACDO,gBAAAA,EAAAA,IAACR,GAAS,EAAA,WAAAgB,GAAuB,UAAQC,EAAA,CAAA;AAC3C,EAAA,CAAA;AAIG,SAASE,EAA4BjB,GAAY;AAChD,QAAAkB,IAAaC,EAAO,IAAI,GACxB,EAAE,aAAAC,EAAgB,IAAAC,EAAUrB,GAAOkB,CAAU;AAE5C,SAAAI;AAAA,IACLtB,EAAM;AAAA,IACNuB,EAAWH,GAAapB,EAAM,SAAS,OAAO,EAAE,KAAKkB,GAAY;AAAA,EAAA;AAErE;"}
+{"version":3,"file":"lyra74.js","sources":["../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import { cloneElement, ReactNode, useRef } from \"react\";\nimport { Placement, useButton } from \"react-aria\";\nimport {\n  OverlayArrow,\n  Tooltip as AriaTooltip,\n  TooltipProps as AriaTooltipProps,\n  TooltipTrigger,\n  TooltipTriggerComponentProps as AriaTooltipTriggerComponentProps,\n} from \"react-aria-components\";\n\nimport { mergeProps } from \"@react-aria/utils\";\nimport clsx from \"clsx\";\n\nimport { useTheme } from \"../../provider\";\n\nimport { Beak } from \"./beak\";\nimport { tooltipStyles } from \"./tooltip.styles\";\n\nexport type TooltipProps = AriaTooltipProps;\n\nfunction _Tooltip({ children, ...props }: TooltipProps) {\n  const theme = useTheme();\n  const { beak, box } = tooltipStyles();\n  return (\n    <AriaTooltip className={theme} offset={8} {...props}>\n      {(renderProps) => (\n        <div className={box({ className: clsx(theme, props.className) })}>\n          <OverlayArrow>\n            <Beak\n              className={beak({\n                placement: renderProps.placement,\n              })}\n            />\n          </OverlayArrow>\n          {typeof children === \"function\" ? children(renderProps) : children}\n        </div>\n      )}\n    </AriaTooltip>\n  );\n}\n\ntype TooltipTriggerProps = AriaTooltipTriggerComponentProps & {\n  tooltip: ReactNode;\n  placement?: Placement;\n};\n\n/**\n * Tooltip component that wraps the AriaTooltip and AriaTooltipTrigger components\n * from react-aria-components. It displays a tooltip when the user hovers over\n * the child element. Make sure to use a Button component from react-aria-components or Lyra to ensure that the tooltip is connected.\n *\n * @param children - The child element that the tooltip will be displayed for.\n * @param tooltip - The content of the tooltip.\n * @param placement - The placement of the tooltip relative to the child element.\n * @param props - Additional props to pass to the AriaTooltipTrigger component.\n * @returns The Tooltip component.\n */\nexport const Tooltip = ({ children, placement, tooltip, ...props }: TooltipTriggerProps) => {\n  return (\n    <TooltipTrigger delay={150} closeDelay={300} {...props}>\n      {children}\n      <_Tooltip placement={placement}>{tooltip}</_Tooltip>\n    </TooltipTrigger>\n  );\n};\n\nexport function CustomTooltipTriggerWrapper(props: any) {\n  const triggerRef = useRef(null);\n  const { buttonProps } = useButton(props, triggerRef);\n\n  return cloneElement(\n    props.children,\n    mergeProps(buttonProps, props.children.props, { ref: triggerRef }),\n  );\n}\n"],"names":["_Tooltip","children","props","theme","useTheme","beak","box","tooltipStyles","jsxDEV","AriaTooltip","renderProps","clsx","OverlayArrow","Beak","Tooltip","placement","tooltip","TooltipTrigger","this","CustomTooltipTriggerWrapper","triggerRef","useRef","buttonProps","useButton","cloneElement","mergeProps"],"mappings":";;;;;;;;;AAoBA,SAASA,EAAS,EAAE,UAAAC,GAAU,GAAGC,KAAuB;AACtD,QAAMC,IAAQC,KACR,EAAE,MAAAC,GAAM,KAAAC,EAAI,IAAIC,EAAc;AAElC,SAAAC,gBAAAA,SAACC,KAAY,WAAWN,GAAO,QAAQ,GAAI,GAAGD,GAC3C,UAAA,CAACQ,MACAF,gBAAAA,EAAAA,OAAC,SAAI,WAAWF,EAAI,EAAE,WAAWK,EAAKR,GAAOD,EAAM,SAAS,EAAG,CAAA,GAC7D,UAAA;AAAA,IAAAM,gBAAAA,SAACI,GACC,EAAA,UAAAJ,gBAAAA,EAAA;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,WAAWR,EAAK;AAAA,UACd,WAAWK,EAAY;AAAA,QAAA,CACxB;AAAA,MAAA;AAAA,MAHH;AAAA,MAAA;AAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA;AAAA,MAAA;AAAA,IAAA,KADF,QAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAMA,GAAA,IAAA;AAAA,IACC,OAAOT,KAAa,aAAaA,EAASS,CAAW,IAAIT;AAAA,EAAA,KAR5D,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IASA,EAXJ,GAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAaA,GAAA,IAAA;AAEJ;AAkBa,MAAAa,IAAU,CAAC,EAAE,UAAAb,GAAU,WAAAc,GAAW,SAAAC,GAAS,GAAGd,iCAEtDe,GAAe,EAAA,OAAO,KAAK,YAAY,KAAM,GAAGf,GAC9C,UAAA;AAAA,EAAAD;AAAA,EACDO,gBAAAA,SAACR,GAAS,EAAA,WAAAe,GAAuB,UAAjCC,KAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAyC,GAAAE,MAAA;AAAA,KAF3C,QAAA,IAAA;AAAA,EAAA,UAAA;AAAA,EAAA,YAAA;AAAA,EAAA,cAAA;AAGA,GAAAA,MAAA;AAIG,SAASC,EAA4BjB,GAAY;AAChD,QAAAkB,IAAaC,EAAO,IAAI,GACxB,EAAE,aAAAC,EAAgB,IAAAC,EAAUrB,GAAOkB,CAAU;AAE5C,SAAAI;AAAA,IACLtB,EAAM;AAAA,IACNuB,EAAWH,GAAapB,EAAM,SAAS,OAAO,EAAE,KAAKkB,GAAY;AAAA,EAAA;AAErE;"}

package/dist/lyra75.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),p=require("./lyra88.cjs"),c=require("./lyra92.cjs"),g=require("./lyra72.cjs");require("./lyra73.cjs");const y=require("./lyra76.cjs"),a=({className:r,hidePercentage:i=!1,style:o,value:t},n)=>{const{bar:x,container:u,fill:l,value:d}=y.ProgressBarStyles({});return e.jsxRuntimeExports.jsx(p.ProgressBar,{value:t??0,style:o,ref:n,className:u({className:r==null?void 0:r.container}),children:({percentage:j})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",{className:x({className:r==null?void 0:r.bar}),children:e.jsxRuntimeExports.jsx("div",{className:l({color:t<=100?"primary":"error",className:r==null?void 0:r.fill}),style:{width:j+"%"}})}),i?null:e.jsxRuntimeExports.jsx(g.Text,{className:d(),variant:"body-medium",children:`${t}%`})]})})},s=c.fixedForwardRef(a);s.displayName="ProgressBar";exports.ProgressBar=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra89.cjs"),c=require("./lyra88.cjs"),d=require("./lyra92.cjs"),x=require("./lyra72.cjs");require("./lyra73.cjs");const b=require("./lyra76.cjs"),f=({className:e,hidePercentage:o=!1,style:t,value:s},n)=>{const{bar:u,container:l,fill:a,value:m}=b.ProgressBarStyles({});return r.jsxDevRuntimeExports.jsxDEV(c.ProgressBar,{value:s??0,style:t,ref:n,className:l({className:e==null?void 0:e.container}),children:({percentage:p})=>r.jsxDevRuntimeExports.jsxDEV(r.jsxDevRuntimeExports.Fragment,{children:[r.jsxDevRuntimeExports.jsxDEV("div",{className:u({className:e==null?void 0:e.bar}),children:r.jsxDevRuntimeExports.jsxDEV("div",{className:a({color:s<=100?"primary":"error",className:e==null?void 0:e.fill}),style:{width:p+"%"}},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",lineNumber:36,columnNumber:13},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",lineNumber:35,columnNumber:11},void 0),o?null:r.jsxDevRuntimeExports.jsxDEV(x.Text,{className:m(),variant:"body-medium",children:`${s}%`},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",lineNumber:45,columnNumber:13},void 0)]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",lineNumber:34,columnNumber:9},void 0)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",lineNumber:27,columnNumber:5},void 0)},i=d.fixedForwardRef(f);i.displayName="ProgressBar";exports.ProgressBar=i;

package/dist/lyra75.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra75.cjs","sources":["../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef } from \"react\";\nimport { ProgressBar as ReactAriaProgressBar } from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { ProgressBarStyles } from \"./progress-bar.styles\";\n\nexport type ProgressBarProps = {\n  value: number;\n  className?: {\n    bar?: string;\n    fill?: string;\n    container?: string;\n  };\n  style?: CSSProperties;\n  hidePercentage?: boolean;\n};\n\nconst _ProgressBar = (\n  { className, hidePercentage = false, style, value }: ProgressBarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { bar, container, fill, value: valueStyles } = ProgressBarStyles({});\n\n  return (\n    <ReactAriaProgressBar\n      value={value ?? 0}\n      style={style}\n      ref={ref}\n      className={container({ className: className?.container })}\n    >\n      {({ percentage }) => (\n        <>\n          <div className={bar({ className: className?.bar })}>\n            <div\n              className={fill({\n                color: value <= 100 ? \"primary\" : \"error\",\n                className: className?.fill,\n              })}\n              style={{ width: percentage + \"%\" }}\n            />\n          </div>\n          {!hidePercentage ? (\n            <Text className={valueStyles()} variant=\"body-medium\">{`${value}%`}</Text>\n          ) : null}\n        </>\n      )}\n    </ReactAriaProgressBar>\n  );\n};\n\nexport const ProgressBar = fixedForwardRef(_ProgressBar);\n// @ts-ignore\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["_ProgressBar","className","hidePercentage","style","value","ref","bar","container","fill","valueStyles","ProgressBarStyles","jsx","ReactAriaProgressBar","percentage","jsxs","Fragment","Text","ProgressBar","fixedForwardRef"],"mappings":"sPAmBMA,EAAe,CACnB,CAAE,UAAAC,EAAW,eAAAC,EAAiB,GAAO,MAAAC,EAAO,MAAAC,CAAM,EAClDC,IACG,CACG,KAAA,CAAE,IAAAC,EAAK,UAAAC,EAAW,KAAAC,EAAM,MAAOC,CAAY,EAAIC,oBAAkB,CAAA,CAAE,EAGvE,OAAAC,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,MAAOR,GAAS,EAChB,MAAAD,EACA,IAAAE,EACA,UAAWE,EAAU,CAAE,UAAWN,GAAA,YAAAA,EAAW,UAAW,EAEvD,SAAC,CAAA,CAAE,WAAAY,CAAW,IAEXC,EAAAA,kBAAAA,KAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAACJ,EAAAA,kBAAAA,IAAA,MAAA,CAAI,UAAWL,EAAI,CAAE,UAAWL,GAAA,YAAAA,EAAW,GAAA,CAAK,EAC/C,SAAAU,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWH,EAAK,CACd,MAAOJ,GAAS,IAAM,UAAY,QAClC,UAAWH,GAAA,YAAAA,EAAW,IAAA,CACvB,EACD,MAAO,CAAE,MAAOY,EAAa,GAAI,CAAA,CAAA,EAErC,EACEX,EAEE,KADDS,EAAAA,kBAAAA,IAAAK,EAAAA,KAAA,CAAK,UAAWP,EAAA,EAAe,QAAQ,cAAe,SAAA,GAAGL,CAAK,GAAA,CAAI,CACjE,EACN,CAAA,CAAA,CAIR,EAEaa,EAAcC,kBAAgBlB,CAAY,EAEvDiB,EAAY,YAAc"}
+{"version":3,"file":"lyra75.cjs","sources":["../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef } from \"react\";\nimport { ProgressBar as ReactAriaProgressBar } from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { ProgressBarStyles } from \"./progress-bar.styles\";\n\nexport type ProgressBarProps = {\n  value: number;\n  className?: {\n    bar?: string;\n    fill?: string;\n    container?: string;\n  };\n  style?: CSSProperties;\n  hidePercentage?: boolean;\n};\n\nconst _ProgressBar = (\n  { className, hidePercentage = false, style, value }: ProgressBarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { bar, container, fill, value: valueStyles } = ProgressBarStyles({});\n\n  return (\n    <ReactAriaProgressBar\n      value={value ?? 0}\n      style={style}\n      ref={ref}\n      className={container({ className: className?.container })}\n    >\n      {({ percentage }) => (\n        <>\n          <div className={bar({ className: className?.bar })}>\n            <div\n              className={fill({\n                color: value <= 100 ? \"primary\" : \"error\",\n                className: className?.fill,\n              })}\n              style={{ width: percentage + \"%\" }}\n            />\n          </div>\n          {!hidePercentage ? (\n            <Text className={valueStyles()} variant=\"body-medium\">{`${value}%`}</Text>\n          ) : null}\n        </>\n      )}\n    </ReactAriaProgressBar>\n  );\n};\n\nexport const ProgressBar = fixedForwardRef(_ProgressBar);\n// @ts-ignore\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["_ProgressBar","className","hidePercentage","style","value","ref","bar","container","fill","valueStyles","ProgressBarStyles","jsxDEV","ReactAriaProgressBar","percentage","Fragment","this","Text","ProgressBar","fixedForwardRef"],"mappings":"sPAmBMA,EAAe,CACnB,CAAE,UAAAC,EAAW,eAAAC,EAAiB,GAAO,MAAAC,EAAO,MAAAC,CAAM,EAClDC,IACG,CACG,KAAA,CAAE,IAAAC,EAAK,UAAAC,EAAW,KAAAC,EAAM,MAAOC,CAAY,EAAIC,oBAAkB,CAAA,CAAE,EAGvE,OAAAC,EAAA,qBAAA,OAACC,EAAA,YAAA,CACC,MAAOR,GAAS,EAChB,MAAAD,EACA,IAAAE,EACA,UAAWE,EAAU,CAAE,UAAWN,GAAA,YAAAA,EAAW,UAAW,EAEvD,SAAC,CAAA,CAAE,WAAAY,CAAW,IAEXF,EAAAA,qBAAAA,OAAAG,EAAAA,qBAAAA,SAAA,CAAA,SAAA,CAACH,EAAAA,qBAAAA,OAAA,MAAA,CAAI,UAAWL,EAAI,CAAE,UAAWL,GAAA,YAAAA,EAAW,GAAA,CAAK,EAC/C,SAAAU,EAAA,qBAAA,OAAC,MAAA,CACC,UAAWH,EAAK,CACd,MAAOJ,GAAS,IAAM,UAAY,QAClC,UAAWH,GAAA,YAAAA,EAAW,IAAA,CACvB,EACD,MAAO,CAAE,MAAOY,EAAa,GAAI,CAAA,EALnC,OAAA,GAAA,CAAA,SAAA,gFAAA,WAAA,GAAA,aAAA,EAAA,EAAAE,MAAA,GADF,OAAA,GAAA,CAAA,SAAA,gFAAA,WAAA,GAAA,aAAA,EAQA,EAAAA,MAAA,EACEb,EAEE,KADFS,EAAAA,qBAAAA,OAACK,EAAAA,KAAK,CAAA,UAAWP,EAAY,EAAG,QAAQ,cAAe,SAAG,GAAAL,CAAK,GAA/D,EAAA,OAAA,GAAA,CAAA,SAAA,gFAAA,WAAA,GAAA,aAAA,EAAA,EAAAW,MAAmE,CACjE,GAZN,OAAA,GAAA,CAAA,SAAA,gFAAA,WAAA,GAAA,aAAA,CAaA,EAAAA,MAAA,CAAA,EApBJ,OAAA,GAAA,CAAA,SAAA,gFAAA,WAAA,GAAA,aAAA,CAAA,EAAAA,MAAA,CAwBJ,EAEaE,EAAcC,kBAAgBlB,CAAY,EAEvDiB,EAAY,YAAc"}

package/dist/lyra75.js

@@ -1,34 +1,62 @@
-import { j as o } from "./lyra89.js";
-import { ProgressBar as l } from "./lyra88.js";
-import { fixedForwardRef as m } from "./lyra92.js";
-import { Text as a } from "./lyra72.js";
+import { j as e } from "./lyra89.js";
+import { ProgressBar as d } from "./lyra88.js";
+import { fixedForwardRef as b } from "./lyra92.js";
+import { Text as f } from "./lyra72.js";
 import "./lyra73.js";
-import { ProgressBarStyles as j } from "./lyra76.js";
-const b = ({ className: r, hidePercentage: t = !1, style: e, value: i }, n) => {
-  const { bar: d, container: s, fill: f, value: p } = j({});
-  return /* @__PURE__ */ o.jsx(
-    l,
+import { ProgressBarStyles as u } from "./lyra76.js";
+const c = ({ className: r, hidePercentage: o = !1, style: i, value: s }, n) => {
+  const { bar: t, container: m, fill: a, value: p } = u({});
+  return /* @__PURE__ */ e.jsxDEV(
+    d,
     {
-      value: i ?? 0,
-      style: e,
+      value: s ?? 0,
+      style: i,
       ref: n,
-      className: s({ className: r == null ? void 0 : r.container }),
-      children: ({ percentage: x }) => /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-        /* @__PURE__ */ o.jsx("div", { className: d({ className: r == null ? void 0 : r.bar }), children: /* @__PURE__ */ o.jsx(
+      className: m({ className: r == null ? void 0 : r.container }),
+      children: ({ percentage: l }) => /* @__PURE__ */ e.jsxDEV(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsxDEV("div", { className: t({ className: r == null ? void 0 : r.bar }), children: /* @__PURE__ */ e.jsxDEV(
           "div",
           {
-            className: f({
-              color: i <= 100 ? "primary" : "error",
+            className: a({
+              color: s <= 100 ? "primary" : "error",
               className: r == null ? void 0 : r.fill
             }),
-            style: { width: x + "%" }
-          }
-        ) }),
-        t ? null : /* @__PURE__ */ o.jsx(a, { className: p(), variant: "body-medium", children: `${i}%` })
-      ] })
-    }
+            style: { width: l + "%" }
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",
+            lineNumber: 36,
+            columnNumber: 13
+          },
+          void 0
+        ) }, void 0, !1, {
+          fileName: "/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",
+          lineNumber: 35,
+          columnNumber: 11
+        }, void 0),
+        o ? null : /* @__PURE__ */ e.jsxDEV(f, { className: p(), variant: "body-medium", children: `${s}%` }, void 0, !1, {
+          fileName: "/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",
+          lineNumber: 45,
+          columnNumber: 13
+        }, void 0)
+      ] }, void 0, !0, {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",
+        lineNumber: 34,
+        columnNumber: 9
+      }, void 0)
+    },
+    void 0,
+    !1,
+    {
+      fileName: "/Users/timkapitein/projects/lyra/src/components/progress-bar/progress-bar.tsx",
+      lineNumber: 27,
+      columnNumber: 5
+    },
+    void 0
   );
-}, g = m(b);
+}, g = b(c);
 g.displayName = "ProgressBar";
 export {
   g as ProgressBar

package/dist/lyra75.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra75.js","sources":["../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef } from \"react\";\nimport { ProgressBar as ReactAriaProgressBar } from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { ProgressBarStyles } from \"./progress-bar.styles\";\n\nexport type ProgressBarProps = {\n  value: number;\n  className?: {\n    bar?: string;\n    fill?: string;\n    container?: string;\n  };\n  style?: CSSProperties;\n  hidePercentage?: boolean;\n};\n\nconst _ProgressBar = (\n  { className, hidePercentage = false, style, value }: ProgressBarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { bar, container, fill, value: valueStyles } = ProgressBarStyles({});\n\n  return (\n    <ReactAriaProgressBar\n      value={value ?? 0}\n      style={style}\n      ref={ref}\n      className={container({ className: className?.container })}\n    >\n      {({ percentage }) => (\n        <>\n          <div className={bar({ className: className?.bar })}>\n            <div\n              className={fill({\n                color: value <= 100 ? \"primary\" : \"error\",\n                className: className?.fill,\n              })}\n              style={{ width: percentage + \"%\" }}\n            />\n          </div>\n          {!hidePercentage ? (\n            <Text className={valueStyles()} variant=\"body-medium\">{`${value}%`}</Text>\n          ) : null}\n        </>\n      )}\n    </ReactAriaProgressBar>\n  );\n};\n\nexport const ProgressBar = fixedForwardRef(_ProgressBar);\n// @ts-ignore\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["_ProgressBar","className","hidePercentage","style","value","ref","bar","container","fill","valueStyles","ProgressBarStyles","jsx","ReactAriaProgressBar","percentage","jsxs","Fragment","Text","ProgressBar","fixedForwardRef"],"mappings":";;;;;;AAmBA,MAAMA,IAAe,CACnB,EAAE,WAAAC,GAAW,gBAAAC,IAAiB,IAAO,OAAAC,GAAO,OAAAC,EAAM,GAClDC,MACG;AACG,QAAA,EAAE,KAAAC,GAAK,WAAAC,GAAW,MAAAC,GAAM,OAAOC,EAAY,IAAIC,EAAkB,CAAA,CAAE;AAGvE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOR,KAAS;AAAA,MAChB,OAAAD;AAAA,MACA,KAAAE;AAAA,MACA,WAAWE,EAAU,EAAE,WAAWN,KAAA,gBAAAA,EAAW,WAAW;AAAA,MAEvD,UAAC,CAAA,EAAE,YAAAY,EAAW,MAEXC,gBAAAA,EAAAA,KAAAC,EAAAA,UAAA,EAAA,UAAA;AAAA,QAACJ,gBAAAA,EAAAA,IAAA,OAAA,EAAI,WAAWL,EAAI,EAAE,WAAWL,KAAA,gBAAAA,EAAW,IAAA,CAAK,GAC/C,UAAAU,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWH,EAAK;AAAA,cACd,OAAOJ,KAAS,MAAM,YAAY;AAAA,cAClC,WAAWH,KAAA,gBAAAA,EAAW;AAAA,YAAA,CACvB;AAAA,YACD,OAAO,EAAE,OAAOY,IAAa,IAAI;AAAA,UAAA;AAAA,QAAA,GAErC;AAAA,QACEX,IAEE,OADDS,gBAAAA,EAAAA,IAAAK,GAAA,EAAK,WAAWP,EAAA,GAAe,SAAQ,eAAe,UAAA,GAAGL,CAAK,IAAA,CAAI;AAAA,MACjE,GACN;AAAA,IAAA;AAAA,EAAA;AAIR,GAEaa,IAAcC,EAAgBlB,CAAY;AAEvDiB,EAAY,cAAc;"}
+{"version":3,"file":"lyra75.js","sources":["../src/components/progress-bar/progress-bar.tsx"],"sourcesContent":["import { CSSProperties, ForwardedRef } from \"react\";\nimport { ProgressBar as ReactAriaProgressBar } from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { ProgressBarStyles } from \"./progress-bar.styles\";\n\nexport type ProgressBarProps = {\n  value: number;\n  className?: {\n    bar?: string;\n    fill?: string;\n    container?: string;\n  };\n  style?: CSSProperties;\n  hidePercentage?: boolean;\n};\n\nconst _ProgressBar = (\n  { className, hidePercentage = false, style, value }: ProgressBarProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) => {\n  const { bar, container, fill, value: valueStyles } = ProgressBarStyles({});\n\n  return (\n    <ReactAriaProgressBar\n      value={value ?? 0}\n      style={style}\n      ref={ref}\n      className={container({ className: className?.container })}\n    >\n      {({ percentage }) => (\n        <>\n          <div className={bar({ className: className?.bar })}>\n            <div\n              className={fill({\n                color: value <= 100 ? \"primary\" : \"error\",\n                className: className?.fill,\n              })}\n              style={{ width: percentage + \"%\" }}\n            />\n          </div>\n          {!hidePercentage ? (\n            <Text className={valueStyles()} variant=\"body-medium\">{`${value}%`}</Text>\n          ) : null}\n        </>\n      )}\n    </ReactAriaProgressBar>\n  );\n};\n\nexport const ProgressBar = fixedForwardRef(_ProgressBar);\n// @ts-ignore\nProgressBar.displayName = \"ProgressBar\";\n"],"names":["_ProgressBar","className","hidePercentage","style","value","ref","bar","container","fill","valueStyles","ProgressBarStyles","jsxDEV","ReactAriaProgressBar","percentage","Fragment","this","Text","ProgressBar","fixedForwardRef"],"mappings":";;;;;;AAmBA,MAAMA,IAAe,CACnB,EAAE,WAAAC,GAAW,gBAAAC,IAAiB,IAAO,OAAAC,GAAO,OAAAC,EAAM,GAClDC,MACG;AACG,QAAA,EAAE,KAAAC,GAAK,WAAAC,GAAW,MAAAC,GAAM,OAAOC,EAAY,IAAIC,EAAkB,CAAA,CAAE;AAGvE,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAOR,KAAS;AAAA,MAChB,OAAAD;AAAA,MACA,KAAAE;AAAA,MACA,WAAWE,EAAU,EAAE,WAAWN,KAAA,gBAAAA,EAAW,WAAW;AAAA,MAEvD,UAAC,CAAA,EAAE,YAAAY,EAAW,MAEXF,gBAAAA,EAAAA,OAAAG,EAAAA,UAAA,EAAA,UAAA;AAAA,QAACH,gBAAAA,EAAAA,OAAA,OAAA,EAAI,WAAWL,EAAI,EAAE,WAAWL,KAAA,gBAAAA,EAAW,IAAA,CAAK,GAC/C,UAAAU,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWH,EAAK;AAAA,cACd,OAAOJ,KAAS,MAAM,YAAY;AAAA,cAClC,WAAWH,KAAA,gBAAAA,EAAW;AAAA,YAAA,CACvB;AAAA,YACD,OAAO,EAAE,OAAOY,IAAa,IAAI;AAAA,UAAA;AAAA,UALnC;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAAE;AAAAA,QAAA,KADF,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAQA,GAAAA,MAAA;AAAA,QACEb,IAEE,OADFS,gBAAAA,EAAAA,OAACK,GAAK,EAAA,WAAWP,EAAY,GAAG,SAAQ,eAAe,UAAG,GAAAL,CAAK,IAA/D,GAAA,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QAAA,GAAAW,MAAmE;AAAA,MACjE,KAZN,QAAA,IAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAaA,GAAAA,MAAA;AAAA,IAAA;AAAA,IApBJ;AAAA,IAAA;AAAA,IAAA;AAAA,MAAA,UAAA;AAAA,MAAA,YAAA;AAAA,MAAA,cAAA;AAAA,IAAA;AAAA,IAAAA;AAAAA,EAAA;AAwBJ,GAEaE,IAAcC,EAAgBlB,CAAY;AAEvDiB,EAAY,cAAc;"}

package/dist/lyra757.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra745.cjs"),h=require("./lyra696.cjs"),b=require("./lyra810.cjs"),m=require("./lyra727.cjs"),l=require("./lyra729.cjs"),c=require("./lyra728.cjs"),s=(r,o,e)=>{const t=r*r;return Math.sqrt(Math.max(0,e*(o*o-t)+t))},d=[m.hex,l.rgba,c.hsla],g=r=>d.find(o=>o.test(r));function i(r){const o=g(r);h.invariant(!!o,`'${r}' is not an animatable color. Use the equivalent color code instead.`);let e=o.parse(r);return o===c.hsla&&(e=b.hslaToRgba(e)),e}const x=(r,o)=>{const e=i(r),t=i(o),n={...e};return a=>(n.red=s(e.red,t.red,a),n.green=s(e.green,t.green,a),n.blue=s(e.blue,t.blue,a),n.alpha=u.mix(e.alpha,t.alpha,a),l.rgba.transform(n))};exports.mixColor=x;exports.mixLinearColor=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra745.cjs"),h=require("./lyra696.cjs"),b=require("./lyra809.cjs"),m=require("./lyra727.cjs"),l=require("./lyra729.cjs"),c=require("./lyra728.cjs"),s=(r,o,e)=>{const t=r*r;return Math.sqrt(Math.max(0,e*(o*o-t)+t))},d=[m.hex,l.rgba,c.hsla],g=r=>d.find(o=>o.test(r));function i(r){const o=g(r);h.invariant(!!o,`'${r}' is not an animatable color. Use the equivalent color code instead.`);let e=o.parse(r);return o===c.hsla&&(e=b.hslaToRgba(e)),e}const x=(r,o)=>{const e=i(r),t=i(o),n={...e};return a=>(n.red=s(e.red,t.red,a),n.green=s(e.green,t.green,a),n.blue=s(e.blue,t.blue,a),n.alpha=u.mix(e.alpha,t.alpha,a),l.rgba.transform(n))};exports.mixColor=x;exports.mixLinearColor=s;

package/dist/lyra757.js

@@ -1,6 +1,6 @@
 import { mix as p } from "./lyra745.js";
 import { invariant as c } from "./lyra696.js";
-import { hslaToRgba as f } from "./lyra810.js";
+import { hslaToRgba as f } from "./lyra809.js";
 import { hex as d } from "./lyra727.js";
 import { rgba as i } from "./lyra729.js";
 import { hsla as l } from "./lyra728.js";

package/dist/lyra759.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra809.cjs"),n=["prepare","read","update","preRender","render","postRender"],P=40;function R(o,l){let r=!1,c=!0;const t={delta:0,timestamp:0,isProcessing:!1},a=n.reduce((e,s)=>(e[s]=g.createRenderStep(()=>r=!0),e),{}),u=e=>{a[e].process(t)},p=()=>{const e=performance.now();r=!1,t.delta=c?1e3/60:Math.max(Math.min(e-t.timestamp,P),1),t.timestamp=e,t.isProcessing=!0,n.forEach(u),t.isProcessing=!1,r&&l&&(c=!1,o(p))},d=()=>{r=!0,c=!0,t.isProcessing||o(p)};return{schedule:n.reduce((e,s)=>{const i=a[s];return e[s]=(f,m=!1,h=!1)=>(r||d(),i.schedule(f,m,h)),e},{}),cancel:e=>n.forEach(s=>a[s].cancel(e)),state:t,steps:a}}exports.createRenderBatcher=R;exports.stepsOrder=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./lyra808.cjs"),n=["prepare","read","update","preRender","render","postRender"],P=40;function R(o,l){let r=!1,c=!0;const t={delta:0,timestamp:0,isProcessing:!1},a=n.reduce((e,s)=>(e[s]=g.createRenderStep(()=>r=!0),e),{}),u=e=>{a[e].process(t)},p=()=>{const e=performance.now();r=!1,t.delta=c?1e3/60:Math.max(Math.min(e-t.timestamp,P),1),t.timestamp=e,t.isProcessing=!0,n.forEach(u),t.isProcessing=!1,r&&l&&(c=!1,o(p))},d=()=>{r=!0,c=!0,t.isProcessing||o(p)};return{schedule:n.reduce((e,s)=>{const i=a[s];return e[s]=(f,m=!1,h=!1)=>(r||d(),i.schedule(f,m,h)),e},{}),cancel:e=>n.forEach(s=>a[s].cancel(e)),state:t,steps:a}}exports.createRenderBatcher=R;exports.stepsOrder=n;

package/dist/lyra759.js

@@ -1,4 +1,4 @@
-import { createRenderStep as g } from "./lyra809.js";
+import { createRenderStep as g } from "./lyra808.js";
 const n = [
   "prepare",
   "read",

package/dist/lyra760.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra770.cjs"),e=require("./lyra811.cjs"),o=require("./lyra812.cjs");class a extends o.Feature{constructor(t){super(t),t.animationState||(t.animationState=e.createAnimationState(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();this.unmount(),i.isAnimationControls(t)&&(this.unmount=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){}}exports.AnimationFeature=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra770.cjs"),e=require("./lyra810.cjs"),o=require("./lyra811.cjs");class a extends o.Feature{constructor(t){super(t),t.animationState||(t.animationState=e.createAnimationState(t))}updateAnimationControlsSubscription(){const{animate:t}=this.node.getProps();this.unmount(),i.isAnimationControls(t)&&(this.unmount=t.subscribe(this.node))}mount(){this.updateAnimationControlsSubscription()}update(){const{animate:t}=this.node.getProps(),{animate:n}=this.node.prevProps||{};t!==n&&this.updateAnimationControlsSubscription()}unmount(){}}exports.AnimationFeature=a;

package/dist/lyra760.js

@@ -1,6 +1,6 @@
 import { isAnimationControls as n } from "./lyra770.js";
-import { createAnimationState as o } from "./lyra811.js";
-import { Feature as s } from "./lyra812.js";
+import { createAnimationState as o } from "./lyra810.js";
+import { Feature as s } from "./lyra811.js";
 class u extends s {
   /**
    * We dynamically generate the AnimationState manager as it contains a reference

package/dist/lyra761.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra812.cjs");let r=0;class u extends o.Feature{constructor(){super(...arguments),this.id=r++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n,custom:e}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===i)return;const s=this.node.animationState.setActive("exit",!t,{custom:e??this.node.getProps().custom});n&&!t&&s.then(()=>n(this.id))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}exports.ExitAnimationFeature=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra811.cjs");let r=0;class u extends o.Feature{constructor(){super(...arguments),this.id=r++}update(){if(!this.node.presenceContext)return;const{isPresent:t,onExitComplete:n,custom:e}=this.node.presenceContext,{isPresent:i}=this.node.prevPresenceContext||{};if(!this.node.animationState||t===i)return;const s=this.node.animationState.setActive("exit",!t,{custom:e??this.node.getProps().custom});n&&!t&&s.then(()=>n(this.id))}mount(){const{register:t}=this.node.presenceContext||{};t&&(this.unmount=t(this.id))}unmount(){}}exports.ExitAnimationFeature=u;

package/dist/lyra761.js

@@ -1,4 +1,4 @@
-import { Feature as o } from "./lyra812.js";
+import { Feature as o } from "./lyra811.js";
 let r = 0;
 class d extends o {
   constructor() {

package/dist/lyra765.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra730.cjs"),l=require("./lyra813.cjs"),a=require("./lyra814.cjs");function r(t,n){let e=a.getDefaultValueType(t);return e!==l.filter&&(e=i.complex),e.getAnimatableNone?e.getAnimatableNone(n):void 0}exports.getAnimatableNone=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra730.cjs"),l=require("./lyra812.cjs"),a=require("./lyra813.cjs");function r(t,n){let e=a.getDefaultValueType(t);return e!==l.filter&&(e=i.complex),e.getAnimatableNone?e.getAnimatableNone(n):void 0}exports.getAnimatableNone=r;

package/dist/lyra765.js

@@ -1,6 +1,6 @@
 import { complex as n } from "./lyra730.js";
-import { filter as a } from "./lyra813.js";
-import { getDefaultValueType as i } from "./lyra814.js";
+import { filter as a } from "./lyra812.js";
+import { getDefaultValueType as i } from "./lyra813.js";
 function f(t, o) {
   let e = i(t);
   return e !== a && (e = n), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;

package/dist/lyra766.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra725.cjs"),i=require("./lyra730.cjs"),t=require("./lyra815.cjs"),o=require("./lyra816.cjs"),s=[...t.dimensionValueTypes,n.color,i.complex],r=e=>s.find(o.testValueType(e));exports.findValueType=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra725.cjs"),i=require("./lyra730.cjs"),t=require("./lyra814.cjs"),o=require("./lyra815.cjs"),s=[...t.dimensionValueTypes,n.color,i.complex],r=e=>s.find(o.testValueType(e));exports.findValueType=r;

package/dist/lyra766.js

@@ -1,7 +1,7 @@
 import { color as e } from "./lyra725.js";
 import { complex as m } from "./lyra730.js";
-import { dimensionValueTypes as p } from "./lyra815.js";
-import { testValueType as r } from "./lyra816.js";
+import { dimensionValueTypes as p } from "./lyra814.js";
+import { testValueType as r } from "./lyra815.js";
 const t = [...p, e, m], s = (o) => t.find(r(o));
 export {
   s as findValueType

package/dist/lyra77.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra89.cjs"),s=require("react"),O=require("./lyra88.cjs"),u=require("./lyra92.cjs"),j=require("./lyra72.cjs");require("./lyra73.cjs");const x=require("./lyra78.cjs");function T({children:o,className:t},n){const{content:r}=x.tableOfContentsStyles({});return e.jsxRuntimeExports.jsx("div",{className:r({className:t}),ref:n,children:o})}const l=u.fixedForwardRef(T);l.displayName="TableOfContents";function h({children:o,className:t,isCurrent:n,name:r,onPress:a},m){const{depth:C}=d(),{item:p,textButton:b}=x.tableOfContentsStyles({});return e.jsxRuntimeExports.jsx(f,{children:e.jsxRuntimeExports.jsxs("div",{ref:m,children:[e.jsxRuntimeExports.jsx("div",{className:p({isCurrent:!!n,className:t==null?void 0:t.item}),children:e.jsxRuntimeExports.jsx(O.Button,{className:b({className:t==null?void 0:t.text}),onPress:a,children:e.jsxRuntimeExports.jsx(j.Text,{color:n?"primary":"secondary",style:{marginLeft:8+24*(C??0)},children:r})})}),o]})})}const c=u.fixedForwardRef(h);c.displayName="TableOfContentsItem";const i=s.createContext({depth:null});function f({children:o}){const t=s.useContext(i),n=s.useMemo(()=>(t.depth??0)+1,[t.depth]);return e.jsxRuntimeExports.jsx(i.Provider,{value:{depth:n},children:o})}function d(){return s.useContext(i)}exports.TableOfContents=l;exports.TableOfContentsItem=c;exports.TableOfContentsItemProvider=f;exports.useTableOfContentsItemContext=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra89.cjs"),o=require("react"),v=require("./lyra88.cjs"),l=require("./lyra92.cjs"),C=require("./lyra72.cjs");require("./lyra73.cjs");const c=require("./lyra78.cjs");function h({children:s,className:e},n){const{content:r}=c.tableOfContentsStyles({});return t.jsxDevRuntimeExports.jsxDEV("div",{className:r({className:e}),ref:n,children:s},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",lineNumber:21,columnNumber:5},this)}const a=l.fixedForwardRef(h);a.displayName="TableOfContents";function N({children:s,className:e,isCurrent:n,name:r,onPress:b},x){const{depth:p}=f(),{item:d,textButton:j}=c.tableOfContentsStyles({});return t.jsxDevRuntimeExports.jsxDEV(u,{children:t.jsxDevRuntimeExports.jsxDEV("div",{ref:x,children:[t.jsxDevRuntimeExports.jsxDEV("div",{className:d({isCurrent:!!n,className:e==null?void 0:e.item}),children:t.jsxDevRuntimeExports.jsxDEV(v.Button,{className:j({className:e==null?void 0:e.text}),onPress:b,children:t.jsxDevRuntimeExports.jsxDEV(C.Text,{color:n?"primary":"secondary",style:{marginLeft:8+24*(p??0)},children:r},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",lineNumber:59,columnNumber:13},this)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",lineNumber:58,columnNumber:11},this)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",lineNumber:52,columnNumber:9},this),s]},void 0,!0,{fileName:"/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",lineNumber:51,columnNumber:7},this)},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",lineNumber:50,columnNumber:5},this)}const m=l.fixedForwardRef(N);m.displayName="TableOfContentsItem";const i=o.createContext({depth:null});function u({children:s}){const e=o.useContext(i),n=o.useMemo(()=>(e.depth??0)+1,[e.depth]);return t.jsxDevRuntimeExports.jsxDEV(i.Provider,{value:{depth:n},children:s},void 0,!1,{fileName:"/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",lineNumber:92,columnNumber:5},this)}function f(){return o.useContext(i)}exports.TableOfContents=a;exports.TableOfContentsItem=m;exports.TableOfContentsItemProvider=u;exports.useTableOfContentsItemContext=f;

package/dist/lyra77.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra77.cjs","sources":["../src/components/table-of-contents/table-of-contents.tsx"],"sourcesContent":["import { createContext, ForwardedRef, ReactNode, useContext, useMemo } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { tableOfContentsStyles } from \"./table-of-contents.styles\";\n\nexport type TableOfContentsProps = {\n  className?: string;\n  children: ReactNode;\n};\n\nfunction _TableOfContents(\n  { children, className }: TableOfContentsProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { content } = tableOfContentsStyles({});\n\n  return (\n    <div className={content({ className })} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport const TableOfContents = fixedForwardRef(_TableOfContents);\n// @ts-ignore\nTableOfContents.displayName = \"TableOfContents\";\n\nexport type TableOfContentsItemProps = {\n  className?: {\n    item?: string;\n    text?: string;\n  };\n  children?: ReactNode;\n  name: string;\n  isCurrent?: boolean;\n  onPress?: () => void;\n};\n\nfunction _TableOfContentsItem(\n  { children, className, isCurrent, name, onPress }: TableOfContentsItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { depth } = useTableOfContentsItemContext();\n  const { item, textButton } = tableOfContentsStyles({});\n\n  return (\n    <TableOfContentsItemProvider>\n      <div ref={ref}>\n        <div\n          className={item({\n            isCurrent: !!isCurrent,\n            className: className?.item,\n          })}\n        >\n          <Button className={textButton({ className: className?.text })} onPress={onPress}>\n            <Text\n              color={isCurrent ? \"primary\" : \"secondary\"}\n              style={{\n                marginLeft: 8 + 24 * (depth ?? 0),\n              }}\n            >\n              {name}\n            </Text>\n          </Button>\n        </div>\n\n        {children}\n      </div>\n    </TableOfContentsItemProvider>\n  );\n}\n\nexport const TableOfContentsItem = fixedForwardRef(_TableOfContentsItem);\n// @ts-ignore\nTableOfContentsItem.displayName = \"TableOfContentsItem\";\n\ninterface ITableOfContentsItemContext {\n  depth: number | null;\n}\n\nconst TableOfContentsItemContext = createContext<ITableOfContentsItemContext>({ depth: null });\n\nexport function TableOfContentsItemProvider({ children }: { children: ReactNode }) {\n  const ctxValue = useContext(TableOfContentsItemContext);\n\n  const nextDepth = useMemo(() => (ctxValue.depth ?? 0) + 1, [ctxValue.depth]);\n\n  return (\n    <TableOfContentsItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </TableOfContentsItemContext.Provider>\n  );\n}\n\nexport function useTableOfContentsItemContext() {\n  return useContext(TableOfContentsItemContext);\n}\n"],"names":["_TableOfContents","children","className","ref","content","tableOfContentsStyles","jsx","TableOfContents","fixedForwardRef","_TableOfContentsItem","isCurrent","name","onPress","depth","useTableOfContentsItemContext","item","textButton","TableOfContentsItemProvider","jsxs","Button","Text","TableOfContentsItem","TableOfContentsItemContext","createContext","ctxValue","useContext","nextDepth","useMemo"],"mappings":"yQAaA,SAASA,EACP,CAAE,SAAAC,EAAU,UAAAC,CAAA,EACZC,EACA,CACA,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAA,sBAAsB,CAAE,CAAA,EAG1C,OAAAC,wBAAC,OAAI,UAAWF,EAAQ,CAAE,UAAAF,CAAU,CAAC,EAAG,IAAAC,EACrC,SAAAF,CACH,CAAA,CAEJ,CAEa,MAAAM,EAAkBC,kBAAgBR,CAAgB,EAE/DO,EAAgB,YAAc,kBAa9B,SAASE,EACP,CAAE,SAAAR,EAAU,UAAAC,EAAW,UAAAQ,EAAW,KAAAC,EAAM,QAAAC,GACxCT,EACA,CACM,KAAA,CAAE,MAAAU,GAAUC,IACZ,CAAE,KAAAC,EAAM,WAAAC,CAAe,EAAAX,EAAA,sBAAsB,CAAE,CAAA,EAErD,OACGC,EAAA,kBAAA,IAAAW,EAAA,CACC,SAACC,EAAA,kBAAA,KAAA,MAAA,CAAI,IAAAf,EACH,SAAA,CAAAG,EAAA,kBAAA,IAAC,MAAA,CACC,UAAWS,EAAK,CACd,UAAW,CAAC,CAACL,EACb,UAAWR,GAAA,YAAAA,EAAW,IAAA,CACvB,EAED,SAAAI,EAAAA,kBAAAA,IAACa,EAAAA,OAAO,CAAA,UAAWH,EAAW,CAAE,UAAWd,GAAA,YAAAA,EAAW,IAAM,CAAA,EAAG,QAAAU,EAC7D,SAAAN,EAAA,kBAAA,IAACc,EAAA,KAAA,CACC,MAAOV,EAAY,UAAY,YAC/B,MAAO,CACL,WAAY,EAAI,IAAMG,GAAS,EACjC,EAEC,SAAAF,CAAA,CAAA,EAEL,CAAA,CACF,EAECV,CAAA,CACH,CAAA,CACF,CAAA,CAEJ,CAEa,MAAAoB,EAAsBb,kBAAgBC,CAAoB,EAEvEY,EAAoB,YAAc,sBAMlC,MAAMC,EAA6BC,EAAAA,cAA2C,CAAE,MAAO,IAAM,CAAA,EAE7E,SAAAN,EAA4B,CAAE,SAAAhB,GAAqC,CAC3E,MAAAuB,EAAWC,aAAWH,CAA0B,EAEhDI,EAAYC,EAAAA,QAAQ,KAAOH,EAAS,OAAS,GAAK,EAAG,CAACA,EAAS,KAAK,CAAC,EAGzE,OAAAlB,EAAA,kBAAA,IAACgB,EAA2B,SAA3B,CAAoC,MAAO,CAAE,MAAOI,CAAU,EAC5D,SAAAzB,CACH,CAAA,CAEJ,CAEO,SAASa,GAAgC,CAC9C,OAAOW,EAAAA,WAAWH,CAA0B,CAC9C"}
+{"version":3,"file":"lyra77.cjs","sources":["../src/components/table-of-contents/table-of-contents.tsx"],"sourcesContent":["import { createContext, ForwardedRef, ReactNode, useContext, useMemo } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { tableOfContentsStyles } from \"./table-of-contents.styles\";\n\nexport type TableOfContentsProps = {\n  className?: string;\n  children: ReactNode;\n};\n\nfunction _TableOfContents(\n  { children, className }: TableOfContentsProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { content } = tableOfContentsStyles({});\n\n  return (\n    <div className={content({ className })} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport const TableOfContents = fixedForwardRef(_TableOfContents);\n// @ts-ignore\nTableOfContents.displayName = \"TableOfContents\";\n\nexport type TableOfContentsItemProps = {\n  className?: {\n    item?: string;\n    text?: string;\n  };\n  children?: ReactNode;\n  name: string;\n  isCurrent?: boolean;\n  onPress?: () => void;\n};\n\nfunction _TableOfContentsItem(\n  { children, className, isCurrent, name, onPress }: TableOfContentsItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { depth } = useTableOfContentsItemContext();\n  const { item, textButton } = tableOfContentsStyles({});\n\n  return (\n    <TableOfContentsItemProvider>\n      <div ref={ref}>\n        <div\n          className={item({\n            isCurrent: !!isCurrent,\n            className: className?.item,\n          })}\n        >\n          <Button className={textButton({ className: className?.text })} onPress={onPress}>\n            <Text\n              color={isCurrent ? \"primary\" : \"secondary\"}\n              style={{\n                marginLeft: 8 + 24 * (depth ?? 0),\n              }}\n            >\n              {name}\n            </Text>\n          </Button>\n        </div>\n\n        {children}\n      </div>\n    </TableOfContentsItemProvider>\n  );\n}\n\nexport const TableOfContentsItem = fixedForwardRef(_TableOfContentsItem);\n// @ts-ignore\nTableOfContentsItem.displayName = \"TableOfContentsItem\";\n\ninterface ITableOfContentsItemContext {\n  depth: number | null;\n}\n\nconst TableOfContentsItemContext = createContext<ITableOfContentsItemContext>({ depth: null });\n\nexport function TableOfContentsItemProvider({ children }: { children: ReactNode }) {\n  const ctxValue = useContext(TableOfContentsItemContext);\n\n  const nextDepth = useMemo(() => (ctxValue.depth ?? 0) + 1, [ctxValue.depth]);\n\n  return (\n    <TableOfContentsItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </TableOfContentsItemContext.Provider>\n  );\n}\n\nexport function useTableOfContentsItemContext() {\n  return useContext(TableOfContentsItemContext);\n}\n"],"names":["_TableOfContents","children","className","ref","content","tableOfContentsStyles","jsxDEV","TableOfContents","fixedForwardRef","_TableOfContentsItem","isCurrent","name","onPress","depth","useTableOfContentsItemContext","item","textButton","TableOfContentsItemProvider","Button","Text","TableOfContentsItem","TableOfContentsItemContext","createContext","ctxValue","useContext","nextDepth","useMemo"],"mappings":"yQAaA,SAASA,EACP,CAAE,SAAAC,EAAU,UAAAC,CAAA,EACZC,EACA,CACA,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAA,sBAAsB,CAAE,CAAA,EAG1C,OAAAC,EAAA,qBAAA,OAAC,OAAI,UAAWF,EAAQ,CAAE,UAAAF,EAAW,EAAG,IAAAC,EACrC,SAAAF,CADH,EAAA,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAEA,EAAA,IAAA,CAEJ,CAEa,MAAAM,EAAkBC,kBAAgBR,CAAgB,EAE/DO,EAAgB,YAAc,kBAa9B,SAASE,EACP,CAAE,SAAAR,EAAU,UAAAC,EAAW,UAAAQ,EAAW,KAAAC,EAAM,QAAAC,GACxCT,EACA,CACM,KAAA,CAAE,MAAAU,GAAUC,IACZ,CAAE,KAAAC,EAAM,WAAAC,CAAe,EAAAX,EAAA,sBAAsB,CAAE,CAAA,EAErD,OACGC,EAAA,qBAAA,OAAAW,EAAA,CACC,SAACX,EAAA,qBAAA,OAAA,MAAA,CAAI,IAAAH,EACH,SAAA,CAAAG,EAAA,qBAAA,OAAC,MAAA,CACC,UAAWS,EAAK,CACd,UAAW,CAAC,CAACL,EACb,UAAWR,GAAA,YAAAA,EAAW,IAAA,CACvB,EAED,SAAAI,EAAAA,qBAAAA,OAACY,EAAAA,OAAO,CAAA,UAAWF,EAAW,CAAE,UAAWd,GAAA,YAAAA,EAAW,IAAM,CAAA,EAAG,QAAAU,EAC7D,SAAAN,EAAA,qBAAA,OAACa,EAAA,KAAA,CACC,MAAOT,EAAY,UAAY,YAC/B,MAAO,CACL,WAAY,EAAI,IAAMG,GAAS,EACjC,EAEC,SAAAF,CAAA,EANH,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,EAAA,EAAA,IAAA,GADF,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,EASA,EAAA,IAAA,CAAA,EAfF,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAgBA,EAECV,CAAA,GAnBH,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAAA,EAAA,IAoBA,CArBF,EAAA,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAsBA,EAAA,IAAA,CAEJ,CAEa,MAAAmB,EAAsBZ,kBAAgBC,CAAoB,EAEvEW,EAAoB,YAAc,sBAMlC,MAAMC,EAA6BC,EAAAA,cAA2C,CAAE,MAAO,IAAM,CAAA,EAE7E,SAAAL,EAA4B,CAAE,SAAAhB,GAAqC,CAC3E,MAAAsB,EAAWC,aAAWH,CAA0B,EAEhDI,EAAYC,EAAAA,QAAQ,KAAOH,EAAS,OAAS,GAAK,EAAG,CAACA,EAAS,KAAK,CAAC,EAGzE,OAAAjB,8BAACe,EAA2B,SAA3B,CAAoC,MAAO,CAAE,MAAOI,CAAU,EAC5D,SAAAxB,CADH,EAAA,OAAA,GAAA,CAAA,SAAA,0FAAA,WAAA,GAAA,aAAA,CAEA,EAAA,IAAA,CAEJ,CAEO,SAASa,GAAgC,CAC9C,OAAOU,EAAAA,WAAWH,CAA0B,CAC9C"}

package/dist/lyra77.js

@@ -1,54 +1,90 @@
 import { j as e } from "./lyra89.js";
-import { createContext as u, useContext as i, useMemo as a } from "react";
-import { Button as b } from "./lyra88.js";
-import { fixedForwardRef as f } from "./lyra92.js";
-import { Text as C } from "./lyra72.js";
+import { createContext as u, useContext as i, useMemo as d } from "react";
+import { Button as x } from "./lyra88.js";
+import { fixedForwardRef as l } from "./lyra92.js";
+import { Text as N } from "./lyra72.js";
 import "./lyra73.js";
 import { tableOfContentsStyles as m } from "./lyra78.js";
 function h({ children: o, className: t }, n) {
-  const { content: r } = m({});
-  return /* @__PURE__ */ e.jsx("div", { className: r({ className: t }), ref: n, children: o });
+  const { content: s } = m({});
+  return /* @__PURE__ */ e.jsxDEV("div", { className: s({ className: t }), ref: n, children: o }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",
+    lineNumber: 21,
+    columnNumber: 5
+  }, this);
 }
-const O = f(h);
-O.displayName = "TableOfContents";
-function T({ children: o, className: t, isCurrent: n, name: r, onPress: d }, c) {
-  const { depth: x } = y(), { item: l, textButton: p } = m({});
-  return /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsxs("div", { ref: c, children: [
-    /* @__PURE__ */ e.jsx(
+const j = l(h);
+j.displayName = "TableOfContents";
+function v({ children: o, className: t, isCurrent: n, name: s, onPress: c }, a) {
+  const { depth: f } = O(), { item: b, textButton: p } = m({});
+  return /* @__PURE__ */ e.jsxDEV(y, { children: /* @__PURE__ */ e.jsxDEV("div", { ref: a, children: [
+    /* @__PURE__ */ e.jsxDEV(
       "div",
       {
-        className: l({
+        className: b({
           isCurrent: !!n,
           className: t == null ? void 0 : t.item
         }),
-        children: /* @__PURE__ */ e.jsx(b, { className: p({ className: t == null ? void 0 : t.text }), onPress: d, children: /* @__PURE__ */ e.jsx(
-          C,
+        children: /* @__PURE__ */ e.jsxDEV(x, { className: p({ className: t == null ? void 0 : t.text }), onPress: c, children: /* @__PURE__ */ e.jsxDEV(
+          N,
           {
             color: n ? "primary" : "secondary",
             style: {
-              marginLeft: 8 + 24 * (x ?? 0)
+              marginLeft: 8 + 24 * (f ?? 0)
             },
-            children: r
-          }
-        ) })
-      }
+            children: s
+          },
+          void 0,
+          !1,
+          {
+            fileName: "/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",
+            lineNumber: 59,
+            columnNumber: 13
+          },
+          this
+        ) }, void 0, !1, {
+          fileName: "/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",
+          lineNumber: 58,
+          columnNumber: 11
+        }, this)
+      },
+      void 0,
+      !1,
+      {
+        fileName: "/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",
+        lineNumber: 52,
+        columnNumber: 9
+      },
+      this
     ),
     o
-  ] }) });
+  ] }, void 0, !0, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",
+    lineNumber: 51,
+    columnNumber: 7
+  }, this) }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",
+    lineNumber: 50,
+    columnNumber: 5
+  }, this);
 }
-const j = f(T);
-j.displayName = "TableOfContentsItem";
-const s = u({ depth: null });
-function v({ children: o }) {
-  const t = i(s), n = a(() => (t.depth ?? 0) + 1, [t.depth]);
-  return /* @__PURE__ */ e.jsx(s.Provider, { value: { depth: n }, children: o });
+const C = l(v);
+C.displayName = "TableOfContentsItem";
+const r = u({ depth: null });
+function y({ children: o }) {
+  const t = i(r), n = d(() => (t.depth ?? 0) + 1, [t.depth]);
+  return /* @__PURE__ */ e.jsxDEV(r.Provider, { value: { depth: n }, children: o }, void 0, !1, {
+    fileName: "/Users/timkapitein/projects/lyra/src/components/table-of-contents/table-of-contents.tsx",
+    lineNumber: 92,
+    columnNumber: 5
+  }, this);
 }
-function y() {
-  return i(s);
+function O() {
+  return i(r);
 }
 export {
-  O as TableOfContents,
-  j as TableOfContentsItem,
-  v as TableOfContentsItemProvider,
-  y as useTableOfContentsItemContext
+  j as TableOfContents,
+  C as TableOfContentsItem,
+  y as TableOfContentsItemProvider,
+  O as useTableOfContentsItemContext
 };

package/dist/lyra77.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra77.js","sources":["../src/components/table-of-contents/table-of-contents.tsx"],"sourcesContent":["import { createContext, ForwardedRef, ReactNode, useContext, useMemo } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { tableOfContentsStyles } from \"./table-of-contents.styles\";\n\nexport type TableOfContentsProps = {\n  className?: string;\n  children: ReactNode;\n};\n\nfunction _TableOfContents(\n  { children, className }: TableOfContentsProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { content } = tableOfContentsStyles({});\n\n  return (\n    <div className={content({ className })} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport const TableOfContents = fixedForwardRef(_TableOfContents);\n// @ts-ignore\nTableOfContents.displayName = \"TableOfContents\";\n\nexport type TableOfContentsItemProps = {\n  className?: {\n    item?: string;\n    text?: string;\n  };\n  children?: ReactNode;\n  name: string;\n  isCurrent?: boolean;\n  onPress?: () => void;\n};\n\nfunction _TableOfContentsItem(\n  { children, className, isCurrent, name, onPress }: TableOfContentsItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { depth } = useTableOfContentsItemContext();\n  const { item, textButton } = tableOfContentsStyles({});\n\n  return (\n    <TableOfContentsItemProvider>\n      <div ref={ref}>\n        <div\n          className={item({\n            isCurrent: !!isCurrent,\n            className: className?.item,\n          })}\n        >\n          <Button className={textButton({ className: className?.text })} onPress={onPress}>\n            <Text\n              color={isCurrent ? \"primary\" : \"secondary\"}\n              style={{\n                marginLeft: 8 + 24 * (depth ?? 0),\n              }}\n            >\n              {name}\n            </Text>\n          </Button>\n        </div>\n\n        {children}\n      </div>\n    </TableOfContentsItemProvider>\n  );\n}\n\nexport const TableOfContentsItem = fixedForwardRef(_TableOfContentsItem);\n// @ts-ignore\nTableOfContentsItem.displayName = \"TableOfContentsItem\";\n\ninterface ITableOfContentsItemContext {\n  depth: number | null;\n}\n\nconst TableOfContentsItemContext = createContext<ITableOfContentsItemContext>({ depth: null });\n\nexport function TableOfContentsItemProvider({ children }: { children: ReactNode }) {\n  const ctxValue = useContext(TableOfContentsItemContext);\n\n  const nextDepth = useMemo(() => (ctxValue.depth ?? 0) + 1, [ctxValue.depth]);\n\n  return (\n    <TableOfContentsItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </TableOfContentsItemContext.Provider>\n  );\n}\n\nexport function useTableOfContentsItemContext() {\n  return useContext(TableOfContentsItemContext);\n}\n"],"names":["_TableOfContents","children","className","ref","content","tableOfContentsStyles","jsx","TableOfContents","fixedForwardRef","_TableOfContentsItem","isCurrent","name","onPress","depth","useTableOfContentsItemContext","item","textButton","TableOfContentsItemProvider","jsxs","Button","Text","TableOfContentsItem","TableOfContentsItemContext","createContext","ctxValue","useContext","nextDepth","useMemo"],"mappings":";;;;;;;AAaA,SAASA,EACP,EAAE,UAAAC,GAAU,WAAAC,EAAA,GACZC,GACA;AACA,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAsB,CAAE,CAAA;AAG1C,SAAAC,gBAAAA,MAAC,SAAI,WAAWF,EAAQ,EAAE,WAAAF,EAAU,CAAC,GAAG,KAAAC,GACrC,UAAAF,EACH,CAAA;AAEJ;AAEa,MAAAM,IAAkBC,EAAgBR,CAAgB;AAE/DO,EAAgB,cAAc;AAa9B,SAASE,EACP,EAAE,UAAAR,GAAU,WAAAC,GAAW,WAAAQ,GAAW,MAAAC,GAAM,SAAAC,KACxCT,GACA;AACM,QAAA,EAAE,OAAAU,MAAUC,KACZ,EAAE,MAAAC,GAAM,YAAAC,EAAe,IAAAX,EAAsB,CAAE,CAAA;AAErD,SACGC,gBAAAA,EAAA,IAAAW,GAAA,EACC,UAACC,gBAAAA,EAAA,KAAA,OAAA,EAAI,KAAAf,GACH,UAAA;AAAA,IAAAG,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWS,EAAK;AAAA,UACd,WAAW,CAAC,CAACL;AAAA,UACb,WAAWR,KAAA,gBAAAA,EAAW;AAAA,QAAA,CACvB;AAAA,QAED,UAAAI,gBAAAA,EAAAA,IAACa,GAAO,EAAA,WAAWH,EAAW,EAAE,WAAWd,KAAA,gBAAAA,EAAW,KAAM,CAAA,GAAG,SAAAU,GAC7D,UAAAN,gBAAAA,EAAA;AAAA,UAACc;AAAA,UAAA;AAAA,YACC,OAAOV,IAAY,YAAY;AAAA,YAC/B,OAAO;AAAA,cACL,YAAY,IAAI,MAAMG,KAAS;AAAA,YACjC;AAAA,YAEC,UAAAF;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,MAAA;AAAA,IACF;AAAA,IAECV;AAAA,EAAA,EACH,CAAA,EACF,CAAA;AAEJ;AAEa,MAAAoB,IAAsBb,EAAgBC,CAAoB;AAEvEY,EAAoB,cAAc;AAMlC,MAAMC,IAA6BC,EAA2C,EAAE,OAAO,KAAM,CAAA;AAE7E,SAAAN,EAA4B,EAAE,UAAAhB,KAAqC;AAC3E,QAAAuB,IAAWC,EAAWH,CAA0B,GAEhDI,IAAYC,EAAQ,OAAOH,EAAS,SAAS,KAAK,GAAG,CAACA,EAAS,KAAK,CAAC;AAGzE,SAAAlB,gBAAAA,EAAA,IAACgB,EAA2B,UAA3B,EAAoC,OAAO,EAAE,OAAOI,EAAU,GAC5D,UAAAzB,EACH,CAAA;AAEJ;AAEO,SAASa,IAAgC;AAC9C,SAAOW,EAAWH,CAA0B;AAC9C;"}
+{"version":3,"file":"lyra77.js","sources":["../src/components/table-of-contents/table-of-contents.tsx"],"sourcesContent":["import { createContext, ForwardedRef, ReactNode, useContext, useMemo } from \"react\";\nimport { Button } from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../utils/helpers\";\nimport { Text } from \"../text\";\n\nimport { tableOfContentsStyles } from \"./table-of-contents.styles\";\n\nexport type TableOfContentsProps = {\n  className?: string;\n  children: ReactNode;\n};\n\nfunction _TableOfContents(\n  { children, className }: TableOfContentsProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { content } = tableOfContentsStyles({});\n\n  return (\n    <div className={content({ className })} ref={ref}>\n      {children}\n    </div>\n  );\n}\n\nexport const TableOfContents = fixedForwardRef(_TableOfContents);\n// @ts-ignore\nTableOfContents.displayName = \"TableOfContents\";\n\nexport type TableOfContentsItemProps = {\n  className?: {\n    item?: string;\n    text?: string;\n  };\n  children?: ReactNode;\n  name: string;\n  isCurrent?: boolean;\n  onPress?: () => void;\n};\n\nfunction _TableOfContentsItem(\n  { children, className, isCurrent, name, onPress }: TableOfContentsItemProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { depth } = useTableOfContentsItemContext();\n  const { item, textButton } = tableOfContentsStyles({});\n\n  return (\n    <TableOfContentsItemProvider>\n      <div ref={ref}>\n        <div\n          className={item({\n            isCurrent: !!isCurrent,\n            className: className?.item,\n          })}\n        >\n          <Button className={textButton({ className: className?.text })} onPress={onPress}>\n            <Text\n              color={isCurrent ? \"primary\" : \"secondary\"}\n              style={{\n                marginLeft: 8 + 24 * (depth ?? 0),\n              }}\n            >\n              {name}\n            </Text>\n          </Button>\n        </div>\n\n        {children}\n      </div>\n    </TableOfContentsItemProvider>\n  );\n}\n\nexport const TableOfContentsItem = fixedForwardRef(_TableOfContentsItem);\n// @ts-ignore\nTableOfContentsItem.displayName = \"TableOfContentsItem\";\n\ninterface ITableOfContentsItemContext {\n  depth: number | null;\n}\n\nconst TableOfContentsItemContext = createContext<ITableOfContentsItemContext>({ depth: null });\n\nexport function TableOfContentsItemProvider({ children }: { children: ReactNode }) {\n  const ctxValue = useContext(TableOfContentsItemContext);\n\n  const nextDepth = useMemo(() => (ctxValue.depth ?? 0) + 1, [ctxValue.depth]);\n\n  return (\n    <TableOfContentsItemContext.Provider value={{ depth: nextDepth }}>\n      {children}\n    </TableOfContentsItemContext.Provider>\n  );\n}\n\nexport function useTableOfContentsItemContext() {\n  return useContext(TableOfContentsItemContext);\n}\n"],"names":["_TableOfContents","children","className","ref","content","tableOfContentsStyles","jsxDEV","TableOfContents","fixedForwardRef","_TableOfContentsItem","isCurrent","name","onPress","depth","useTableOfContentsItemContext","item","textButton","TableOfContentsItemProvider","Button","Text","TableOfContentsItem","TableOfContentsItemContext","createContext","ctxValue","useContext","nextDepth","useMemo"],"mappings":";;;;;;;AAaA,SAASA,EACP,EAAE,UAAAC,GAAU,WAAAC,EAAA,GACZC,GACA;AACA,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAsB,CAAE,CAAA;AAG1C,SAAAC,gBAAAA,EAAA,OAAC,SAAI,WAAWF,EAAQ,EAAE,WAAAF,GAAW,GAAG,KAAAC,GACrC,UAAAF,EADH,GAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAA,IAAA;AAEJ;AAEa,MAAAM,IAAkBC,EAAgBR,CAAgB;AAE/DO,EAAgB,cAAc;AAa9B,SAASE,EACP,EAAE,UAAAR,GAAU,WAAAC,GAAW,WAAAQ,GAAW,MAAAC,GAAM,SAAAC,KACxCT,GACA;AACM,QAAA,EAAE,OAAAU,MAAUC,KACZ,EAAE,MAAAC,GAAM,YAAAC,EAAe,IAAAX,EAAsB,CAAE,CAAA;AAErD,SACGC,gBAAAA,EAAA,OAAAW,GAAA,EACC,UAACX,gBAAAA,EAAA,OAAA,OAAA,EAAI,KAAAH,GACH,UAAA;AAAA,IAAAG,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWS,EAAK;AAAA,UACd,WAAW,CAAC,CAACL;AAAA,UACb,WAAWR,KAAA,gBAAAA,EAAW;AAAA,QAAA,CACvB;AAAA,QAED,UAAAI,gBAAAA,EAAAA,OAACY,GAAO,EAAA,WAAWF,EAAW,EAAE,WAAWd,KAAA,gBAAAA,EAAW,KAAM,CAAA,GAAG,SAAAU,GAC7D,UAAAN,gBAAAA,EAAA;AAAA,UAACa;AAAA,UAAA;AAAA,YACC,OAAOT,IAAY,YAAY;AAAA,YAC/B,OAAO;AAAA,cACL,YAAY,IAAI,MAAMG,KAAS;AAAA,YACjC;AAAA,YAEC,UAAAF;AAAA,UAAA;AAAA,UANH;AAAA,UAAA;AAAA,UAAA;AAAA,YAAA,UAAA;AAAA,YAAA,YAAA;AAAA,YAAA,cAAA;AAAA,UAAA;AAAA,UAAA;AAAA,QAAA,KADF,QAAA,IAAA;AAAA,UAAA,UAAA;AAAA,UAAA,YAAA;AAAA,UAAA,cAAA;AAAA,QASA,GAAA,IAAA;AAAA,MAAA;AAAA,MAfF;AAAA,MAAA;AAAA,MAAA;AAAA,QAAA,UAAA;AAAA,QAAA,YAAA;AAAA,QAAA,cAAA;AAAA,MAAA;AAAA,MAAA;AAAA,IAgBA;AAAA,IAECV;AAAA,EAAA,KAnBH,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAAA,GAAA,IAoBA,EArBF,GAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAsBA,GAAA,IAAA;AAEJ;AAEa,MAAAmB,IAAsBZ,EAAgBC,CAAoB;AAEvEW,EAAoB,cAAc;AAMlC,MAAMC,IAA6BC,EAA2C,EAAE,OAAO,KAAM,CAAA;AAE7E,SAAAL,EAA4B,EAAE,UAAAhB,KAAqC;AAC3E,QAAAsB,IAAWC,EAAWH,CAA0B,GAEhDI,IAAYC,EAAQ,OAAOH,EAAS,SAAS,KAAK,GAAG,CAACA,EAAS,KAAK,CAAC;AAGzE,SAAAjB,gBAAAA,SAACe,EAA2B,UAA3B,EAAoC,OAAO,EAAE,OAAOI,EAAU,GAC5D,UAAAxB,EADH,GAAA,QAAA,IAAA;AAAA,IAAA,UAAA;AAAA,IAAA,YAAA;AAAA,IAAA,cAAA;AAAA,EAEA,GAAA,IAAA;AAEJ;AAEO,SAASa,IAAgC;AAC9C,SAAOU,EAAWH,CAA0B;AAC9C;"}

package/dist/lyra777.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra597.cjs");function r(){const e=t.useRef(!1);return u.useIsomorphicLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e}exports.useIsMounted=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),u=require("./lyra596.cjs");function r(){const e=t.useRef(!1);return u.useIsomorphicLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),e}exports.useIsMounted=r;

package/dist/lyra777.js

@@ -1,5 +1,5 @@
 import { useRef as r } from "react";
-import { useIsomorphicLayoutEffect as t } from "./lyra597.js";
+import { useIsomorphicLayoutEffect as t } from "./lyra596.js";
 function n() {
   const e = r(!1);
   return t(() => (e.current = !0, () => {

package/dist/lyra778.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra817.cjs"),v=r=>r,E=r=>{const h=Math.max(r.startIndex-r.overscan,0),e=Math.min(r.endIndex+r.overscan,r.count-1),t=[];for(let s=h;s<=e;s++)t.push(s);return t},z=(r,h)=>{const e=r.scrollElement;if(!e)return;const t=n=>{const{width:i,height:o}=n;h({width:Math.round(i),height:Math.round(o)})};if(t(e.getBoundingClientRect()),typeof ResizeObserver>"u")return()=>{};const s=new ResizeObserver(n=>{const i=n[0];if(i!=null&&i.borderBoxSize){const o=i.borderBoxSize[0];if(o){t({width:o.inlineSize,height:o.blockSize});return}}t(e.getBoundingClientRect())});return s.observe(e,{box:"border-box"}),()=>{s.unobserve(e)}},g={passive:!0},O=typeof window>"u"?!0:"onscrollend"in window,S=(r,h)=>{const e=r.scrollElement;if(!e)return;let t=0;const s=O?()=>{}:a.debounce(()=>{h(t,!1)},r.options.isScrollingResetDelay),n=l=>()=>{t=e[r.options.horizontal?"scrollLeft":"scrollTop"],s(),h(t,l)},i=n(!0),o=n(!1);return o(),e.addEventListener("scroll",i,g),e.addEventListener("scrollend",o,g),()=>{e.removeEventListener("scroll",i),e.removeEventListener("scrollend",o)}},b=(r,h,e)=>{if(h!=null&&h.borderBoxSize){const t=h.borderBoxSize[0];if(t)return Math.round(t[e.options.horizontal?"inlineSize":"blockSize"])}return Math.round(r.getBoundingClientRect()[e.options.horizontal?"width":"height"])},y=(r,{adjustments:h=0,behavior:e},t)=>{var s,n;const i=r+h;(n=(s=t.scrollElement)==null?void 0:s.scrollTo)==null||n.call(s,{[t.options.horizontal?"left":"top"]:i,behavior:e})};class C{constructor(h){this.unsubs=[],this.scrollElement=null,this.isScrolling=!1,this.scrollToIndexTimeoutId=null,this.measurementsCache=[],this.itemSizeCache=new Map,this.pendingMeasuredCacheIndexes=[],this.scrollDirection=null,this.scrollAdjustments=0,this.measureElementCache=new Map,this.observer=(()=>{let e=null;const t=()=>e||(typeof ResizeObserver<"u"?e=new ResizeObserver(s=>{s.forEach(n=>{this._measureElement(n.target,n)})}):null);return{disconnect:()=>{var s;return(s=t())==null?void 0:s.disconnect()},observe:s=>{var n;return(n=t())==null?void 0:n.observe(s,{box:"border-box"})},unobserve:s=>{var n;return(n=t())==null?void 0:n.unobserve(s)}}})(),this.range=null,this.setOptions=e=>{Object.entries(e).forEach(([t,s])=>{typeof s>"u"&&delete e[t]}),this.options={debug:!1,initialOffset:0,overscan:1,paddingStart:0,paddingEnd:0,scrollPaddingStart:0,scrollPaddingEnd:0,horizontal:!1,getItemKey:v,rangeExtractor:E,onChange:()=>{},measureElement:b,initialRect:{width:0,height:0},scrollMargin:0,gap:0,indexAttribute:"data-index",initialMeasurementsCache:[],lanes:1,isScrollingResetDelay:150,...e}},this.notify=(e,t)=>{var s,n;const{startIndex:i,endIndex:o}=this.range??{startIndex:void 0,endIndex:void 0},l=this.calculateRange();(e||i!==(l==null?void 0:l.startIndex)||o!==(l==null?void 0:l.endIndex))&&((n=(s=this.options).onChange)==null||n.call(s,this,t))},this.cleanup=()=>{this.unsubs.filter(Boolean).forEach(e=>e()),this.unsubs=[],this.scrollElement=null},this._didMount=()=>(this.measureElementCache.forEach(this.observer.observe),()=>{this.observer.disconnect(),this.cleanup()}),this._willUpdate=()=>{const e=this.options.getScrollElement();this.scrollElement!==e&&(this.cleanup(),this.scrollElement=e,this._scrollToOffset(this.scrollOffset,{adjustments:void 0,behavior:void 0}),this.unsubs.push(this.options.observeElementRect(this,t=>{this.scrollRect=t,this.notify(!1,!1)})),this.unsubs.push(this.options.observeElementOffset(this,(t,s)=>{this.scrollAdjustments=0,this.scrollDirection=s?this.scrollOffset<t?"forward":"backward":null,this.scrollOffset=t;const n=this.isScrolling;this.isScrolling=s,this.notify(n!==s,s)})))},this.getSize=()=>this.scrollRect[this.options.horizontal?"width":"height"],this.getMeasurementOptions=a.memo(()=>[this.options.count,this.options.paddingStart,this.options.scrollMargin,this.options.getItemKey],(e,t,s,n)=>(this.pendingMeasuredCacheIndexes=[],{count:e,paddingStart:t,scrollMargin:s,getItemKey:n}),{key:!1}),this.getFurthestMeasurement=(e,t)=>{const s=new Map,n=new Map;for(let i=t-1;i>=0;i--){const o=e[i];if(s.has(o.lane))continue;const l=n.get(o.lane);if(l==null||o.end>l.end?n.set(o.lane,o):o.end<l.end&&s.set(o.lane,!0),s.size===this.options.lanes)break}return n.size===this.options.lanes?Array.from(n.values()).sort((i,o)=>i.end===o.end?i.index-o.index:i.end-o.end)[0]:void 0},this.getMeasurements=a.memo(()=>[this.getMeasurementOptions(),this.itemSizeCache],({count:e,paddingStart:t,scrollMargin:s,getItemKey:n},i)=>{const o=this.pendingMeasuredCacheIndexes.length>0?Math.min(...this.pendingMeasuredCacheIndexes):0;this.pendingMeasuredCacheIndexes=[];const l=this.measurementsCache.slice(0,o);for(let c=o;c<e;c++){const u=n(c),d=this.options.lanes===1?l[c-1]:this.getFurthestMeasurement(l,c),m=d?d.end+this.options.gap:t+s,f=i.get(u),p=typeof f=="number"?f:this.options.estimateSize(c),I=m+p,M=d?d.lane:c%this.options.lanes;l[c]={index:c,start:m,size:p,end:I,key:u,lane:M}}return this.measurementsCache=l,l},{key:process.env.NODE_ENV!=="production"&&"getMeasurements",debug:()=>this.options.debug}),this.calculateRange=a.memo(()=>[this.getMeasurements(),this.getSize(),this.scrollOffset],(e,t,s)=>this.range=e.length>0&&t>0?T({measurements:e,outerSize:t,scrollOffset:s}):null,{key:process.env.NODE_ENV!=="production"&&"calculateRange",debug:()=>this.options.debug}),this.getIndexes=a.memo(()=>[this.options.rangeExtractor,this.calculateRange(),this.options.overscan,this.options.count],(e,t,s,n)=>t===null?[]:e({startIndex:t.startIndex,endIndex:t.endIndex,overscan:s,count:n}),{key:process.env.NODE_ENV!=="production"&&"getIndexes",debug:()=>this.options.debug}),this.indexFromElement=e=>{const t=this.options.indexAttribute,s=e.getAttribute(t);return s?parseInt(s,10):(console.warn(`Missing attribute name '${t}={index}' on measured element.`),-1)},this._measureElement=(e,t)=>{const s=this.measurementsCache[this.indexFromElement(e)];if(!s||!e.isConnected){this.measureElementCache.forEach((o,l)=>{o===e&&(this.observer.unobserve(e),this.measureElementCache.delete(l))});return}const n=this.measureElementCache.get(s.key);n!==e&&(n&&this.observer.unobserve(n),this.observer.observe(e),this.measureElementCache.set(s.key,e));const i=this.options.measureElement(e,t,this);this.resizeItem(s,i)},this.resizeItem=(e,t)=>{const s=this.itemSizeCache.get(e.key)??e.size,n=t-s;n!==0&&((this.shouldAdjustScrollPositionOnItemSizeChange!==void 0?this.shouldAdjustScrollPositionOnItemSizeChange(e,n,this):e.start<this.scrollOffset+this.scrollAdjustments)&&(process.env.NODE_ENV!=="production"&&this.options.debug&&console.info("correction",n),this._scrollToOffset(this.scrollOffset,{adjustments:this.scrollAdjustments+=n,behavior:void 0})),this.pendingMeasuredCacheIndexes.push(e.index),this.itemSizeCache=new Map(this.itemSizeCache.set(e.key,t)),this.notify(!0,!1))},this.measureElement=e=>{e&&this._measureElement(e,void 0)},this.getVirtualItems=a.memo(()=>[this.getIndexes(),this.getMeasurements()],(e,t)=>{const s=[];for(let n=0,i=e.length;n<i;n++){const o=e[n],l=t[o];s.push(l)}return s},{key:process.env.NODE_ENV!=="production"&&"getIndexes",debug:()=>this.options.debug}),this.getVirtualItemForOffset=e=>{const t=this.getMeasurements();return a.notUndefined(t[x(0,t.length-1,s=>a.notUndefined(t[s]).start,e)])},this.getOffsetForAlignment=(e,t)=>{const s=this.getSize();t==="auto"&&(e<=this.scrollOffset?t="start":e>=this.scrollOffset+s?t="end":t="start"),t==="start"?e=e:t==="end"?e=e-s:t==="center"&&(e=e-s/2);const n=this.options.horizontal?"scrollWidth":"scrollHeight",o=(this.scrollElement?"document"in this.scrollElement?this.scrollElement.document.documentElement[n]:this.scrollElement[n]:0)-this.getSize();return Math.max(Math.min(o,e),0)},this.getOffsetForIndex=(e,t="auto")=>{e=Math.max(0,Math.min(e,this.options.count-1));const s=a.notUndefined(this.getMeasurements()[e]);if(t==="auto")if(s.end>=this.scrollOffset+this.getSize()-this.options.scrollPaddingEnd)t="end";else if(s.start<=this.scrollOffset+this.options.scrollPaddingStart)t="start";else return[this.scrollOffset,t];const n=t==="end"?s.end+this.options.scrollPaddingEnd:s.start-this.options.scrollPaddingStart;return[this.getOffsetForAlignment(n,t),t]},this.isDynamicMode=()=>this.measureElementCache.size>0,this.cancelScrollToIndex=()=>{this.scrollToIndexTimeoutId!==null&&(clearTimeout(this.scrollToIndexTimeoutId),this.scrollToIndexTimeoutId=null)},this.scrollToOffset=(e,{align:t="start",behavior:s}={})=>{this.cancelScrollToIndex(),s==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.getOffsetForAlignment(e,t),{adjustments:void 0,behavior:s})},this.scrollToIndex=(e,{align:t="auto",behavior:s}={})=>{e=Math.max(0,Math.min(e,this.options.count-1)),this.cancelScrollToIndex(),s==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size.");const[n,i]=this.getOffsetForIndex(e,t);this._scrollToOffset(n,{adjustments:void 0,behavior:s}),s!=="smooth"&&this.isDynamicMode()&&(this.scrollToIndexTimeoutId=setTimeout(()=>{if(this.scrollToIndexTimeoutId=null,this.measureElementCache.has(this.options.getItemKey(e))){const[l]=this.getOffsetForIndex(e,i);a.approxEqual(l,this.scrollOffset)||this.scrollToIndex(e,{align:i,behavior:s})}else this.scrollToIndex(e,{align:i,behavior:s})}))},this.scrollBy=(e,{behavior:t}={})=>{this.cancelScrollToIndex(),t==="smooth"&&this.isDynamicMode()&&console.warn("The `smooth` scroll behavior is not fully supported with dynamic size."),this._scrollToOffset(this.scrollOffset+e,{adjustments:void 0,behavior:t})},this.getTotalSize=()=>{var e;const t=this.getMeasurements();let s;return t.length===0?s=this.options.paddingStart:s=this.options.lanes===1?((e=t[t.length-1])==null?void 0:e.end)??0:Math.max(...t.slice(-this.options.lanes).map(n=>n.end)),s-this.options.scrollMargin+this.options.paddingEnd},this._scrollToOffset=(e,{adjustments:t,behavior:s})=>{this.options.scrollToFn(e,{behavior:s,adjustments:t},this)},this.measure=()=>{var e,t;this.itemSizeCache=new Map,(t=(e=this.options).onChange)==null||t.call(e,this,!1)},this.setOptions(h),this.scrollRect=this.options.initialRect,this.scrollOffset=typeof this.options.initialOffset=="function"?this.options.initialOffset():this.options.initialOffset,this.measurementsCache=this.options.initialMeasurementsCache,this.measurementsCache.forEach(e=>{this.itemSizeCache.set(e.key,e.size)}),this.notify(!1,!1)}}const x=(r,h,e,t)=>{for(;r<=h;){const s=(r+h)/2|0,n=e(s);if(n<t)r=s+1;else if(n>t)h=s-1;else return s}return r>0?r-1:0};function T({measurements:r,outerSize:h,scrollOffset:e}){const t=r.length-1,n=x(0,t,o=>r[o].start,e);let i=n;for(;i<t&&r[i].end<e+h;)i++;return{startIndex:n,endIndex:i}}exports.approxEqual=a.approxEqual;exports.debounce=a.debounce;exports.memo=a.memo;exports.notUndefined=a.notUndefined;exports.Virtualizer=C;exports.defaultKeyExtractor=v;exports.defaultRangeExtractor=E;exports.elementScroll=y;exports.measureElement=b;exports.observeElementOffset=S;exports.observeElementRect=z;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra816.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;