@new-black/lyra 0.0.9 → 0.0.10

package/dist/lyra23.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra27.cjs");require("./lyra28.cjs");const n=require("./lyra29.cjs"),i=require("./lyra30.cjs"),c=({theme:s="light",locale:r,children:t,...o})=>e.jsxRuntimeExports.jsx("div",{className:s==="dark"?"dark":"",children:e.jsxRuntimeExports.jsx(n.SSRProvider,{...o,children:e.jsxRuntimeExports.jsx(i.I18nProvider,{locale:r??"en",children:e.jsxRuntimeExports.jsx(d,{children:t})})})}),d=({children:s})=>{const{direction:r}=i.useLocale();return e.jsxRuntimeExports.jsx("div",{dir:r,className:r,children:s})};exports.Provider=c;
+"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;

package/dist/lyra23.js

@@ -1,16 +1,392 @@
-import { j as r } from "./lyra27.js";
-import "./lyra28.js";
-import { SSRProvider as c } from "./lyra29.js";
-import { I18nProvider as f, useLocale as i } from "./lyra30.js";
-const m = ({
-  theme: o = "light",
-  locale: e,
-  children: a,
-  ...s
-}) => /* @__PURE__ */ r.jsx("div", { className: o === "dark" ? "dark" : "", children: /* @__PURE__ */ r.jsx(c, { ...s, children: /* @__PURE__ */ r.jsx(f, { locale: e ?? "en", children: /* @__PURE__ */ r.jsx(t, { children: a }) }) }) }), t = ({ children: o }) => {
-  const { direction: e } = i();
-  return /* @__PURE__ */ r.jsx("div", { dir: e, className: e, children: o });
-};
+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"
+        }
+      }
+    }
+  }
+);
 export {
-  m as Provider
+  e as lyraPlugin
 };

package/dist/lyra230.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra271.cjs"),u=require("./lyra168.cjs"),l=require("./lyra142.cjs"),a=require("./lyra269.cjs"),c=require("./lyra272.cjs"),d=require("./lyra251.cjs"),p=require("./lyra273.cjs"),m=require("./lyra274.cjs"),V=require("./lyra114.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"});const d=require("./lyra136.cjs"),u=require("react"),p=require("./lyra122.cjs"),l=require("./lyra110.cjs"),m=require("./lyra133.cjs"),f=require("./lyra258.cjs"),n=require("./lyra259.cjs"),R=require("./lyra260.cjs"),h=require("./lyra153.cjs");class y extends u.Component{componentDidMount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t,layoutId:s}=this.props,{projection:r}=e;h.addScaleCorrector(v),r&&(o.group&&o.group.add(r),t&&t.register&&s&&t.register(r),r.root.didUpdate(),r.addEventListener("animationComplete",()=>{this.safeToRemove()}),r.setOptions({...r.options,onExitComplete:()=>this.safeToRemove()})),f.globalProjectionState.hasEverUpdated=!0}getSnapshotBeforeUpdate(e){const{layoutDependency:o,visualElement:t,drag:s,isPresent:r}=this.props,i=t.projection;return i&&(i.isPresent=r,s||e.layoutDependency!==o||o===void 0?i.willUpdate():this.safeToRemove(),e.isPresent!==r&&(r?i.promote():i.relegate()||d.frame.postRender(()=>{const c=i.getStack();(!c||!c.members.length)&&this.safeToRemove()}))),null}componentDidUpdate(){const{projection:e}=this.props.visualElement;e&&(e.root.didUpdate(),queueMicrotask(()=>{!e.currentAnimation&&e.isLead()&&this.safeToRemove()}))}componentWillUnmount(){const{visualElement:e,layoutGroup:o,switchLayoutGroup:t}=this.props,{projection:s}=e;s&&(s.scheduleCheckAfterUnmount(),o&&o.group&&o.group.remove(s),t&&t.deregister&&t.deregister(s))}safeToRemove(){const{safeToRemove:e}=this.props;e&&e()}render(){return null}}function g(a){const[e,o]=p.usePresence(),t=u.useContext(l.LayoutGroupContext);return u.createElement(y,{...a,layoutGroup:t,switchLayoutGroup:u.useContext(m.SwitchLayoutGroupContext),isPresent:e,safeToRemove:o})}const v={borderRadius:{...n.correctBorderRadius,applyTo:["borderTopLeftRadius","borderTopRightRadius","borderBottomLeftRadius","borderBottomRightRadius"]},borderTopLeftRadius:n.correctBorderRadius,borderTopRightRadius:n.correctBorderRadius,borderBottomLeftRadius:n.correctBorderRadius,borderBottomRightRadius:n.correctBorderRadius,boxShadow:R.correctBoxShadow};exports.MeasureLayout=g;

