@new-black/lyra 0.0.16 → 0.0.18

package/dist/lyra231.js

@@ -1,18 +1,52 @@
-import { useOverlayTriggerState as g } from "./lyra95.js";
-import { useState as l } from "react";
-function f(o) {
-  let e = g(o), [a, r] = l(null);
-  return {
-    focusStrategy: a,
-    ...e,
-    open(t = null) {
-      r(t), e.open();
-    },
-    toggle(t = null) {
-      r(t), e.toggle();
+import { isNumericalString as m } from "./lyra232.js";
+import { isZeroValueString as d } from "./lyra233.js";
+import { resolveFinalValueInKeyframes as V } from "./lyra146.js";
+import { motionValue as c } from "./lyra173.js";
+import { complex as g } from "./lyra200.js";
+import { getAnimatableNone as p } from "./lyra234.js";
+import { findValueType as y } from "./lyra235.js";
+import { resolveVariant as T } from "./lyra149.js";
+function b(e, n, t) {
+  e.hasValue(n) ? e.getValue(n).set(t) : e.addValue(n, c(t));
+}
+function K(e, n) {
+  const t = T(e, n);
+  let { transitionEnd: i = {}, transition: a = {}, ...o } = t ? e.makeTargetAnimatable(t, !1) : {};
+  o = { ...o, ...i };
+  for (const l in o) {
+    const u = V(o[l]);
+    b(e, l, u);
+  }
+}
+function S(e, n, t) {
+  var i, a;
+  const o = Object.keys(n).filter((u) => !e.hasValue(u)), l = o.length;
+  if (l)
+    for (let u = 0; u < l; u++) {
+      const f = o[u], s = n[f];
+      let r = null;
+      Array.isArray(s) && (r = s[0]), r === null && (r = (a = (i = t[f]) !== null && i !== void 0 ? i : e.readValue(f)) !== null && a !== void 0 ? a : n[f]), r != null && (typeof r == "string" && (m(r) || d(r)) ? r = parseFloat(r) : !y(r) && g.test(s) && (r = p(f, s)), e.addValue(f, c(r, { owner: e })), t[f] === void 0 && (t[f] = r), r !== null && e.setBaseTarget(f, r));
+    }
+}
+function h(e, n) {
+  return n ? (n[e] || n.default || n).from : void 0;
+}
+function _(e, n, t) {
+  const i = {};
+  for (const a in e) {
+    const o = h(a, n);
+    if (o !== void 0)
+      i[a] = o;
+    else {
+      const l = t.getValue(a);
+      l && (i[a] = l.get());
     }
-  };
+  }
+  return i;
 }
 export {
-  f as useMenuTriggerState
+  S as checkTargetForNewValues,
+  _ as getOrigin,
+  h as getOriginFromTransition,
+  K as setTarget
 };

package/dist/lyra232.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof window<"u",o=t?e.useLayoutEffect:e.useEffect;exports.useIsomorphicLayoutEffect=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=t=>/^\-?\d*\.?\d+$/.test(t);exports.isNumericalString=e;

package/dist/lyra232.js

@@ -1,5 +1,4 @@
-import { useLayoutEffect as o, useEffect as e } from "react";
-const t = typeof window < "u", s = t ? o : e;
+const e = (t) => /^\-?\d*\.?\d+$/.test(t);
 export {
-  s as useIsomorphicLayoutEffect
+  e as isNumericalString
 };

package/dist/lyra233.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>/^0[^.\s]+$/.test(e);exports.isZeroValueString=t;

package/dist/lyra233.js

@@ -1,4 +1,4 @@
-var r = {};
+const e = (t) => /^0[^.\s]+$/.test(t);
 export {
-  r as __exports
+  e as isZeroValueString
 };

package/dist/lyra234.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra200.cjs"),l=require("./lyra279.cjs"),a=require("./lyra280.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/lyra234.js

@@ -1,4 +1,10 @@
-var e = {};
+import { complex as n } from "./lyra200.js";
+import { filter as a } from "./lyra279.js";
+import { getDefaultValueType as i } from "./lyra280.js";
+function f(t, o) {
+  let e = i(t);
+  return e !== a && (e = n), e.getAnimatableNone ? e.getAnimatableNone(o) : void 0;
+}
 export {
-  e as __exports
+  f as getAnimatableNone
 };

package/dist/lyra235.cjs

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

package/dist/lyra235.js

@@ -1,24 +1,8 @@
-import { lowercaseSVGElements as r } from "./lyra271.js";
-function s(e) {
-  return (
-    /**
-     * If it's not a string, it's a custom React component. Currently we only support
-     * HTML custom React components.
-     */
-    typeof e != "string" || /**
-     * If it contains a dash, the element is a custom HTML webcomponent.
-     */
-    e.includes("-") ? !1 : (
-      /**
-       * If it's in our list of lowercase SVG tags, it's an SVG component
-       */
-      !!(r.indexOf(e) > -1 || /**
-       * If it contains a capital letter, it's an SVG component
-       */
-      /[A-Z]/.test(e))
-    )
-  );
-}
+import { color as e } from "./lyra195.js";
+import { complex as m } from "./lyra200.js";
+import { dimensionValueTypes as p } from "./lyra281.js";
+import { testValueType as r } from "./lyra282.js";
+const t = [...p, e, m], s = (o) => t.find(r(o));
 export {
-  s as isSVGComponent
+  s as findValueType
 };

package/dist/lyra236.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),P=require("./lyra272.cjs"),a=require("./lyra222.cjs"),p=require("./lyra235.cjs"),f=require("./lyra273.cjs"),q=require("./lyra132.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 e=require("./lyra214.cjs");function x(i){return i.max-i.min}function a(i,n=0,c=.01){return Math.abs(i-n)<=c}function s(i,n,c,o=.5){i.origin=o,i.originPoint=e.mix(n.min,n.max,i.origin),i.scale=x(c)/x(n),(a(i.scale,1,1e-4)||isNaN(i.scale))&&(i.scale=1),i.translate=e.mix(c.min,c.max,i.origin)-i.originPoint,(a(i.translate)||isNaN(i.translate))&&(i.translate=0)}function f(i,n,c,o){s(i.x,n.x,c.x,o?o.originX:void 0),s(i.y,n.y,c.y,o?o.originY:void 0)}function l(i,n,c){i.min=c.min+n.min,i.max=i.min+x(n)}function u(i,n,c){l(i.x,n.x,c.x),l(i.y,n.y,c.y)}function m(i,n,c){i.min=n.min-c.min,i.max=i.min+x(n)}function t(i,n,c){m(i.x,n.x,c.x),m(i.y,n.y,c.y)}exports.calcAxisDelta=s;exports.calcBoxDelta=f;exports.calcLength=x;exports.calcRelativeAxis=l;exports.calcRelativeAxisPosition=m;exports.calcRelativeBox=u;exports.calcRelativePosition=t;exports.isNear=a;

package/dist/lyra236.js

@@ -1,22 +1,35 @@
-import { useMemo as c, createElement as f } from "react";
-import { useHTMLProps as p } from "./lyra272.js";
-import { filterProps as d } from "./lyra222.js";
-import { isSVGComponent as P } from "./lyra235.js";
-import { useSVGProps as a } from "./lyra273.js";
-import { isMotionValue as V } from "./lyra132.js";
-function E(o = !1) {
-  return (e, s, t, { latestValues: i }, n) => {
-    const u = (P(e) ? a : p)(s, i, n, e), l = {
-      ...d(s, typeof e == "string", o),
-      ...u,
-      ref: t
-    }, { children: r } = s, m = c(() => V(r) ? r.get() : r, [r]);
-    return f(e, {
-      ...l,
-      children: m
-    });
-  };
+import { mix as o } from "./lyra214.js";
+function m(i) {
+  return i.max - i.min;
+}
+function f(i, n = 0, c = 0.01) {
+  return Math.abs(i - n) <= c;
+}
+function s(i, n, c, x = 0.5) {
+  i.origin = x, i.originPoint = o(n.min, n.max, i.origin), i.scale = m(c) / m(n), (f(i.scale, 1, 1e-4) || isNaN(i.scale)) && (i.scale = 1), i.translate = o(c.min, c.max, i.origin) - i.originPoint, (f(i.translate) || isNaN(i.translate)) && (i.translate = 0);
+}
+function N(i, n, c, x) {
+  s(i.x, n.x, c.x, x ? x.originX : void 0), s(i.y, n.y, c.y, x ? x.originY : void 0);
+}
+function u(i, n, c) {
+  i.min = c.min + n.min, i.max = i.min + m(n);
+}
+function l(i, n, c) {
+  u(i.x, n.x, c.x), u(i.y, n.y, c.y);
+}
+function y(i, n, c) {
+  i.min = n.min - c.min, i.max = i.min + m(n);
+}
+function P(i, n, c) {
+  y(i.x, n.x, c.x), y(i.y, n.y, c.y);
 }
 export {
-  E as createUseRender
+  s as calcAxisDelta,
+  N as calcBoxDelta,
+  m as calcLength,
+  u as calcRelativeAxis,
+  y as calcRelativeAxisPosition,
+  l as calcRelativeBox,
+  P as calcRelativePosition,
+  f as isNear
 };

package/dist/lyra237.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra274.cjs"),i=require("./lyra275.cjs"),a=require("./lyra223.cjs"),n=require("./lyra276.cjs"),u=require("./lyra277.cjs"),c=require("./lyra278.cjs"),g={useVisualState:a.makeUseVisualState({scrapeMotionValuesFromProps:i.scrapeMotionValuesFromProps,createRenderState:n.createSvgRenderState,onMount:(o,e,{renderState:t,latestValues:r})=>{try{t.dimensions=typeof e.getBBox=="function"?e.getBBox():e.getBoundingClientRect()}catch{t.dimensions={x:0,y:0,width:0,height:0}}u.buildSVGAttrs(t,r,{enableHardwareAcceleration:!1},c.isSVGTag(e.tagName),o.transformTemplate),s.renderSVG(e,t)}})};exports.svgMotionConfig=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra152.cjs");let a=t=>!i.isValidMotionProp(t);function l(t){t&&(a=r=>r.startsWith("on")?!i.isValidMotionProp(r):t(r))}try{l(require("@emotion/is-prop-valid").default)}catch{}function s(t,r,n){const e={};for(const o in t)o==="values"&&typeof t.values=="object"||(a(o)||n===!0&&i.isValidMotionProp(o)||!r&&!i.isValidMotionProp(o)||t.draggable&&o.startsWith("onDrag"))&&(e[o]=t[o]);return e}exports.filterProps=s;exports.loadExternalIsValidProp=l;

package/dist/lyra237.js

@@ -1,28 +1,20 @@
-import { renderSVG as i } from "./lyra274.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra275.js";
-import { makeUseVisualState as a } from "./lyra223.js";
-import { createSvgRenderState as s } from "./lyra276.js";
-import { buildSVGAttrs as p } from "./lyra277.js";
-import { isSVGTag as f } from "./lyra278.js";
-const B = {
-  useVisualState: a({
-    scrapeMotionValuesFromProps: m,
-    createRenderState: s,
-    onMount: (e, o, { renderState: t, latestValues: r }) => {
-      try {
-        t.dimensions = typeof o.getBBox == "function" ? o.getBBox() : o.getBoundingClientRect();
-      } catch {
-        t.dimensions = {
-          x: 0,
-          y: 0,
-          width: 0,
-          height: 0
-        };
-      }
-      p(t, r, { enableHardwareAcceleration: !1 }, f(o.tagName), e.transformTemplate), i(o, t);
-    }
-  })
-};
+import { isValidMotionProp as e } from "./lyra152.js";
+let n = (t) => !e(t);
+function f(t) {
+  t && (n = (o) => o.startsWith("on") ? !e(o) : t(o));
+}
+try {
+  f(require("@emotion/is-prop-valid").default);
+} catch {
+}
+function u(t, o, a) {
+  const i = {};
+  for (const r in t)
+    r === "values" && typeof t.values == "object" || (n(r) || a === !0 && e(r) || !o && !e(r) || // If trying to use native HTML drag events, forward drag listeners
+    t.draggable && r.startsWith("onDrag")) && (i[r] = t[r]);
+  return i;
+}
 export {
-  B as svgMotionConfig
+  u as filterProps,
+  f as loadExternalIsValidProp
 };

package/dist/lyra238.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra223.cjs"),t=require("./lyra279.cjs"),o=require("./lyra280.cjs"),r={useVisualState:e.makeUseVisualState({scrapeMotionValuesFromProps:t.scrapeMotionValuesFromProps,createRenderState:o.createHtmlRenderState})};exports.htmlMotionConfig=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),S=require("./lyra239.cjs"),x=require("./lyra154.cjs"),P=require("./lyra179.cjs"),$=require("./lyra240.cjs"),b=require("./lyra145.cjs"),h=require("./lyra157.cjs"),k=require("./lyra176.cjs");function E({scrapeMotionValuesFromProps:t,createRenderState:i,onMount:o},a,e,s){const n={latestValues:T(a,e,s,t),renderState:i()};return o&&(n.mount=c=>o(a,c,n)),n}const M=t=>(i,o)=>{const a=y.useContext(h.MotionContext),e=y.useContext(x.PresenceContext),s=()=>E(t,i,a,e);return o?s():$.useConstant(s)};function T(t,i,o,a){const e={},s=a(t,{});for(const d in s)e[d]=b.resolveMotionValue(s[d]);let{initial:n,animate:c}=t;const q=k.isControllingVariants(t),v=k.isVariantNode(t);i&&v&&!q&&t.inherit!==!1&&(n===void 0&&(n=i.initial),c===void 0&&(c=i.animate));let f=o?o.initial===!1:!1;f=f||n===!1;const r=f?c:n;return r&&typeof r!="boolean"&&!S.isAnimationControls(r)&&(Array.isArray(r)?r:[r]).forEach(g=>{const m=P.resolveVariantFromProps(t,g);if(!m)return;const{transitionEnd:V,transition:N,...C}=m;for(const u in C){let l=C[u];if(Array.isArray(l)){const A=f?l.length-1:0;l=l[A]}l!==null&&(e[u]=l)}for(const u in V)e[u]=V[u]}),e}exports.makeUseVisualState=M;

package/dist/lyra238.js

@@ -1,12 +1,49 @@
-import { makeUseVisualState as t } from "./lyra223.js";
-import { scrapeMotionValuesFromProps as e } from "./lyra279.js";
-import { createHtmlRenderState as o } from "./lyra280.js";
-const i = {
-  useVisualState: t({
-    scrapeMotionValuesFromProps: e,
-    createRenderState: o
-  })
+import { useContext as y } from "react";
+import { isAnimationControls as x } from "./lyra239.js";
+import { PresenceContext as S } from "./lyra154.js";
+import { resolveVariantFromProps as h } from "./lyra179.js";
+import { useConstant as E } from "./lyra240.js";
+import { resolveMotionValue as N } from "./lyra145.js";
+import { MotionContext as P } from "./lyra157.js";
+import { isControllingVariants as T, isVariantNode as $ } from "./lyra176.js";
+function b({ scrapeMotionValuesFromProps: t, createRenderState: e, onMount: o }, r, n, a) {
+  const i = {
+    latestValues: B(r, n, a, t),
+    renderState: e()
+  };
+  return o && (i.mount = (f) => o(r, f, i)), i;
+}
+const D = (t) => (e, o) => {
+  const r = y(P), n = y(S), a = () => b(t, e, r, n);
+  return o ? a() : E(a);
 };
+function B(t, e, o, r) {
+  const n = {}, a = r(t, {});
+  for (const u in a)
+    n[u] = N(a[u]);
+  let { initial: i, animate: f } = t;
+  const C = T(t), v = $(t);
+  e && v && !C && t.inherit !== !1 && (i === void 0 && (i = e.initial), f === void 0 && (f = e.animate));
+  let c = o ? o.initial === !1 : !1;
+  c = c || i === !1;
+  const s = c ? f : i;
+  return s && typeof s != "boolean" && !x(s) && (Array.isArray(s) ? s : [s]).forEach((A) => {
+    const d = h(t, A);
+    if (!d)
+      return;
+    const { transitionEnd: V, transition: F, ...k } = d;
+    for (const m in k) {
+      let l = k[m];
+      if (Array.isArray(l)) {
+        const g = c ? l.length - 1 : 0;
+        l = l[g];
+      }
+      l !== null && (n[m] = l);
+    }
+    for (const m in V)
+      n[m] = V[m];
+  }), n;
+}
 export {
-  i as htmlMotionConfig
+  D as makeUseVisualState
 };

package/dist/lyra239.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./lyra227.cjs"),p=require("./lyra200.cjs"),v=require("./lyra226.cjs"),l=require("./lyra265.cjs"),d=require("./lyra152.cjs");function i(e,t){const a="pointer"+(t?"enter":"leave"),r="onHover"+(t?"Start":"End"),s=(o,u)=>{if(o.type==="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,a,s,{passive:!e.getProps()[r]})}class m extends l.Feature{mount(){this.unmount=p.pipe(i(this.node,!0),i(this.node,!1))}unmount(){}}exports.HoverGesture=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t){return typeof t=="object"&&typeof t.start=="function"}exports.isAnimationControls=o;

