@new-black/lyra 0.0.25 → 0.0.26

package/dist/lyra184.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra137.cjs"),y=require("./lyra188.cjs"),h=require("./lyra185.cjs"),q=require("./lyra207.cjs"),b=require("./lyra219.cjs"),x=require("./lyra220.cjs"),p=require("./lyra208.cjs"),d=require("./lyra209.cjs"),A=require("./lyra195.cjs"),f=(e,r)=>i=>q.mix(e,r,i);function M(e){return typeof e=="number"?f:typeof e=="string"?y.color.test(e)?b.mixColor:x.mixComplex:Array.isArray(e)?x.mixArray:typeof e=="object"?x.mixObject:f}function C(e,r,i){const c=[],a=i||M(e[0]),t=e.length-1;for(let n=0;n<t;n++){let s=a(e[n],e[n+1]);if(r){const l=Array.isArray(r)?r[n]||A.noop:r;s=p.pipe(l,s)}c.push(s)}return c}function j(e,r,{clamp:i=!0,ease:c,mixer:a}={}){const t=e.length;if(u.invariant(t===r.length,"Both input and output ranges must be the same length"),t===1)return()=>r[0];e[0]>e[t-1]&&(e=[...e].reverse(),r=[...r].reverse());const n=C(r,c,a),s=n.length,l=m=>{let o=0;if(s>1)for(;o<e.length-2&&!(m<e[o+1]);o++);const g=d.progress(e[o],e[o+1],m);return n[o](g)};return i?m=>l(h.clamp(e[0],e[t-1],m)):l}exports.interpolate=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra180.cjs"),d=require("./lyra186.cjs"),l=require("./lyra179.cjs"),V=require("./lyra154.cjs");function c(o,a,t){const{willChange:s}=a;for(const e in a){const i=a[e],r=t[e];if(V.isMotionValue(i))o.addValue(e,i),u.isWillChangeMotionValue(s)&&s.add(e),process.env.NODE_ENV==="development"&&d.warnOnce(i.version==="10.15.0",`Attempting to mix Framer Motion versions ${i.version} with 10.15.0 may not work as expected.`);else if(V.isMotionValue(r))o.addValue(e,l.motionValue(i,{owner:o})),u.isWillChangeMotionValue(s)&&s.remove(e);else if(r!==i)if(o.hasValue(e)){const n=o.getValue(e);!n.hasAnimated&&n.set(i)}else{const n=o.getStaticValue(e);o.addValue(e,l.motionValue(n!==void 0?n:i,{owner:o}))}}for(const e in t)a[e]===void 0&&o.removeValue(e);return a}exports.updateMotionValuesFromProps=c;

package/dist/lyra184.js

@@ -1,43 +1,28 @@
-import { invariant as g } from "./lyra137.js";
-import { color as h } from "./lyra188.js";
-import { clamp as p } from "./lyra185.js";
-import { mix as y } from "./lyra207.js";
-import { mixColor as b } from "./lyra219.js";
-import { mixComplex as A, mixArray as M, mixObject as F } from "./lyra220.js";
-import { pipe as d } from "./lyra208.js";
-import { progress as j } from "./lyra209.js";
-import { noop as C } from "./lyra195.js";
-const a = (r, e) => (i) => y(r, e, i);
-function k(r) {
-  return typeof r == "number" ? a : typeof r == "string" ? h.test(r) ? b : A : Array.isArray(r) ? M : typeof r == "object" ? F : a;
-}
-function B(r, e, i) {
-  const s = [], l = i || k(r[0]), t = r.length - 1;
-  for (let o = 0; o < t; o++) {
-    let m = l(r[o], r[o + 1]);
-    if (e) {
-      const f = Array.isArray(e) ? e[o] || C : e;
-      m = d(f, m);
-    }
-    s.push(m);
+import { isWillChangeMotionValue as u } from "./lyra180.js";
+import { warnOnce as l } from "./lyra186.js";
+import { motionValue as f } from "./lyra179.js";
+import { isMotionValue as d } from "./lyra154.js";
+function v(i, e, t) {
+  const { willChange: s } = e;
+  for (const o in e) {
+    const a = e[o], n = t[o];
+    if (d(a))
+      i.addValue(o, a), u(s) && s.add(o), process.env.NODE_ENV === "development" && l(a.version === "10.15.0", `Attempting to mix Framer Motion versions ${a.version} with 10.15.0 may not work as expected.`);
+    else if (d(n))
+      i.addValue(o, f(a, { owner: i })), u(s) && s.remove(o);
+    else if (n !== a)
+      if (i.hasValue(o)) {
+        const r = i.getValue(o);
+        !r.hasAnimated && r.set(a);
+      } else {
+        const r = i.getStaticValue(o);
+        i.addValue(o, f(r !== void 0 ? r : a, { owner: i }));
+      }
   }
-  return s;
-}
-function D(r, e, { clamp: i = !0, ease: s, mixer: l } = {}) {
-  const t = r.length;
-  if (g(t === e.length, "Both input and output ranges must be the same length"), t === 1)
-    return () => e[0];
-  r[0] > r[t - 1] && (r = [...r].reverse(), e = [...e].reverse());
-  const o = B(e, s, l), m = o.length, f = (c) => {
-    let n = 0;
-    if (m > 1)
-      for (; n < r.length - 2 && !(c < r[n + 1]); n++)
-        ;
-    const x = j(r[n], r[n + 1], c);
-    return o[n](x);
-  };
-  return i ? (c) => f(p(r[0], r[t - 1], c)) : f;
+  for (const o in t)
+    e[o] === void 0 && i.removeValue(o);
+  return e;
 }
 export {
-  D as interpolate
+  v as updateMotionValuesFromProps
 };

package/dist/lyra185.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=(t,a,e)=>Math.min(Math.max(e,t),a);exports.clamp=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function v(a,r,e,t={},u={}){return typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),typeof r=="string"&&(r=a.variants&&a.variants[r]),typeof r=="function"&&(r=r(e!==void 0?e:a.custom,t,u)),r}exports.resolveVariantFromProps=v;

package/dist/lyra185.js

@@ -1,4 +1,6 @@
-const c = (a, t, m) => Math.min(Math.max(m, a), t);
+function y(r, a, v, f = {}, u = {}) {
+  return typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), typeof a == "string" && (a = r.variants && r.variants[a]), typeof a == "function" && (a = a(v !== void 0 ? v : r.custom, f, u)), a;
+}
 export {
-  c as clamp
+  y as resolveVariantFromProps
 };

