@new-black/lyra 0.0.16 → 0.0.18

package/dist/lyra286.js

@@ -1,21 +1,27 @@
-import { px as c } from "./lyra189.js";
-function e(r, n) {
-  return n.max === n.min ? 0 : r / (n.max - n.min) * 100;
+import { useMemo as r } from "react";
+import { isForcedMotionValue as i } from "./lyra329.js";
+import { isMotionValue as l } from "./lyra147.js";
+import { buildHTMLStyles as s } from "./lyra300.js";
+import { createHtmlRenderState as u } from "./lyra294.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;
 }
-const f = {
-  correct: (r, n) => {
-    if (!n.target)
-      return r;
-    if (typeof r == "string")
-      if (c.test(r))
-        r = parseFloat(r);
-      else
-        return r;
-    const o = e(r, n.target.x), t = e(r, n.target.y);
-    return `${o}% ${t}%`;
-  }
-};
 export {
-  f as correctBorderRadius,
-  e as pixelsToPercent
+  c as copyRawValuesOnly,
+  T as useHTMLProps
 };

package/dist/lyra287.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra199.cjs"),i=require("./lyra185.cjs"),x={correct:(r,{treeScale:c,projectionDelta:t})=>{const f=r,e=i.complex.parse(r);if(e.length>5)return f;const m=i.complex.createTransformer(r),o=typeof e[0]!="number"?1:0,n=t.x.scale*c.x,s=t.y.scale*c.y;e[0+o]/=n,e[1+o]/=s;const a=u.mix(n,s,.5);return typeof e[2+o]=="number"&&(e[2+o]/=a),typeof e[3+o]=="number"&&(e[3+o]/=a),m(e)}};exports.correctBoxShadow=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra286.cjs"),l=require("./lyra291.cjs"),o=require("./lyra290.cjs"),u=require("./lyra292.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/lyra287.js

@@ -1,16 +1,22 @@
-import { mix as i } from "./lyra199.js";
-import { complex as m } from "./lyra185.js";
-const l = {
-  correct: (e, { treeScale: c, projectionDelta: t }) => {
-    const a = e, o = m.parse(e);
-    if (o.length > 5)
-      return a;
-    const p = m.createTransformer(e), r = typeof o[0] != "number" ? 1 : 0, n = t.x.scale * c.x, s = t.y.scale * c.y;
-    o[0 + r] /= n, o[1 + r] /= s;
-    const f = i(n, s, 0.5);
-    return typeof o[2 + r] == "number" && (o[2 + r] /= f), typeof o[3 + r] == "number" && (o[3 + r] /= f), p(o);
+import { useMemo as a } from "react";
+import { copyRawValuesOnly as l } from "./lyra286.js";
+import { buildSVGAttrs as m } from "./lyra291.js";
+import { createSvgRenderState as i } from "./lyra290.js";
+import { isSVGTag as n } from "./lyra292.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 {
-  l as correctBoxShadow
+  V as useSVGProps
 };

package/dist/lyra288.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("./lyra170.cjs"),b=require("./lyra186.cjs"),d=require("./lyra160.cjs"),p=require("./lyra321.cjs"),S=require("./lyra313.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 o=require("./lyra206.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;

package/dist/lyra288.js

@@ -1,30 +1,11 @@
-import { buildTransform as y } from "./lyra170.js";
-import { isCSSVariableName as T } from "./lyra186.js";
-import { transformProps as b } from "./lyra160.js";
-import { getValueAsType as h } from "./lyra321.js";
-import { numberValueTypes as v } from "./lyra313.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 { camelToDash as i } from "./lyra206.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]);
 }
 export {
-  N as buildHTMLStyles
+  c as renderSVG
 };

package/dist/lyra289.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 n=require("./lyra147.cjs"),i=require("./lyra293.cjs"),a=require("./lyra175.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/lyra289.js

@@ -1,8 +1,15 @@
-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 { isMotionValue as n } from "./lyra147.js";
+import { scrapeMotionValuesFromProps as a } from "./lyra293.js";
+import { transformPropOrder as i } from "./lyra175.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 {
-  y as renderHTML
+  u as scrapeMotionValuesFromProps
 };

