@new-black/lyra 0.0.13 → 0.0.15

package/dist/lyra228.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra271.cjs"),u=require("./lyra166.cjs"),l=require("./lyra140.cjs"),a=require("./lyra267.cjs"),c=require("./lyra272.cjs"),d=require("./lyra248.cjs"),p=require("./lyra273.cjs"),m=require("./lyra274.cjs"),V=require("./lyra112.cjs");function n(i){return window.getComputedStyle(i)}class h extends m.DOMVisualElement{readValueFromInstance(t,e){if(l.transformProps.has(e)){const r=d.getDefaultValueType(e);return r&&r.default||0}else{const r=n(t),s=(u.isCSSVariableName(e)?r.getPropertyValue(e):r[e])||0;return typeof s=="string"?s.trim():s}}measureInstanceViewportBox(t,{transformPagePoint:e}){return p.measureViewportBox(t,e)}build(t,e,r,s){o.buildHTMLStyles(t,e,r,s.transformTemplate)}scrapeMotionValuesFromProps(t,e){return a.scrapeMotionValuesFromProps(t,e)}handleChildMotionValue(){this.childSubscription&&(this.childSubscription(),delete this.childSubscription);const{children:t}=this.props;V.isMotionValue(t)&&(this.childSubscription=t.on("change",e=>{this.current&&(this.current.textContent=`${e}`)}))}renderInstance(t,e,r,s){c.renderHTML(t,e,r,s)}}exports.HTMLVisualElement=h;exports.getComputedStyle=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/lyra228.js

@@ -1,46 +1,4 @@
-import { buildHTMLStyles as n } from "./lyra271.js";
-import { isCSSVariableName as s } from "./lyra166.js";
-import { transformProps as l } from "./lyra140.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra267.js";
-import { renderHTML as u } from "./lyra272.js";
-import { getDefaultValueType as a } from "./lyra248.js";
-import { measureViewportBox as p } from "./lyra273.js";
-import { DOMVisualElement as c } from "./lyra274.js";
-import { isMotionValue as d } from "./lyra112.js";
-function f(i) {
-  return window.getComputedStyle(i);
-}
-class w extends c {
-  readValueFromInstance(e, t) {
-    if (l.has(t)) {
-      const r = a(t);
-      return r && r.default || 0;
-    } else {
-      const r = f(e), o = (s(t) ? r.getPropertyValue(t) : r[t]) || 0;
-      return typeof o == "string" ? o.trim() : o;
-    }
-  }
-  measureInstanceViewportBox(e, { transformPagePoint: t }) {
-    return p(e, t);
-  }
-  build(e, t, r, o) {
-    n(e, t, r, o.transformTemplate);
-  }
-  scrapeMotionValuesFromProps(e, t) {
-    return m(e, t);
-  }
-  handleChildMotionValue() {
-    this.childSubscription && (this.childSubscription(), delete this.childSubscription);
-    const { children: e } = this.props;
-    d(e) && (this.childSubscription = e.on("change", (t) => {
-      this.current && (this.current.textContent = `${t}`);
-    }));
-  }
-  renderInstance(e, t, r, o) {
-    u(e, t, r, o);
-  }
-}
+var e = {};
 export {
-  w as HTMLVisualElement,
-  f as getComputedStyle
+  e as __exports
 };

package/dist/lyra229.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra263.cjs"),u=require("./lyra274.cjs"),o=require("./lyra265.cjs"),n=require("./lyra171.cjs"),i=require("./lyra275.cjs"),l=require("./lyra140.cjs"),c=require("./lyra262.cjs"),m=require("./lyra248.cjs"),V=require("./lyra133.cjs"),d=require("./lyra266.cjs");class g extends u.DOMVisualElement{constructor(){super(...arguments),this.isSVGTag=!1}getBaseTargetFromProps(r,e){return r[e]}readValueFromInstance(r,e){if(l.transformProps.has(e)){const t=m.getDefaultValueType(e);return t&&t.default||0}return e=i.camelCaseAttributes.has(e)?e:n.camelToDash(e),r.getAttribute(e)}measureInstanceViewportBox(){return V.createBox()}scrapeMotionValuesFromProps(r,e){return a.scrapeMotionValuesFromProps(r,e)}build(r,e,t,s){o.buildSVGAttrs(r,e,t,this.isSVGTag,s.transformTemplate)}renderInstance(r,e,t,s){c.renderSVG(r,e,t,s)}mount(r){this.isSVGTag=d.isSVGTag(r.tagName),super.mount(r)}}exports.SVGVisualElement=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="";exports.default=e;