package/dist/lyra186.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=o=>o*1e3,e=o=>o/1e3;exports.millisecondsToSeconds=e;exports.secondsToMilliseconds=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=new Set;function c(t,n,r){t||o.has(n)||(console.warn(n),r&&console.warn(r),o.add(n))}exports.warnOnce=c;

package/dist/lyra186.js

@@ -1,5 +1,7 @@
-const s = (o) => o * 1e3, c = (o) => o / 1e3;
+const r = /* @__PURE__ */ new Set();
+function w(c, n, o) {
+  c || r.has(n) || (console.warn(n), o && console.warn(o), r.add(n));
+}
 export {
-  c as millisecondsToSeconds,
-  s as secondsToMilliseconds
+  w as warnOnce
 };

package/dist/lyra187.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=2e4;function a(n){let t=0;const o=50;let r=n.next(t);for(;!r.done&&t<e;)t+=o,r=n.next(t);return t>=e?1/0:t}exports.calcGeneratorDuration=a;exports.maxGeneratorDuration=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n={animation:["animate","variants","whileHover","whileTap","exit","whileInView","whileFocus","whileDrag"],exit:["exit"],drag:["drag","dragControls"],focus:["whileFocus"],hover:["whileHover","onHoverStart","onHoverEnd"],tap:["whileTap","onTap","onTapStart","onTapCancel"],pan:["onPan","onPanStart","onPanSessionStart","onPanEnd"],inView:["whileInView","onViewportEnter","onViewportLeave"],layout:["layout","layoutId"]},o={};for(const e in n)o[e]={isEnabled:a=>n[e].some(t=>!!a[t])};exports.featureDefinitions=o;

package/dist/lyra187.js

@@ -1,13 +1,27 @@
-const a = 2e4;
-function o(n) {
-  let t = 0;
-  const r = 50;
-  let e = n.next(t);
-  for (; !e.done && t < 2e4; )
-    t += r, e = n.next(t);
-  return t >= 2e4 ? 1 / 0 : t;
-}
+const n = {
+  animation: [
+    "animate",
+    "variants",
+    "whileHover",
+    "whileTap",
+    "exit",
+    "whileInView",
+    "whileFocus",
+    "whileDrag"
+  ],
+  exit: ["exit"],
+  drag: ["drag", "dragControls"],
+  focus: ["whileFocus"],
+  hover: ["whileHover", "onHoverStart", "onHoverEnd"],
+  tap: ["whileTap", "onTap", "onTapStart", "onTapCancel"],
+  pan: ["onPan", "onPanStart", "onPanSessionStart", "onPanEnd"],
+  inView: ["whileInView", "onViewportEnter", "onViewportLeave"],
+  layout: ["layout", "layoutId"]
+}, t = {};
+for (const e in n)
+  t[e] = {
+    isEnabled: (o) => n[e].some((a) => !!o[a])
+  };
 export {
-  o as calcGeneratorDuration,
-  a as maxGeneratorDuration
+  t as featureDefinitions
 };