package/dist/lyra29.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra34.cjs"),r=require("./lyra35.cjs"),l=o.default(({addBase:a})=>{a({":root":{"--color-neutral-0":"255, 255, 255","--color-neutral-1":"249, 250, 251","--color-neutral-2":"243, 244, 246","--color-neutral-3":"229, 231, 235","--color-neutral-4":"209, 213, 219","--color-neutral-5":"156, 163, 175","--color-neutral-6":"107, 114, 128","--color-neutral-7":"75, 85, 99","--color-neutral-8":"55, 65, 81","--color-neutral-9":"31, 41, 55","--color-neutral-10":"17, 24, 39","--color-neutral-foreground-1":"var(--color-neutral-9)","--color-neutral-foreground-2":"var(--color-neutral-1)","--color-neutral-opacity-1":"rgba(31, 41, 55, 0.1)","--color-neutral-opacity-2":"rgba(31, 41, 55, 0.25)","--color-primary-1":"224, 231, 255","--color-primary-2":"99, 102, 241","--color-primary-3":"79, 70, 229","--color-primary-4":"67, 56, 202","--color-primary-foreground-1":"var(--color-primary-3)","--color-primary-foreground-2":"var(--color-neutral-1)","--color-primary-opacity-1":"rgba(79, 70, 229, 0.1)","--color-primary-opacity-2":"rgba(79, 70, 229, 0.25)","--color-success-1":"236, 252, 203","--color-success-2":"132, 204, 22","--color-success-3":"101, 163, 13","--color-success-4":"77, 124, 15","--color-success-foreground-1":"var(--color-success-3)","--color-success-foreground-2":"var(--color-neutral-1)","--color-success-opacity-1":"rgba(101, 163, 13, 0.1)","--color-success-opacity-2":"rgba(101, 163, 13, 0.25)","--color-warning-1":"254, 243, 199","--color-warning-2":"245, 158, 11","--color-warning-3":"217, 119, 6","--color-warning-4":"180, 83, 9","--color-warning-foreground-1":"var(--color-warning-3)","--color-warning-foreground-2":"var(--color-neutral-1)","--color-warning-opacity-1":"rgba(217, 119, 6, 0.1)","--color-warning-opacity-2":"rgba(217, 119, 6, 0.25)","--color-danger-1":"254, 226, 226","--color-danger-2":"239, 68, 68","--color-danger-3":"220, 38, 38","--color-danger-4":"185, 28, 28","--color-danger-foreground-1":"var(--color-danger-3)","--color-danger-foreground-2":"var(--color-neutral-1)","--color-danger-opacity-1":"rgba(220, 38, 38, 0.1)","--color-danger-opacity-2":"rgba(220, 38, 38, 0.25)","--color-current":"currentColor","--color-transparent":"transparent","--base-radius":"8px","--font-display":"SK Modernist","--font-heading":"SK Modernist","--font-sans":"Inter","--font-mono":"Dank Mono","--surface-color-1":"var(--color-neutral-0)","--surface-color-1-foreground":"var(--color-neutral-10)","--surface-color-2":"var(--color-neutral-1)","--surface-color-2-foreground":"var(--color-neutral-10)","--surface-color-3":"var(--color-neutral-2)","--surface-color-3-foreground":"var(--color-neutral-10)","--tw-bg-opacity":"1"}})},{theme:{...r.default,colors:{transparent:"var(--color-transparent)",current:"var(--color-current)",neutral:{"foreground-1":"rgba(var(--color-neutral-foreground-1), <alpha-value>)","foreground-2":"rgba(var(--color-neutral-foreground-2), <alpha-value>)","opacity-1":"var(--color-neutral-opacity-1)","opacity-2":"var(--color-neutral-opacity-2)",0:"rgba(var(--color-neutral-0), <alpha-value>)",1:"rgba(var(--color-neutral-1), <alpha-value>)",2:"rgba(var(--color-neutral-2), <alpha-value>)",3:"rgba(var(--color-neutral-3), <alpha-value>)",4:"rgba(var(--color-neutral-4), <alpha-value>)",5:"rgba(var(--color-neutral-5), <alpha-value>)",6:"rgba(var(--color-neutral-6), <alpha-value>)",7:"rgba(var(--color-neutral-7), <alpha-value>)",8:"rgba(var(--color-neutral-8), <alpha-value>)",9:"rgba(var(--color-neutral-9), <alpha-value>)",10:"rgba(var(--color-neutral-10), <alpha-value>)"},primary:{DEFAULT:"rgba(var(--color-primary-3), <alpha-value>)","foreground-1":"rgba(var(--color-primary-foreground-1), <alpha-value>)","foreground-2":"rgba(var(--color-primary-foreground-2), <alpha-value>)","opacity-1":"var(--color-primary-opacity-1)","opacity-2":"var(--color-primary-opacity-2)",1:"rgba(var(--color-primary-1), <alpha-value>)",2:"rgba(var(--color-primary-2), <alpha-value>)",3:"rgba(var(--color-primary-3), <alpha-value>)",4:"rgba(var(--color-primary-4), <alpha-value>)"},danger:{DEFAULT:"rgba(var(--color-danger-3), <alpha-value>)","foreground-1":"rgba(var(--color-danger-foreground-1), <alpha-value>)","foreground-2":"rgba(var(--color-danger-foreground-2), <alpha-value>)","opacity-1":"var(--color-danger-opacity-1)","opacity-2":"var(--color-danger-opacity-2)",1:"rgba(var(--color-danger-1), <alpha-value>)",2:"rgba(var(--color-danger-2), <alpha-value>)",3:"rgba(var(--color-danger-3), <alpha-value>)",4:"rgba(var(--color-danger-4), <alpha-value>)"},success:{DEFAULT:"rgba(var(--color-success-3), <alpha-value>)","foreground-1":"rgba(var(--color-success-foreground-1), <alpha-value>)","foreground-2":"rgba(var(--color-success-foreground-2), <alpha-value>)","opacity-1":"var(--color-success-opacity-1)","opacity-2":"var(--color-success-opacity-2)",1:"rgba(var(--color-success-1), <alpha-value>)",2:"rgba(var(--color-success-2), <alpha-value>)",3:"rgba(var(--color-success-3), <alpha-value>)",4:"rgba(var(--color-success-4), <alpha-value>)"},warning:{DEFAULT:"rgba(var(--color-warning-3), <alpha-value>)","foreground-1":"rgba(var(--color-warning-foreground-1), <alpha-value>)","foreground-2":"rgba(var(--color-warning-foreground-2), <alpha-value>)","opacity-1":"var(--color-warning-opacity-1)","opacity-2":"var(--color-warning-opacity-2)",1:"rgba(var(--color-warning-1), <alpha-value>)",2:"rgba(var(--color-warning-2), <alpha-value>)",3:"rgba(var(--color-warning-3), <alpha-value>)",4:"rgba(var(--color-warning-4), <alpha-value>)"},surface:{DEFAULT:"rgba(var(--surface-color-1), <alpha-value>)",foreground:"rgba(var(--surface-color-1-foreground), <alpha-value>)",1:{DEFAULT:"rgba(var(--surface-color-1), <alpha-value>)",foreground:"rgba(var(--surface-color-1-foreground), <alpha-value>)"},2:{DEFAULT:"rgba(var(--surface-color-2), <alpha-value>)",foreground:"rgba(var(--surface-color-2-foreground), <alpha-value>)"},3:{DEFAULT:"rgba(var(--surface-color-3), <alpha-value>)",foreground:"rgba(var(--surface-color-3-foreground), <alpha-value>)"},4:{DEFAULT:"rgba(var(--surface-color-4), <alpha-value>)",foreground:"rgba(var(--surface-color-4-foreground), <alpha-value>)"}}},variants:{backgroundOpacity:["responsive","hover","focus","active","group-hover"]},extend:{fontFamily:{display:["var(--font-display)",...r.default.fontFamily.sans],heading:["var(--font-heading)",...r.default.fontFamily.sans],sans:["var(--font-sans)",...r.default.fontFamily.sans],mono:["var(--font-mono)",...r.default.fontFamily.mono]},borderRadius:{DEFAULT:"var(--base-radius)",base:"4px"}}}});exports.lyraPlugin=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra36.cjs"),r=require("react"),s=require("./lyra43.cjs"),f=require("./lyra30.cjs"),p=require("./lyra37.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;

package/dist/lyra29.js

@@ -1,392 +1,46 @@
-import o from "./lyra34.js";
-import r from "./lyra35.js";
-const e = o(
-  ({ addBase: a }) => {
-    a({
-      ":root": {
-        /**
-         * * * * * * * * * *
-         *    Neutrals     *
-         * * * * * * * * * *
-         */
-        /**
-         * @hex `#FFFFFF`
-         * @rgba `rgba(255, 255, 255, 1)`
-         */
-        "--color-neutral-0": "255, 255, 255",
-        /**
-         * @hex `#F9FAFB`
-         * @rgba `rgba(249, 250, 251, 1)`
-         */
-        "--color-neutral-1": "249, 250, 251",
-        /**
-         * @hex `#F3F4F6`
-         * @rgba `rgba(243, 244, 246, 1)`
-         */
-        "--color-neutral-2": "243, 244, 246",
-        /**
-         * @hex `#E5E7EB`
-         * @rgba `rgba(229, 231, 235, 1)`
-         */
-        "--color-neutral-3": "229, 231, 235",
-        /**
-         * @hex `#D1D5DB`
-         * @rgba `rgba(209, 213, 219, 1)`
-         */
-        "--color-neutral-4": "209, 213, 219",
-        /**
-         * @hex `#9CA3AF`
-         * @rgba `rgba(156, 163, 175, 1)`
-         */
-        "--color-neutral-5": "156, 163, 175",
-        /**
-         * @hex `#6B7280`
-         * @rgba `rgba(107, 114, 128, 1)`
-         */
-        "--color-neutral-6": "107, 114, 128",
-        /**
-         * @hex `#4B5563`
-         * @rgba `rgba(75, 85, 99, 1)`
-         */
-        "--color-neutral-7": "75, 85, 99",
-        /**
-         * @hex `#374151`
-         * @rgba `rgba(55, 65, 81, 1)`
-         */
-        "--color-neutral-8": "55, 65, 81",
-        /**
-         * @hex `#1F2937`
-         * @rgba `rgba(31, 41, 55, 1)`
-         */
-        "--color-neutral-9": "31, 41, 55",
-        /**
-         * @hex `#111827`
-         * @rgba `rgba(17, 24, 39, 1)`
-         */
-        "--color-neutral-10": "17, 24, 39",
-        /**
-         * @hex `#1F2937`
-         * @rgba `rgba(31, 41, 55, 1)`
-         */
-        "--color-neutral-foreground-1": "var(--color-neutral-9)",
-        /**
-         * @hex `#F9FAFB`
-         * @rgba `rgba(249, 250, 251, 1)`
-         */
-        "--color-neutral-foreground-2": "var(--color-neutral-1)",
-        /**
-         * @rgba `rgba(31, 41, 55, 0.1)`
-         */
-        "--color-neutral-opacity-1": "rgba(31, 41, 55, 0.1)",
-        /**
-         * @rgba `rgba(31, 41, 55, 0.25)`
-         */
-        "--color-neutral-opacity-2": "rgba(31, 41, 55, 0.25)",
-        /**
-         * * * * * * * * * *
-         * Primary colors  *
-         * * * * * * * * * *
-         */
-        /**
-         * @hex `#E0E7FF`
-         * @rgba `rgba(224, 231, 255, 1)`
-         * @foreground `var(--color-primary-3)`
-         */
-        "--color-primary-1": "224, 231, 255",
-        /**
-         * @hex `#6366F1`
-         * @rgba `rgba(99, 102, 241, 1)`
-         * @foreground `var(--color-neutral-0)`
-         */
-        "--color-primary-2": "99, 102, 241",
-        /**
-         * @hex `#4F46E5`
-         * @rgba `rgba(79, 70, 229, 1)`
-         * @foreground `var(--color-neutral-0)`
-         */
-        "--color-primary-3": "79, 70, 229",
-        /**
-         * @hex `#4338CA`
-         * @rgba `rgba(67, 56, 202, 1)`
-         * @foreground `var(--color-neutral-0)`
-         */
-        "--color-primary-4": "67, 56, 202",
-        /**
-         * @hex `#4F46E5`
-         * @rgba `rgba(79, 70, 229, 1)`
-         */
-        "--color-primary-foreground-1": "var(--color-primary-3)",
-        /**
-         * @hex `#F9FAFB`
-         * @rgba `rgba(249, 250, 251, 1)`
-         */
-        "--color-primary-foreground-2": "var(--color-neutral-1)",
-        /**
-         * @rgba `rgba(79, 70, 229, 0.1)`
-         */
-        "--color-primary-opacity-1": "rgba(79, 70, 229, 0.1)",
-        /**
-         * @rgba `rgba(79, 70, 229, 0.25)`
-         */
-        "--color-primary-opacity-2": "rgba(79, 70, 229, 0.25)",
-        /**
-         * * * * * * * * * *
-         * Semantic colors *
-         * * * * * * * * * *
-         */
-        /** Success */
-        /**
-         * @hex `#ECFCCB`
-         * @rgba `rgba(236, 252, 203, 1)`
-         */
-        "--color-success-1": "236, 252, 203",
-        /**
-         * @hex `#84CC16`
-         * @rgba `rgba(132, 204, 22, 1)`
-         */
-        "--color-success-2": "132, 204, 22",
-        /**
-         * @hex `#65A30D`
-         * @rgba `rgba(101, 163, 13, 1)`
-         */
-        "--color-success-3": "101, 163, 13",
-        /**
-         * @hex `#4D7C0F`
-         * @rgba `rgba(77, 124, 15, 1)`
-         */
-        "--color-success-4": "77, 124, 15",
-        /**
-         * @hex `#65A30D`
-         * @rgba `rgba(101, 163, 13, 1)`
-         */
-        "--color-success-foreground-1": "var(--color-success-3)",
-        /**
-         * @hex `#F9FAFB`
-         * @rgba `rgba(249, 250, 251, 1)`
-         */
-        "--color-success-foreground-2": "var(--color-neutral-1)",
-        /**
-         * @rgba `rgba(101, 163, 13, 0.1)`
-         */
-        "--color-success-opacity-1": "rgba(101, 163, 13, 0.1)",
-        /**
-         * @rgba `rgba(101, 163, 13, 0.25)`
-         */
-        "--color-success-opacity-2": "rgba(101, 163, 13, 0.25)",
-        /** Warning */
-        /**
-         * @hex `#FEF3C7`
-         * @rgba `rgba(254, 243, 199, 1)`
-         * @foreground `var(--color-warning-3)`
-         */
-        "--color-warning-1": "254, 243, 199",
-        /**
-         * @hex `#F59E0B`
-         * @rgba `rgba(245, 158, 11, 1)`
-         */
-        "--color-warning-2": "245, 158, 11",
-        /**
-         * @hex `#D97706`
-         * @rgba `rgba(217, 119, 6, 1)`
-         */
-        "--color-warning-3": "217, 119, 6",
-        /**
-         * @hex `#B45309`
-         * @rgba `rgba(180, 83, 9, 1)`
-         */
-        "--color-warning-4": "180, 83, 9",
-        /**
-         * @hex `#D97706`
-         * @rgba `rgba(217, 119, 6, 1)`
-         */
-        "--color-warning-foreground-1": "var(--color-warning-3)",
-        /**
-         * @hex `#F9FAFB`
-         * @rgba `rgba(249, 250, 251, 1)`
-         */
-        "--color-warning-foreground-2": "var(--color-neutral-1)",
-        /**
-         *  @rgba `rgba(217, 119, 6, 0.1)`
-         */
-        "--color-warning-opacity-1": "rgba(217, 119, 6, 0.1)",
-        /**
-         * @rgba `rgba(217, 119, 6, 0.25)`
-         */
-        "--color-warning-opacity-2": "rgba(217, 119, 6, 0.25)",
-        /** Danger */
-        /**
-         * @hex `#FEE2E2`
-         * @rgba `rgba(254, 226, 226)`
-         */
-        "--color-danger-1": "254, 226, 226",
-        /**
-         * @hex `#EF4444`
-         * @rgba `rgba(239, 68, 68, 1)`
-         * @foreground `var(--color-neutral-0)`
-         */
-        "--color-danger-2": "239, 68, 68",
-        /**
-         * @hex `#DC2626`
-         * @rgba `rgba(220, 38, 38, 1)`
-         */
-        "--color-danger-3": "220, 38, 38",
-        /**
-         * @hex `#B91C1C`
-         * @rgba `rgba(185, 28, 28, 1)`
-         */
-        "--color-danger-4": "185, 28, 28",
-        /**
-         * @hex `#DC2626`
-         * @rgba `rgba(220, 38, 38, 1)`
-         */
-        "--color-danger-foreground-1": "var(--color-danger-3)",
-        /**
-         * @hex `#F9FAFB`
-         * @rgba `rgba(249, 250, 251, 1)`
-         */
-        "--color-danger-foreground-2": "var(--color-neutral-1)",
-        /**
-         *  @rgba `rgba(220, 38, 38, 0.1)`
-         */
-        "--color-danger-opacity-1": "rgba(220, 38, 38, 0.1)",
-        /**
-         * @rgba `rgba(220, 38, 38, 0.25)`
-         */
-        "--color-danger-opacity-2": "rgba(220, 38, 38, 0.25)",
-        "--color-current": "currentColor",
-        "--color-transparent": "transparent",
-        "--base-radius": "8px",
-        "--font-display": "SK Modernist",
-        "--font-heading": "SK Modernist",
-        "--font-sans": "Inter",
-        "--font-mono": "Dank Mono",
-        /**
-         * * * * * * * * * *
-         * Surface colors  *
-         * * * * * * * * * *
-         */
-        "--surface-color-1": "var(--color-neutral-0)",
-        "--surface-color-1-foreground": "var(--color-neutral-10)",
-        "--surface-color-2": "var(--color-neutral-1)",
-        "--surface-color-2-foreground": "var(--color-neutral-10)",
-        "--surface-color-3": "var(--color-neutral-2)",
-        "--surface-color-3-foreground": "var(--color-neutral-10)",
-        "--tw-bg-opacity": "1"
-      }
-    });
-  },
-  {
-    theme: {
-      ...r,
-      colors: {
-        transparent: "var(--color-transparent)",
-        current: "var(--color-current)",
-        neutral: {
-          "foreground-1": "rgba(var(--color-neutral-foreground-1), <alpha-value>)",
-          "foreground-2": "rgba(var(--color-neutral-foreground-2), <alpha-value>)",
-          "opacity-1": "var(--color-neutral-opacity-1)",
-          "opacity-2": "var(--color-neutral-opacity-2)",
-          0: "rgba(var(--color-neutral-0), <alpha-value>)",
-          1: "rgba(var(--color-neutral-1), <alpha-value>)",
-          2: "rgba(var(--color-neutral-2), <alpha-value>)",
-          3: "rgba(var(--color-neutral-3), <alpha-value>)",
-          4: "rgba(var(--color-neutral-4), <alpha-value>)",
-          5: "rgba(var(--color-neutral-5), <alpha-value>)",
-          6: "rgba(var(--color-neutral-6), <alpha-value>)",
-          7: "rgba(var(--color-neutral-7), <alpha-value>)",
-          8: "rgba(var(--color-neutral-8), <alpha-value>)",
-          9: "rgba(var(--color-neutral-9), <alpha-value>)",
-          10: "rgba(var(--color-neutral-10), <alpha-value>)"
-        },
-        primary: {
-          DEFAULT: "rgba(var(--color-primary-3), <alpha-value>)",
-          "foreground-1": "rgba(var(--color-primary-foreground-1), <alpha-value>)",
-          "foreground-2": "rgba(var(--color-primary-foreground-2), <alpha-value>)",
-          "opacity-1": "var(--color-primary-opacity-1)",
-          "opacity-2": "var(--color-primary-opacity-2)",
-          1: "rgba(var(--color-primary-1), <alpha-value>)",
-          2: "rgba(var(--color-primary-2), <alpha-value>)",
-          3: "rgba(var(--color-primary-3), <alpha-value>)",
-          4: "rgba(var(--color-primary-4), <alpha-value>)"
-        },
-        danger: {
-          DEFAULT: "rgba(var(--color-danger-3), <alpha-value>)",
-          "foreground-1": "rgba(var(--color-danger-foreground-1), <alpha-value>)",
-          "foreground-2": "rgba(var(--color-danger-foreground-2), <alpha-value>)",
-          "opacity-1": "var(--color-danger-opacity-1)",
-          "opacity-2": "var(--color-danger-opacity-2)",
-          1: "rgba(var(--color-danger-1), <alpha-value>)",
-          2: "rgba(var(--color-danger-2), <alpha-value>)",
-          3: "rgba(var(--color-danger-3), <alpha-value>)",
-          4: "rgba(var(--color-danger-4), <alpha-value>)"
-        },
-        success: {
-          DEFAULT: "rgba(var(--color-success-3), <alpha-value>)",
-          "foreground-1": "rgba(var(--color-success-foreground-1), <alpha-value>)",
-          "foreground-2": "rgba(var(--color-success-foreground-2), <alpha-value>)",
-          "opacity-1": "var(--color-success-opacity-1)",
-          "opacity-2": "var(--color-success-opacity-2)",
-          1: "rgba(var(--color-success-1), <alpha-value>)",
-          2: "rgba(var(--color-success-2), <alpha-value>)",
-          3: "rgba(var(--color-success-3), <alpha-value>)",
-          4: "rgba(var(--color-success-4), <alpha-value>)"
-        },
-        warning: {
-          DEFAULT: "rgba(var(--color-warning-3), <alpha-value>)",
-          "foreground-1": "rgba(var(--color-warning-foreground-1), <alpha-value>)",
-          "foreground-2": "rgba(var(--color-warning-foreground-2), <alpha-value>)",
-          "opacity-1": "var(--color-warning-opacity-1)",
-          "opacity-2": "var(--color-warning-opacity-2)",
-          1: "rgba(var(--color-warning-1), <alpha-value>)",
-          2: "rgba(var(--color-warning-2), <alpha-value>)",
-          3: "rgba(var(--color-warning-3), <alpha-value>)",
-          4: "rgba(var(--color-warning-4), <alpha-value>)"
-        },
-        surface: {
-          DEFAULT: "rgba(var(--surface-color-1), <alpha-value>)",
-          foreground: "rgba(var(--surface-color-1-foreground), <alpha-value>)",
-          1: {
-            DEFAULT: "rgba(var(--surface-color-1), <alpha-value>)",
-            foreground: "rgba(var(--surface-color-1-foreground), <alpha-value>)"
-          },
-          2: {
-            DEFAULT: "rgba(var(--surface-color-2), <alpha-value>)",
-            foreground: "rgba(var(--surface-color-2-foreground), <alpha-value>)"
-          },
-          3: {
-            DEFAULT: "rgba(var(--surface-color-3), <alpha-value>)",
-            foreground: "rgba(var(--surface-color-3-foreground), <alpha-value>)"
-          },
-          4: {
-            DEFAULT: "rgba(var(--surface-color-4), <alpha-value>)",
-            foreground: "rgba(var(--surface-color-4-foreground), <alpha-value>)"
-          }
-        }
-      },
-      variants: {
-        backgroundOpacity: [
-          "responsive",
-          "hover",
-          "focus",
-          "active",
-          "group-hover"
-        ]
-      },
-      extend: {
-        fontFamily: {
-          display: ["var(--font-display)", ...r.fontFamily.sans],
-          heading: ["var(--font-heading)", ...r.fontFamily.sans],
-          sans: ["var(--font-sans)", ...r.fontFamily.sans],
-          mono: ["var(--font-mono)", ...r.fontFamily.mono]
-        },
-        borderRadius: {
-          DEFAULT: "var(--base-radius)",
-          base: "4px"
-        }
-      }
+import { j as u } from "./lyra36.js";
+import { forwardRef as i, useRef as p } from "react";
+import { useObjectRef as h, mergeRefs as l } from "./lyra43.js";
+import { textStyles as g } from "./lyra30.js";
+import { twMerge as x } from "./lyra37.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 }))
     }
+  );
+});
+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 {
-  e as lyraPlugin
+  b as Text
 };

package/dist/lyra290.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./lyra319.cjs"),s=require("./lyra301.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 e=require("./lyra294.cjs"),t=()=>({...e.createHtmlRenderState(),attrs:{}});exports.createSvgRenderState=t;

package/dist/lyra290.js

@@ -1,13 +1,8 @@
-import { convertBoundingBoxToBox as s, transformBoxPoints as f } from "./lyra319.js";
-import { translateAxis as n } from "./lyra301.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 { createHtmlRenderState as t } from "./lyra294.js";
+const r = () => ({
+  ...t(),
+  attrs: {}
+});
 export {
-  c as measurePageBox,
-  x as measureViewportBox
+  r as createSvgRenderState
 };