@new-black/lyra 0.0.25 → 0.0.26

package/dist/lyra291.js

@@ -1,27 +1,24 @@
-import { useMemo as r } from "react";
-import { isForcedMotionValue as i } from "./lyra332.js";
-import { isMotionValue as l } from "./lyra140.js";
-import { buildHTMLStyles as s } from "./lyra300.js";
-import { createHtmlRenderState as u } from "./lyra299.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;
-}
+import { color as o } from "./lyra202.js";
+import { filter as r } from "./lyra290.js";
+import { numberValueTypes as l } from "./lyra337.js";
+const t = {
+  ...l,
+  // Color props
+  color: o,
+  backgroundColor: o,
+  outlineColor: o,
+  fill: o,
+  stroke: o,
+  // Border props
+  borderColor: o,
+  borderTopColor: o,
+  borderRightColor: o,
+  borderBottomColor: o,
+  borderLeftColor: o,
+  filter: r,
+  WebkitFilter: r
+}, m = (e) => t[e];
 export {
-  c as copyRawValuesOnly,
-  T as useHTMLProps
+  t as defaultValueTypes,
+  m as getDefaultValueType
 };

package/dist/lyra292.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra291.cjs"),l=require("./lyra296.cjs"),o=require("./lyra295.cjs"),u=require("./lyra297.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra210.cjs"),e=require("./lyra211.cjs"),s=require("./lyra293.cjs"),o=require("./lyra338.cjs"),n=[i.number,e.px,e.percent,e.degrees,e.vw,e.vh,o.auto],u=t=>n.find(s.testValueType(t));exports.dimensionValueTypes=n;exports.findDimensionValueType=u;

package/dist/lyra292.js

@@ -1,22 +1,9 @@
-import { useMemo as a } from "react";
-import { copyRawValuesOnly as l } from "./lyra291.js";
-import { buildSVGAttrs as m } from "./lyra296.js";
-import { createSvgRenderState as i } from "./lyra295.js";
-import { isSVGTag as n } from "./lyra297.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;
-}
+import { number as o } from "./lyra210.js";
+import { px as r, percent as m, degrees as t, vw as i, vh as n } from "./lyra211.js";
+import { testValueType as p } from "./lyra293.js";
+import { auto as s } from "./lyra338.js";
+const f = [o, r, m, t, i, n, s], l = (e) => f.find(p(e));
 export {
-  V as useSVGProps
+  f as dimensionValueTypes,
+  l as findDimensionValueType
 };

package/dist/lyra293.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra199.cjs"),n=require("./lyra301.cjs"),a=require("./lyra304.cjs");function c(t,r,i,s){n.renderHTML(t,r,void 0,s);for(const e in r.attrs)t.setAttribute(a.camelCaseAttributes.has(e)?e:o.camelToDash(e),r.attrs[e])}exports.renderSVG=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=e=>t=>t.test(e);exports.testValueType=s;

package/dist/lyra293.js

@@ -1,11 +1,4 @@
-import { camelToDash as i } from "./lyra199.js";
-import { renderHTML as m } from "./lyra301.js";
-import { camelCaseAttributes as e } from "./lyra304.js";
-function c(o, t, f, s) {
-  m(o, t, void 0, s);
-  for (const r in t.attrs)
-    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
-}
+const s = (t) => (e) => e.test(t);
 export {
-  c as renderSVG
+  s as testValueType
 };

package/dist/lyra294.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra140.cjs"),i=require("./lyra298.cjs"),a=require("./lyra168.cjs");function u(o,r){const t=i.scrapeMotionValuesFromProps(o,r);for(const e in o)if(n.isMotionValue(o[e])||n.isMotionValue(r[e])){const s=a.transformPropOrder.indexOf(e)!==-1?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e;t[s]=o[e]}return t}exports.scrapeMotionValuesFromProps=u;
+"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/lyra294.js

@@ -1,15 +1,30 @@
-import { isMotionValue as n } from "./lyra140.js";
-import { scrapeMotionValuesFromProps as a } from "./lyra298.js";
-import { transformPropOrder as i } from "./lyra168.js";
-function u(r, t) {
-  const e = a(r, t);
-  for (const o in r)
-    if (n(r[o]) || n(t[o])) {
-      const s = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
-      e[s] = r[o];
-    }
-  return e;
-}
+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 {
-  u as scrapeMotionValuesFromProps
+  e as lowercaseSVGElements
 };

package/dist/lyra295.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra299.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./lyra341.cjs"),s=require("./lyra154.cjs"),u=require("./lyra311.cjs"),c=require("./lyra303.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/lyra295.js

