@new-black/lyra 0.0.12 → 0.0.14

package/dist/lyra267.js

@@ -1,11 +1,9 @@
-import { isForcedMotionValue as r } from "./lyra298.js";
-import { isMotionValue as s } from "./lyra112.js";
-function u(e, n) {
-  const { style: t } = e, i = {};
-  for (const o in t)
-    (s(t[o]) || n.style && s(n.style[o]) || r(o, e)) && (i[o] = t[o]);
-  return i;
-}
+import { number as o } from "./lyra182.js";
+import { px as r, percent as m, degrees as t, vw as i, vh as n } from "./lyra183.js";
+import { testValueType as p } from "./lyra268.js";
+import { auto as s } from "./lyra313.js";
+const f = [o, r, m, t, i, n, s], l = (e) => f.find(p(e));
 export {
-  u as scrapeMotionValuesFromProps
+  f as dimensionValueTypes,
+  l as findDimensionValueType
 };

package/dist/lyra268.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({style:{},transform:{},transformOrigin:{},vars:{}});exports.createHtmlRenderState=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=e=>t=>t.test(e);exports.testValueType=s;

package/dist/lyra268.js

@@ -1,9 +1,4 @@
-const r = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
-});
+const s = (t) => (e) => e.test(t);
 export {
-  r as createHtmlRenderState
+  s as testValueType
 };