package/dist/lyra239.js

@@ -1,26 +1,6 @@
-import { addPointerEvent as p } from "./lyra227.js";
-import { pipe as u } from "./lyra200.js";
-import { isDragActive as f } from "./lyra226.js";
-import { Feature as c } from "./lyra265.js";
-import { frame as v } from "./lyra152.js";
-function a(t, e) {
-  const i = "pointer" + (e ? "enter" : "leave"), r = "onHover" + (e ? "Start" : "End"), m = (n, s) => {
-    if (n.type === "touch" || f())
-      return;
-    const o = t.getProps();
-    t.animationState && o.whileHover && t.animationState.setActive("whileHover", e), o[r] && v.update(() => o[r](n, s));
-  };
-  return p(t.current, i, m, {
-    passive: !t.getProps()[r]
-  });
-}
-class g extends c {
-  mount() {
-    this.unmount = u(a(this.node, !0), a(this.node, !1));
-  }
-  unmount() {
-  }
+function o(t) {
+  return typeof t == "object" && typeof t.start == "function";
 }
 export {
-  g as HoverGesture
+  o as isAnimationControls
 };

package/dist/lyra24.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra46.cjs"),e=r.cva("inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border",{variants:{size:{small:"h-4 w-4 border-2",medium:"h-6 w-6 border-2",large:"h-8 w-8 border-4"},color:{primary:"border-primary border-r-transparent",current:"border-current border-r-transparent",danger:"border-danger border-r-transparent",success:"border-success border-r-transparent",warning:"border-warning border-r-transparent",monochromatic:"border-neutral-9 border-r-transparent"}},defaultVariants:{size:"medium",color:"primary"}});exports.spinnerStyles=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra36.cjs"),x=require("./lyra74.cjs"),n=require("./lyra25.cjs"),b=require("./lyra78.cjs"),f=require("./lyra29.cjs"),c=require("./lyra30.cjs"),u=require("./lyra37.cjs"),d=require("./lyra79.cjs"),g=require("./lyra35.cjs"),S=({label:a,showValueText:m,valueTextClassName:j,valueTextVariant:y="body-small",valueTextColor:p,labelVariant:w="body-medium",labelColor:v,labelClassName:h,height:s,color:r,...R})=>{const[q,t]=b.default(),{direction:i}=g.useLocale(),o=t.width/3;return e.jsxRuntimeExports.jsx(x.ProgressBar,{...R,children:({percentage:E,valueText:l,isIndeterminate:N})=>e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[a?e.jsxRuntimeExports.jsx(x.Label,{className:u.twMerge(c.textStyles({color:v,variant:w,className:h})),children:a}):e.jsxRuntimeExports.jsx("div",{}),m&&l?e.jsxRuntimeExports.jsx(f.Text,{className:u.twMerge(c.textStyles({color:p,variant:y,className:j})),children:l}):null]}),e.jsxRuntimeExports.jsx("div",{ref:q,className:n.barStyles({height:s,color:r}),children:N?e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:s,color:r}),style:{width:o},initial:{x:i==="rtl"?t.width+400:-400},animate:{direction:i,x:i==="rtl"?-t.width:t.width+o},transition:{repeat:1/0,duration:2,type:"tween"}}):e.jsxRuntimeExports.jsx(d.motion.div,{className:n.barActiveStyles({height:s,color:r}),layout:!0,initial:{width:"0%",zIndex:1},animate:{width:`${E}%`},transition:{duration:.5,type:"tween"}})})]})})};exports.ProgressBar=S;