package/dist/lyra188.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra189.cjs"),s=require("./lyra190.cjs"),e=require("./lyra191.cjs"),t=require("./lyra192.cjs"),o={test:r=>t.rgba.test(r)||s.hex.test(r)||e.hsla.test(r),parse:r=>t.rgba.test(r)?t.rgba.parse(r):e.hsla.test(r)?e.hsla.parse(r):s.hex.parse(r),transform:r=>a.isString(r)?r:r.hasOwnProperty("red")?t.rgba.transform(r):e.hsla.transform(r)};exports.color=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=["animate","whileInView","whileFocus","whileHover","whileTap","whileDrag","exit"],r=["initial",...i];exports.variantPriorityOrder=i;exports.variantProps=r;

package/dist/lyra188.js

@@ -1,12 +1,13 @@
-import { isString as o } from "./lyra189.js";
-import { hex as s } from "./lyra190.js";
-import { hsla as t } from "./lyra191.js";
-import { rgba as e } from "./lyra192.js";
-const f = {
-  test: (r) => e.test(r) || s.test(r) || t.test(r),
-  parse: (r) => e.test(r) ? e.parse(r) : t.test(r) ? t.parse(r) : s.parse(r),
-  transform: (r) => o(r) ? r : r.hasOwnProperty("red") ? e.transform(r) : t.transform(r)
-};
+const i = [
+  "animate",
+  "whileInView",
+  "whileFocus",
+  "whileHover",
+  "whileTap",
+  "whileDrag",
+  "exit"
+], e = ["initial", ...i];
 export {
-  f as color
+  i as variantPriorityOrder,
+  e as variantProps
 };