@@ -1,8 +1,27 @@
-import { createHtmlRenderState as t } from "./lyra299.js";
-const r = () => ({
-  ...t(),
-  attrs: {}
-});
+import { useMemo as r } from "react";
+import { isForcedMotionValue as i } from "./lyra341.js";
+import { isMotionValue as l } from "./lyra154.js";
+import { buildHTMLStyles as s } from "./lyra311.js";
+import { createHtmlRenderState as u } from "./lyra303.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 {
-  r as createSvgRenderState
+  c as copyRawValuesOnly,
+  T as useHTMLProps
 };

package/dist/lyra296.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra300.cjs"),v=require("./lyra333.cjs"),x=require("./lyra334.cjs");function G(e,{attrX:s,attrY:u,attrScale:l,originX:i,originY:r,pathLength:o,pathSpacing:t=1,pathOffset:m=0,...y},c,b,S){if(a.buildHTMLStyles(e,y,c,S),b){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:n,style:f,dimensions:d}=e;n.transform&&(d&&(f.transform=n.transform),delete n.transform),d&&(i!==void 0||r!==void 0||f.transform)&&(f.transformOrigin=v.calcSVGTransformOrigin(d,i!==void 0?i:.5,r!==void 0?r:.5)),s!==void 0&&(n.x=s),u!==void 0&&(n.y=u),l!==void 0&&(n.scale=l),o!==void 0&&x.buildSVGPath(n,o,t,m,!1)}exports.buildSVGAttrs=G;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra295.cjs"),l=require("./lyra300.cjs"),o=require("./lyra299.cjs"),u=require("./lyra301.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/lyra296.js

@@ -1,26 +1,22 @@
-import { buildHTMLStyles as p } from "./lyra300.js";
-import { calcSVGTransformOrigin as v } from "./lyra333.js";
-import { buildSVGPath as w } from "./lyra334.js";
-function V(f, {
-  attrX: o,
-  attrY: s,
-  attrScale: m,
-  originX: i,
-  originY: e,
-  pathLength: u,
-  pathSpacing: l = 1,
-  pathOffset: t = 0,
-  // This is object creation, which we try to avoid per-frame.
-  ...y
-}, x, c, b) {
-  if (p(f, y, x, b), c) {
-    f.style.viewBox && (f.attrs.viewBox = f.style.viewBox);
-    return;
+import { useMemo as a } from "react";
+import { copyRawValuesOnly as l } from "./lyra295.js";
+import { buildSVGAttrs as m } from "./lyra300.js";
+import { createSvgRenderState as i } from "./lyra299.js";
+import { isSVGTag as n } from "./lyra301.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 };
   }
-  f.attrs = f.style, f.style = {};
-  const { attrs: n, style: r, dimensions: d } = f;
-  n.transform && (d && (r.transform = n.transform), delete n.transform), d && (i !== void 0 || e !== void 0 || r.transform) && (r.transformOrigin = v(d, i !== void 0 ? i : 0.5, e !== void 0 ? e : 0.5)), o !== void 0 && (n.x = o), s !== void 0 && (n.y = s), m !== void 0 && (n.scale = m), u !== void 0 && w(n, u, l, t, !1);
+  return r;
 }
 export {
-  V as buildSVGAttrs
+  V as useSVGProps
 };

package/dist/lyra297.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>typeof e=="string"&&e.toLowerCase()==="svg";exports.isSVGTag=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra213.cjs"),n=require("./lyra312.cjs"),a=require("./lyra315.cjs");function c(t,r,i,s){n.renderHTML(t,r,void 0,s);for(const e in r.attrs)t.setAttribute(a.camelCaseAttributes.has(e)?e:o.camelToDash(e),r.attrs[e])}exports.renderSVG=c;

package/dist/lyra297.js

@@ -1,4 +1,11 @@
-const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
+import { camelToDash as i } from "./lyra213.js";
+import { renderHTML as m } from "./lyra312.js";
+import { camelCaseAttributes as e } from "./lyra315.js";
+function c(o, t, f, s) {
+  m(o, t, void 0, s);
+  for (const r in t.attrs)
+    o.setAttribute(e.has(r) ? r : i(r), t.attrs[r]);
+}
 export {
-  s as isSVGTag
+  c as renderSVG
 };

package/dist/lyra298.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra332.cjs"),n=require("./lyra140.cjs");function u(t,i){const{style:e}=t,s={};for(const o in e)(n.isMotionValue(e[o])||i.style&&n.isMotionValue(i.style[o])||r.isForcedMotionValue(o,t))&&(s[o]=e[o]);return s}exports.scrapeMotionValuesFromProps=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra154.cjs"),i=require("./lyra302.cjs"),a=require("./lyra181.cjs");function u(o,r){const t=i.scrapeMotionValuesFromProps(o,r);for(const e in o)if(n.isMotionValue(o[e])||n.isMotionValue(r[e])){const s=a.transformPropOrder.indexOf(e)!==-1?"attr"+e.charAt(0).toUpperCase()+e.substring(1):e;t[s]=o[e]}return t}exports.scrapeMotionValuesFromProps=u;