package/dist/lyra269.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const V=require("./lyra109.cjs"),b=require("./lyra270.cjs"),M=require("./lyra206.cjs"),E=require("./lyra134.cjs"),S=require("./lyra207.cjs"),d=require("./lyra301.cjs"),q=require("./lyra133.cjs"),g=require("./lyra289.cjs"),j=require("./lyra273.cjs"),k=require("./lyra209.cjs"),D=require("./lyra302.cjs"),B=require("./lyra208.cjs"),R=require("./lyra201.cjs"),x=require("./lyra179.cjs"),G=require("./lyra169.cjs"),T=require("./lyra232.cjs"),y=require("./lyra132.cjs"),L=new WeakMap;class w{constructor(t){this.openGlobalLock=null,this.isDragging=!1,this.currentDirection=null,this.originPoint={x:0,y:0},this.constraints=!1,this.hasMutatedConstraints=!1,this.elastic=q.createBox(),this.visualElement=t}start(t,{snapToCursor:e=!1}={}){const{presenceContext:s}=this.visualElement;if(s&&s.isPresent===!1)return;const n=r=>{this.stopAnimation(),e&&this.snapToCursor(k.extractEventInfo(r,"page").point)},o=(r,l)=>{const{drag:c,dragPropagation:u,onDragStart:p}=this.getProps();if(c&&!u&&(this.openGlobalLock&&this.openGlobalLock(),this.openGlobalLock=M.getGlobalLock(c),!this.openGlobalLock))return;this.isDragging=!0,this.currentDirection=null,this.resolveConstraints(),this.visualElement.projection&&(this.visualElement.projection.isAnimationBlocked=!0,this.visualElement.projection.target=void 0),g.eachAxis(h=>{let v=this.getAxisMotionValue(h).get()||0;if(G.percent.test(v)){const{projection:A}=this.visualElement;if(A&&A.layout){const C=A.layout.layoutBox[h];C&&(v=R.calcLength(C)*(parseFloat(v)/100))}}this.originPoint[h]=v}),p&&y.frame.update(()=>p(r,l),!1,!0);const{animationState:m}=this.visualElement;m&&m.setActive("whileDrag",!0)},i=(r,l)=>{const{dragPropagation:c,dragDirectionLock:u,onDirectionLock:p,onDrag:m}=this.getProps();if(!c&&!this.openGlobalLock)return;const{offset:h}=l;if(u&&this.currentDirection===null){this.currentDirection=O(h),this.currentDirection!==null&&p&&p(this.currentDirection);return}this.updateAxis("x",l.point,h),this.updateAxis("y",l.point,h),this.visualElement.render(),m&&m(r,l)},a=(r,l)=>this.stop(r,l);this.panSession=new b.PanSession(t,{onSessionStart:n,onStart:o,onMove:i,onSessionEnd:a},{transformPagePoint:this.visualElement.getTransformPagePoint()})}stop(t,e){const s=this.isDragging;if(this.cancel(),!s)return;const{velocity:n}=e;this.startAnimation(n);const{onDragEnd:o}=this.getProps();o&&y.frame.update(()=>o(t,e))}cancel(){this.isDragging=!1;const{projection:t,animationState:e}=this.visualElement;t&&(t.isAnimationBlocked=!1),this.panSession&&this.panSession.end(),this.panSession=void 0;const{dragPropagation:s}=this.getProps();!s&&this.openGlobalLock&&(this.openGlobalLock(),this.openGlobalLock=null),e&&e.setActive("whileDrag",!1)}updateAxis(t,e,s){const{drag:n}=this.getProps();if(!s||!P(t,n,this.currentDirection))return;const o=this.getAxisMotionValue(t);let i=this.originPoint[t]+s[t];this.constraints&&this.constraints[t]&&(i=d.applyConstraints(i,this.constraints[t],this.elastic[t])),o.set(i)}resolveConstraints(){const{dragConstraints:t,dragElastic:e}=this.getProps(),{layout:s}=this.visualElement.projection||{},n=this.constraints;t&&E.isRefObject(t)?this.constraints||(this.constraints=this.resolveRefConstraints()):t&&s?this.constraints=d.calcRelativeConstraints(s.layoutBox,t):this.constraints=!1,this.elastic=d.resolveDragElastic(e),n!==this.constraints&&s&&this.constraints&&!this.hasMutatedConstraints&&g.eachAxis(o=>{this.getAxisMotionValue(o)&&(this.constraints[o]=d.rebaseAxisConstraints(s.layoutBox[o],this.constraints[o]))})}resolveRefConstraints(){const{dragConstraints:t,onMeasureDragConstraints:e}=this.getProps();if(!t||!E.isRefObject(t))return!1;const s=t.current;V.invariant(s!==null,"If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");const{projection:n}=this.visualElement;if(!n||!n.layout)return!1;const o=j.measurePageBox(s,n.root,this.visualElement.getTransformPagePoint());let i=d.calcViewportConstraints(n.layout.layoutBox,o);if(e){const a=e(D.convertBoxToBoundingBox(i));this.hasMutatedConstraints=!!a,a&&(i=D.convertBoundingBoxToBox(a))}return i}startAnimation(t){const{drag:e,dragMomentum:s,dragElastic:n,dragTransition:o,dragSnapToOrigin:i,onDragTransitionEnd:a}=this.getProps(),r=this.constraints||{},l=g.eachAxis(c=>{if(!P(c,e,this.currentDirection))return;let u=r&&r[c]||{};i&&(u={min:0,max:0});const p=n?200:1e6,m=n?40:1e7,h={type:"inertia",velocity:s?t[c]:0,bounceStiffness:p,bounceDamping:m,timeConstant:750,restDelta:1,restSpeed:10,...o,...u};return this.startAxisValueAnimation(c,h)});return Promise.all(l).then(a)}startAxisValueAnimation(t,e){const s=this.getAxisMotionValue(t);return s.start(T.animateMotionValue(t,s,0,e))}stopAnimation(){g.eachAxis(t=>this.getAxisMotionValue(t).stop())}getAxisMotionValue(t){const e="_drag"+t.toUpperCase(),s=this.visualElement.getProps(),n=s[e];return n||this.visualElement.getValue(t,(s.initial?s.initial[t]:void 0)||0)}snapToCursor(t){g.eachAxis(e=>{const{drag:s}=this.getProps();if(!P(e,s,this.currentDirection))return;const{projection:n}=this.visualElement,o=this.getAxisMotionValue(e);if(n&&n.layout){const{min:i,max:a}=n.layout.layoutBox[e];o.set(t[e]-x.mix(i,a,.5))}})}scalePositionWithinConstraints(){if(!this.visualElement.current)return;const{drag:t,dragConstraints:e}=this.getProps(),{projection:s}=this.visualElement;if(!E.isRefObject(e)||!s||!this.constraints)return;this.stopAnimation();const n={x:0,y:0};g.eachAxis(i=>{const a=this.getAxisMotionValue(i);if(a){const r=a.get();n[i]=d.calcOrigin({min:r,max:r},this.constraints[i])}});const{transformTemplate:o}=this.visualElement.getProps();this.visualElement.current.style.transform=o?o({},""):"none",s.root&&s.root.updateScroll(),s.updateLayout(),this.resolveConstraints(),g.eachAxis(i=>{if(!P(i,t,null))return;const a=this.getAxisMotionValue(i),{min:r,max:l}=this.constraints[i];a.set(x.mix(r,l,n[i]))})}addListeners(){if(!this.visualElement.current)return;L.set(this.visualElement,this);const t=this.visualElement.current,e=S.addPointerEvent(t,"pointerdown",r=>{const{drag:l,dragListener:c=!0}=this.getProps();l&&c&&this.start(r)}),s=()=>{const{dragConstraints:r}=this.getProps();E.isRefObject(r)&&(this.constraints=this.resolveRefConstraints())},{projection:n}=this.visualElement,o=n.addEventListener("measure",s);n&&!n.layout&&(n.root&&n.root.updateScroll(),n.updateLayout()),s();const i=B.addDomEvent(window,"resize",()=>this.scalePositionWithinConstraints()),a=n.addEventListener("didUpdate",({delta:r,hasLayoutChanged:l})=>{this.isDragging&&l&&(g.eachAxis(c=>{const u=this.getAxisMotionValue(c);u&&(this.originPoint[c]+=r[c].translate,u.set(u.get()+r[c].translate))}),this.visualElement.render())});return()=>{i(),e(),o(),a&&a()}}getProps(){const t=this.visualElement.getProps(),{drag:e=!1,dragDirectionLock:s=!1,dragPropagation:n=!1,dragConstraints:o=!1,dragElastic:i=d.defaultElastic,dragMomentum:a=!0}=t;return{...t,drag:e,dragDirectionLock:s,dragPropagation:n,dragConstraints:o,dragElastic:i,dragMomentum:a}}}function P(f,t,e){return(t===!0||t===f)&&(e===null||e===f)}function O(f,t=10){let e=null;return Math.abs(f.y)>t?e="y":Math.abs(f.x)>t&&(e="x"),e}exports.VisualElementDragControls=w;exports.elementDragControls=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/lyra269.js