package/dist/lyra230.js

@@ -1,46 +1,72 @@
-import { buildHTMLStyles as n } from "./lyra271.js";
-import { isCSSVariableName as s } from "./lyra168.js";
-import { transformProps as l } from "./lyra142.js";
-import { scrapeMotionValuesFromProps as m } from "./lyra269.js";
-import { renderHTML as u } from "./lyra272.js";
-import { getDefaultValueType as a } from "./lyra251.js";
-import { measureViewportBox as p } from "./lyra273.js";
-import { DOMVisualElement as c } from "./lyra274.js";
-import { isMotionValue as d } from "./lyra114.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;
-    }
+import { frame as m } from "./lyra136.js";
+import d, { useContext as p } from "react";
+import { usePresence as c } from "./lyra122.js";
+import { LayoutGroupContext as f } from "./lyra110.js";
+import { SwitchLayoutGroupContext as l } from "./lyra133.js";
+import { globalProjectionState as h } from "./lyra258.js";
+import { correctBorderRadius as n } from "./lyra259.js";
+import { correctBoxShadow as R } from "./lyra260.js";
+import { addScaleCorrector as g } from "./lyra153.js";
+class y extends d.Component {
+  /**
+   * This only mounts projection nodes for components that
+   * need measuring, we might want to do it for all components
+   * in order to incorporate transforms
+   */
+  componentDidMount() {
+    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t, layoutId: i } = this.props, { projection: r } = e;
+    g(v), r && (o.group && o.group.add(r), t && t.register && i && t.register(r), r.root.didUpdate(), r.addEventListener("animationComplete", () => {
+      this.safeToRemove();
+    }), r.setOptions({
+      ...r.options,
+      onExitComplete: () => this.safeToRemove()
+    })), h.hasEverUpdated = !0;
   }