package/dist/lyra298.js

@@ -1,10 +1,14 @@
-import { isForcedMotionValue as r } from "./lyra332.js";
-import { isMotionValue as s } from "./lyra140.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 { isMotionValue as n } from "./lyra154.js";
+import { scrapeMotionValuesFromProps as a } from "./lyra302.js";
+import { transformPropOrder as i } from "./lyra181.js";
+function u(r, t) {
+  const e = a(r, t);
+  for (const o in r)
+    if (n(r[o]) || n(t[o])) {
+      const s = i.indexOf(o) !== -1 ? "attr" + o.charAt(0).toUpperCase() + o.substring(1) : o;
+      e[s] = r[o];
+    }
+  return e;
 }
 export {
   u as scrapeMotionValuesFromProps

package/dist/lyra299.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 e=require("./lyra303.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;

package/dist/lyra299.js

@@ -1,9 +1,8 @@
+import { createHtmlRenderState as t } from "./lyra303.js";
 const r = () => ({
-  style: {},
-  transform: {},
-  transformOrigin: {},
-  vars: {}
+  ...t(),
+  attrs: {}
 });
 export {
-  r as createHtmlRenderState
+  r as createSvgRenderState
 };

package/dist/lyra3.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra72.cjs");require("./lyra76.cjs");const o=t.cva(["rounded-base","outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","rounded-base","w-full","outline-none","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra74.cjs");require("./lyra84.cjs");const o=t.cva(["rounded-base","outline-none"],{variants:{isFocusVisible:{true:["ring-2","ring-primary-1","z-10"],false:["border-b last:border-b-0 border-solid border-[--accordion-divider-color]"]}}}),e=t.cva(["flex","items-center","justify-between","gap-4","rounded-base","w-full","outline-none","px-[--accordion-title-padding-x]","py-[--accordion-title-padding-y]","text-[length:var(--accordion-title-font-size)]","font-[--accordion-title-font-weight]","outline-none"],{variants:{isOpen:{true:["text-[--accordion-title-is-open-color]"],false:["text-[--accordion-title-color]"]},isDisabled:{true:["text-[--accordion-title-is-disabled-color]","cursor-not-allowed"]}}}),n=t.cva(["text-[length:var(--accordion-content-font-size)]","font-[--accordion-content-font-weight]","text-[--accordion-content-color]"],{variants:{disableAccordionContentPadding:{true:["p-0"],false:["px-[--accordion-content-padding-x]","py-[--accordion-content-padding-y]"]}},defaultVariants:{disableAccordionContentPadding:!1}});exports.accordionItemButtonStyles=e;exports.accordionItemContentStyles=n;exports.accordionItemStyles=o;

package/dist/lyra3.js

@@ -1,5 +1,5 @@
-import { cva as o } from "./lyra72.js";
-import "./lyra76.js";
+import { cva as o } from "./lyra74.js";
+import "./lyra84.js";
 const e = o(["rounded-base", "outline-none"], {
   variants: {
     isFocusVisible: {

package/dist/lyra30.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra37.cjs"),r=require("react"),s=require("./lyra44.cjs"),f=require("./lyra31.cjs"),p=require("./lyra38.cjs"),n=r.forwardRef(function({variant:e,color:a,className:c,...u},o){const{elementType:i="span",...d}=u,l=r.useRef(null),g=s.useObjectRef(s.mergeRefs(l,o)),h=y(i,e);return m.jsxRuntimeExports.jsx(h,{ref:g,...d,className:p.twMerge(f.textStyles({variant:e,color:a,className:c}))})});n.displayName="Text";const y=(t,e)=>{if(t)return t;switch(e){case"heading-1":return"h1";case"heading-2":return"h2";case"heading-3":return"h3";case"heading-4":return"h4";case"heading-5":return"h5";case"heading-6":return"h6";case"body-large":case"body-medium":case"body-small":return"span";case"badge":return"span";default:return"span"}};exports.Text=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra74.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;

package/dist/lyra30.js

@@ -1,46 +1,28 @@
-import { j as u } from "./lyra37.js";
-import { forwardRef as i, useRef as p } from "react";
-import { useObjectRef as h, mergeRefs as l } from "./lyra44.js";
-import { textStyles as g } from "./lyra31.js";
-import { twMerge as x } from "./lyra38.js";
-const b = i(function({ variant: e, color: t, className: s, ...a }, n) {
-  const { elementType: o = "span", ...c } = a, f = p(null), m = h(l(f, n)), d = y(o, e);
-  return /* @__PURE__ */ u.jsx(
-    d,
-    {
-      ref: m,
-      ...c,
-      className: x(g({ variant: e, color: t, className: s }))
+import { cva as r } from "./lyra74.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"
+      }
+    },
+    defaultVariants: {
+      size: "medium",
+      color: "primary"
     }
-  );
-});
-b.displayName = "Text";
-const y = (r, e) => {
-  if (r)
-    return r;
-  switch (e) {
-    case "heading-1":
-      return "h1";
-    case "heading-2":
-      return "h2";
-    case "heading-3":
-      return "h3";
-    case "heading-4":
-      return "h4";
-    case "heading-5":
-      return "h5";
-    case "heading-6":
-      return "h6";
-    case "body-large":
-    case "body-medium":
-    case "body-small":
-      return "span";
-    case "badge":
-      return "span";
-    default:
-      return "span";
   }
-};
+);
 export {
-  b as Text
+  n as spinnerStyles
 };

package/dist/lyra300.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra178.cjs"),b=require("./lyra194.cjs"),d=require("./lyra168.cjs"),p=require("./lyra335.cjs"),S=require("./lyra331.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 a=require("./lyra311.cjs"),v=require("./lyra339.cjs"),x=require("./lyra340.cjs");function G(e,{attrX:s,attrY:u,attrScale:l,originX:i,originY:r,pathLength:o,pathSpacing:t=1,pathOffset:m=0,...y},c,b,S){if(a.buildHTMLStyles(e,y,c,S),b){e.style.viewBox&&(e.attrs.viewBox=e.style.viewBox);return}e.attrs=e.style,e.style={};const{attrs:n,style:f,dimensions:d}=e;n.transform&&(d&&(f.transform=n.transform),delete n.transform),d&&(i!==void 0||r!==void 0||f.transform)&&(f.transformOrigin=v.calcSVGTransformOrigin(d,i!==void 0?i:.5,r!==void 0?r:.5)),s!==void 0&&(n.x=s),u!==void 0&&(n.y=u),l!==void 0&&(n.scale=l),o!==void 0&&x.buildSVGPath(n,o,t,m,!1)}exports.buildSVGAttrs=G;

package/dist/lyra300.js

@@ -1,30 +1,26 @@
-import { buildTransform as y } from "./lyra178.js";
-import { isCSSVariableName as T } from "./lyra194.js";
-import { transformProps as b } from "./lyra168.js";
-import { getValueAsType as h } from "./lyra335.js";
-import { numberValueTypes as v } from "./lyra331.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}`;
+import { buildHTMLStyles as p } from "./lyra311.js";
+import { calcSVGTransformOrigin as v } from "./lyra339.js";
+import { buildSVGPath as w } from "./lyra340.js";
+function V(f, {
+  attrX: o,
+  attrY: s,
+  attrScale: m,
+  originX: i,
+  originY: e,
+  pathLength: u,
+  pathSpacing: l = 1,
+  pathOffset: t = 0,
+  // This is object creation, which we try to avoid per-frame.
+  ...y
+}, x, c, b) {
+  if (p(f, y, x, b), c) {
+    f.style.viewBox && (f.attrs.viewBox = f.style.viewBox);
+    return;
   }
+  f.attrs = f.style, f.style = {};
+  const { attrs: n, style: r, dimensions: d } = f;
+  n.transform && (d && (r.transform = n.transform), delete n.transform), d && (i !== void 0 || e !== void 0 || r.transform) && (r.transformOrigin = v(d, i !== void 0 ? i : 0.5, e !== void 0 ? e : 0.5)), o !== void 0 && (n.x = o), s !== void 0 && (n.y = s), m !== void 0 && (n.scale = m), u !== void 0 && w(n, u, l, t, !1);
 }
 export {
-  N as buildHTMLStyles
+  V as buildSVGAttrs
 };

package/dist/lyra301.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 t=e=>typeof e=="string"&&e.toLowerCase()==="svg";exports.isSVGTag=t;

package/dist/lyra301.js

@@ -1,8 +1,4 @@
-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]);
-}
+const s = (o) => typeof o == "string" && o.toLowerCase() === "svg";
 export {
-  y as renderHTML
+  s as isSVGTag
 };

package/dist/lyra302.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra336.cjs"),s=require("./lyra318.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 r=require("./lyra341.cjs"),n=require("./lyra154.cjs");function u(t,i){const{style:e}=t,s={};for(const o in e)(n.isMotionValue(e[o])||i.style&&n.isMotionValue(i.style[o])||r.isForcedMotionValue(o,t))&&(s[o]=e[o]);return s}exports.scrapeMotionValuesFromProps=u;

package/dist/lyra302.js

@@ -1,13 +1,11 @@
-import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./lyra336.js";
-import { translateAxis as n } from "./lyra318.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 { isForcedMotionValue as r } from "./lyra341.js";
+import { isMotionValue as s } from "./lyra154.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;
 }
 export {
-  c as measurePageBox,
-  x as measureViewportBox
+  u as scrapeMotionValuesFromProps
 };