package/dist/lyra229.js

@@ -1,43 +1,4 @@
-import { scrapeMotionValuesFromProps as s } from "./lyra263.js";
-import { DOMVisualElement as a } from "./lyra274.js";
-import { buildSVGAttrs as m } from "./lyra265.js";
-import { camelToDash as i } from "./lyra171.js";
-import { camelCaseAttributes as u } from "./lyra275.js";
-import { transformProps as n } from "./lyra140.js";
-import { renderSVG as p } from "./lyra262.js";
-import { getDefaultValueType as l } from "./lyra248.js";
-import { createBox as f } from "./lyra133.js";
-import { isSVGTag as V } from "./lyra266.js";
-class A extends a {
-  constructor() {
-    super(...arguments), this.isSVGTag = !1;
-  }
-  getBaseTargetFromProps(t, r) {
-    return t[r];
-  }
-  readValueFromInstance(t, r) {
-    if (n.has(r)) {
-      const e = l(r);
-      return e && e.default || 0;
-    }
-    return r = u.has(r) ? r : i(r), t.getAttribute(r);
-  }
-  measureInstanceViewportBox() {
-    return f();
-  }
-  scrapeMotionValuesFromProps(t, r) {
-    return s(t, r);
-  }
-  build(t, r, e, o) {
-    m(t, r, e, this.isSVGTag, o.transformTemplate);
-  }
-  renderInstance(t, r, e, o) {
-    p(t, r, e, o);
-  }
-  mount(t) {
-    this.isSVGTag = V(t.tagName), super.mount(t);
-  }
-}
+const t = "";
 export {
-  A as SVGVisualElement
+  t as default
 };

package/dist/lyra23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra26.cjs"),r=require("./lyra27.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 n=require("./lyra32.cjs"),s=require("./lyra24.cjs"),i=require("./lyra33.cjs");function u({className:e,color:r,size:t}){return n.jsxRuntimeExports.jsx("div",{className:i.twMerge(s.spinnerStyles({color:r,size:t,className:e})),role:"status"})}exports.Spinner=u;

package/dist/lyra23.js

@@ -1,392 +1,15 @@
-import o from "./lyra26.js";
-import r from "./lyra27.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 o } from "./lyra32.js";
+import { spinnerStyles as s } from "./lyra24.js";
+import { twMerge as i } from "./lyra33.js";
+function a({ className: r, color: t, size: e }) {
+  return /* @__PURE__ */ o.jsx(
+    "div",
+    {
+      className: i(s({ color: t, size: e, className: r })),
+      role: "status"
     }
-  }
-);
+  );
+}
 export {
-  e as lyraPlugin
+  a as Spinner
 };

package/dist/lyra230.cjs