-  measureInstanceViewportBox(e, { transformPagePoint: t }) {
-    return p(e, t);
+  getSnapshotBeforeUpdate(e) {
+    const { layoutDependency: o, visualElement: t, drag: i, isPresent: r } = this.props, s = t.projection;
+    return s && (s.isPresent = r, i || e.layoutDependency !== o || o === void 0 ? s.willUpdate() : this.safeToRemove(), e.isPresent !== r && (r ? s.promote() : s.relegate() || m.postRender(() => {
+      const u = s.getStack();
+      (!u || !u.members.length) && this.safeToRemove();
+    }))), null;
   }
-  build(e, t, r, o) {
-    n(e, t, r, o.transformTemplate);
+  componentDidUpdate() {
+    const { projection: e } = this.props.visualElement;
+    e && (e.root.didUpdate(), queueMicrotask(() => {
+      !e.currentAnimation && e.isLead() && this.safeToRemove();
+    }));
   }
-  scrapeMotionValuesFromProps(e, t) {
-    return m(e, t);
+  componentWillUnmount() {
+    const { visualElement: e, layoutGroup: o, switchLayoutGroup: t } = this.props, { projection: i } = e;
+    i && (i.scheduleCheckAfterUnmount(), o && o.group && o.group.remove(i), t && t.deregister && t.deregister(i));
   }
-  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}`);
-    }));
+  safeToRemove() {
+    const { safeToRemove: e } = this.props;
+    e && e();
   }
-  renderInstance(e, t, r, o) {
-    u(e, t, r, o);
+  render() {
+    return null;
   }
 }
+function w(a) {
+  const [e, o] = c(), t = p(f);
+  return d.createElement(y, { ...a, layoutGroup: t, switchLayoutGroup: p(l), isPresent: e, safeToRemove: o });
+}
+const v = {
+  borderRadius: {
+    ...n,
+    applyTo: [
+      "borderTopLeftRadius",
+      "borderTopRightRadius",
+      "borderBottomLeftRadius",
+      "borderBottomRightRadius"
+    ]
+  },
+  borderTopLeftRadius: n,
+  borderTopRightRadius: n,
+  borderBottomLeftRadius: n,
+  borderBottomRightRadius: n,
+  boxShadow: R
+};
 export {
-  w as HTMLVisualElement,
-  f as getComputedStyle
+  w as MeasureLayout
 };

package/dist/lyra231.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra265.cjs"),u=require("./lyra274.cjs"),o=require("./lyra267.cjs"),n=require("./lyra173.cjs"),i=require("./lyra275.cjs"),l=require("./lyra142.cjs"),c=require("./lyra264.cjs"),m=require("./lyra251.cjs"),V=require("./lyra135.cjs"),d=require("./lyra268.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.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra239.cjs"),n=require("./lyra240.cjs"),e={current:void 0},c=r.createProjectionNode({measureScroll:o=>({x:o.scrollLeft,y:o.scrollTop}),defaultParent:()=>{if(!e.current){const o=new n.DocumentProjectionNode({});o.mount(window),o.setOptions({layoutScroll:!0}),e.current=o}return e.current},resetTransform:(o,t)=>{o.style.transform=t!==void 0?t:"none"},checkIsScrollRoot:o=>window.getComputedStyle(o).position==="fixed"});exports.HTMLProjectionNode=c;exports.rootProjectionNode=e;

package/dist/lyra231.js

@@ -1,43 +1,25 @@
-import { scrapeMotionValuesFromProps as s } from "./lyra265.js";
-import { DOMVisualElement as a } from "./lyra274.js";
-import { buildSVGAttrs as m } from "./lyra267.js";
-import { camelToDash as i } from "./lyra173.js";
-import { camelCaseAttributes as u } from "./lyra275.js";
-import { transformProps as n } from "./lyra142.js";
-import { renderSVG as p } from "./lyra264.js";
-import { getDefaultValueType as l } from "./lyra251.js";
-import { createBox as f } from "./lyra135.js";
-import { isSVGTag as V } from "./lyra268.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;
+import { createProjectionNode as t } from "./lyra239.js";
+import { DocumentProjectionNode as n } from "./lyra240.js";
+const e = {
+  current: void 0
+}, i = t({
+  measureScroll: (o) => ({
+    x: o.scrollLeft,
+    y: o.scrollTop
+  }),
+  defaultParent: () => {
+    if (!e.current) {
+      const o = new n({});
+      o.mount(window), o.setOptions({ layoutScroll: !0 }), e.current = o;
     }
-    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);
-  }
-}
+    return e.current;
+  },
+  resetTransform: (o, r) => {
+    o.style.transform = r !== void 0 ? r : "none";
+  },
+  checkIsScrollRoot: (o) => window.getComputedStyle(o).position === "fixed"
+});
 export {
-  A as SVGVisualElement
+  i as HTMLProjectionNode,
+  e as rootProjectionNode
 };

package/dist/lyra232.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"});const o=require("./lyra261.cjs"),u=require("./lyra170.cjs"),l=require("./lyra144.cjs"),a=require("./lyra262.cjs"),c=require("./lyra263.cjs"),d=require("./lyra251.cjs"),p=require("./lyra264.cjs"),m=require("./lyra265.cjs"),V=require("./lyra116.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;