@@ -1,234 +1,4 @@
-import { invariant as y } from "./lyra109.js";
-import { PanSession as L } from "./lyra270.js";
-import { getGlobalLock as x } from "./lyra206.js";
-import { isRefObject as v } from "./lyra134.js";
-import { addPointerEvent as M } from "./lyra207.js";
-import { applyConstraints as V, calcRelativeConstraints as b, resolveDragElastic as S, calcViewportConstraints as B, rebaseAxisConstraints as k, calcOrigin as j, defaultElastic as G } from "./lyra301.js";
-import { createBox as T } from "./lyra133.js";
-import { eachAxis as g } from "./lyra289.js";
-import { measurePageBox as w } from "./lyra273.js";
-import { extractEventInfo as R } from "./lyra209.js";
-import { convertBoxToBoundingBox as O, convertBoundingBoxToBox as U } from "./lyra302.js";
-import { addDomEvent as W } from "./lyra208.js";
-import { calcLength as z } from "./lyra201.js";
-import { mix as D } from "./lyra179.js";
-import { percent as I } from "./lyra169.js";
-import { animateMotionValue as _ } from "./lyra232.js";
-import { frame as A } from "./lyra132.js";
-const F = /* @__PURE__ */ new WeakMap();
-class ct {
-  constructor(t) {
-    this.openGlobalLock = null, this.isDragging = !1, this.currentDirection = null, this.originPoint = { x: 0, y: 0 }, this.constraints = !1, this.hasMutatedConstraints = !1, this.elastic = T(), this.visualElement = t;
-  }
-  start(t, { snapToCursor: n = !1 } = {}) {
-    const { presenceContext: s } = this.visualElement;
-    if (s && s.isPresent === !1)
-      return;
-    const i = (r) => {
-      this.stopAnimation(), n && this.snapToCursor(R(r, "page").point);
-    }, e = (r, l) => {
-      const { drag: c, dragPropagation: u, onDragStart: p } = this.getProps();
-      if (c && !u && (this.openGlobalLock && this.openGlobalLock(), this.openGlobalLock = x(c), !this.openGlobalLock))
-        return;
-      this.isDragging = !0, this.currentDirection = null, this.resolveConstraints(), this.visualElement.projection && (this.visualElement.projection.isAnimationBlocked = !0, this.visualElement.projection.target = void 0), g((h) => {
-        let d = this.getAxisMotionValue(h).get() || 0;
-        if (I.test(d)) {
-          const { projection: P } = this.visualElement;
-          if (P && P.layout) {
-            const C = P.layout.layoutBox[h];
-            C && (d = z(C) * (parseFloat(d) / 100));
-          }
-        }
-        this.originPoint[h] = d;
-      }), p && A.update(() => p(r, l), !1, !0);
-      const { animationState: m } = this.visualElement;
-      m && m.setActive("whileDrag", !0);
-    }, o = (r, l) => {
-      const { dragPropagation: c, dragDirectionLock: u, onDirectionLock: p, onDrag: m } = this.getProps();
-      if (!c && !this.openGlobalLock)
-        return;
-      const { offset: h } = l;
-      if (u && this.currentDirection === null) {
-        this.currentDirection = K(h), this.currentDirection !== null && p && p(this.currentDirection);
-        return;
-      }
-      this.updateAxis("x", l.point, h), this.updateAxis("y", l.point, h), this.visualElement.render(), m && m(r, l);
-    }, a = (r, l) => this.stop(r, l);
-    this.panSession = new L(t, {
-      onSessionStart: i,
-      onStart: e,
-      onMove: o,
-      onSessionEnd: a
-    }, { transformPagePoint: this.visualElement.getTransformPagePoint() });
-  }
-  stop(t, n) {
-    const s = this.isDragging;
-    if (this.cancel(), !s)
-      return;
-    const { velocity: i } = n;
-    this.startAnimation(i);
-    const { onDragEnd: e } = this.getProps();
-    e && A.update(() => e(t, n));
-  }
-  cancel() {
-    this.isDragging = !1;
-    const { projection: t, animationState: n } = this.visualElement;
-    t && (t.isAnimationBlocked = !1), this.panSession && this.panSession.end(), this.panSession = void 0;
-    const { dragPropagation: s } = this.getProps();
-    !s && this.openGlobalLock && (this.openGlobalLock(), this.openGlobalLock = null), n && n.setActive("whileDrag", !1);
-  }
-  updateAxis(t, n, s) {
-    const { drag: i } = this.getProps();
-    if (!s || !E(t, i, this.currentDirection))
-      return;
-    const e = this.getAxisMotionValue(t);
-    let o = this.originPoint[t] + s[t];
-    this.constraints && this.constraints[t] && (o = V(o, this.constraints[t], this.elastic[t])), e.set(o);
-  }
-  resolveConstraints() {
-    const { dragConstraints: t, dragElastic: n } = this.getProps(), { layout: s } = this.visualElement.projection || {}, i = this.constraints;
-    t && v(t) ? this.constraints || (this.constraints = this.resolveRefConstraints()) : t && s ? this.constraints = b(s.layoutBox, t) : this.constraints = !1, this.elastic = S(n), i !== this.constraints && s && this.constraints && !this.hasMutatedConstraints && g((e) => {
-      this.getAxisMotionValue(e) && (this.constraints[e] = k(s.layoutBox[e], this.constraints[e]));
-    });
-  }
-  resolveRefConstraints() {
-    const { dragConstraints: t, onMeasureDragConstraints: n } = this.getProps();
-    if (!t || !v(t))
-      return !1;
-    const s = t.current;
-    y(s !== null, "If `dragConstraints` is set as a React ref, that ref must be passed to another component's `ref` prop.");
-    const { projection: i } = this.visualElement;
-    if (!i || !i.layout)
-      return !1;
-    const e = w(s, i.root, this.visualElement.getTransformPagePoint());
-    let o = B(i.layout.layoutBox, e);
-    if (n) {
-      const a = n(O(o));
-      this.hasMutatedConstraints = !!a, a && (o = U(a));
-    }
-    return o;
-  }
-  startAnimation(t) {
-    const { drag: n, dragMomentum: s, dragElastic: i, dragTransition: e, dragSnapToOrigin: o, onDragTransitionEnd: a } = this.getProps(), r = this.constraints || {}, l = g((c) => {
-      if (!E(c, n, this.currentDirection))
-        return;
-      let u = r && r[c] || {};
-      o && (u = { min: 0, max: 0 });
-      const p = i ? 200 : 1e6, m = i ? 40 : 1e7, h = {
-        type: "inertia",
-        velocity: s ? t[c] : 0,
-        bounceStiffness: p,
-        bounceDamping: m,
-        timeConstant: 750,
-        restDelta: 1,
-        restSpeed: 10,
-        ...e,
-        ...u
-      };
-      return this.startAxisValueAnimation(c, h);
-    });
-    return Promise.all(l).then(a);
-  }
-  startAxisValueAnimation(t, n) {
-    const s = this.getAxisMotionValue(t);
-    return s.start(_(t, s, 0, n));
-  }
-  stopAnimation() {
-    g((t) => this.getAxisMotionValue(t).stop());
-  }
-  /**
-   * Drag works differently depending on which props are provided.
-   *
-   * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
-   * - Otherwise, we apply the delta to the x/y motion values.
-   */
-  getAxisMotionValue(t) {
-    const n = "_drag" + t.toUpperCase(), s = this.visualElement.getProps(), i = s[n];
-    return i || this.visualElement.getValue(t, (s.initial ? s.initial[t] : void 0) || 0);
-  }
-  snapToCursor(t) {
-    g((n) => {
-      const { drag: s } = this.getProps();
-      if (!E(n, s, this.currentDirection))
-        return;
-      const { projection: i } = this.visualElement, e = this.getAxisMotionValue(n);
-      if (i && i.layout) {
-        const { min: o, max: a } = i.layout.layoutBox[n];
-        e.set(t[n] - D(o, a, 0.5));
-      }
-    });
-  }
-  /**
-   * When the viewport resizes we want to check if the measured constraints
-   * have changed and, if so, reposition the element within those new constraints
-   * relative to where it was before the resize.
-   */
-  scalePositionWithinConstraints() {
-    if (!this.visualElement.current)
-      return;
-    const { drag: t, dragConstraints: n } = this.getProps(), { projection: s } = this.visualElement;
-    if (!v(n) || !s || !this.constraints)
-      return;
-    this.stopAnimation();
-    const i = { x: 0, y: 0 };
-    g((o) => {
-      const a = this.getAxisMotionValue(o);
-      if (a) {
-        const r = a.get();
-        i[o] = j({ min: r, max: r }, this.constraints[o]);
-      }
-    });
-    const { transformTemplate: e } = this.visualElement.getProps();
-    this.visualElement.current.style.transform = e ? e({}, "") : "none", s.root && s.root.updateScroll(), s.updateLayout(), this.resolveConstraints(), g((o) => {
-      if (!E(o, t, null))
-        return;
-      const a = this.getAxisMotionValue(o), { min: r, max: l } = this.constraints[o];
-      a.set(D(r, l, i[o]));
-    });
-  }
-  addListeners() {
-    if (!this.visualElement.current)
-      return;
-    F.set(this.visualElement, this);
-    const t = this.visualElement.current, n = M(t, "pointerdown", (r) => {
-      const { drag: l, dragListener: c = !0 } = this.getProps();
-      l && c && this.start(r);
-    }), s = () => {
-      const { dragConstraints: r } = this.getProps();
-      v(r) && (this.constraints = this.resolveRefConstraints());
-    }, { projection: i } = this.visualElement, e = i.addEventListener("measure", s);
-    i && !i.layout && (i.root && i.root.updateScroll(), i.updateLayout()), s();
-    const o = W(window, "resize", () => this.scalePositionWithinConstraints()), a = i.addEventListener("didUpdate", ({ delta: r, hasLayoutChanged: l }) => {
-      this.isDragging && l && (g((c) => {
-        const u = this.getAxisMotionValue(c);
-        u && (this.originPoint[c] += r[c].translate, u.set(u.get() + r[c].translate));
-      }), this.visualElement.render());
-    });
-    return () => {
-      o(), n(), e(), a && a();
-    };
-  }
-  getProps() {
-    const t = this.visualElement.getProps(), { drag: n = !1, dragDirectionLock: s = !1, dragPropagation: i = !1, dragConstraints: e = !1, dragElastic: o = G, dragMomentum: a = !0 } = t;
-    return {
-      ...t,
-      drag: n,
-      dragDirectionLock: s,
-      dragPropagation: i,
-      dragConstraints: e,
-      dragElastic: o,
-      dragMomentum: a
-    };
-  }
-}
-function E(f, t, n) {
-  return (t === !0 || t === f) && (n === null || n === f);
-}
-function K(f, t = 10) {
-  let n = null;
-  return Math.abs(f.y) > t ? n = "y" : Math.abs(f.x) > t && (n = "x"), n;
-}
+var r = {};
 export {
-  ct as VisualElementDragControls,
-  F as elementDragControls
+  r as __exports
 };

