@new-black/lyra 0.0.7 → 0.0.8

package/dist/lyra69.js

@@ -1,447 +1,56 @@
-import { useEffect as V, useRef as P, useMemo as j } from "react";
-import { focusSafely as U, getFocusableTreeWalker as J } from "./lyra40.js";
-import { mergeProps as G, useEvent as Q, scrollIntoView as k, scrollIntoViewport as z, isScrollable as W, isAppleDevice as _, isMac as ee, focusWithoutScrolling as Y } from "./lyra33.js";
-import { usePress as te, useLongPress as le, getInteractionModality as X } from "./lyra36.js";
-import { useCollator as ie, useLocale as oe } from "./lyra29.js";
-function Z(a) {
-  return _() ? a.altKey : a.ctrlKey;
-}
-function A(a) {
-  return ee() ? a.metaKey : a.ctrlKey;
-}
-const re = 1e3;
-function se(a) {
-  let { keyboardDelegate: e, selectionManager: t, onTypeSelect: i } = a, r = P({
-    search: "",
-    timeout: null
-  }).current, s = (c) => {
-    let u = ne(c.key);
-    if (!u || c.ctrlKey || c.metaKey || !c.currentTarget.contains(c.target))
-      return;
-    u === " " && r.search.trim().length > 0 && (c.preventDefault(), "continuePropagation" in c || c.stopPropagation()), r.search += u;
-    let f = e.getKeyForSearch(r.search, t.focusedKey);
-    f == null && (f = e.getKeyForSearch(r.search)), f != null && (t.setFocusedKey(f), i && i(f)), clearTimeout(r.timeout), r.timeout = setTimeout(() => {
-      r.search = "";
-    }, re);
-  };
-  return {
-    typeSelectProps: {
-      // Using a capturing listener to catch the keydown event before
-      // other hooks in order to handle the Spacebar event.
-      onKeyDownCapture: e.getKeyForSearch ? s : null
-    }
-  };
-}
-function ne(a) {
-  return a.length === 1 || !/^[A-Z]/i.test(a) ? a : "";
-}
-function ae(a) {
-  let { selectionManager: e, keyboardDelegate: t, ref: i, autoFocus: r = !1, shouldFocusWrap: s = !1, disallowEmptySelection: c = !1, disallowSelectAll: u = !1, selectOnFocus: f = e.selectionBehavior === "replace", disallowTypeAhead: B = !1, shouldUseVirtualFocus: K, allowsTabNavigation: m = !1, isVirtualized: p, scrollRef: h = i } = a, { direction: y } = oe(), v = (o) => {
-    if (o.altKey && o.key === "Tab" && o.preventDefault(), !i.current.contains(o.target))
-      return;
-    const d = (n, D) => {
-      n != null && (e.setFocusedKey(n, D), o.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : f && !Z(o) && e.replaceSelection(n));
-    };
-    switch (o.key) {
-      case "ArrowDown":
-        if (t.getKeyBelow) {
-          var w, l;
-          o.preventDefault();
-          let n = e.focusedKey != null ? t.getKeyBelow(e.focusedKey) : (w = t.getFirstKey) === null || w === void 0 ? void 0 : w.call(t);
-          n == null && s && (n = (l = t.getFirstKey) === null || l === void 0 ? void 0 : l.call(t, e.focusedKey)), d(n);
-        }
-        break;
-      case "ArrowUp":
-        if (t.getKeyAbove) {
-          var S, F;
-          o.preventDefault();
-          let n = e.focusedKey != null ? t.getKeyAbove(e.focusedKey) : (S = t.getLastKey) === null || S === void 0 ? void 0 : S.call(t);
-          n == null && s && (n = (F = t.getLastKey) === null || F === void 0 ? void 0 : F.call(t, e.focusedKey)), d(n);
-        }
-        break;
-      case "ArrowLeft":
-        if (t.getKeyLeftOf) {
-          var R, E;
-          o.preventDefault();
-          let n = t.getKeyLeftOf(e.focusedKey);
-          n == null && s && (n = y === "rtl" ? (R = t.getFirstKey) === null || R === void 0 ? void 0 : R.call(t, e.focusedKey) : (E = t.getLastKey) === null || E === void 0 ? void 0 : E.call(t, e.focusedKey)), d(n, y === "rtl" ? "first" : "last");
-        }
-        break;
-      case "ArrowRight":
-        if (t.getKeyRightOf) {
-          var N, L;
-          o.preventDefault();
-          let n = t.getKeyRightOf(e.focusedKey);
-          n == null && s && (n = y === "rtl" ? (N = t.getLastKey) === null || N === void 0 ? void 0 : N.call(t, e.focusedKey) : (L = t.getFirstKey) === null || L === void 0 ? void 0 : L.call(t, e.focusedKey)), d(n, y === "rtl" ? "last" : "first");
-        }
-        break;
-      case "Home":
-        if (t.getFirstKey) {
-          o.preventDefault();
-          let n = t.getFirstKey(e.focusedKey, A(o));
-          e.setFocusedKey(n), A(o) && o.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : f && e.replaceSelection(n);
-        }
-        break;
-      case "End":
-        if (t.getLastKey) {
-          o.preventDefault();
-          let n = t.getLastKey(e.focusedKey, A(o));
-          e.setFocusedKey(n), A(o) && o.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(n) : f && e.replaceSelection(n);
-        }
-        break;
-      case "PageDown":
-        if (t.getKeyPageBelow) {
-          o.preventDefault();
-          let n = t.getKeyPageBelow(e.focusedKey);
-          d(n);
-        }
-        break;
-      case "PageUp":
-        if (t.getKeyPageAbove) {
-          o.preventDefault();
-          let n = t.getKeyPageAbove(e.focusedKey);
-          d(n);
-        }
-        break;
-      case "a":
-        A(o) && e.selectionMode === "multiple" && u !== !0 && (o.preventDefault(), e.selectAll());
-        break;
-      case "Escape":
-        o.preventDefault(), c || e.clearSelection();
-        break;
-      case "Tab":
-        if (!m) {
-          if (o.shiftKey)
-            i.current.focus();
-          else {
-            let n = J(i.current, {
-              tabbable: !0
-            }), D, O;
-            do
-              O = n.lastChild(), O && (D = O);
-            while (O);
-            D && !D.contains(document.activeElement) && Y(D);
-          }
-          break;
-        }
-    }
-  }, b = P({
-    top: 0,
-    left: 0
-  });
-  Q(h, "scroll", p ? null : () => {
-    b.current = {
-      top: h.current.scrollTop,
-      left: h.current.scrollLeft
-    };
+import { filterDOMProps as C, mergeProps as $ } from "./lyra35.js";
+import { useField as g } from "./lyra64.js";
+import { useFocusable as h } from "./lyra48.js";
+import "react";
+function S(e, a) {
+  let { inputElementType: t = "input", isDisabled: n = !1, isRequired: o = !1, isReadOnly: i = !1, validationState: d, type: l = "text", onChange: r = () => {
+  } } = e, { focusableProps: u } = h(e, a), { labelProps: s, fieldProps: c, descriptionProps: m, errorMessageProps: f } = g(e), b = C(e, {
+    labelable: !0
   });
-  let $ = (o) => {
-    if (e.isFocused) {
-      o.currentTarget.contains(o.target) || e.setFocused(!1);
-      return;
-    }
-    if (o.currentTarget.contains(o.target)) {
-      if (e.setFocused(!0), e.focusedKey == null) {
-        let l = (F) => {
-          F != null && (e.setFocusedKey(F), f && e.replaceSelection(F));
-        }, S = o.relatedTarget;
-        var d, w;
-        S && o.currentTarget.compareDocumentPosition(S) & Node.DOCUMENT_POSITION_FOLLOWING ? l((d = e.lastSelectedKey) !== null && d !== void 0 ? d : t.getLastKey()) : l((w = e.firstSelectedKey) !== null && w !== void 0 ? w : t.getFirstKey());
-      } else
-        p || (h.current.scrollTop = b.current.top, h.current.scrollLeft = b.current.left);
-      if (!p && e.focusedKey != null) {
-        let l = h.current.querySelector(`[data-key="${e.focusedKey}"]`);
-        l && (Y(l), X() === "keyboard" && z(l, {
-          containingElement: i.current
-        }));
-      }
-    }
-  }, x = (o) => {
-    o.currentTarget.contains(o.relatedTarget) || e.setFocused(!1);
+  const p = {
+    type: l,
+    pattern: e.pattern
   };
-  const T = P(r);
-  V(() => {
-    if (T.current) {
-      let o = null;
-      r === "first" && (o = t.getFirstKey()), r === "last" && (o = t.getLastKey());
-      let d = e.selectedKeys;
-      d.size && (o = d.values().next().value), e.setFocused(!0), e.setFocusedKey(o), o == null && !K && U(i.current);
-    }
-    T.current = !1;
-  }, []);
-  let C = P(e.focusedKey);
-  V(() => {
-    let o = X();
-    if (e.isFocused && e.focusedKey != null && (h != null && h.current)) {
-      let d = h.current.querySelector(`[data-key="${e.focusedKey}"]`);
-      d && o === "keyboard" && (p || k(h.current, d), z(d, {
-        containingElement: i.current
-      }));
-    }
-    e.isFocused && e.focusedKey == null && C.current != null && U(i.current), C.current = e.focusedKey;
-  }, [
-    p,
-    h,
-    e.focusedKey,
-    e.isFocused,
-    i
-  ]);
-  let g = {
-    onKeyDown: v,
-    onFocus: $,
-    onBlur: x,
-    onMouseDown(o) {
-      h.current === o.target && o.preventDefault();
-    }
-  }, { typeSelectProps: M } = se({
-    keyboardDelegate: t,
-    selectionManager: e
-  });
-  B || (g = G(M, g));
-  let I;
-  return K || (I = e.focusedKey == null ? 0 : -1), {
-    collectionProps: {
-      ...g,
-      tabIndex: I
-    }
-  };
-}
-function pe(a) {
-  let { selectionManager: e, key: t, ref: i, shouldSelectOnPressUp: r, shouldUseVirtualFocus: s, focus: c, isDisabled: u, onAction: f, allowsDifferentPressOrigin: B } = a, K = (l) => {
-    if (l.pointerType === "keyboard" && Z(l))
-      e.toggleSelection(t);
-    else {
-      if (e.selectionMode === "none")
-        return;
-      e.selectionMode === "single" ? e.isSelected(t) && !e.disallowEmptySelection ? e.toggleSelection(t) : e.replaceSelection(t) : l && l.shiftKey ? e.extendSelection(t) : e.selectionBehavior === "toggle" || l && (A(l) || l.pointerType === "touch" || l.pointerType === "virtual") ? e.toggleSelection(t) : e.replaceSelection(t);
-    }
-  };
-  V(() => {
-    t === e.focusedKey && e.isFocused && !s && (c ? c() : document.activeElement !== i.current && U(i.current));
-  }, [
-    i,
-    t,
-    e.focusedKey,
-    e.childFocusStrategy,
-    e.isFocused,
-    s
-  ]), u = u || e.isDisabled(t);
-  let m = {};
-  !s && !u ? m = {
-    tabIndex: t === e.focusedKey ? 0 : -1,
-    onFocus(l) {
-      l.target === i.current && e.setFocusedKey(t);
-    }
-  } : u && (m.onMouseDown = (l) => {
-    l.preventDefault();
-  });
-  let p = !u && e.canSelectItem(t), h = f && !u, y = h && (e.selectionBehavior === "replace" ? !p : e.isEmpty), v = h && p && e.selectionBehavior === "replace", b = y || v, $ = P(null), x = b && p, T = P(!1), C = P(!1), g = {};
-  r ? (g.onPressStart = (l) => {
-    $.current = l.pointerType, T.current = x, l.pointerType === "keyboard" && (!b || H()) && K(l);
-  }, B ? (g.onPressUp = (l) => {
-    l.pointerType !== "keyboard" && K(l);
-  }, g.onPress = y ? () => f() : null) : g.onPress = (l) => {
-    if (y || v && l.pointerType !== "mouse") {
-      if (l.pointerType === "keyboard" && !q())
-        return;
-      f();
-    } else
-      l.pointerType !== "keyboard" && K(l);
-  }) : (g.onPressStart = (l) => {
-    $.current = l.pointerType, T.current = x, C.current = y, (l.pointerType === "mouse" && !y || l.pointerType === "keyboard" && (!f || H())) && K(l);
-  }, g.onPress = (l) => {
-    (l.pointerType === "touch" || l.pointerType === "pen" || l.pointerType === "virtual" || l.pointerType === "keyboard" && b && q() || l.pointerType === "mouse" && C.current) && (b ? f() : K(l));
-  }), m["data-key"] = t, g.preventFocusOnPress = s;
-  let { pressProps: M, isPressed: I } = te(g), o = v ? (l) => {
-    $.current === "mouse" && (l.stopPropagation(), l.preventDefault(), f());
-  } : void 0, { longPressProps: d } = le({
-    isDisabled: !x,
-    onLongPress(l) {
-      l.pointerType === "touch" && (K(l), e.setSelectionBehavior("toggle"));
-    }
-  });
   return {
-    itemProps: G(m, p || y ? M : {}, x ? d : {}, {
-      onDoubleClick: o,
-      onDragStartCapture: (l) => {
-        $.current === "touch" && T.current && l.preventDefault();
-      }
+    labelProps: s,
+    inputProps: $(b, t === "input" && p, {
+      disabled: n,
+      readOnly: i,
+      "aria-required": o || void 0,
+      "aria-invalid": d === "invalid" || void 0,
+      "aria-errormessage": e["aria-errormessage"],
+      "aria-activedescendant": e["aria-activedescendant"],
+      "aria-autocomplete": e["aria-autocomplete"],
+      "aria-haspopup": e["aria-haspopup"],
+      value: e.value,
+      defaultValue: e.value ? void 0 : e.defaultValue,
+      onChange: (P) => r(P.target.value),
+      autoComplete: e.autoComplete,
+      maxLength: e.maxLength,
+      minLength: e.minLength,
+      name: e.name,
+      placeholder: e.placeholder,
+      inputMode: e.inputMode,
+      // Clipboard events
+      onCopy: e.onCopy,
+      onCut: e.onCut,
+      onPaste: e.onPaste,
+      // Composition events
+      onCompositionEnd: e.onCompositionEnd,
+      onCompositionStart: e.onCompositionStart,
+      onCompositionUpdate: e.onCompositionUpdate,
+      // Selection events
+      onSelect: e.onSelect,
+      // Input events
+      onBeforeInput: e.onBeforeInput,
+      onInput: e.onInput,
+      ...u,
+      ...c
     }),
-    isPressed: I,
-    isSelected: e.isSelected(t),
-    isFocused: e.isFocused && e.focusedKey === t,
-    isDisabled: u,
-    allowsSelection: p,
-    hasAction: b
-  };
-}
-function q() {
-  let a = window.event;
-  return (a == null ? void 0 : a.key) === "Enter";
-}
-function H() {
-  let a = window.event;
-  return (a == null ? void 0 : a.key) === " " || (a == null ? void 0 : a.code) === "Space";
-}
-class ce {
-  getNextKey(e) {
-    for (e = this.collection.getKeyAfter(e); e != null; ) {
-      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
-        return e;
-      e = this.collection.getKeyAfter(e);
-    }
-    return null;
-  }
-  getPreviousKey(e) {
-    for (e = this.collection.getKeyBefore(e); e != null; ) {
-      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
-        return e;
-      e = this.collection.getKeyBefore(e);
-    }
-    return null;
-  }
-  findKey(e, t, i) {
-    let r = this.getItem(e);
-    if (!r)
-      return null;
-    let s = r.getBoundingClientRect();
-    do
-      e = t(e), r = this.getItem(e);
-    while (r && i(s, r.getBoundingClientRect()));
-    return e;
-  }
-  isSameRow(e, t) {
-    return e.top === t.top || e.left !== t.left;
-  }
-  isSameColumn(e, t) {
-    return e.left === t.left || e.top !== t.top;
-  }
-  getKeyBelow(e) {
-    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(e, (t) => this.getNextKey(t), this.isSameRow) : this.getNextKey(e);
-  }
-  getKeyAbove(e) {
-    return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(e, (t) => this.getPreviousKey(t), this.isSameRow) : this.getPreviousKey(e);
-  }
-  getNextColumn(e, t) {
-    return t ? this.getPreviousKey(e) : this.getNextKey(e);
-  }
-  getKeyRightOf(e) {
-    return this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(e, this.direction === "rtl") : this.findKey(e, (t) => this.getNextColumn(t, this.direction === "rtl"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(e, this.direction === "rtl") : null;
-  }
-  getKeyLeftOf(e) {
-    return this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(e, this.direction === "ltr") : this.findKey(e, (t) => this.getNextColumn(t, this.direction === "ltr"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(e, this.direction === "ltr") : null;
-  }
-  getFirstKey() {
-    let e = this.collection.getFirstKey();
-    for (; e != null; ) {
-      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
-        return e;
-      e = this.collection.getKeyAfter(e);
-    }
-    return null;
-  }
-  getLastKey() {
-    let e = this.collection.getLastKey();
-    for (; e != null; ) {
-      if (this.collection.getItem(e).type === "item" && !this.disabledKeys.has(e))
-        return e;
-      e = this.collection.getKeyBefore(e);
-    }
-    return null;
-  }
-  getItem(e) {
-    return this.ref.current.querySelector(`[data-key="${e}"]`);
-  }
-  getKeyPageAbove(e) {
-    let t = this.ref.current, i = this.getItem(e);
-    if (!i)
-      return null;
-    if (!W(t))
-      return this.getFirstKey();
-    let r = t.getBoundingClientRect(), s = i.getBoundingClientRect();
-    if (this.orientation === "horizontal") {
-      let c = r.x - t.scrollLeft, u = Math.max(0, s.x - c + s.width - r.width);
-      for (; i && s.x - c > u; )
-        e = this.getKeyAbove(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
-    } else {
-      let c = r.y - t.scrollTop, u = Math.max(0, s.y - c + s.height - r.height);
-      for (; i && s.y - c > u; )
-        e = this.getKeyAbove(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
-    }
-    return e ?? this.getFirstKey();
-  }
-  getKeyPageBelow(e) {
-    let t = this.ref.current, i = this.getItem(e);
-    if (!i)
-      return null;
-    if (!W(t))
-      return this.getLastKey();
-    let r = t.getBoundingClientRect(), s = i.getBoundingClientRect();
-    if (this.orientation === "horizontal") {
-      let c = r.x - t.scrollLeft, u = Math.min(t.scrollWidth, s.x - c - s.width + r.width);
-      for (; i && s.x - c < u; )
-        e = this.getKeyBelow(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
-    } else {
-      let c = r.y - t.scrollTop, u = Math.min(t.scrollHeight, s.y - c - s.height + r.height);
-      for (; i && s.y - c < u; )
-        e = this.getKeyBelow(e), i = e == null ? null : this.getItem(e), s = i == null ? void 0 : i.getBoundingClientRect();
-    }
-    return e ?? this.getLastKey();
-  }
-  getKeyForSearch(e, t) {
-    if (!this.collator)
-      return null;
-    let i = this.collection, r = t || this.getFirstKey();
-    for (; r != null; ) {
-      let s = i.getItem(r), c = s.textValue.slice(0, e.length);
-      if (s.textValue && this.collator.compare(c, e) === 0)
-        return r;
-      r = this.getKeyBelow(r);
-    }
-    return null;
-  }
-  constructor(...e) {
-    if (e.length === 1) {
-      let t = e[0];
-      this.collection = t.collection, this.ref = t.ref, this.disabledKeys = t.disabledKeys || /* @__PURE__ */ new Set(), this.orientation = t.orientation, this.direction = t.direction, this.layout = t.layout || "stack";
-    } else
-      this.collection = e[0], this.disabledKeys = e[1], this.ref = e[2], this.collator = e[3], this.layout = "stack", this.orientation = "vertical";
-    this.layout === "stack" && this.orientation === "vertical" && (this.getKeyLeftOf = void 0, this.getKeyRightOf = void 0);
-  }
-}
-function ge(a) {
-  let { selectionManager: e, collection: t, disabledKeys: i, ref: r, keyboardDelegate: s, autoFocus: c, shouldFocusWrap: u, isVirtualized: f, disallowEmptySelection: B, selectOnFocus: K = e.selectionBehavior === "replace", disallowTypeAhead: m, shouldUseVirtualFocus: p, allowsTabNavigation: h } = a, y = ie({
-    usage: "search",
-    sensitivity: "base"
-  }), v = e.disabledBehavior, b = j(() => s || new ce(t, v === "selection" ? /* @__PURE__ */ new Set() : i, r, y), [
-    s,
-    t,
-    i,
-    r,
-    y,
-    v
-  ]), { collectionProps: $ } = ae({
-    ref: r,
-    selectionManager: e,
-    keyboardDelegate: b,
-    autoFocus: c,
-    shouldFocusWrap: u,
-    disallowEmptySelection: B,
-    selectOnFocus: K,
-    disallowTypeAhead: m,
-    shouldUseVirtualFocus: p,
-    allowsTabNavigation: h,
-    isVirtualized: f,
-    scrollRef: r
-  });
-  return {
-    listProps: $
+    descriptionProps: m,
+    errorMessageProps: f
   };
 }
 export {
-  ce as ListKeyboardDelegate,
-  ae as useSelectableCollection,
-  pe as useSelectableItem,
-  ge as useSelectableList,
-  se as useTypeSelect
+  S as useTextField
 };

package/dist/lyra7.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra38.cjs");require("./lyra48.cjs");const o=t.cva(["outline-none","box-border"],{variants:{isFocusVisible:{true:"relative after:absolute after:content-[''] after:-left-1 after:-right-1 after:-top-1 after:-bottom-1 after:bg-transparent after:border after:border-solid after:border-current after:rounded-md",false:""},isDisabled:{true:["cursor-not-allowed","![--button-main-color:--color-neutral-3]","![--button-inverted-color:--color-neutral-7]"],false:""},isLoading:{true:["cursor-wait","![--button-main-color:--color-neutral-3]","![--button-inverted-color:--color-neutral-7]"],false:""}}}),e=t.cva(["btn","flex","items-center","justify-center","gap-2","rounded-[--button-radius]","font-[--button-text-weight]","outline-none","ease-out","duration-150","select-none","box-border"],{variants:{color:{monochrome:["[--button-main-color:--button-monochrome-2]","[--button-hover-color:--button-monochrome-1]","[--button-pressed-color:--button-monochrome-3]","[--button-inverted-color:--button-monochrome-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-monochrome-opacity-1]","[--button-ghost-pressed-color:--button-monochrome-opacity-2]","[--button-disabled-color:--button-monochrome-opacity-2]","[--button-focus-ring-color:--button-monochrome-opacity-2]"],primary:["[--button-main-color:--button-primary-2]","[--button-hover-color:--button-primary-1]","[--button-pressed-color:--button-primary-3]","[--button-inverted-color:--button-primary-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-primary-opacity-1]","[--button-ghost-pressed-color:--button-primary-opacity-2]","[--button-disabled-color:--button-primary-opacity-2]","[--button-focus-ring-color:--button-primary-opacity-2]"],success:["[--button-main-color:--button-success-2]","[--button-hover-color:--button-success-1]","[--button-pressed-color:--button-success-3]","[--button-inverted-color:--button-success-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-success-opacity-1]","[--button-ghost-pressed-color:--button-success--opacity-2]","[--button-disabled-color:--button-success-opacity-2]","[--button-focus-ring-color:--button-success-opacity-2]"],danger:["[--button-main-color:--button-danger-2]","[--button-hover-color:--button-danger-1]","[--button-pressed-color:--button-danger-3]","[--button-inverted-color:--button-danger-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-danger-opacity-1]","[--button-ghost-pressed-color:--button-danger-opacity-2]","[--button-disabled-color:--button-danger-opacity-2]","[--button-focus-ring-color:--button-danger-opacity-2]"],warning:["[--button-main-color:--button-warning-2]","[--button-hover-color:--button-warning-1]","[--button-pressed-color:--button-warning-3]","[--button-inverted-color:--button-warning-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-warning-opacity-1]","[--button-ghost-pressed-color:--button-warning-opacity-2]","[--button-disabled-color:--button-warning-opacity-2]","[--button-focus-ring-color:--button-warning-opacity-2]"]},variant:{solid:["bg-[--button-main-color]","!text-[--button-inverted-color]"],outline:["bg-transparent","ring-[length:var(--button-outlined-ring-size)] ring-[--button-main-color]","!text-[--button-main-color]"],ghost:["!text-[--button-main-color]","border-transparent","!bg-[--button-ghost-bg-color]"]},size:{small:["px-[--button-size-small-padding-x]","py-[--button-size-small-padding-y]","text-[--button-small-text-size]"],medium:["px-[--button-size-medium-padding-x]","py-[--button-size-medium-padding-y]","text-[--button-medium-text-size]"],large:["px-[--button-size-large-padding-x]","py-[--button-size-large-padding-y]","text-[--button-large-text-size]"]},isFocusVisible:{true:"ring ring-[--button-focus-ring-color]",false:""},isFocused:{true:""},isHovered:{true:"[--button-main-color:--button-hover-color]"},isPressed:{true:"![--button-main-color:--button-pressed-color]"},isDisabled:{true:["cursor-not-allowed","[--button-main-color:--button-disabled-color]"]},isLoading:{true:["cursor-wait","[--button-main-color:--button-disabled-color]"]},fullWidth:{true:"w-full",false:""}},compoundVariants:[{isDisabled:!1,isLoading:!1,variant:"ghost",isHovered:!0,className:["[--button-ghost-bg-color:--button-ghost-hover-color]"]},{isDisabled:!1,isLoading:!1,variant:"ghost",isPressed:!0,className:["[--button-ghost-bg-color:--button-ghost-pressed-color]"]},{isDisabled:!1,isLoading:!1,variant:"outline",isHovered:!0,className:["!bg-[--button-hover-color]","!text-[--button-inverted-color]"]},{isDisabled:!1,isLoading:!1,variant:"outline",isPressed:!0,className:["!bg-[--button-pressed-color]","!text-[--button-inverted-color]"]}],defaultVariants:{color:"primary",size:"medium",variant:"solid",isDisabled:!1,isLoading:!1,isFocusVisible:!1,isFocused:!1,isHovered:!1}}),n=t.cva([],{variants:{size:{small:"w-[--button-size-small-icon-size] h-[--button-size-small-icon-size]",medium:"w-[--button-size-medium-icon-size] h-[--button-size-medium-icon-size]",large:"w-[--button-size-large-icon-size] h-[--button-size-large-icon-size]"}},defaultVariants:{size:"medium"}});exports.buttonStyles=e;exports.iconStyles=n;exports.nakedButtonStyles=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra32.cjs");require("./lyra36.cjs");const o=t.cva(["outline-none","box-border"],{variants:{isFocusVisible:{true:"relative after:absolute after:content-[''] after:-left-1 after:-right-1 after:-top-1 after:-bottom-1 after:bg-transparent after:border after:border-solid after:border-current after:rounded-md",false:""},isDisabled:{true:["cursor-not-allowed","![--button-main-color:--color-neutral-3]","![--button-inverted-color:--color-neutral-7]"],false:""},isLoading:{true:["cursor-wait","![--button-main-color:--color-neutral-3]","![--button-inverted-color:--color-neutral-7]"],false:""}}}),e=t.cva(["btn","flex","items-center","justify-center","gap-2","rounded-[--button-radius]","font-[--button-text-weight]","outline-none","ease-out","duration-150","select-none","box-border"],{variants:{color:{monochrome:["[--button-main-color:--button-monochrome-2]","[--button-hover-color:--button-monochrome-1]","[--button-pressed-color:--button-monochrome-3]","[--button-inverted-color:--button-monochrome-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-monochrome-opacity-1]","[--button-ghost-pressed-color:--button-monochrome-opacity-2]","[--button-disabled-color:--button-monochrome-opacity-2]","[--button-focus-ring-color:--button-monochrome-opacity-2]"],primary:["[--button-main-color:--button-primary-2]","[--button-hover-color:--button-primary-1]","[--button-pressed-color:--button-primary-3]","[--button-inverted-color:--button-primary-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-primary-opacity-1]","[--button-ghost-pressed-color:--button-primary-opacity-2]","[--button-disabled-color:--button-primary-opacity-2]","[--button-focus-ring-color:--button-primary-opacity-2]"],success:["[--button-main-color:--button-success-2]","[--button-hover-color:--button-success-1]","[--button-pressed-color:--button-success-3]","[--button-inverted-color:--button-success-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-success-opacity-1]","[--button-ghost-pressed-color:--button-success--opacity-2]","[--button-disabled-color:--button-success-opacity-2]","[--button-focus-ring-color:--button-success-opacity-2]"],danger:["[--button-main-color:--button-danger-2]","[--button-hover-color:--button-danger-1]","[--button-pressed-color:--button-danger-3]","[--button-inverted-color:--button-danger-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-danger-opacity-1]","[--button-ghost-pressed-color:--button-danger-opacity-2]","[--button-disabled-color:--button-danger-opacity-2]","[--button-focus-ring-color:--button-danger-opacity-2]"],warning:["[--button-main-color:--button-warning-2]","[--button-hover-color:--button-warning-1]","[--button-pressed-color:--button-warning-3]","[--button-inverted-color:--button-warning-inverted]","[--button-ghost-bg-color:transparent]","[--button-ghost-hover-color:--button-warning-opacity-1]","[--button-ghost-pressed-color:--button-warning-opacity-2]","[--button-disabled-color:--button-warning-opacity-2]","[--button-focus-ring-color:--button-warning-opacity-2]"]},variant:{solid:["bg-[--button-main-color]","!text-[--button-inverted-color]"],outline:["bg-transparent","ring-[length:var(--button-outlined-ring-size)] ring-[--button-main-color]","!text-[--button-main-color]"],ghost:["!text-[--button-main-color]","border-transparent","!bg-[--button-ghost-bg-color]"]},size:{small:["px-[--button-size-small-padding-x]","py-[--button-size-small-padding-y]","text-[--button-small-text-size]"],medium:["px-[--button-size-medium-padding-x]","py-[--button-size-medium-padding-y]","text-[--button-medium-text-size]"],large:["px-[--button-size-large-padding-x]","py-[--button-size-large-padding-y]","text-[--button-large-text-size]"]},isFocusVisible:{true:"ring ring-[--button-focus-ring-color]",false:""},isFocused:{true:""},isHovered:{true:"[--button-main-color:--button-hover-color]"},isPressed:{true:"![--button-main-color:--button-pressed-color]"},isDisabled:{true:["cursor-not-allowed","[--button-main-color:--button-disabled-color]"]},isLoading:{true:["cursor-wait","[--button-main-color:--button-disabled-color]"]},fullWidth:{true:"w-full",false:""}},compoundVariants:[{isDisabled:!1,isLoading:!1,variant:"ghost",isHovered:!0,className:["[--button-ghost-bg-color:--button-ghost-hover-color]"]},{isDisabled:!1,isLoading:!1,variant:"ghost",isPressed:!0,className:["[--button-ghost-bg-color:--button-ghost-pressed-color]"]},{isDisabled:!1,isLoading:!1,variant:"outline",isHovered:!0,className:["!bg-[--button-hover-color]","!text-[--button-inverted-color]"]},{isDisabled:!1,isLoading:!1,variant:"outline",isPressed:!0,className:["!bg-[--button-pressed-color]","!text-[--button-inverted-color]"]}],defaultVariants:{color:"primary",size:"medium",variant:"solid",isDisabled:!1,isLoading:!1,isFocusVisible:!1,isFocused:!1,isHovered:!1}}),n=t.cva([],{variants:{size:{small:"w-[--button-size-small-icon-size] h-[--button-size-small-icon-size]",medium:"w-[--button-size-medium-icon-size] h-[--button-size-medium-icon-size]",large:"w-[--button-size-large-icon-size] h-[--button-size-large-icon-size]"}},defaultVariants:{size:"medium"}});exports.buttonStyles=e;exports.iconStyles=n;exports.nakedButtonStyles=o;

package/dist/lyra7.js

@@ -1,5 +1,5 @@
-import { cva as o } from "./lyra38.js";
-import "./lyra48.js";
+import { cva as o } from "./lyra32.js";
+import "./lyra36.js";
 const e = o(["outline-none", "box-border"], {
   variants: {
     isFocusVisible: {

package/dist/lyra70.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra33.cjs"),b=require("./lyra65.cjs"),y=require("./lyra40.cjs");require("react");function h(e,a){let{inputElementType:n="input",isDisabled:i=!1,isRequired:o=!1,isReadOnly:l=!1,validationState:r,type:u="text",onChange:d=()=>{}}=e,{focusableProps:s}=y.useFocusable(e,a),{labelProps:m,fieldProps:c,descriptionProps:P,errorMessageProps:f}=b.useField(e),g=t.filterDOMProps(e,{labelable:!0});const p={type:u,pattern:e.pattern};return{labelProps:m,inputProps:t.mergeProps(g,n==="input"&&p,{disabled:i,readOnly:l,"aria-required":o||void 0,"aria-invalid":r==="invalid"||void 0,"aria-errormessage":e["aria-errormessage"],"aria-activedescendant":e["aria-activedescendant"],"aria-autocomplete":e["aria-autocomplete"],"aria-haspopup":e["aria-haspopup"],value:e.value,defaultValue:e.value?void 0:e.defaultValue,onChange:C=>d(C.target.value),autoComplete:e.autoComplete,maxLength:e.maxLength,minLength:e.minLength,name:e.name,placeholder:e.placeholder,inputMode:e.inputMode,onCopy:e.onCopy,onCut:e.onCut,onPaste:e.onPaste,onCompositionEnd:e.onCompositionEnd,onCompositionStart:e.onCompositionStart,onCompositionUpdate:e.onCompositionUpdate,onSelect:e.onSelect,onBeforeInput:e.onBeforeInput,onInput:e.onInput,...s,...c}),descriptionProps:P,errorMessageProps:f}}exports.useTextField=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./lyra35.cjs"),n=require("./lyra45.cjs"),p=require("react"),S=require("./lyra48.cjs");function h(l,e){let t=u.filterDOMProps(l,{labelable:!0}),{hoverProps:i}=n.useHover({onHoverStart:()=>e==null?void 0:e.open(!0),onHoverEnd:()=>e==null?void 0:e.close()});return{tooltipProps:u.mergeProps(t,i,{role:"tooltip"})}}function D(l,e,t){let{isDisabled:i,trigger:d}=l,a=u.useId(),r=p.useRef(!1),o=p.useRef(!1),f=()=>{(r.current||o.current)&&e.open(o.current)},c=s=>{!r.current&&!o.current&&e.close(s)};p.useEffect(()=>{let s=b=>{t&&t.current&&b.key==="Escape"&&(b.stopPropagation(),e.close(!0))};if(e.isOpen)return document.addEventListener("keydown",s,!0),()=>{document.removeEventListener("keydown",s,!0)}},[t,e]);let v=()=>{d!=="focus"&&(n.getInteractionModality()==="pointer"?r.current=!0:r.current=!1,f())},P=()=>{d!=="focus"&&(o.current=!1,r.current=!1,c())},g=()=>{o.current=!1,r.current=!1,c(!0)},m=()=>{n.isFocusVisible()&&(o.current=!0,f())},H=()=>{o.current=!1,r.current=!1,c(!0)},{hoverProps:$}=n.useHover({isDisabled:i,onHoverStart:v,onHoverEnd:P}),{pressProps:y}=n.usePress({onPressStart:g}),{focusableProps:E}=S.useFocusable({isDisabled:i,onFocus:m,onBlur:H},t);return{triggerProps:{"aria-describedby":e.isOpen?a:void 0,...u.mergeProps(E,$,y)},tooltipProps:{id:a}}}exports.useTooltip=h;exports.useTooltipTrigger=D;

package/dist/lyra70.js

@@ -1,56 +1,70 @@
-import { filterDOMProps as C, mergeProps as $ } from "./lyra33.js";
-import { useField as g } from "./lyra65.js";
-import { useFocusable as h } from "./lyra40.js";
-import "react";
-function S(e, a) {
-  let { inputElementType: t = "input", isDisabled: n = !1, isRequired: o = !1, isReadOnly: i = !1, validationState: d, type: l = "text", onChange: r = () => {
-  } } = e, { focusableProps: u } = h(e, a), { labelProps: s, fieldProps: c, descriptionProps: m, errorMessageProps: f } = g(e), b = C(e, {
+import { useId as E, mergeProps as p, filterDOMProps as y } from "./lyra35.js";
+import { useHover as b, usePress as D, getInteractionModality as S, isFocusVisible as F } from "./lyra45.js";
+import { useRef as a, useEffect as w } from "react";
+import { useFocusable as k } from "./lyra48.js";
+function B(i, e) {
+  let t = y(i, {
     labelable: !0
+  }), { hoverProps: n } = b({
+    onHoverStart: () => e == null ? void 0 : e.open(!0),
+    onHoverEnd: () => e == null ? void 0 : e.close()
   });
-  const p = {
-    type: l,
-    pattern: e.pattern
+  return {
+    tooltipProps: p(t, n, {
+      role: "tooltip"
+    })
+  };
+}
+function L(i, e, t) {
+  let { isDisabled: n, trigger: u } = i, c = E(), r = a(!1), o = a(!1), d = () => {
+    (r.current || o.current) && e.open(o.current);
+  }, l = (s) => {
+    !r.current && !o.current && e.close(s);
   };
+  w(() => {
+    let s = (f) => {
+      t && t.current && f.key === "Escape" && (f.stopPropagation(), e.close(!0));
+    };
+    if (e.isOpen)
+      return document.addEventListener("keydown", s, !0), () => {
+        document.removeEventListener("keydown", s, !0);
+      };
+  }, [
+    t,
+    e
+  ]);
+  let $ = () => {
+    u !== "focus" && (S() === "pointer" ? r.current = !0 : r.current = !1, d());
+  }, v = () => {
+    u !== "focus" && (o.current = !1, r.current = !1, l());
+  }, P = () => {
+    o.current = !1, r.current = !1, l(!0);
+  }, m = () => {
+    F() && (o.current = !0, d());
+  }, g = () => {
+    o.current = !1, r.current = !1, l(!0);
+  }, { hoverProps: x } = b({
+    isDisabled: n,
+    onHoverStart: $,
+    onHoverEnd: v
+  }), { pressProps: H } = D({
+    onPressStart: P
+  }), { focusableProps: h } = k({
+    isDisabled: n,
+    onFocus: m,
+    onBlur: g
+  }, t);
   return {
-    labelProps: s,
-    inputProps: $(b, t === "input" && p, {
-      disabled: n,
-      readOnly: i,
-      "aria-required": o || void 0,
-      "aria-invalid": d === "invalid" || void 0,
-      "aria-errormessage": e["aria-errormessage"],
-      "aria-activedescendant": e["aria-activedescendant"],
-      "aria-autocomplete": e["aria-autocomplete"],
-      "aria-haspopup": e["aria-haspopup"],
-      value: e.value,
-      defaultValue: e.value ? void 0 : e.defaultValue,
-      onChange: (P) => r(P.target.value),
-      autoComplete: e.autoComplete,
-      maxLength: e.maxLength,
-      minLength: e.minLength,
-      name: e.name,
-      placeholder: e.placeholder,
-      inputMode: e.inputMode,
-      // Clipboard events
-      onCopy: e.onCopy,
-      onCut: e.onCut,
-      onPaste: e.onPaste,
-      // Composition events
-      onCompositionEnd: e.onCompositionEnd,
-      onCompositionStart: e.onCompositionStart,
-      onCompositionUpdate: e.onCompositionUpdate,
-      // Selection events
-      onSelect: e.onSelect,
-      // Input events
-      onBeforeInput: e.onBeforeInput,
-      onInput: e.onInput,
-      ...u,
-      ...c
-    }),
-    descriptionProps: m,
-    errorMessageProps: f
+    triggerProps: {
+      "aria-describedby": e.isOpen ? c : void 0,
+      ...p(h, x, H)
+    },
+    tooltipProps: {
+      id: c
+    }
   };
 }
 export {
-  S as useTextField
+  B as useTooltip,
+  L as useTooltipTrigger
 };