@new-black/lyra 0.0.22 → 0.0.25

package/dist/lyra278.js

@@ -1,329 +1,116 @@
-import { useRef as a, useState as d, useMemo as u, useEffect as B } from "react";
-import { useControlledState as A } from "./lyra59.js";
-import { compareNodeOrder as f, getFirstItem as E, getChildNodes as C } from "./lyra52.js";
-class c extends Set {
-  constructor(e, t, l) {
-    super(e), e instanceof c ? (this.anchorKey = t || e.anchorKey, this.currentKey = l || e.currentKey) : (this.anchorKey = t, this.currentKey = l);
-  }
-}
-function R(i, e) {
-  if (i.size !== e.size)
-    return !1;
-  for (let t of i)
-    if (!e.has(t))
-      return !1;
-  return !0;
-}
-function D(i) {
-  let { selectionMode: e = "none", disallowEmptySelection: t, allowDuplicateSelectionEvents: l, selectionBehavior: s = "toggle", disabledBehavior: n = "all" } = i, S = a(!1), [, p] = d(!1), y = a(null), K = a(null), [, v] = d(null), w = u(() => b(i.selectedKeys), [
-    i.selectedKeys
-  ]), $ = u(() => b(i.defaultSelectedKeys, new c()), [
-    i.defaultSelectedKeys
-  ]), [r, I] = A(w, $, i.onSelectionChange), M = u(() => i.disabledKeys ? new Set(i.disabledKeys) : /* @__PURE__ */ new Set(), [
-    i.disabledKeys
-  ]), [g, h] = d(s);
-  s === "replace" && g === "toggle" && typeof r == "object" && r.size === 0 && h("replace");
-  let m = a(s);
-  return B(() => {
-    s !== m.current && (h(s), m.current = s);
-  }, [
-    s
-  ]), {
-    selectionMode: e,
-    disallowEmptySelection: t,
-    selectionBehavior: g,
-    setSelectionBehavior: h,
-    get isFocused() {
-      return S.current;
-    },
-    setFocused(o) {
-      S.current = o, p(o);
-    },
-    get focusedKey() {
-      return y.current;
-    },
-    get childFocusStrategy() {
-      return K.current;
-    },
-    setFocusedKey(o, F = "first") {
-      y.current = o, K.current = F, v(o);
-    },
-    selectedKeys: r,
-    setSelectedKeys(o) {
-      (l || !R(o, r)) && I(o);
-    },
-    disabledKeys: M,
-    disabledBehavior: n
-  };
+import { isAnimationControls as _ } from "./lyra232.js";
+import { isKeyframesTarget as R } from "./lyra262.js";
+import { shallowCompare as D } from "./lyra329.js";
+import { isVariantLabel as z } from "./lyra170.js";
+import { resolveVariant as H } from "./lyra142.js";
+import { variantPriorityOrder as x } from "./lyra175.js";
+import { animateVisualElement as j } from "./lyra141.js";
+const q = [...x].reverse(), G = x.length;
+function J(e) {
+  return (s) => Promise.all(s.map(({ animation: f, options: y }) => j(e, f, y)));
 }
-function b(i, e) {
-  return i ? i === "all" ? "all" : new c(i) : e;
-}
-class N {
-  /**
-  * The type of selection that is allowed in the collection.
-  */
-  get selectionMode() {
-    return this.state.selectionMode;
-  }
-  /**
-  * Whether the collection allows empty selection.
-  */
-  get disallowEmptySelection() {
-    return this.state.disallowEmptySelection;
-  }
-  /**
-  * The selection behavior for the collection.
-  */
-  get selectionBehavior() {
-    return this.state.selectionBehavior;
-  }
-  /**
-  * Sets the selection behavior for the collection.
-  */
-  setSelectionBehavior(e) {
-    this.state.setSelectionBehavior(e);
-  }
-  /**
-  * Whether the collection is currently focused.
-  */
-  get isFocused() {
-    return this.state.isFocused;
-  }
-  /**
-  * Sets whether the collection is focused.
-  */
-  setFocused(e) {
-    this.state.setFocused(e);
-  }
-  /**
-  * The current focused key in the collection.
-  */
-  get focusedKey() {
-    return this.state.focusedKey;
-  }
-  /** Whether the first or last child of the focused key should receive focus. */
-  get childFocusStrategy() {
-    return this.state.childFocusStrategy;
-  }
-  /**
-  * Sets the focused key.
-  */
-  setFocusedKey(e, t) {
-    (e == null || this.collection.getItem(e)) && this.state.setFocusedKey(e, t);
-  }
-  /**
-  * The currently selected keys in the collection.
-  */
-  get selectedKeys() {
-    return this.state.selectedKeys === "all" ? new Set(this.getSelectAllKeys()) : this.state.selectedKeys;
-  }
-  /**
-  * The raw selection value for the collection.
-  * Either 'all' for select all, or a set of keys.
-  */
-  get rawSelection() {
-    return this.state.selectedKeys;
-  }
-  /**
-  * Returns whether a key is selected.
-  */
-  isSelected(e) {
-    return this.state.selectionMode === "none" ? !1 : (e = this.getKey(e), this.state.selectedKeys === "all" ? this.canSelectItem(e) : this.state.selectedKeys.has(e));
-  }
-  /**
-  * Whether the selection is empty.
-  */
-  get isEmpty() {
-    return this.state.selectedKeys !== "all" && this.state.selectedKeys.size === 0;
-  }
-  /**
-  * Whether all items in the collection are selected.
-  */
-  get isSelectAll() {
-    if (this.isEmpty)
-      return !1;
-    if (this.state.selectedKeys === "all")
-      return !0;
-    if (this._isSelectAll != null)
-      return this._isSelectAll;
-    let e = this.getSelectAllKeys(), t = this.state.selectedKeys;
-    return this._isSelectAll = e.every((l) => t.has(l)), this._isSelectAll;
-  }
-  get firstSelectedKey() {
-    let e = null;
-    for (let t of this.state.selectedKeys) {
-      let l = this.collection.getItem(t);
-      (!e || l && f(this.collection, l, e) < 0) && (e = l);
-    }
-    return e == null ? void 0 : e.key;
-  }
-  get lastSelectedKey() {
-    let e = null;
-    for (let t of this.state.selectedKeys) {
-      let l = this.collection.getItem(t);
-      (!e || l && f(this.collection, l, e) > 0) && (e = l);
-    }
-    return e == null ? void 0 : e.key;
-  }
-  get disabledKeys() {
-    return this.state.disabledKeys;
-  }
-  get disabledBehavior() {
-    return this.state.disabledBehavior;
-  }
-  /**
-  * Extends the selection to the given key.
-  */
-  extendSelection(e) {
-    if (this.selectionMode === "none")
-      return;
-    if (this.selectionMode === "single") {
-      this.replaceSelection(e);
-      return;
-    }
-    e = this.getKey(e);
-    let t;
-    if (this.state.selectedKeys === "all")
-      t = new c([
-        e
-      ], e, e);
-    else {
-      let l = this.state.selectedKeys, s = l.anchorKey || e;
-      t = new c(l, s, e);
-      for (let n of this.getKeyRange(s, l.currentKey || e))
-        t.delete(n);
-      for (let n of this.getKeyRange(e, s))
-        this.canSelectItem(n) && t.add(n);
+function ee(e) {
+  let s = J(e);
+  const f = Q();
+  let y = !0;
+  const L = (i, c) => {
+    const l = H(e, c);
+    if (l) {
+      const { transition: p, transitionEnd: u, ...o } = l;
+      i = { ...i, ...o, ...u };
     }
-    this.state.setSelectedKeys(t);
-  }
-  getKeyRange(e, t) {
-    let l = this.collection.getItem(e), s = this.collection.getItem(t);
-    return l && s ? f(this.collection, l, s) <= 0 ? this.getKeyRangeInternal(e, t) : this.getKeyRangeInternal(t, e) : [];
-  }
-  getKeyRangeInternal(e, t) {
-    let l = [], s = e;
-    for (; s; ) {
-      let n = this.collection.getItem(s);
-      if ((n && n.type === "item" || n.type === "cell" && this.allowsCellSelection) && l.push(s), s === t)
-        return l;
-      s = this.collection.getKeyAfter(s);
+    return i;
+  };
+  function B(i) {
+    s = i(e);
+  }
+  function C(i, c) {
+    const l = e.getProps(), p = e.getVariantContext(!0) || {}, u = [], o = /* @__PURE__ */ new Set();
+    let d = {}, I = 1 / 0;
+    for (let m = 0; m < G; m++) {
+      const r = q[m], t = f[r], a = l[r] !== void 0 ? l[r] : p[r], V = z(a), P = r === c ? t.isActive : null;
+      P === !1 && (I = m);
+      let g = a === p[r] && a !== l[r] && V;
+      if (g && y && e.manuallyAnimateOnMount && (g = !1), t.protectedKeys = { ...d }, // If it isn't active and hasn't *just* been set as inactive
+      !t.isActive && P === null || // If we didn't and don't have any defined prop for this animation type
+      !a && !t.prevProp || // Or if the prop doesn't define an animation
+      _(a) || typeof a == "boolean")
+        continue;
+      const b = N(t.prevProp, a);
+      let w = b || // If we're making this variant active, we want to always make it active
+      r === c && t.isActive && !g && V || // If we removed a higher-priority variant (i is in reverse order)
+      m > I && V;
+      const k = Array.isArray(a) ? a : [a];
+      let A = k.reduce(L, {});
+      P === !1 && (A = {});
+      const { prevResolvedValues: O = {} } = t, M = {
+        ...O,
+        ...A
+      }, K = (n) => {
+        w = !0, o.delete(n), t.needsAnimating[n] = !0;
+      };
+      for (const n in M) {
+        const h = A[n], T = O[n];
+        d.hasOwnProperty(n) || (h !== T ? R(h) && R(T) ? !D(h, T) || b ? K(n) : t.protectedKeys[n] = !0 : h !== void 0 ? K(n) : o.add(n) : h !== void 0 && o.has(n) ? K(n) : t.protectedKeys[n] = !0);
+      }
+      t.prevProp = a, t.prevResolvedValues = A, t.isActive && (d = { ...d, ...A }), y && e.blockInitialAnimation && (w = !1), w && !g && u.push(...k.map((n) => ({
+        animation: n,
+        options: { type: r, ...i }
+      })));
     }
-    return [];
-  }
-  getKey(e) {
-    let t = this.collection.getItem(e);
-    if (!t || t.type === "cell" && this.allowsCellSelection)
-      return e;
-    for (; t.type !== "item" && t.parentKey != null; )
-      t = this.collection.getItem(t.parentKey);
-    return !t || t.type !== "item" ? null : t.key;
-  }
-  /**
-  * Toggles whether the given key is selected.
-  */
-  toggleSelection(e) {
-    if (this.selectionMode === "none")
-      return;
-    if (this.selectionMode === "single" && !this.isSelected(e)) {
-      this.replaceSelection(e);
-      return;
+    if (o.size) {
+      const m = {};
+      o.forEach((r) => {
+        const t = e.getBaseTarget(r);
+        t !== void 0 && (m[r] = t);
+      }), u.push({ animation: m });
     }
-    if (e = this.getKey(e), e == null)
-      return;
-    let t = new c(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
-    t.has(e) ? t.delete(e) : this.canSelectItem(e) && (t.add(e), t.anchorKey = e, t.currentKey = e), !(this.disallowEmptySelection && t.size === 0) && this.state.setSelectedKeys(t);
-  }
-  /**
-  * Replaces the selection with only the given key.
-  */
-  replaceSelection(e) {
-    if (this.selectionMode === "none" || (e = this.getKey(e), e == null))
-      return;
-    let t = this.canSelectItem(e) ? new c([
-      e
-    ], e, e) : new c();
-    this.state.setSelectedKeys(t);
-  }
-  /**
-  * Replaces the selection with the given keys.
-  */
-  setSelectedKeys(e) {
-    if (this.selectionMode === "none")
-      return;
-    let t = new c();
-    for (let l of e)
-      if (l = this.getKey(l), l != null && (t.add(l), this.selectionMode === "single"))
-        break;
-    this.state.setSelectedKeys(t);
-  }
-  getSelectAllKeys() {
-    let e = [], t = (l) => {
-      for (; l; ) {
-        if (this.canSelectItem(l)) {
-          let s = this.collection.getItem(l);
-          s.type === "item" && e.push(l), s.hasChildNodes && (this.allowsCellSelection || s.type !== "item") && t(E(C(s, this.collection)).key);
-        }
-        l = this.collection.getKeyAfter(l);
-      }
-    };
-    return t(this.collection.getFirstKey()), e;
-  }
-  /**
-  * Selects all items in the collection.
-  */
-  selectAll() {
-    !this.isSelectAll && this.selectionMode === "multiple" && this.state.setSelectedKeys("all");
-  }
-  /**
-  * Removes all keys from the selection.
-  */
-  clearSelection() {
-    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new c());
-  }
-  /**
-  * Toggles between select all and an empty selection.
-  */
-  toggleSelectAll() {
-    this.isSelectAll ? this.clearSelection() : this.selectAll();
-  }
-  select(e, t) {
-    this.selectionMode !== "none" && (this.selectionMode === "single" ? this.isSelected(e) && !this.disallowEmptySelection ? this.toggleSelection(e) : this.replaceSelection(e) : this.selectionBehavior === "toggle" || t && (t.pointerType === "touch" || t.pointerType === "virtual") ? this.toggleSelection(e) : this.replaceSelection(e));
-  }
-  /**
-  * Returns whether the current selection is equal to the given selection.
-  */
-  isSelectionEqual(e) {
-    if (e === this.state.selectedKeys)
-      return !0;
-    let t = this.selectedKeys;
-    if (e.size !== t.size)
-      return !1;
-    for (let l of e)
-      if (!t.has(l))
-        return !1;
-    for (let l of t)
-      if (!e.has(l))
-        return !1;
-    return !0;
-  }
-  canSelectItem(e) {
-    if (this.state.selectionMode === "none" || this.state.disabledKeys.has(e))
-      return !1;
-    let t = this.collection.getItem(e);
-    return !(!t || t.type === "cell" && !this.allowsCellSelection);
-  }
-  isDisabled(e) {
-    return this.state.disabledKeys.has(e) && this.state.disabledBehavior === "all";
-  }
-  constructor(e, t, l) {
-    this.collection = e, this.state = t;
-    var s;
-    this.allowsCellSelection = (s = l == null ? void 0 : l.allowsCellSelection) !== null && s !== void 0 ? s : !1, this._isSelectAll = null;
-  }
+    let S = !!u.length;
+    return y && l.initial === !1 && !e.manuallyAnimateOnMount && (S = !1), y = !1, S ? s(u) : Promise.resolve();
+  }
+  function F(i, c, l) {
+    var p;
+    if (f[i].isActive === c)
+      return Promise.resolve();
+    (p = e.variantChildren) === null || p === void 0 || p.forEach((o) => {
+      var d;
+      return (d = o.animationState) === null || d === void 0 ? void 0 : d.setActive(i, c);
+    }), f[i].isActive = c;
+    const u = C(l, i);
+    for (const o in f)
+      f[o].protectedKeys = {};
+    return u;
+  }
+  return {
+    animateChanges: C,
+    setActive: F,
+    setAnimateFunction: B,
+    getState: () => f
+  };
+}
+function N(e, s) {
+  return typeof s == "string" ? s !== e : Array.isArray(s) ? !D(s, e) : !1;
+}
+function v(e = !1) {
+  return {
+    isActive: e,
+    protectedKeys: {},
+    needsAnimating: {},
+    prevResolvedValues: {}
+  };
+}
+function Q() {
+  return {
+    animate: v(!0),
+    whileInView: v(),
+    whileHover: v(),
+    whileTap: v(),
+    whileDrag: v(),
+    whileFocus: v(),
+    exit: v()
+  };
 }
 export {
-  N as SelectionManager,
-  D as useMultipleSelectionState
+  N as checkVariantsDidChange,
+  ee as createAnimationState
 };

package/dist/lyra279.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./lyra104.cjs"),g=require("react");function l(o){let e=a.useOverlayTriggerState(o),[u,r]=g.useState(null);return{focusStrategy:u,...e,open(t=null){r(t),e.open()},toggle(t=null){r(t),e.toggle()}}}exports.useMenuTriggerState=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class t{constructor(e){this.isMounted=!1,this.node=e}update(){}}exports.Feature=t;

package/dist/lyra279.js

@@ -1,18 +1,10 @@
-import { useOverlayTriggerState as g } from "./lyra104.js";
-import { useState as l } from "react";
-function f(o) {
-  let e = g(o), [a, r] = l(null);
-  return {
-    focusStrategy: a,
-    ...e,
-    open(t = null) {
-      r(t), e.open();
-    },
-    toggle(t = null) {
-      r(t), e.toggle();
-    }
-  };
+class s {
+  constructor(t) {
+    this.isMounted = !1, this.node = t;
+  }
+  update() {
+  }
 }
 export {
-  f as useMenuTriggerState
+  s as Feature
 };

package/dist/lyra28.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra36.cjs"),n=require("./lyra37.cjs"),c=({className:s,...e})=>{const r=`/icons/icon-defs.svg#${e.name}`;return t.jsxRuntimeExports.jsx("svg",{className:n.twMerge("h-6 w-6 fill-current text-current",s),...e,children:t.jsxRuntimeExports.jsx("use",{href:r})})};exports.SvgIcon=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./lyra72.cjs"),e=r.cva("inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border",{variants:{size:{small:"h-4 w-4 border-2",medium:"h-6 w-6 border-2",large:"h-8 w-8 border-4"},color:{primary:"border-primary border-r-transparent",current:"border-current border-r-transparent",danger:"border-danger border-r-transparent",success:"border-success border-r-transparent",warning:"border-warning border-r-transparent",monochromatic:"border-neutral-9 border-r-transparent"}},defaultVariants:{size:"medium",color:"primary"}});exports.spinnerStyles=e;

package/dist/lyra28.js

@@ -1,16 +1,28 @@
-import { j as r } from "./lyra36.js";
-import { twMerge as n } from "./lyra37.js";
-const m = ({ className: s, ...e }) => {
-  const t = `/icons/icon-defs.svg#${e.name}`;
-  return /* @__PURE__ */ r.jsx(
-    "svg",
-    {
-      className: n("h-6 w-6 fill-current text-current", s),
-      ...e,
-      children: /* @__PURE__ */ r.jsx("use", { href: t })
+import { cva as r } from "./lyra72.js";
+const n = r(
+  "inline-block animate-spin rounded-full border-solid border-r-transparent align-[-0.125em] motion-reduce:animate-[spin_1.5s_linear_infinite] box-border",
+  {
+    variants: {
+      size: {
+        small: "h-4 w-4 border-2",
+        medium: "h-6 w-6 border-2",
+        large: "h-8 w-8 border-4"
+      },
+      color: {
+        primary: "border-primary border-r-transparent",
+        current: "border-current border-r-transparent",
+        danger: "border-danger border-r-transparent",
+        success: "border-success border-r-transparent",
+        warning: "border-warning border-r-transparent",
+        monochromatic: "border-neutral-9 border-r-transparent"
+      }
+    },
+    defaultVariants: {
+      size: "medium",
+      color: "primary"
     }
-  );
-};
+  }
+);
 export {
-  m as SvgIcon
+  n as spinnerStyles
 };

package/dist/lyra280.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["animate","circle","defs","desc","ellipse","g","image","line","filter","marker","mask","metadata","path","pattern","polygon","polyline","rect","stop","switch","symbol","svg","text","tspan","use","view"];exports.lowercaseSVGElements=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra193.cjs"),s=require("./lyra189.cjs"),c=new Set(["brightness","contrast","saturate","opacity"]);function u(t){const[e,n]=t.slice(0,-1).split("(");if(e==="drop-shadow")return t;const[r]=n.match(s.floatRegex)||[];if(!r)return t;const o=n.replace(r,"");let a=c.has(e)?1:0;return r!==n&&(a*=100),e+"("+a+o+")"}const l=/([a-z-]*)\(.*?\)/g,f={...i.complex,getAnimatableNone:t=>{const e=t.match(l);return e?e.map(u).join(" "):t}};exports.filter=f;

package/dist/lyra280.js

@@ -1,30 +1,24 @@
-const e = [
-  "animate",
-  "circle",
-  "defs",
-  "desc",
-  "ellipse",
-  "g",
-  "image",
-  "line",
-  "filter",
-  "marker",
-  "mask",
-  "metadata",
-  "path",
-  "pattern",
-  "polygon",
-  "polyline",
-  "rect",
-  "stop",
-  "switch",
-  "symbol",
-  "svg",
-  "text",
-  "tspan",
-  "use",
-  "view"
-];
+import { complex as c } from "./lyra193.js";
+import { floatRegex as i } from "./lyra189.js";
+const s = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
+function l(t) {
+  const [e, n] = t.slice(0, -1).split("(");
+  if (e === "drop-shadow")
+    return t;
+  const [o] = n.match(i) || [];
+  if (!o)
+    return t;
+  const r = n.replace(o, "");
+  let a = s.has(e) ? 1 : 0;
+  return o !== n && (a *= 100), e + "(" + a + r + ")";
+}
+const u = /([a-z-]*)\(.*?\)/g, p = {
+  ...c,
+  getAnimatableNone: (t) => {
+    const e = t.match(u);
+    return e ? e.map(l).join(" ") : t;
+  }
+};
 export {
-  e as lowercaseSVGElements
+  p as filter
 };

package/dist/lyra281.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),o=require("./lyra325.cjs"),s=require("./lyra134.cjs"),u=require("./lyra297.cjs"),c=require("./lyra289.cjs");function i(e,n,r){for(const t in n)!s.isMotionValue(n[t])&&!o.isForcedMotionValue(t,r)&&(e[t]=n[t])}function d({transformTemplate:e},n,r){return l.useMemo(()=>{const t=c.createHtmlRenderState();return u.buildHTMLStyles(t,n,{enableHardwareAcceleration:!r},e),Object.assign({},t.vars,t.style)},[n])}function y(e,n,r){const t=e.style||{},a={};return i(a,t,e),Object.assign(a,d(e,n,r)),e.transformValues?e.transformValues(a):a}function f(e,n,r){const t={},a=y(e,n,r);return e.drag&&e.dragListener!==!1&&(t.draggable=!1,a.userSelect=a.WebkitUserSelect=a.WebkitTouchCallout="none",a.touchAction=e.drag===!0?"none":`pan-${e.drag==="x"?"y":"x"}`),e.tabIndex===void 0&&(e.onTap||e.onTapStart||e.whileTap)&&(t.tabIndex=0),t.style=a,t}exports.copyRawValuesOnly=i;exports.useHTMLProps=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra188.cjs"),r=require("./lyra280.cjs"),t=require("./lyra331.cjs"),e={...t.numberValueTypes,color:o.color,backgroundColor:o.color,outlineColor:o.color,fill:o.color,stroke:o.color,borderColor:o.color,borderTopColor:o.color,borderRightColor:o.color,borderBottomColor:o.color,borderLeftColor:o.color,filter:r.filter,WebkitFilter:r.filter},c=l=>e[l];exports.defaultValueTypes=e;exports.getDefaultValueType=c;

package/dist/lyra281.js

@@ -1,27 +1,24 @@
-import { useMemo as r } from "react";
-import { isForcedMotionValue as i } from "./lyra325.js";
-import { isMotionValue as l } from "./lyra134.js";
-import { buildHTMLStyles as s } from "./lyra297.js";
-import { createHtmlRenderState as u } from "./lyra289.js";
-function c(e, n, o) {
-  for (const t in n)
-    !l(n[t]) && !i(t, o) && (e[t] = n[t]);
-}
-function f({ transformTemplate: e }, n, o) {
-  return r(() => {
-    const t = u();
-    return s(t, n, { enableHardwareAcceleration: !o }, e), Object.assign({}, t.vars, t.style);
-  }, [n]);
-}
-function m(e, n, o) {
-  const t = e.style || {}, a = {};
-  return c(a, t, e), Object.assign(a, f(e, n, o)), e.transformValues ? e.transformValues(a) : a;
-}
-function T(e, n, o) {
-  const t = {}, a = m(e, n, o);
-  return e.drag && e.dragListener !== !1 && (t.draggable = !1, a.userSelect = a.WebkitUserSelect = a.WebkitTouchCallout = "none", a.touchAction = e.drag === !0 ? "none" : `pan-${e.drag === "x" ? "y" : "x"}`), e.tabIndex === void 0 && (e.onTap || e.onTapStart || e.whileTap) && (t.tabIndex = 0), t.style = a, t;
-}
+import { color as o } from "./lyra188.js";
+import { filter as r } from "./lyra280.js";
+import { numberValueTypes as l } from "./lyra331.js";
+const t = {
+  ...l,
+  // Color props
+  color: o,
+  backgroundColor: o,
+  outlineColor: o,
+  fill: o,
+  stroke: o,
+  // Border props
+  borderColor: o,
+  borderTopColor: o,
+  borderRightColor: o,
+  borderBottomColor: o,
+  borderLeftColor: o,
+  filter: r,
+  WebkitFilter: r
+}, m = (e) => t[e];
 export {
-  c as copyRawValuesOnly,
-  T as useHTMLProps
+  t as defaultValueTypes,
+  m as getDefaultValueType
 };

package/dist/lyra282.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),c=require("./lyra281.cjs"),l=require("./lyra286.cjs"),o=require("./lyra285.cjs"),u=require("./lyra287.cjs");function i(t,s,y,a){const r=n.useMemo(()=>{const e=o.createSvgRenderState();return l.buildSVGAttrs(e,s,{enableHardwareAcceleration:!1},u.isSVGTag(a),t.transformTemplate),{...e.attrs,style:{...e.style}}},[s]);if(t.style){const e={};c.copyRawValuesOnly(e,t.style,t),r.style={...e,...r.style}}return r}exports.useSVGProps=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra196.cjs"),e=require("./lyra197.cjs"),s=require("./lyra283.cjs"),o=require("./lyra330.cjs"),n=[i.number,e.px,e.percent,e.degrees,e.vw,e.vh,o.auto],u=t=>n.find(s.testValueType(t));exports.dimensionValueTypes=n;exports.findDimensionValueType=u;