package/dist/lyra27.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./lyra32.cjs");require("./lyra61.cjs");const u=require("./lyra62.cjs");let e=u.__exports;var l=(e.__esModule?e:{default:e}).default;const r=t.getDefaultExportFromCjs(l);exports.default=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra43.cjs");require("./lyra50.cjs");const t=e.cva([],{variants:{color:{primary:"text-neutral-foreground-1",secondary:"text-neutral-6",white:"text-neutral-0",disabled:"text-neutral-4","accent-primary":"text-primary","accent-success":"text-success","accent-warning":"text-warning","accent-danger":"text-danger"},variant:{"heading-1":["text-[length:--text-heading-1-size]","leading-[--text-heading-1-line-height]","font-[--text-heading-1-weight]","tracking-[--text-heading-1-letter-spacing]","font-heading"],"heading-2":["text-[length:--text-heading-2-size]","leading-[--text-heading-2-line-height]","font-[--text-heading-2-weight]","tracking-[--text-heading-2-letter-spacing]","font-heading"],"heading-3":["text-[length:--text-heading-3-size]","leading-[--text-heading-3-line-height]","font-[--text-heading-3-weight]","tracking-[--text-heading-3-letter-spacing]","font-heading"],"heading-4":["text-[length:--text-heading-4-size]","leading-[--text-heading-4-line-height]","font-[--text-heading-4-weight]","tracking-[--text-heading-4-letter-spacing]","font-heading"],"heading-5":["text-[length:--text-heading-5-size]","leading-[--text-heading-5-line-height]","font-[--text-heading-5-weight]","tracking-[--text-heading-5-letter-spacing]","font-heading"],"heading-6":["text-[length:--text-heading-6-size]","leading-[--text-heading-6-line-height]","font-[--text-heading-6-weight]","tracking-[--text-heading-6-letter-spacing]","font-heading"],"body-large":["text-[length:--text-body-large-size]","leading-[--text-body-large-line-height]","font-[--text-body-large-weight]","tracking-[--text-body-large-letter-spacing]","font-sans"],"body-medium":["text-[length:--text-body-medium-size]","leading-[--text-body-medium-line-height]","font-[--text-body-medium-weight]","tracking-[--text-body-medium-letter-spacing]","font-sans"],"body-small":["text-[length:--text-body-small-size]","leading-[--text-body-small-line-height]","font-[--text-body-small-weight]","tracking-[--text-body-small-letter-spacing]","font-sans"],badge:["text-[length:--text-badge-size]","leading-[--text-badge-line-height]","font-[--text-badge-weight]","tracking-[--text-badge-letter-spacing]","font-sans","uppercase"]}},defaultVariants:{variant:"body-medium",color:"primary"}});exports.textStyles=t;

