@new-black/lyra 1.0.17 → 1.0.18

package/dist/lyra76.js

@@ -1,62 +1,34 @@
-import { j as e } from "./lyra90.js";
-import { ProgressBar as d } from "./lyra89.js";
-import { fixedForwardRef as b } from "./lyra93.js";
-import { Text as f } from "./lyra73.js";
+import { j as o } from "./lyra90.js";
+import { ProgressBar as l } from "./lyra89.js";
+import { fixedForwardRef as m } from "./lyra93.js";
+import { Text as a } from "./lyra73.js";
 import "./lyra74.js";
-import { ProgressBarStyles as u } from "./lyra77.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,
+import { ProgressBarStyles as j } from "./lyra77.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,
     {
-      value: s ?? 0,
-      style: i,
+      value: i ?? 0,
+      style: e,
       ref: n,
-      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(
+      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(
           "div",
           {
-            className: a({
-              color: s <= 100 ? "primary" : "error",
+            className: f({
+              color: i <= 100 ? "primary" : "error",
               className: r == null ? void 0 : r.fill
             }),
-            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
+            style: { width: x + "%" }
+          }
+        ) }),
+        t ? null : /* @__PURE__ */ o.jsx(a, { className: p(), variant: "body-medium", children: `${i}%` })
+      ] })
+    }
   );