package/dist/lyra24.js

@@ -1,28 +1,112 @@
-import { cva as r } from "./lyra46.js";
-const n = r(
-  "inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border",
-  {
-    variants: {
-      size: {
-        small: "h-4 w-4 border-2",
-        medium: "h-6 w-6 border-2",
-        large: "h-8 w-8 border-4"
-      },
-      color: {
-        primary: "border-primary border-r-transparent",
-        current: "border-current border-r-transparent",
-        danger: "border-danger border-r-transparent",
-        success: "border-success border-r-transparent",
-        warning: "border-warning border-r-transparent",
-        monochromatic: "border-neutral-9 border-r-transparent"
+import { j as e } from "./lyra36.js";
+import { ProgressBar as N, Label as S } from "./lyra74.js";
+import { barStyles as g, barActiveStyles as n } from "./lyra25.js";
+import A from "./lyra78.js";
+import { Text as B } from "./lyra29.js";
+import { textStyles as l } from "./lyra30.js";
+import { twMerge as d } from "./lyra37.js";
+import { motion as c } from "./lyra79.js";
+import { useLocale as I } from "./lyra35.js";
+const q = ({
+  label: a,
+  showValueText: f,
+  valueTextClassName: x,
+  valueTextVariant: p = "body-small",
+  valueTextColor: b,
+  labelVariant: j = "body-medium",
+  labelColor: u,
+  labelClassName: w,
+  height: i,
+  color: r,
+  ...y
+}) => {
+  const [h, t] = A(), { direction: s } = I(), o = t.width / 3;
+  return /* @__PURE__ */ e.jsx(N, { ...y, children: ({ percentage: $, valueText: m, isIndeterminate: v }) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-2", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+      a ? /* @__PURE__ */ e.jsx(
+        S,
+        {
+          className: d(
+            l({
+              color: u,
+              variant: j,
+              className: w
+            })
+          ),
+          children: a
+        }
+      ) : /* @__PURE__ */ e.jsx("div", {}),
+      f && m ? /* @__PURE__ */ e.jsx(
+        B,
+        {
+          className: d(
+            l({
+              color: b,
+              variant: p,
+              className: x
+            })
+          ),
+          children: m
+        }
+      ) : null
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: h,
+        className: g({
+          height: i,
+          color: r
+          // className: "relative overflow-hidden",
+        }),
+        children: v ? /* @__PURE__ */ e.jsx(
+          c.div,
+          {
+            className: n({
+              height: i,
+              color: r
+            }),
+            style: {
+              width: o
+            },
+            initial: {
+              x: s === "rtl" ? t.width + 400 : -400
+            },
+            animate: {
+              direction: s,
+              x: s === "rtl" ? -t.width : t.width + o
+            },
+            transition: {
+              repeat: 1 / 0,
+              duration: 2,
+              type: "tween"
+            }
+          }
+        ) : /* @__PURE__ */ e.jsx(
+          c.div,
+          {
+            className: n({
+              height: i,
+              color: r
+            }),
+            layout: !0,
+            initial: {
+              width: "0%",
+              zIndex: 1
+            },
+            animate: {
+              width: `${$}%`
+            },
+            transition: {
+              duration: 0.5,
+              type: "tween"
+            }
+          }
+        )
       }
-    },
-    defaultVariants: {
-      size: "medium",
-      color: "primary"
-    }
-  }
-);
+    )
+  ] }) });
+};
 export {
-  n as spinnerStyles
+  q as ProgressBar
 };