package/dist/lyra303.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra224.cjs"),c=require("./lyra337.cjs"),m=require("./lyra159.cjs");class n extends m.VisualElement{sortInstanceNodePosition(i,e){return i.compareDocumentPosition(e)&2?1:-1}getBaseTargetFromProps(i,e){return i.style?i.style[e]:void 0}removeValueFromRenderState(i,{vars:e,style:s}){delete e[i],delete s[i]}makeTargetAnimatableFromInstance({transition:i,transitionEnd:e,...s},{transformValues:r},u){let t=o.getOrigin(s,i||{},this);if(r&&(e&&(e=r(e)),s&&(s=r(s)),t&&(t=r(t))),u){o.checkTargetForNewValues(this,s,t);const l=c.parseDomVariant(this,s,t,e);e=l.transitionEnd,s=l.target}return{transition:i,transitionEnd:e,...s}}}exports.DOMVisualElement=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=()=>({style:{},transform:{},transformOrigin:{},vars:{}});exports.createHtmlRenderState=e;

package/dist/lyra303.js

@@ -1,30 +1,9 @@
-import { getOrigin as t, checkTargetForNewValues as c } from "./lyra224.js";
-import { parseDomVariant as f } from "./lyra337.js";
-import { VisualElement as p } from "./lyra159.js";
-class F extends p {
-  sortInstanceNodePosition(o, e) {
-    return o.compareDocumentPosition(e) & 2 ? 1 : -1;
-  }
-  getBaseTargetFromProps(o, e) {
-    return o.style ? o.style[e] : void 0;
-  }
-  removeValueFromRenderState(o, { vars: e, style: i }) {
-    delete e[o], delete i[o];
-  }
-  makeTargetAnimatableFromInstance({ transition: o, transitionEnd: e, ...i }, { transformValues: r }, s) {
-    let m = t(i, o || {}, this);
-    if (r && (e && (e = r(e)), i && (i = r(i)), m && (m = r(m))), s) {
-      c(this, i, m);
-      const l = f(this, i, m, e);
-      e = l.transitionEnd, i = l.target;
-    }
-    return {
-      transition: o,
-      transitionEnd: e,
-      ...i
-    };
-  }
-}
+const r = () => ({
+  style: {},
+  transform: {},
+  transformOrigin: {},
+  vars: {}
+});
 export {
-  F as DOMVisualElement
+  r as createHtmlRenderState
 };