-}, g = b(c);
+}, g = m(b);
 g.displayName = "ProgressBar";
 export {
   g as ProgressBar

package/dist/lyra76.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra76.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;"}
+{"version":3,"file":"lyra76.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;"}

package/dist/lyra761.cjs

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

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

package/dist/lyra762.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra772.cjs"),e=require("./lyra812.cjs"),o=require("./lyra813.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("./lyra772.cjs"),e=require("./lyra813.cjs"),o=require("./lyra814.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/lyra762.js

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

package/dist/lyra763.cjs

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

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

package/dist/lyra767.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra732.cjs"),l=require("./lyra814.cjs"),a=require("./lyra815.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("./lyra732.cjs"),l=require("./lyra815.cjs"),a=require("./lyra816.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/lyra767.js

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

package/dist/lyra768.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra727.cjs"),i=require("./lyra732.cjs"),t=require("./lyra816.cjs"),o=require("./lyra817.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("./lyra727.cjs"),i=require("./lyra732.cjs"),t=require("./lyra817.cjs"),o=require("./lyra818.cjs"),s=[...t.dimensionValueTypes,n.color,i.complex],r=e=>s.find(o.testValueType(e));exports.findValueType=r;

package/dist/lyra768.js

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

package/dist/lyra78.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),o=require("react"),v=require("./lyra89.cjs"),l=require("./lyra93.cjs"),C=require("./lyra73.cjs");require("./lyra74.cjs");const c=require("./lyra79.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),s=require("react"),O=require("./lyra89.cjs"),u=require("./lyra93.cjs"),j=require("./lyra73.cjs");require("./lyra74.cjs");const x=require("./lyra79.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;

package/dist/lyra78.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra78.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"}
+{"version":3,"file":"lyra78.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"}

package/dist/lyra78.js

@@ -1,90 +1,54 @@
 import { j as e } from "./lyra90.js";
-import { createContext as u, useContext as i, useMemo as d } from "react";
-import { Button as x } from "./lyra89.js";
-import { fixedForwardRef as l } from "./lyra93.js";
-import { Text as N } from "./lyra73.js";
+import { createContext as u, useContext as i, useMemo as a } from "react";
+import { Button as b } from "./lyra89.js";
+import { fixedForwardRef as f } from "./lyra93.js";
+import { Text as C } from "./lyra73.js";
 import "./lyra74.js";
 import { tableOfContentsStyles as m } from "./lyra79.js";
 function h({ children: o, className: t }, n) {
-  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 { content: r } = m({});
+  return /* @__PURE__ */ e.jsx("div", { className: r({ className: t }), ref: n, children: o });
 }
-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(
+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(
       "div",
       {
-        className: b({
+        className: l({
           isCurrent: !!n,
           className: t == null ? void 0 : t.item
         }),
-        children: /* @__PURE__ */ e.jsxDEV(x, { className: p({ className: t == null ? void 0 : t.text }), onPress: c, children: /* @__PURE__ */ e.jsxDEV(
-          N,
+        children: /* @__PURE__ */ e.jsx(b, { className: p({ className: t == null ? void 0 : t.text }), onPress: d, children: /* @__PURE__ */ e.jsx(
+          C,
           {
             color: n ? "primary" : "secondary",
             style: {
-              marginLeft: 8 + 24 * (f ?? 0)
+              marginLeft: 8 + 24 * (x ?? 0)
             },
-            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
+            children: r
+          }
+        ) })
+      }
     ),
     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 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);
+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 });
 }
-function O() {
-  return i(r);
+function y() {
+  return i(s);
 }
 export {
-  j as TableOfContents,
-  C as TableOfContentsItem,
-  y as TableOfContentsItemProvider,
-  O as useTableOfContentsItemContext
+  O as TableOfContents,
+  j as TableOfContentsItem,
+  v as TableOfContentsItemProvider,
+  y as useTableOfContentsItemContext
 };

package/dist/lyra78.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra78.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;"}
+{"version":3,"file":"lyra78.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;"}

package/dist/lyra780.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra819.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra821.cjs");function r(e){return typeof e!="string"||e.includes("-")?!1:!!(t.lowercaseSVGElements.indexOf(e)>-1||/[A-Z]/.test(e))}exports.isSVGComponent=r;

package/dist/lyra780.js

@@ -1,4 +1,4 @@
-import { lowercaseSVGElements as r } from "./lyra819.js";
+import { lowercaseSVGElements as r } from "./lyra821.js";
 function s(e) {
   return (
     /**

package/dist/lyra781.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra820.cjs"),a=require("./lyra770.cjs"),p=require("./lyra780.cjs"),f=require("./lyra821.cjs"),q=require("./lyra678.cjs");function V(o=!1){return(e,s,n,{latestValues:i},u)=>{const c=(p.isSVGComponent(e)?f.useSVGProps:P.useHTMLProps)(s,i,u,e),l={...a.filterProps(s,typeof e=="string",o),...c,ref:n},{children:r}=s,d=t.useMemo(()=>q.isMotionValue(r)?r.get():r,[r]);return t.createElement(e,{...l,children:d})}}exports.createUseRender=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra822.cjs"),a=require("./lyra770.cjs"),p=require("./lyra780.cjs"),f=require("./lyra823.cjs"),q=require("./lyra678.cjs");function V(o=!1){return(e,s,n,{latestValues:i},u)=>{const c=(p.isSVGComponent(e)?f.useSVGProps:P.useHTMLProps)(s,i,u,e),l={...a.filterProps(s,typeof e=="string",o),...c,ref:n},{children:r}=s,d=t.useMemo(()=>q.isMotionValue(r)?r.get():r,[r]);return t.createElement(e,{...l,children:d})}}exports.createUseRender=V;

package/dist/lyra781.js

@@ -1,8 +1,8 @@
 import { useMemo as c, createElement as f } from "react";
-import { useHTMLProps as p } from "./lyra820.js";
+import { useHTMLProps as p } from "./lyra822.js";
 import { filterProps as d } from "./lyra770.js";
 import { isSVGComponent as P } from "./lyra780.js";
-import { useSVGProps as a } from "./lyra821.js";
+import { useSVGProps as a } from "./lyra823.js";
 import { isMotionValue as V } from "./lyra678.js";
 function E(o = !1) {
   return (e, s, t, { latestValues: i }, n) => {

package/dist/lyra782.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra822.cjs"),i=require("./lyra823.cjs"),n=require("./lyra771.cjs"),u=require("./lyra824.cjs"),c=require("./lyra825.cjs"),g=require("./lyra826.cjs"),r=require("./lyra715.cjs"),l={useVisualState:n.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:u.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:s})=>{r.frame.read(()=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}}),r.frame.render(()=>{c.buildSVGAttrs(t,s,{enableHardwareAcceleration:!1},g.isSVGTag(e.tagName),o.transformTemplate),a.renderSVG(e,t)})}})};exports.svgMotionConfig=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra824.cjs"),i=require("./lyra825.cjs"),n=require("./lyra771.cjs"),u=require("./lyra826.cjs"),c=require("./lyra827.cjs"),g=require("./lyra828.cjs"),r=require("./lyra715.cjs"),l={useVisualState:n.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:u.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:s})=>{r.frame.read(()=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}}),r.frame.render(()=>{c.buildSVGAttrs(t,s,{enableHardwareAcceleration:!1},g.isSVGTag(e.tagName),o.transformTemplate),a.renderSVG(e,t)})}})};exports.svgMotionConfig=l;

package/dist/lyra782.js

@@ -1,9 +1,9 @@
-import { renderSVG as i } from "./lyra822.js";
-import { scrapeMotionValuesFromProps as a } from "./lyra823.js";
+import { renderSVG as i } from "./lyra824.js";
+import { scrapeMotionValuesFromProps as a } from "./lyra825.js";
 import { makeUseVisualState as s } from "./lyra771.js";
-import { createSvgRenderState as p } from "./lyra824.js";
-import { buildSVGAttrs as f } from "./lyra825.js";
-import { isSVGTag as n } from "./lyra826.js";
+import { createSvgRenderState as p } from "./lyra826.js";
+import { buildSVGAttrs as f } from "./lyra827.js";
+import { isSVGTag as n } from "./lyra828.js";
 import { frame as r } from "./lyra715.js";
 const h = {
   useVisualState: s({

package/dist/lyra783.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra771.cjs"),t=require("./lyra827.cjs"),o=require("./lyra828.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra771.cjs"),t=require("./lyra829.cjs"),o=require("./lyra830.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;

package/dist/lyra783.js

@@ -1,6 +1,6 @@
 import { makeUseVisualState as t } from "./lyra771.js";
-import { scrapeMotionValuesFromProps as e } from "./lyra827.js";
-import { createHtmlRenderState as o } from "./lyra828.js";
+import { scrapeMotionValuesFromProps as e } from "./lyra829.js";
+import { createHtmlRenderState as o } from "./lyra830.js";
 const i = {
   useVisualState: t({
     scrapeMotionValuesFromProps: e,

package/dist/lyra784.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra775.cjs"),p=require("./lyra748.cjs"),v=require("./lyra774.cjs"),l=require("./lyra813.cjs"),d=require("./lyra715.cjs");function a(e,t){const i="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.pointerType==="touch"||v.isDragActive())return;const n=e.getProps();e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",t),n[r]&&d.frame.update(()=>n[r](o,u))};return c.addPointerEvent(e.current,i,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(a(this.node,!0),a(this.node,!1))}unmount(){}}exports.HoverGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra775.cjs"),p=require("./lyra748.cjs"),v=require("./lyra774.cjs"),l=require("./lyra814.cjs"),d=require("./lyra715.cjs");function a(e,t){const i="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.pointerType==="touch"||v.isDragActive())return;const n=e.getProps();e.animationState&&n.whileHover&&e.animationState.setActive("whileHover",t),n[r]&&d.frame.update(()=>n[r](o,u))};return c.addPointerEvent(e.current,i,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(a(this.node,!0),a(this.node,!1))}unmount(){}}exports.HoverGesture=m;

package/dist/lyra784.js

@@ -1,7 +1,7 @@
 import { addPointerEvent as s } from "./lyra775.js";
 import { pipe as u } from "./lyra748.js";
 import { isDragActive as f } from "./lyra774.js";
-import { Feature as c } from "./lyra813.js";
+import { Feature as c } from "./lyra814.js";
 import { frame as v } from "./lyra715.js";
 function a(t, e) {
   const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, p) => {

package/dist/lyra785.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra776.cjs"),s=require("./lyra813.cjs"),i=require("./lyra748.cjs");class n extends s.Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=i.pipe(e.addDomEvent(this.node.current,"focus",()=>this.onFocus()),e.addDomEvent(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}exports.FocusGesture=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra776.cjs"),s=require("./lyra814.cjs"),i=require("./lyra748.cjs");class n extends s.Feature{constructor(){super(...arguments),this.isActive=!1}onFocus(){let t=!1;try{t=this.node.current.matches(":focus-visible")}catch{t=!0}!t||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!0),this.isActive=!0)}onBlur(){!this.isActive||!this.node.animationState||(this.node.animationState.setActive("whileFocus",!1),this.isActive=!1)}mount(){this.unmount=i.pipe(e.addDomEvent(this.node.current,"focus",()=>this.onFocus()),e.addDomEvent(this.node.current,"blur",()=>this.onBlur()))}unmount(){}}exports.FocusGesture=n;

package/dist/lyra785.js

@@ -1,5 +1,5 @@
 import { addDomEvent as e } from "./lyra776.js";
-import { Feature as i } from "./lyra813.js";
+import { Feature as i } from "./lyra814.js";
 import { pipe as s } from "./lyra748.js";
 class a extends i {
   constructor() {

package/dist/lyra786.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./lyra777.cjs"),h=require("./lyra776.cjs"),u=require("./lyra775.cjs"),g=require("./lyra813.cjs"),P=require("./lyra748.cjs"),L=require("./lyra774.cjs"),T=require("./lyra829.cjs"),v=require("./lyra734.cjs"),p=require("./lyra715.cjs");function l(m,e){if(!e)return;const s=new PointerEvent("pointer"+m);e(s,E.extractEventInfo(s))}class w extends g.Feature{constructor(){super(...arguments),this.removeStartListeners=v.noop,this.removeEndListeners=v.noop,this.removeAccessibleListeners=v.noop,this.startPointerPress=(e,s)=>{if(this.isPressing)return;this.removeEndListeners();const t=this.node.getProps(),i=(n,r)=>{if(!this.checkPressEnd())return;const{onTap:d,onTapCancel:c,globalTapTarget:f}=this.node.getProps();p.frame.update(()=>{!f&&!T.isNodeOrChild(this.node.current,n.target)?c&&c(n,r):d&&d(n,r)})},o=u.addPointerEvent(window,"pointerup",i,{passive:!(t.onTap||t.onPointerUp)}),a=u.addPointerEvent(window,"pointercancel",(n,r)=>this.cancelPress(n,r),{passive:!(t.onTapCancel||t.onPointerCancel)});this.removeEndListeners=P.pipe(o,a),this.startPress(e,s)},this.startAccessiblePress=()=>{const e=o=>{if(o.key!=="Enter"||this.isPressing)return;const a=n=>{n.key!=="Enter"||!this.checkPressEnd()||l("up",(r,d)=>{const{onTap:c}=this.node.getProps();c&&p.frame.update(()=>c(r,d))})};this.removeEndListeners(),this.removeEndListeners=h.addDomEvent(this.node.current,"keyup",a),l("down",(n,r)=>{this.startPress(n,r)})},s=h.addDomEvent(this.node.current,"keydown",e),t=()=>{this.isPressing&&l("cancel",(o,a)=>this.cancelPress(o,a))},i=h.addDomEvent(this.node.current,"blur",t);this.removeAccessibleListeners=P.pipe(s,i)}}startPress(e,s){this.isPressing=!0;const{onTapStart:t,whileTap:i}=this.node.getProps();i&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),t&&p.frame.update(()=>t(e,s))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!L.isDragActive()}cancelPress(e,s){if(!this.checkPressEnd())return;const{onTapCancel:t}=this.node.getProps();t&&p.frame.update(()=>t(e,s))}mount(){const e=this.node.getProps(),s=u.addPointerEvent(e.globalTapTarget?window:this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),t=h.addDomEvent(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=P.pipe(s,t)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}exports.PressGesture=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./lyra777.cjs"),h=require("./lyra776.cjs"),u=require("./lyra775.cjs"),g=require("./lyra814.cjs"),P=require("./lyra748.cjs"),L=require("./lyra774.cjs"),T=require("./lyra819.cjs"),v=require("./lyra734.cjs"),p=require("./lyra715.cjs");function l(m,e){if(!e)return;const s=new PointerEvent("pointer"+m);e(s,E.extractEventInfo(s))}class w extends g.Feature{constructor(){super(...arguments),this.removeStartListeners=v.noop,this.removeEndListeners=v.noop,this.removeAccessibleListeners=v.noop,this.startPointerPress=(e,s)=>{if(this.isPressing)return;this.removeEndListeners();const t=this.node.getProps(),i=(n,r)=>{if(!this.checkPressEnd())return;const{onTap:d,onTapCancel:c,globalTapTarget:f}=this.node.getProps();p.frame.update(()=>{!f&&!T.isNodeOrChild(this.node.current,n.target)?c&&c(n,r):d&&d(n,r)})},o=u.addPointerEvent(window,"pointerup",i,{passive:!(t.onTap||t.onPointerUp)}),a=u.addPointerEvent(window,"pointercancel",(n,r)=>this.cancelPress(n,r),{passive:!(t.onTapCancel||t.onPointerCancel)});this.removeEndListeners=P.pipe(o,a),this.startPress(e,s)},this.startAccessiblePress=()=>{const e=o=>{if(o.key!=="Enter"||this.isPressing)return;const a=n=>{n.key!=="Enter"||!this.checkPressEnd()||l("up",(r,d)=>{const{onTap:c}=this.node.getProps();c&&p.frame.update(()=>c(r,d))})};this.removeEndListeners(),this.removeEndListeners=h.addDomEvent(this.node.current,"keyup",a),l("down",(n,r)=>{this.startPress(n,r)})},s=h.addDomEvent(this.node.current,"keydown",e),t=()=>{this.isPressing&&l("cancel",(o,a)=>this.cancelPress(o,a))},i=h.addDomEvent(this.node.current,"blur",t);this.removeAccessibleListeners=P.pipe(s,i)}}startPress(e,s){this.isPressing=!0;const{onTapStart:t,whileTap:i}=this.node.getProps();i&&this.node.animationState&&this.node.animationState.setActive("whileTap",!0),t&&p.frame.update(()=>t(e,s))}checkPressEnd(){return this.removeEndListeners(),this.isPressing=!1,this.node.getProps().whileTap&&this.node.animationState&&this.node.animationState.setActive("whileTap",!1),!L.isDragActive()}cancelPress(e,s){if(!this.checkPressEnd())return;const{onTapCancel:t}=this.node.getProps();t&&p.frame.update(()=>t(e,s))}mount(){const e=this.node.getProps(),s=u.addPointerEvent(e.globalTapTarget?window:this.node.current,"pointerdown",this.startPointerPress,{passive:!(e.onTapStart||e.onPointerStart)}),t=h.addDomEvent(this.node.current,"focus",this.startAccessiblePress);this.removeStartListeners=P.pipe(s,t)}unmount(){this.removeStartListeners(),this.removeEndListeners(),this.removeAccessibleListeners()}}exports.PressGesture=w;

package/dist/lyra786.js

@@ -1,10 +1,10 @@
 import { extractEventInfo as g } from "./lyra777.js";
 import { addDomEvent as h } from "./lyra776.js";
 import { addPointerEvent as m } from "./lyra775.js";
-import { Feature as L } from "./lyra813.js";
+import { Feature as L } from "./lyra814.js";
 import { pipe as P } from "./lyra748.js";
 import { isDragActive as E } from "./lyra774.js";
-import { isNodeOrChild as w } from "./lyra829.js";
+import { isNodeOrChild as w } from "./lyra819.js";
 import { noop as u } from "./lyra734.js";
 import { frame as d } from "./lyra715.js";
 function l(v, e) {

package/dist/lyra787.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra813.cjs"),w=require("./lyra830.cjs"),f={some:0,all:1};class l extends m.Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:n={}}=this.node.getProps(),{root:e,margin:o,amount:s="some",once:u}=n,h={root:e?e.current:void 0,rootMargin:o,threshold:typeof s=="number"?s:f[s]},c=i=>{const{isIntersecting:t}=i;if(this.isInView===t||(this.isInView=t,u&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:d,onViewportLeave:p}=this.node.getProps(),a=t?d:p;a&&a(i)};return w.observeIntersection(this.node.current,h,c)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:n,prevProps:e}=this.node;["amount","margin","root"].some(g(n,e))&&this.startObserver()}unmount(){}}function g({viewport:r={}},{viewport:n={}}={}){return e=>r[e]!==n[e]}exports.InViewFeature=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra814.cjs"),w=require("./lyra820.cjs"),f={some:0,all:1};class l extends m.Feature{constructor(){super(...arguments),this.hasEnteredView=!1,this.isInView=!1}startObserver(){this.unmount();const{viewport:n={}}=this.node.getProps(),{root:e,margin:o,amount:s="some",once:u}=n,h={root:e?e.current:void 0,rootMargin:o,threshold:typeof s=="number"?s:f[s]},c=i=>{const{isIntersecting:t}=i;if(this.isInView===t||(this.isInView=t,u&&!t&&this.hasEnteredView))return;t&&(this.hasEnteredView=!0),this.node.animationState&&this.node.animationState.setActive("whileInView",t);const{onViewportEnter:d,onViewportLeave:p}=this.node.getProps(),a=t?d:p;a&&a(i)};return w.observeIntersection(this.node.current,h,c)}mount(){this.startObserver()}update(){if(typeof IntersectionObserver>"u")return;const{props:n,prevProps:e}=this.node;["amount","margin","root"].some(g(n,e))&&this.startObserver()}unmount(){}}function g({viewport:r={}},{viewport:n={}}={}){return e=>r[e]!==n[e]}exports.InViewFeature=l;

package/dist/lyra787.js

@@ -1,5 +1,5 @@
-import { Feature as m } from "./lyra813.js";
-import { observeIntersection as f } from "./lyra830.js";
+import { Feature as m } from "./lyra814.js";
+import { observeIntersection as f } from "./lyra820.js";
 const w = {
   some: 0,
   all: 1

package/dist/lyra788.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra813.cjs"),o=require("./lyra734.cjs"),s=require("./lyra831.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra814.cjs"),o=require("./lyra734.cjs"),s=require("./lyra831.cjs");class t extends r.Feature{constructor(e){super(e),this.removeGroupControls=o.noop,this.removeListeners=o.noop,this.controls=new s.VisualElementDragControls(e)}mount(){const{dragControls:e}=this.node.getProps();e&&(this.removeGroupControls=e.subscribe(this.controls)),this.removeListeners=this.controls.addListeners()||o.noop}unmount(){this.removeGroupControls(),this.removeListeners()}}exports.DragGesture=t;

package/dist/lyra788.js

@@ -1,4 +1,4 @@
-import { Feature as s } from "./lyra813.js";
+import { Feature as s } from "./lyra814.js";
 import { noop as r } from "./lyra734.js";
 import { VisualElementDragControls as t } from "./lyra831.js";
 class u extends s {

package/dist/lyra789.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra832.cjs"),P=require("./lyra775.cjs"),c=require("./lyra813.cjs"),h=require("./lyra734.cjs"),m=require("./lyra833.cjs"),r=require("./lyra715.cjs"),s=n=>(e,t)=>{n&&r.frame.update(()=>n(e,t))};class p extends c.Feature{constructor(){super(...arguments),this.removePointerDownListener=h.noop}onPointerDown(e){this.session=new u.PanSession(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:m.getContextWindow(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:o}=this.node.getProps();return{onSessionStart:s(e),onStart:s(t),onMove:i,onEnd:(a,d)=>{delete this.session,o&&r.frame.update(()=>o(a,d))}}}mount(){this.removePointerDownListener=P.addPointerEvent(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}exports.PanGesture=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra832.cjs"),P=require("./lyra775.cjs"),c=require("./lyra814.cjs"),h=require("./lyra734.cjs"),m=require("./lyra833.cjs"),r=require("./lyra715.cjs"),s=n=>(e,t)=>{n&&r.frame.update(()=>n(e,t))};class p extends c.Feature{constructor(){super(...arguments),this.removePointerDownListener=h.noop}onPointerDown(e){this.session=new u.PanSession(e,this.createPanHandlers(),{transformPagePoint:this.node.getTransformPagePoint(),contextWindow:m.getContextWindow(this.node)})}createPanHandlers(){const{onPanSessionStart:e,onPanStart:t,onPan:i,onPanEnd:o}=this.node.getProps();return{onSessionStart:s(e),onStart:s(t),onMove:i,onEnd:(a,d)=>{delete this.session,o&&r.frame.update(()=>o(a,d))}}}mount(){this.removePointerDownListener=P.addPointerEvent(this.node.current,"pointerdown",e=>this.onPointerDown(e))}update(){this.session&&this.session.updateHandlers(this.createPanHandlers())}unmount(){this.removePointerDownListener(),this.session&&this.session.end()}}exports.PanGesture=p;

package/dist/lyra789.js

@@ -1,6 +1,6 @@
 import { PanSession as m } from "./lyra832.js";
 import { addPointerEvent as P } from "./lyra775.js";
-import { Feature as h } from "./lyra813.js";
+import { Feature as h } from "./lyra814.js";
 import { noop as p } from "./lyra734.js";
 import { getContextWindow as u } from "./lyra833.js";
 import { frame as r } from "./lyra715.js";

package/dist/lyra790.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra684.cjs"),p=require("./lyra616.cjs"),l=require("./lyra695.cjs"),m=require("./lyra834.cjs"),n=require("./lyra835.cjs"),f=require("./lyra836.cjs"),R=require("./lyra716.cjs"),h=require("./lyra797.cjs"),y=require("./lyra715.cjs");class g extends a.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;R.addScaleCorrector(L),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),m.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||y.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),h.microtask.postRender(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function v(u){const[e,o]=d.usePresence(),t=a.useContext(p.LayoutGroupContext);return a.createElement(g,{...u,layoutGroup:t,switchLayoutGroup:a.useContext(l.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const L={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:f.correctBoxShadow};exports.MeasureLayout=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),d=require("./lyra684.cjs"),p=require("./lyra609.cjs"),l=require("./lyra695.cjs"),m=require("./lyra834.cjs"),n=require("./lyra835.cjs"),f=require("./lyra836.cjs"),R=require("./lyra716.cjs"),h=require("./lyra798.cjs"),y=require("./lyra715.cjs");class g extends a.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;R.addScaleCorrector(L),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),m.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||y.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),h.microtask.postRender(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function v(u){const[e,o]=d.usePresence(),t=a.useContext(p.LayoutGroupContext);return a.createElement(g,{...u,layoutGroup:t,switchLayoutGroup:a.useContext(l.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const L={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:f.correctBoxShadow};exports.MeasureLayout=v;

package/dist/lyra790.js

@@ -1,12 +1,12 @@
 import d, { useContext as u } from "react";
 import { usePresence as m } from "./lyra684.js";
-import { LayoutGroupContext as c } from "./lyra616.js";
+import { LayoutGroupContext as c } from "./lyra609.js";
 import { SwitchLayoutGroupContext as f } from "./lyra695.js";
 import { globalProjectionState as l } from "./lyra834.js";
 import { correctBorderRadius as n } from "./lyra835.js";
 import { correctBoxShadow as h } from "./lyra836.js";
 import { addScaleCorrector as R } from "./lyra716.js";
-import { microtask as g } from "./lyra797.js";
+import { microtask as g } from "./lyra798.js";
 import { frame as y } from "./lyra715.js";
 class v extends d.Component {
   /**