package/dist/lyra189.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=e=>Math.round(e*1e5)/1e5,s=/(-)?([\d]*\.?[\d])+/g,t=/(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi,g=/^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;function i(e){return typeof e=="string"}exports.colorRegex=t;exports.floatRegex=s;exports.isString=i;exports.sanitize=o;exports.singleColorRegex=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new WeakMap;exports.visualElementStore=e;

package/dist/lyra189.js

@@ -1,11 +1,4 @@
-const o = (s) => Math.round(s * 1e5) / 1e5, t = /(-)?([\d]*\.?[\d])+/g, n = /(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))/gi, e = /^(#[0-9a-f]{3,8}|(rgb|hsl)a?\((-?[\d\.]+%?[,\s]+){2}(-?[\d\.]+%?)\s*[\,\/]?\s*[\d\.]*%?\))$/i;
-function g(s) {
-  return typeof s == "string";
-}
+const e = /* @__PURE__ */ new WeakMap();
 export {
-  n as colorRegex,
-  t as floatRegex,
-  g as isString,
-  o as sanitize,
-  e as singleColorRegex
+  e as visualElementStore
 };

package/dist/lyra19.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra37.cjs"),n=require("react"),a=require("./lyra71.cjs"),m=require("./lyra30.cjs"),p=require("./lyra72.cjs");require("./lyra77.cjs");const s=require("./lyra18.cjs");require("./lyra79.cjs");const g=require("./lyra38.cjs"),S=n.forwardRef(({label:t,description:i,errorMessage:o,className:f,fullWidth:j=!1,isDisabled:r=!1,isRequired:l=!1,validationState:c,startSlot:u,endSlot:d,size:y,hint:x,...h},F)=>{const[v,E]=n.useState(!1),[I,N]=n.useState(!1);return e.jsxRuntimeExports.jsxs(a.TextField,{className:s.sharedInputFieldWrapperStyles({className:f}),isDisabled:r,isRequired:l,validationState:c,...h,ref:F,children:[e.jsxRuntimeExports.jsxs("div",{className:p.cx("flex items-center gap-3",t?"justify-between":"justify-end"),children:[t?e.jsxRuntimeExports.jsxs(a.Label,{className:s.sharedInputlabelStyles(),style:{fontFamily:"var(--input-label-font-family)"},children:[t,l&&e.jsxRuntimeExports.jsx("span",{className:"text-danger",children:" *"})]}):null,x?e.jsxRuntimeExports.jsx("span",{className:s.sharedInputHintStyles(),style:{fontFamily:"var(--input-hint-font-family)"},children:x}):null]}),e.jsxRuntimeExports.jsxs("div",{className:g.twMerge(s.sharedInputFieldStyles({fullWidth:j,isFocused:v,isHovered:I,isDisabled:r,validationState:c})),children:[u,e.jsxRuntimeExports.jsx(a.Input,{className:({isFocused:q,isHovered:R})=>(E(q),N(R),s.sharedInputStyles({size:y,className:p.cx(!!u&&"ps-2",!!d&&"pe-2")})),required:l,disabled:r,style:{fontFamily:"var(--input-font-family)"}}),d]}),i&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"secondary",slot:"description",children:i}),o&&e.jsxRuntimeExports.jsx(m.Text,{className:"ml-1 mt-1.5",variant:"body-small",color:"accent-danger",slot:"errorMessage",children:o})]})});exports.TextField=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra39.cjs"),s=require("./lyra79.cjs"),t=require("./lyra32.cjs");require("./lyra77.cjs");const g=require("./lyra81.cjs");require("./lyra10.cjs");require("./lyra102.cjs");require("./lyra21.cjs");require("./lyra14.cjs");require("react");require("./lyra8.cjs");require("./lyra80.cjs");require("./lyra16.cjs");require("./lyra17.cjs");const h=require("./lyra18.cjs"),a=require("./lyra20.cjs");require("./lyra22.cjs");require("./lyra2.cjs");require("./lyra84.cjs");require("./lyra78.cjs");require("./lyra75.cjs");require("./lyra23.cjs");require("./lyra89.cjs");require("./lyra25.cjs");require("./lyra86.cjs");require("./lyra88.cjs");require("./lyra35.cjs");require("./lyra43.cjs");const R=require("./lyra38.cjs"),E=({label:x,description:u,errorMessage:o,className:d,fullWidth:m=!0,hideOutputLabel:j=!1,name:n,...q},p)=>{const{direction:c}=R.useLocale(),b=(r,l)=>r.length===1?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${l(0)*100}%, rgb(var(--color-neutral-4)) ${l(0)*100}%, rgb(var(--color-neutral-4)))`:r.length===2?`linear-gradient(${c==="rtl"?"to left":"to right"}, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${l(0)*100}%, rgb(var(--color-primary-3)) ${l(0)*100}%, rgb(var(--color-primary-3)) ${l(1)*100}%, rgb(var(--color-neutral-4)) ${l(1)*100}%, rgb(var(--color-neutral-4)))`:"rgb(var(--color-neutral-4))";return e.jsxRuntimeExports.jsxs(s.Slider,{...q,className:a.sliderStyles({fullWidth:m,className:d}),ref:p,children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between pb-3",children:[e.jsxRuntimeExports.jsx(s.Label,{className:h.sharedInputlabelStyles(),children:x}),j?null:e.jsxRuntimeExports.jsx(s.SliderOutput,{children:r=>e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsx(t.Text,{variant:"body-medium",children:r==null?void 0:r.values.map((l,i)=>r.getThumbValueLabel(i)).join(" - ")})})})]}),e.jsxRuntimeExports.jsx(s.SliderTrack,{className:({isDisabled:r})=>a.sliderTrackStyles({isDisabled:r}),style:({getThumbPercent:r,values:l})=>({background:b(l,r)}),children:r=>e.jsxRuntimeExports.jsx("div",{className:"relative w-full px-0",children:r.values.map((l,i)=>e.jsxRuntimeExports.jsx(s.SliderThumb,{className:({isFocusVisible:v,isHovered:y})=>a.sliderThumbStyles({isFocusVisible:v,isHovered:y,className:"relative"}),index:i,label:l,children:n?e.jsxRuntimeExports.jsx("input",{type:"hidden",name:n,value:l},i):null},i))})}),u&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",children:u}),o&&e.jsxRuntimeExports.jsx(t.Text,{className:"mt-3",variant:"body-small",color:"accent-danger",children:o})]})},S=g.fixedForwardRef(E);exports.Slider=S;

package/dist/lyra19.js

@@ -1,124 +1,83 @@
-import { j as e } from "./lyra37.js";
-import { forwardRef as $, useState as d } from "react";
-import { TextField as g, Label as H, Input as w } from "./lyra71.js";
-import { Text as f } from "./lyra30.js";
-import { cx as i } from "./lyra72.js";
+import { j as l } from "./lyra39.js";
+import { Slider as v, Label as g, SliderOutput as j, SliderTrack as h, SliderThumb as y } from "./lyra79.js";
+import { Text as e } from "./lyra32.js";
 import "./lyra77.js";
-import { sharedInputFieldWrapperStyles as S, sharedInputlabelStyles as T, sharedInputHintStyles as E, sharedInputFieldStyles as L, sharedInputStyles as M } from "./lyra18.js";
-import "./lyra79.js";
-import { twMerge as W } from "./lyra38.js";
-const P = $(
-  ({
-    label: s,
-    description: l,
-    errorMessage: r,
-    className: p,
-    fullWidth: x = !1,
-    isDisabled: a = !1,
-    isRequired: t = !1,
-    validationState: o,
-    startSlot: n,
-    endSlot: m,
-    size: u,
-    hint: c,
-    ...y
-  }, h) => {
-    const [j, F] = d(!1), [b, I] = d(!1);
-    return /* @__PURE__ */ e.jsxs(
-      g,
-      {
-        className: S({ className: p }),
-        isDisabled: a,
-        isRequired: t,
-        validationState: o,
-        ...y,
-        ref: h,
-        children: [
-          /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              className: i(
-                "flex items-center gap-3",
-                s ? "justify-between" : "justify-end"
-              ),
-              children: [
-                s ? /* @__PURE__ */ e.jsxs(
-                  H,
-                  {
-                    className: T(),
-                    style: { fontFamily: "var(--input-label-font-family)" },
-                    children: [
-                      s,
-                      t && /* @__PURE__ */ e.jsx("span", { className: "text-danger", children: " *" })
-                    ]
-                  }
-                ) : null,
-                c ? /* @__PURE__ */ e.jsx(
-                  "span",
-                  {
-                    className: E(),
-                    style: { fontFamily: "var(--input-hint-font-family)" },
-                    children: c
-                  }
-                ) : null
-              ]
-            }
-          ),
-          /* @__PURE__ */ e.jsxs(
-            "div",
-            {
-              className: W(
-                L({
-                  fullWidth: x,
-                  isFocused: j,
-                  isHovered: b,
-                  isDisabled: a,
-                  validationState: o
-                })
-              ),
-              children: [
-                n,
-                /* @__PURE__ */ e.jsx(
-                  w,
-                  {
-                    className: ({ isFocused: N, isHovered: v }) => (F(N), I(v), M({
-                      size: u,
-                      className: i(!!n && "ps-2", !!m && "pe-2")
-                    })),
-                    required: t,
-                    disabled: a,
-                    style: { fontFamily: "var(--input-font-family)" }
-                  }
-                ),
-                m
-              ]
-            }
-          ),
-          l && /* @__PURE__ */ e.jsx(
-            f,
-            {
-              className: "ml-1 mt-1.5",
-              variant: "body-small",
-              color: "secondary",
-              slot: "description",
-              children: l
-            }
-          ),
-          r && /* @__PURE__ */ e.jsx(
-            f,
-            {
-              className: "ml-1 mt-1.5",
-              variant: "body-small",
-              color: "accent-danger",
-              slot: "errorMessage",
-              children: r
-            }
-          )
-        ]
-      }
-    );
-  }
-);
+import { fixedForwardRef as S } from "./lyra81.js";
+import "./lyra10.js";
+import "./lyra102.js";
+import "./lyra21.js";
+import "./lyra14.js";
+import "react";
+import "./lyra8.js";
+import "./lyra80.js";
+import "./lyra16.js";
+import "./lyra17.js";
+import { sharedInputlabelStyles as N } from "./lyra18.js";
+import { sliderStyles as k, sliderTrackStyles as w, sliderThumbStyles as L } from "./lyra20.js";
+import "./lyra22.js";
+import "./lyra2.js";
+import "./lyra84.js";
+import "./lyra78.js";
+import "./lyra75.js";
+import "./lyra23.js";
+import "./lyra89.js";
+import "./lyra25.js";
+import "./lyra86.js";
+import "./lyra88.js";
+import "./lyra35.js";
+import "./lyra43.js";
+import { useLocale as F } from "./lyra38.js";
+const R = ({
+  label: p,
+  description: i,
+  errorMessage: t,
+  className: c,
+  fullWidth: d = !0,
+  hideOutputLabel: n = !1,
+  name: m,
+  ...f
+}, b) => {
+  const { direction: s } = F(), $ = (r, o) => r.length === 1 ? `linear-gradient(${s === "rtl" ? "to left" : "to right"}, rgb(var(--color-primary-3)), rgb(var(--color-primary-3)) 0%,  rgb(var(--color-primary-3)) ${o(0) * 100}%, rgb(var(--color-neutral-4)) ${o(0) * 100}%, rgb(var(--color-neutral-4)))` : r.length === 2 ? `linear-gradient(${s === "rtl" ? "to left" : "to right"}, rgb(var(--color-neutral-4)), rgb(var(--color-neutral-4)) ${o(0) * 100}%, rgb(var(--color-primary-3)) ${o(0) * 100}%, rgb(var(--color-primary-3)) ${o(1) * 100}%, rgb(var(--color-neutral-4)) ${o(1) * 100}%, rgb(var(--color-neutral-4)))` : "rgb(var(--color-neutral-4))";
+  return /* @__PURE__ */ l.jsxs(
+    v,
+    {
+      ...f,
+      className: k({ fullWidth: d, className: c }),
+      ref: b,
+      children: [
+        /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between pb-3", children: [
+          /* @__PURE__ */ l.jsx(g, { className: N(), children: p }),
+          n ? null : /* @__PURE__ */ l.jsx(j, { children: (r) => /* @__PURE__ */ l.jsx(l.Fragment, { children: /* @__PURE__ */ l.jsx(e, { variant: "body-medium", children: r == null ? void 0 : r.values.map((o, a) => r.getThumbValueLabel(a)).join(" - ") }) }) })
+        ] }),
+        /* @__PURE__ */ l.jsx(
+          h,
+          {
+            className: ({ isDisabled: r }) => w({ isDisabled: r }),
+            style: ({ getThumbPercent: r, values: o }) => ({
+              background: $(o, r)
+            }),
+            children: (r) => /* @__PURE__ */ l.jsx("div", { className: "relative w-full px-0", children: r.values.map((o, a) => /* @__PURE__ */ l.jsx(
+              y,
+              {
+                className: ({ isFocusVisible: u, isHovered: x }) => L({
+                  isFocusVisible: u,
+                  isHovered: x,
+                  className: "relative"
+                }),
+                index: a,
+                label: o,
+                children: m ? /* @__PURE__ */ l.jsx("input", { type: "hidden", name: m, value: o }, a) : null
+              },
+              a
+            )) })
+          }
+        ),
+        i && /* @__PURE__ */ l.jsx(e, { className: "mt-3", variant: "body-small", children: i }),
+        t && /* @__PURE__ */ l.jsx(e, { className: "mt-3", variant: "body-small", color: "accent-danger", children: t })
+      ]
+    }
+  );
+}, ir = S(R);
 export {
-  P as TextField
+  ir as Slider
 };

package/dist/lyra190.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra192.cjs"),u=require("./lyra268.cjs");function g(r){let e="",s="",n="",t="";return r.length>5?(e=r.substring(1,3),s=r.substring(3,5),n=r.substring(5,7),t=r.substring(7,9)):(e=r.substring(1,2),s=r.substring(2,3),n=r.substring(3,4),t=r.substring(4,5),e+=e,s+=s,n+=n,t+=t),{red:parseInt(e,16),green:parseInt(s,16),blue:parseInt(n,16),alpha:t?parseInt(t,16)/255:1}}const a={test:u.isColorString("#"),parse:g,transform:i.rgba.transform};exports.hex=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra209.cjs"),t=require("./lyra234.cjs"),{schedule:a,cancel:r,state:n,steps:c}=t.createRenderBatcher(typeof requestAnimationFrame<"u"?requestAnimationFrame:e.noop,!0);exports.cancelFrame=r;exports.frame=a;exports.frameData=n;exports.steps=c;

package/dist/lyra190.js

@@ -1,19 +1,9 @@
-import { rgba as i } from "./lyra192.js";
-import { isColorString as g } from "./lyra268.js";
-function a(r) {
-  let t = "", e = "", n = "", s = "";
-  return r.length > 5 ? (t = r.substring(1, 3), e = r.substring(3, 5), n = r.substring(5, 7), s = r.substring(7, 9)) : (t = r.substring(1, 2), e = r.substring(2, 3), n = r.substring(3, 4), s = r.substring(4, 5), t += t, e += e, n += n, s += s), {
-    red: parseInt(t, 16),
-    green: parseInt(e, 16),
-    blue: parseInt(n, 16),
-    alpha: s ? parseInt(s, 16) / 255 : 1
-  };
-}
-const u = {
-  test: g("#"),
-  parse: a,
-  transform: i.transform
-};
+import { noop as e } from "./lyra209.js";
+import { createRenderBatcher as r } from "./lyra234.js";
+const { schedule: m, cancel: n, state: o, steps: c } = r(typeof requestAnimationFrame < "u" ? requestAnimationFrame : e, !0);
 export {
-  u as hex
+  n as cancelFrame,
+  m as frame,
+  o as frameData,
+  c as steps
 };

package/dist/lyra191.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra196.cjs"),r=require("./lyra197.cjs"),t=require("./lyra189.cjs"),e=require("./lyra268.cjs"),l={test:e.isColorString("hsl","hue"),parse:e.splitColor("hue","saturation","lightness"),transform:({hue:s,saturation:n,lightness:i,alpha:a=1})=>"hsla("+Math.round(s)+", "+r.percent.transform(t.sanitize(n))+", "+r.percent.transform(t.sanitize(i))+", "+t.sanitize(o.alpha.transform(a))+")"};exports.hsla=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={};function o(r){Object.assign(e,r)}exports.addScaleCorrector=o;exports.scaleCorrectors=e;

package/dist/lyra191.js

@@ -1,12 +1,8 @@
-import { alpha as n } from "./lyra196.js";
-import { percent as t } from "./lyra197.js";
-import { sanitize as r } from "./lyra189.js";
-import { isColorString as i, splitColor as e } from "./lyra268.js";
-const u = {
-  test: i("hsl", "hue"),
-  parse: e("hue", "saturation", "lightness"),
-  transform: ({ hue: o, saturation: s, lightness: a, alpha: m = 1 }) => "hsla(" + Math.round(o) + ", " + t.transform(r(s)) + ", " + t.transform(r(a)) + ", " + r(n.transform(m)) + ")"
-};
+const o = {};
+function r(c) {
+  Object.assign(o, c);
+}
 export {
-  u as hsla
+  r as addScaleCorrector,
+  o as scaleCorrectors
 };

package/dist/lyra192.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra185.cjs"),n=require("./lyra196.cjs"),l=require("./lyra189.cjs"),e=require("./lyra268.cjs"),c=r=>i.clamp(0,255,r),t={...n.number,transform:r=>Math.round(c(r))},u={test:e.isColorString("rgb","red"),parse:e.splitColor("red","green","blue"),transform:({red:r,green:o,blue:s,alpha:a=1})=>"rgba("+t.transform(r)+", "+t.transform(o)+", "+t.transform(s)+", "+l.sanitize(n.alpha.transform(a))+")"};exports.rgbUnit=t;exports.rgba=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra181.cjs"),u={x:"translateX",y:"translateY",z:"translateZ",transformPerspective:"perspective"},c=o.transformPropOrder.length;function d(e,{enableHardwareAcceleration:a=!0,allowTransformNone:l=!0},s,i){let r="";for(let n=0;n<c;n++){const t=o.transformPropOrder[n];if(e[t]!==void 0){const f=u[t]||t;r+=`${f}(${e[t]}) `}}return a&&!e.z&&(r+="translateZ(0)"),r=r.trim(),i?r=i(e,s?"":r):l&&s&&(r="none"),r}exports.buildTransform=d;

package/dist/lyra192.js

@@ -1,16 +1,21 @@
-import { clamp as n } from "./lyra185.js";
-import { number as s, alpha as i } from "./lyra196.js";
-import { sanitize as p } from "./lyra189.js";
-import { isColorString as e, splitColor as f } from "./lyra268.js";
-const l = (r) => n(0, 255, r), o = {
-  ...s,
-  transform: (r) => Math.round(l(r))
-}, h = {
-  test: e("rgb", "red"),
-  parse: f("red", "green", "blue"),
-  transform: ({ red: r, green: t, blue: a, alpha: m = 1 }) => "rgba(" + o.transform(r) + ", " + o.transform(t) + ", " + o.transform(a) + ", " + p(i.transform(m)) + ")"
-};
+import { transformPropOrder as o } from "./lyra181.js";
+const c = {
+  x: "translateX",
+  y: "translateY",
+  z: "translateZ",
+  transformPerspective: "perspective"
+}, u = o.length;
+function p(e, { enableHardwareAcceleration: a = !0, allowTransformNone: l = !0 }, i, s) {
+  let t = "";
+  for (let n = 0; n < u; n++) {
+    const r = o[n];
+    if (e[r] !== void 0) {
+      const f = c[r] || r;
+      t += `${f}(${e[r]}) `;
+    }
+  }
+  return a && !e.z && (t += "translateZ(0)"), t = t.trim(), s ? t = s(e, i ? "" : t) : l && i && (t = "none"), t;
+}
 export {
-  o as rgbUnit,
-  h as rgba
+  p as buildTransform
 };

package/dist/lyra193.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./lyra194.cjs"),V=require("./lyra195.cjs"),p=require("./lyra188.cjs"),h=require("./lyra196.cjs"),s=require("./lyra189.cjs");function v(e){var o,n;return isNaN(e)&&s.isString(e)&&(((o=e.match(s.floatRegex))===null||o===void 0?void 0:o.length)||0)+(((n=e.match(s.colorRegex))===null||n===void 0?void 0:n.length)||0)>0}const g={regex:b.cssVariableRegex,countKey:"Vars",token:"${v}",parse:V.noop},f={regex:s.colorRegex,countKey:"Colors",token:"${c}",parse:p.color.parse},d={regex:s.floatRegex,countKey:"Numbers",token:"${n}",parse:h.number.parse};function i(e,{regex:o,countKey:n,token:u,parse:l}){const a=e.tokenised.match(o);a&&(e["num"+n]=a.length,e.tokenised=e.tokenised.replace(o,u),e.values.push(...a.map(l)))}function m(e){const o=e.toString(),n={value:o,tokenised:o,values:[],numVars:0,numColors:0,numNumbers:0};return n.value.includes("var(--")&&i(n,g),i(n,f),i(n,d),n}function k(e){return m(e).values}function x(e){const{values:o,numColors:n,numVars:u,tokenised:l}=m(e),a=o.length;return c=>{let r=l;for(let t=0;t<a;t++)t<u?r=r.replace(g.token,c[t]):t<u+n?r=r.replace(f.token,p.color.transform(c[t])):r=r.replace(d.token,s.sanitize(c[t]));return r}}const y=e=>typeof e=="number"?0:e;function C(e){const o=k(e);return x(e)(o.map(y))}const N={test:v,parse:k,createTransformer:x,getAnimatableNone:C};exports.analyseComplexValue=m;exports.complex=N;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("./lyra194.cjs"),ee=require("./lyra195.cjs"),Q=require("./lyra196.cjs"),te=require("./lyra197.cjs"),ie=require("./lyra198.cjs"),ne=require("./lyra199.cjs"),D=require("./lyra200.cjs"),R=require("./lyra201.cjs"),re={decay:Q.inertia,inertia:Q.inertia,tween:q.keyframes,keyframes:q.keyframes,spring:ee.spring};function le({autoplay:X=!0,delay:Y=0,driver:Z=te.frameloopDriver,keyframes:u,type:_="keyframes",repeat:h=0,repeatDelay:v=0,repeatType:g="loop",onPlay:x,onStop:T,onComplete:A,onUpdate:O,...M}){let r=1,V=!1,k,j;const F=()=>{j=new Promise(e=>{k=e})};F();let l;const P=re[_]||q.keyframes;let I;P!==q.keyframes&&typeof u[0]!="number"&&(I=ie.interpolate([0,100],u,{clamp:!1}),u=[0,100]);const s=P({...M,keyframes:u});let B;g==="mirror"&&(B=P({...M,keyframes:[...u].reverse(),velocity:-(M.velocity||0)}));let i="idle",o=null,n=null,y=null;s.calculatedDuration===null&&h&&(s.calculatedDuration=R.calcGeneratorDuration(s));const{calculatedDuration:S}=s;let f=1/0,c=1/0;S!==null&&(f=S+v,c=f*(h+1)-v);let t=0;const b=e=>{if(n===null)return;r>0&&(n=Math.min(n,e)),r<0&&(n=Math.min(e-c/r,n)),o!==null?t=o:t=Math.round(e-n)*r;const d=t-Y*(r>=0?1:-1),z=r>=0?d<0:d>c;t=Math.max(d,0),i==="finished"&&o===null&&(t=c);let C=t,E=s;if(h){const G=t/f;let p=Math.floor(G),a=G%1;!a&&G>=1&&(a=1),a===1&&p--,p=Math.min(p,h+1);const J=!!(p%2);J&&(g==="reverse"?(a=1-a,v&&(a-=v/f)):g==="mirror"&&(E=B));let L=ne.clamp(0,1,a);t>c&&(L=g==="reverse"&&J?1:0),C=L*f}const m=z?{done:!1,value:u[0]}:E.next(C);I&&(m.value=I(m.value));let{done:H}=m;!z&&S!==null&&(H=r>=0?t>=c:t<=0);const $=o===null&&(i==="finished"||i==="running"&&H);return O&&O(m.value),$&&U(),m},K=()=>{l&&l.stop(),l=void 0},N=()=>{i="idle",K(),k(),F(),n=y=null},U=()=>{i="finished",A&&A(),K(),k()},W=()=>{if(V)return;l||(l=Z(b));const e=l.now();x&&x(),o!==null?n=e-o:(!n||i==="finished")&&(n=e),i==="finished"&&F(),y=n,o=null,i="running",l.start()};X&&W();const w={then(e,d){return j.then(e,d)},get time(){return D.millisecondsToSeconds(t)},set time(e){e=D.secondsToMilliseconds(e),t=e,o!==null||!l||r===0?o=e:n=l.now()-e/r},get duration(){const e=s.calculatedDuration===null?R.calcGeneratorDuration(s):s.calculatedDuration;return D.millisecondsToSeconds(e)},get speed(){return r},set speed(e){e===r||!l||(r=e,w.time=D.millisecondsToSeconds(t))},get state(){return i},play:W,pause:()=>{i="paused",o=t},stop:()=>{V=!0,i!=="idle"&&(i="idle",T&&T(),N())},cancel:()=>{y!==null&&b(y),N()},complete:()=>{i="finished"},sample:e=>(n=0,b(e))};return w}exports.animateValue=le;