package/dist/lyra240.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra228.cjs"),s=require("./lyra265.cjs"),i=require("./lyra200.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 n=require("react");function r(t){const e=n.useRef(null);return e.current===null&&(e.current=t()),e.current}exports.useConstant=r;

package/dist/lyra240.js

@@ -1,28 +1,8 @@
-import { addDomEvent as e } from "./lyra228.js";
-import { Feature as i } from "./lyra265.js";
-import { pipe as s } from "./lyra200.js";
-class a extends i {
-  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 = s(e(this.node.current, "focus", () => this.onFocus()), e(this.node.current, "blur", () => this.onBlur()));
-  }
-  unmount() {
-  }
+import { useRef as t } from "react";
+function u(n) {
+  const r = t(null);
+  return r.current === null && (r.current = n()), r.current;
 }
 export {
-  a as FocusGesture
+  u as useConstant
 };

package/dist/lyra241.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("./lyra229.cjs"),h=require("./lyra228.cjs"),u=require("./lyra227.cjs"),f=require("./lyra265.cjs"),P=require("./lyra200.cjs"),L=require("./lyra226.cjs"),g=require("./lyra281.cjs"),v=require("./lyra187.cjs"),p=require("./lyra152.cjs");function m(l,e){if(!e)return;const s=new PointerEvent("pointer"+l);e(s,E.extractEventInfo(s))}class w extends f.Feature{constructor(){super(...arguments),this.removeStartListeners=v.noop,this.removeEndListeners=v.noop,this.removeAccessibleListeners=v.noop,this.startPointerPress=(e,s)=>{if(this.removeEndListeners(),this.isPressing)return;const t=this.node.getProps(),i=(n,r)=>{if(!this.checkPressEnd())return;const{onTap:d,onTapCancel:a}=this.node.getProps();p.frame.update(()=>{g.isNodeOrChild(this.node.current,n.target)?d&&d(n,r):a&&a(n,r)})},o=u.addPointerEvent(window,"pointerup",i,{passive:!(t.onTap||t.onPointerUp)}),c=u.addPointerEvent(window,"pointercancel",(n,r)=>this.cancelPress(n,r),{passive:!(t.onTapCancel||t.onPointerCancel)});this.removeEndListeners=P.pipe(o,c),this.startPress(e,s)},this.startAccessiblePress=()=>{const e=o=>{if(o.key!=="Enter"||this.isPressing)return;const c=n=>{n.key!=="Enter"||!this.checkPressEnd()||m("up",(r,d)=>{const{onTap:a}=this.node.getProps();a&&p.frame.update(()=>a(r,d))})};this.removeEndListeners(),this.removeEndListeners=h.addDomEvent(this.node.current,"keyup",c),m("down",(n,r)=>{this.startPress(n,r)})},s=h.addDomEvent(this.node.current,"keydown",e),t=()=>{this.isPressing&&m("cancel",(o,c)=>this.cancelPress(o,c))},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(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"});function n(t){let e=null;return()=>{const o=()=>{e=null};return e===null?(e=t,o):!1}}const r=n("dragHorizontal"),c=n("dragVertical");function i(t){let e=!1;if(t==="y")e=c();else if(t==="x")e=r();else{const o=r(),l=c();o&&l?e=()=>{o(),l()}:(o&&o(),l&&l())}return e}function a(){const t=i(!0);return t?(t(),!1):!0}exports.createLock=n;exports.getGlobalLock=i;exports.isDragActive=a;