package/dist/lyra304.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=new Set(["baseFrequency","diffuseConstant","kernelMatrix","kernelUnitLength","keySplines","keyTimes","limitingConeAngle","markerHeight","markerWidth","numOctaves","targetX","targetY","surfaceScale","specularConstant","specularExponent","stdDeviation","tableValues","viewBox","gradientTransform","pathLength","startOffset","textLength","lengthAdjust"]);exports.camelCaseAttributes=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=(r,e)=>e?r===e?!0:t(r,e.parentElement):!1;exports.isNodeOrChild=t;

package/dist/lyra304.js

@@ -1,28 +1,4 @@
-const e = /* @__PURE__ */ new Set([
-  "baseFrequency",
-  "diffuseConstant",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keySplines",
-  "keyTimes",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerWidth",
-  "numOctaves",
-  "targetX",
-  "targetY",
-  "surfaceScale",
-  "specularConstant",
-  "specularExponent",
-  "stdDeviation",
-  "tableValues",
-  "viewBox",
-  "gradientTransform",
-  "pathLength",
-  "startOffset",
-  "textLength",
-  "lengthAdjust"
-]);
+const t = (r, e) => e ? r === e ? !0 : t(r, e.parentElement) : !1;
 export {
-  e as camelCaseAttributes
+  t as isNodeOrChild
 };