package/dist/lyra27.js

@@ -1,9 +1,96 @@
-import { getDefaultExportFromCjs as t } from "./lyra32.js";
-import "./lyra61.js";
-import { __exports as a } from "./lyra62.js";
-let e = a;
-var o = (e.__esModule ? e : { default: e }).default;
-const r = /* @__PURE__ */ t(o);
+import { cva as t } from "./lyra43.js";
+import "./lyra50.js";
+const i = t([], {
+  variants: {
+    color: {
+      primary: "text-neutral-foreground-1",
+      secondary: "text-neutral-6",
+      white: "text-neutral-0",
+      disabled: "text-neutral-4",
+      "accent-primary": "text-primary",
+      "accent-success": "text-success",
+      "accent-warning": "text-warning",
+      "accent-danger": "text-danger"
+    },
+    variant: {
+      "heading-1": [
+        "text-[length:--text-heading-1-size]",
+        "leading-[--text-heading-1-line-height]",
+        "font-[--text-heading-1-weight]",
+        "tracking-[--text-heading-1-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-2": [
+        "text-[length:--text-heading-2-size]",
+        "leading-[--text-heading-2-line-height]",
+        "font-[--text-heading-2-weight]",
+        "tracking-[--text-heading-2-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-3": [
+        "text-[length:--text-heading-3-size]",
+        "leading-[--text-heading-3-line-height]",
+        "font-[--text-heading-3-weight]",
+        "tracking-[--text-heading-3-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-4": [
+        "text-[length:--text-heading-4-size]",
+        "leading-[--text-heading-4-line-height]",
+        "font-[--text-heading-4-weight]",
+        "tracking-[--text-heading-4-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-5": [
+        "text-[length:--text-heading-5-size]",
+        "leading-[--text-heading-5-line-height]",
+        "font-[--text-heading-5-weight]",
+        "tracking-[--text-heading-5-letter-spacing]",
+        "font-heading"
+      ],
+      "heading-6": [
+        "text-[length:--text-heading-6-size]",
+        "leading-[--text-heading-6-line-height]",
+        "font-[--text-heading-6-weight]",
+        "tracking-[--text-heading-6-letter-spacing]",
+        "font-heading"
+      ],
+      "body-large": [
+        "text-[length:--text-body-large-size]",
+        "leading-[--text-body-large-line-height]",
+        "font-[--text-body-large-weight]",
+        "tracking-[--text-body-large-letter-spacing]",
+        "font-sans"
+      ],
+      "body-medium": [
+        "text-[length:--text-body-medium-size]",
+        "leading-[--text-body-medium-line-height]",
+        "font-[--text-body-medium-weight]",
+        "tracking-[--text-body-medium-letter-spacing]",
+        "font-sans"
+      ],
+      "body-small": [
+        "text-[length:--text-body-small-size]",
+        "leading-[--text-body-small-line-height]",
+        "font-[--text-body-small-weight]",
+        "tracking-[--text-body-small-letter-spacing]",
+        "font-sans"
+      ],
+      badge: [
+        "text-[length:--text-badge-size]",
+        "leading-[--text-badge-line-height]",
+        "font-[--text-badge-weight]",
+        "tracking-[--text-badge-letter-spacing]",
+        "font-sans",
+        "uppercase"
+      ]
+    }
+  },
+  defaultVariants: {
+    variant: "body-medium",
+    color: "primary"
+  }
+});
 export {
-  r as default
+  i as textStyles
 };

package/dist/lyra270.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./lyra209.cjs"),E=require("./lyra132.cjs"),y=require("./lyra158.cjs"),d=require("./lyra207.cjs"),q=require("./lyra180.cjs"),w=require("./lyra190.cjs"),M=require("./lyra177.cjs"),D=require("./lyra210.cjs");class T{constructor(n,o,{transformPagePoint:i}={}){if(this.startEvent=null,this.lastMoveEvent=null,this.lastMoveEventInfo=null,this.handlers={},this.updatePoint=()=>{if(!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const e=v(this.lastMoveEventInfo,this.history),h=this.startEvent!==null,l=w.distance2D(e.offset,{x:0,y:0})>=3;if(!h&&!l)return;const{point:c}=e,{timestamp:u}=M.frameData;this.history.push({...c,timestamp:u});const{onStart:m,onMove:p}=this.handlers;h||(m&&m(this.lastMoveEvent,e),this.startEvent=this.lastMoveEvent),p&&p(this.lastMoveEvent,e)},this.handlePointerMove=(e,h)=>{this.lastMoveEvent=e,this.lastMoveEventInfo=f(h,this.transformPagePoint),E.frame.update(this.updatePoint,!0)},this.handlePointerUp=(e,h)=>{if(this.end(),!(this.lastMoveEvent&&this.lastMoveEventInfo))return;const{onEnd:l,onSessionEnd:c}=this.handlers,u=v(e.type==="pointercancel"?this.lastMoveEventInfo:f(h,this.transformPagePoint),this.history);this.startEvent&&l&&l(e,u),c&&c(e,u)},!D.isPrimaryPointer(n))return;this.handlers=o,this.transformPagePoint=i;const r=S.extractEventInfo(n),a=f(r,this.transformPagePoint),{point:s}=a,{timestamp:g}=M.frameData;this.history=[{...s,timestamp:g}];const{onSessionStart:P}=o;P&&P(n,v(a,this.history)),this.removeListeners=q.pipe(d.addPointerEvent(window,"pointermove",this.handlePointerMove),d.addPointerEvent(window,"pointerup",this.handlePointerUp),d.addPointerEvent(window,"pointercancel",this.handlePointerUp))}updateHandlers(n){this.handlers=n}end(){this.removeListeners&&this.removeListeners(),E.cancelFrame(this.updatePoint)}}function f(t,n){return n?{point:n(t.point)}:t}function x(t,n){return{x:t.x-n.x,y:t.y-n.y}}function v({point:t},n){return{point:t,delta:x(t,I(n)),offset:x(t,b(n)),velocity:L(n,.1)}}function b(t){return t[0]}function I(t){return t[t.length-1]}function L(t,n){if(t.length<2)return{x:0,y:0};let o=t.length-1,i=null;const r=I(t);for(;o>=0&&(i=t[o],!(r.timestamp-i.timestamp>y.secondsToMilliseconds(n)));)o--;if(!i)return{x:0,y:0};const a=y.millisecondsToSeconds(r.timestamp-i.timestamp);if(a===0)return{x:0,y:0};const s={x:(r.x-i.x)/a,y:(r.y-i.y)/a};return s.x===1/0&&(s.x=0),s.y===1/0&&(s.y=0),s}exports.PanSession=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/lyra270.js

@@ -1,83 +1,4 @@
-import { extractEventInfo as I } from "./lyra209.js";
-import { frame as g, cancelFrame as w } from "./lyra132.js";
-import { secondsToMilliseconds as S, millisecondsToSeconds as D } from "./lyra158.js";
-import { addPointerEvent as m } from "./lyra207.js";
-import { pipe as L } from "./lyra180.js";
-import { distance2D as T } from "./lyra190.js";
-import { frameData as E } from "./lyra177.js";
-import { isPrimaryPointer as U } from "./lyra210.js";
-class C {
-  constructor(n, o, { transformPagePoint: e } = {}) {
-    if (this.startEvent = null, this.lastMoveEvent = null, this.lastMoveEventInfo = null, this.handlers = {}, this.updatePoint = () => {
-      if (!(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const i = p(this.lastMoveEventInfo, this.history), h = this.startEvent !== null, l = T(i.offset, { x: 0, y: 0 }) >= 3;
-      if (!h && !l)
-        return;
-      const { point: f } = i, { timestamp: c } = E;
-      this.history.push({ ...f, timestamp: c });
-      const { onStart: d, onMove: P } = this.handlers;
-      h || (d && d(this.lastMoveEvent, i), this.startEvent = this.lastMoveEvent), P && P(this.lastMoveEvent, i);
-    }, this.handlePointerMove = (i, h) => {
-      this.lastMoveEvent = i, this.lastMoveEventInfo = v(h, this.transformPagePoint), g.update(this.updatePoint, !0);
-    }, this.handlePointerUp = (i, h) => {
-      if (this.end(), !(this.lastMoveEvent && this.lastMoveEventInfo))
-        return;
-      const { onEnd: l, onSessionEnd: f } = this.handlers, c = p(i.type === "pointercancel" ? this.lastMoveEventInfo : v(h, this.transformPagePoint), this.history);
-      this.startEvent && l && l(i, c), f && f(i, c);
-    }, !U(n))
-      return;
-    this.handlers = o, this.transformPagePoint = e;
-    const r = I(n), a = v(r, this.transformPagePoint), { point: s } = a, { timestamp: x } = E;
-    this.history = [{ ...s, timestamp: x }];
-    const { onSessionStart: u } = o;
-    u && u(n, p(a, this.history)), this.removeListeners = L(m(window, "pointermove", this.handlePointerMove), m(window, "pointerup", this.handlePointerUp), m(window, "pointercancel", this.handlePointerUp));
-  }
-  updateHandlers(n) {
-    this.handlers = n;
-  }
-  end() {
-    this.removeListeners && this.removeListeners(), w(this.updatePoint);
-  }
-}
-function v(t, n) {
-  return n ? { point: n(t.point) } : t;
-}
-function y(t, n) {
-  return { x: t.x - n.x, y: t.y - n.y };
-}
-function p({ point: t }, n) {
-  return {
-    point: t,
-    delta: y(t, M(n)),
-    offset: y(t, V(n)),
-    velocity: b(n, 0.1)
-  };
-}
-function V(t) {
-  return t[0];
-}
-function M(t) {
-  return t[t.length - 1];
-}
-function b(t, n) {
-  if (t.length < 2)
-    return { x: 0, y: 0 };
-  let o = t.length - 1, e = null;
-  const r = M(t);
-  for (; o >= 0 && (e = t[o], !(r.timestamp - e.timestamp > S(n))); )
-    o--;
-  if (!e)
-    return { x: 0, y: 0 };
-  const a = D(r.timestamp - e.timestamp);
-  if (a === 0)
-    return { x: 0, y: 0 };
-  const s = {
-    x: (r.x - e.x) / a,
-    y: (r.y - e.y) / a
-  };
-  return s.x === 1 / 0 && (s.x = 0), s.y === 1 / 0 && (s.y = 0), s;
-}
+var e = {};
 export {
-  C as PanSession
+  e as __exports
 };

package/dist/lyra271.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra150.cjs"),b=require("./lyra166.cjs"),d=require("./lyra140.cjs"),p=require("./lyra303.cjs"),S=require("./lyra297.cjs");function q(f,i,c,a){const{style:e,vars:g,transform:y,transformOrigin:u}=f;let l=!1,m=!1,o=!0;for(const r in i){const s=i[r];if(b.isCSSVariableName(r)){g[r]=s;continue}const n=S.numberValueTypes[r],t=p.getValueAsType(s,n);if(d.transformProps.has(r)){if(l=!0,y[r]=t,!o)continue;s!==(n.default||0)&&(o=!1)}else r.startsWith("origin")?(m=!0,u[r]=t):e[r]=t}if(i.transform||(l||a?e.transform=T.buildTransform(f.transform,c,o,a):e.transform&&(e.transform="none")),m){const{originX:r="50%",originY:s="50%",originZ:n=0}=u;e.transformOrigin=`${r} ${s} ${n}`}}exports.buildHTMLStyles=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];exports.lowercaseSVGElements=e;

package/dist/lyra271.js

@@ -1,30 +1,30 @@
-import { buildTransform as y } from "./lyra150.js";
-import { isCSSVariableName as T } from "./lyra166.js";
-import { transformProps as b } from "./lyra140.js";
-import { getValueAsType as h } from "./lyra303.js";
-import { numberValueTypes as v } from "./lyra297.js";
-function N(t, s, p, a) {
-  const { style: o, vars: c, transform: g, transformOrigin: m } = t;
-  let l = !1, u = !1, f = !0;
-  for (const r in s) {
-    const i = s[r];
-    if (T(r)) {
-      c[r] = i;
-      continue;
-    }
-    const n = v[r], e = h(i, n);
-    if (b.has(r)) {
-      if (l = !0, g[r] = e, !f)
-        continue;
-      i !== (n.default || 0) && (f = !1);
-    } else
-      r.startsWith("origin") ? (u = !0, m[r] = e) : o[r] = e;
-  }
-  if (s.transform || (l || a ? o.transform = y(t.transform, p, f, a) : o.transform && (o.transform = "none")), u) {
-    const { originX: r = "50%", originY: i = "50%", originZ: n = 0 } = m;
-    o.transformOrigin = `${r} ${i} ${n}`;
-  }
-}
+const e = [
+  "animate",
+  "circle",
+  "defs",
+  "desc",
+  "ellipse",
+  "g",
+  "image",
+  "line",
+  "filter",
+  "marker",
+  "mask",
+  "metadata",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "rect",
+  "stop",
+  "switch",
+  "symbol",
+  "svg",
+  "text",
+  "tspan",
+  "use",
+  "view"
+];
 export {
-  N as buildHTMLStyles
+  e as lowercaseSVGElements
 };

package/dist/lyra272.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function y(e,{style:o,vars:t},s,r){Object.assign(e.style,o,r&&r.getProjectionStyles(s));for(const n in t)e.style.setProperty(n,t[n])}exports.renderHTML=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./lyra315.cjs"),s=require("./lyra126.cjs"),u=require("./lyra288.cjs"),c=require("./lyra280.cjs");function i(e,n,r){for(const t in n)!s.isMotionValue(n[t])&&!o.isForcedMotionValue(t,r)&&(e[t]=n[t])}function d({transformTemplate:e},n,r){return l.useMemo(()=>{const t=c.createHtmlRenderState();return u.buildHTMLStyles(t,n,{enableHardwareAcceleration:!r},e),Object.assign({},t.vars,t.style)},[n])}function y(e,n,r){const t=e.style||{},a={};return i(a,t,e),Object.assign(a,d(e,n,r)),e.transformValues?e.transformValues(a):a}function f(e,n,r){const t={},a=y(e,n,r);return e.drag&&e.dragListener!==!1&&(t.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(t.tabIndex=0),t.style=a,t}exports.copyRawValuesOnly=i;exports.useHTMLProps=f;

package/dist/lyra272.js

@@ -1,8 +1,27 @@
-function y(t, { style: o, vars: e }, r, s) {
-  Object.assign(t.style, o, s && s.getProjectionStyles(r));
-  for (const n in e)
-    t.style.setProperty(n, e[n]);
+import { useMemo as r } from "react";
+import { isForcedMotionValue as i } from "./lyra315.js";
+import { isMotionValue as l } from "./lyra126.js";
+import { buildHTMLStyles as s } from "./lyra288.js";
+import { createHtmlRenderState as u } from "./lyra280.js";
+function c(e, n, o) {
+  for (const t in n)
+    !l(n[t]) && !i(t, o) && (e[t] = n[t]);
+}
+function f({ transformTemplate: e }, n, o) {
+  return r(() => {
+    const t = u();
+    return s(t, n, { enableHardwareAcceleration: !o }, e), Object.assign({}, t.vars, t.style);
+  }, [n]);
+}
+function m(e, n, o) {
+  const t = e.style || {}, a = {};
+  return c(a, t, e), Object.assign(a, f(e, n, o)), e.transformValues ? e.transformValues(a) : a;
+}
+function T(e, n, o) {
+  const t = {}, a = m(e, n, o);
+  return e.drag && e.dragListener !== !1 && (t.draggable = !1, a.userSelect = a.WebkitUserSelect = a.WebkitTouchCallout = "none", a.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (t.tabIndex = 0), t.style = a, t;
 }
 export {
-  y as renderHTML
+  c as copyRawValuesOnly,
+  T as useHTMLProps
 };

package/dist/lyra273.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra302.cjs"),s=require("./lyra284.cjs");function i(e,o){return n.convertBoundingBoxToBox(n.transformBoxPoints(e.getBoundingClientRect(),o))}function a(e,o,u){const t=i(e,u),{scroll:r}=o;return r&&(s.translateAxis(t.x,r.offset.x),s.translateAxis(t.y,r.offset.y)),t}exports.measurePageBox=a;exports.measureViewportBox=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra272.cjs"),l=require("./lyra277.cjs"),o=require("./lyra276.cjs"),u=require("./lyra278.cjs");function i(t,s,y,a){const r=n.useMemo(()=>{const e=o.createSvgRenderState();return l.buildSVGAttrs(e,s,{enableHardwareAcceleration:!1},u.isSVGTag(a),t.transformTemplate),{...e.attrs,style:{...e.style}}},[s]);if(t.style){const e={};c.copyRawValuesOnly(e,t.style,t),r.style={...e,...r.style}}return r}exports.useSVGProps=i;

package/dist/lyra273.js

@@ -1,13 +1,22 @@
-import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./lyra302.js";
-import { translateAxis as n } from "./lyra284.js";
-function x(o, t) {
-  return s(f(o.getBoundingClientRect(), t));
-}
-function c(o, t, i) {
-  const r = x(o, i), { scroll: e } = t;
-  return e && (n(r.x, e.offset.x), n(r.y, e.offset.y)), r;
+import { useMemo as a } from "react";
+import { copyRawValuesOnly as l } from "./lyra272.js";
+import { buildSVGAttrs as m } from "./lyra277.js";
+import { createSvgRenderState as i } from "./lyra276.js";
+import { isSVGTag as n } from "./lyra278.js";
+function V(e, s, c, o) {
+  const r = a(() => {
+    const t = i();
+    return m(t, s, { enableHardwareAcceleration: !1 }, n(o), e.transformTemplate), {
+      ...t.attrs,
+      style: { ...t.style }
+    };
+  }, [s]);
+  if (e.style) {
+    const t = {};
+    l(t, e.style, e), r.style = { ...t, ...r.style };
+  }
+  return r;
 }
 export {
-  c as measurePageBox,
-  x as measureViewportBox
+  V as useSVGProps
 };