@@ -1,9 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function u(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const e in o)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(o,e);Object.defineProperty(n,e,t.get?t:{enumerable:!0,get:()=>o[e]})}}return n.default=o,Object.freeze(n)}const s=u(r);class a extends s.Component{getSnapshotBeforeUpdate(n){const e=this.props.childRef.current;if(e&&n.isPresent&&!this.props.isPresent){const t=this.props.sizeRef.current;t.height=e.offsetHeight||0,t.width=e.offsetWidth||0,t.top=e.offsetTop,t.left=e.offsetLeft}return null}componentDidUpdate(){}render(){return this.props.children}}function h({children:o,isPresent:n}){const e=r.useId(),t=r.useRef(null),c=r.useRef({width:0,height:0,top:0,left:0});return r.useInsertionEffect(()=>{const{width:p,height:d,top:l,left:f}=c.current;if(n||!t.current||!p||!d)return;t.current.dataset.motionPopId=e;const i=document.createElement("style");return document.head.appendChild(i),i.sheet&&i.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${d}px !important;
-            top: ${l}px !important;
-            left: ${f}px !important;
-          }
-        `),()=>{document.head.removeChild(i)}},[n]),s.createElement(a,{isPresent:n,childRef:t,sizeRef:c},s.cloneElement(o,{ref:t}))}exports.PopChild=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={exports:{}};exports.__module=e;

package/dist/lyra230.js

@@ -1,49 +1,4 @@
-import * as r from "react";
-import { useId as l, useRef as h, useInsertionEffect as a } from "react";
-class u extends r.Component {
-  getSnapshotBeforeUpdate(o) {
-    const e = this.props.childRef.current;
-    if (e && o.isPresent && !this.props.isPresent) {
-      const t = this.props.sizeRef.current;
-      t.height = e.offsetHeight || 0, t.width = e.offsetWidth || 0, t.top = e.offsetTop, t.left = e.offsetLeft;
-    }
-    return null;
-  }
-  /**
-   * Required with getSnapshotBeforeUpdate to stop React complaining.
-   */
-  componentDidUpdate() {
-  }
-  render() {
-    return this.props.children;
-  }
-}
-function $({ children: i, isPresent: o }) {
-  const e = l(), t = h(null), s = h({
-    width: 0,
-    height: 0,
-    top: 0,
-    left: 0
-  });
-  return a(() => {
-    const { width: p, height: d, top: f, left: c } = s.current;
-    if (o || !t.current || !p || !d)
-      return;
-    t.current.dataset.motionPopId = e;
-    const n = document.createElement("style");
-    return document.head.appendChild(n), n.sheet && n.sheet.insertRule(`
-          [data-motion-pop-id="${e}"] {
-            position: absolute !important;
-            width: ${p}px !important;
-            height: ${d}px !important;
-            top: ${f}px !important;
-            left: ${c}px !important;
-          }
-        `), () => {
-      document.head.removeChild(n);
-    };
-  }, [o]), r.createElement(u, { isPresent: o, childRef: t, sizeRef: s }, r.cloneElement(i, { ref: t }));
-}
+var e = { exports: {} };
 export {
-  $ as PopChild
+  e as __module
 };

package/dist/lyra231.cjs

@@ -1 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=e=>Array.isArray(e);exports.isKeyframesTarget=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra269.cjs"),E=require("react");/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var f;function h(){if(f)return s.__exports;f=1;var u=E;function S(e,t){return e===t&&(e!==0||1/e===1/t)||e!==e&&t!==t}var a=typeof Object.is=="function"?Object.is:S,d=u.useState,l=u.useEffect,p=u.useLayoutEffect,y=u.useDebugValue;function _(e,t){var r=t(),i=d({inst:{value:r,getSnapshot:t}}),n=i[0].inst,c=i[1];return p(function(){n.value=r,n.getSnapshot=t,o(n)&&c({inst:n})},[e,r,t]),l(function(){return o(n)&&c({inst:n}),e(function(){o(n)&&c({inst:n})})},[e]),y(r),r}function o(e){var t=e.getSnapshot;e=e.value;try{var r=t();return!a(e,r)}catch{return!0}}function v(e,t){return t()}var m=typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"?v:_;return s.__exports.useSyncExternalStore=u.useSyncExternalStore!==void 0?u.useSyncExternalStore:m,s.__exports}exports.__require=h;

package/dist/lyra231.js

@@ -1,4 +1,50 @@
-const e = (r) => Array.isArray(r);
+import { __exports as f } from "./lyra269.js";
+import E from "react";
+/**
+ * @license React
+ * use-sync-external-store-shim.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var s;
+function w() {
+  if (s)
+    return f;
+  s = 1;
+  var u = E;
+  function a(e, t) {
+    return e === t && (e !== 0 || 1 / e === 1 / t) || e !== e && t !== t;
+  }
+  var d = typeof Object.is == "function" ? Object.is : a, S = u.useState, p = u.useEffect, m = u.useLayoutEffect, l = u.useDebugValue;
+  function y(e, t) {
+    var r = t(), i = S({ inst: { value: r, getSnapshot: t } }), n = i[0].inst, c = i[1];
+    return m(function() {
+      n.value = r, n.getSnapshot = t, o(n) && c({ inst: n });
+    }, [e, r, t]), p(function() {
+      return o(n) && c({ inst: n }), e(function() {
+        o(n) && c({ inst: n });
+      });
+    }, [e]), l(r), r;
+  }
+  function o(e) {
+    var t = e.getSnapshot;
+    e = e.value;
+    try {
+      var r = t();
+      return !d(e, r);
+    } catch {
+      return !0;
+    }
+  }
+  function _(e, t) {
+    return t();
+  }
+  var v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? _ : y;
+  return f.useSyncExternalStore = u.useSyncExternalStore !== void 0 ? u.useSyncExternalStore : v, f;
+}
 export {
-  e as isKeyframesTarget
+  w as __require
 };