@new-black/lyra 0.0.9 → 0.0.10

package/dist/lyra68.js

@@ -1,447 +1,34 @@
-import { useEffect as V, useRef as P, useMemo as j } from "react";
-import { focusSafely as U, getFocusableTreeWalker as J } from "./lyra48.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 "./lyra35.js";
-import { usePress as te, useLongPress as le, getInteractionModality as X } from "./lyra45.js";
-import { useCollator as ie, useLocale as oe } from "./lyra30.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
-    };
-  });
-  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 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;
+import { useState as $, useRef as V, useEffect as h, useCallback as w } from "react";
+function x(n, a, o) {
+  let [i, u] = $(n || a), f = V(n !== void 0), e = n !== void 0;
+  h(() => {
+    let t = f.current;
+    t !== e && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), f.current = e;
   }, [
-    p,
-    h,
-    e.focusedKey,
-    e.isFocused,
-    i
+    e
   ]);
-  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));
+  let c = e ? n : i, b = w((t, ...s) => {
+    let d = (r, ...l) => {
+      o && (Object.is(c, r) || o(r, ...l)), e || (c = r);
+    };
+    typeof t == "function" ? (console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), u((l, ...m) => {
+      let p = t(e ? c : l, ...m);
+      return d(p, ...s), e ? l : p;
+    })) : (e || u(t), d(t, ...s));
   }, [
-    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();
-      }
-    }),
-    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);
-  }
+    e,
+    c,
+    o
+  ]);
+  return [
+    c,
+    b
+  ];
 }
-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: $
-  };
+function S(n, a = -1 / 0, o = 1 / 0) {
+  return Math.min(Math.max(n, a), o);
 }
 export {
-  ce as ListKeyboardDelegate,
-  ae as useSelectableCollection,
-  pe as useSelectableItem,
-  ge as useSelectableList,
-  se as useTypeSelect
+  S as clamp,
+  x as useControlledState
 };

package/dist/lyra69.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra35.cjs"),b=require("./lyra64.cjs"),y=require("./lyra48.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("./lyra37.cjs"),c=require("./lyra66.cjs"),f=require("./lyra31.cjs"),P=require("./lyra68.cjs");function v(a){let{value:e=0,minValue:r=0,maxValue:l=100,valueLabel:t,isIndeterminate:o,formatOptions:i={style:"percent"}}=a,s=u.filterDOMProps(a,{labelable:!0}),{labelProps:n,fieldProps:m}=c.useLabel({...a,labelElementType:"span"});e=P.clamp(e,r,l);let p=(e-r)/(l-r),d=f.useNumberFormatter(i);if(!o&&!t){let b=i.style==="percent"?p:e;t=d.format(b)}return{progressBarProps:u.mergeProps(s,{...m,"aria-valuenow":o?void 0:e,"aria-valuemin":r,"aria-valuemax":l,"aria-valuetext":o?void 0:t,role:"progressbar"}),labelProps:n}}exports.useProgressBar=v;

package/dist/lyra69.js

@@ -1,56 +1,36 @@
-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, {
+import { filterDOMProps as n, mergeProps as u } from "./lyra37.js";
+import { useLabel as $ } from "./lyra66.js";
+import { useNumberFormatter as c } from "./lyra31.js";
+import { clamp as x } from "./lyra68.js";
+function y(r) {
+  let { value: e = 0, minValue: a = 0, maxValue: t = 100, valueLabel: l, isIndeterminate: o, formatOptions: s = {
+    style: "percent"
+  } } = r, f = n(r, {
     labelable: !0
+  }), { labelProps: m, fieldProps: p } = $({
+    ...r,
+    // Progress bar is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
   });
-  const p = {
-    type: l,
-    pattern: e.pattern
-  };
+  e = x(e, a, t);
+  let d = (e - a) / (t - a), i = c(s);
+  if (!o && !l) {
+    let b = s.style === "percent" ? d : e;
+    l = i.format(b);
+  }
   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
+    progressBarProps: u(f, {
+      ...p,
+      "aria-valuenow": o ? void 0 : e,
+      "aria-valuemin": a,
+      "aria-valuemax": t,
+      "aria-valuetext": o ? void 0 : l,
+      role: "progressbar"
     }),
-    descriptionProps: m,
-    errorMessageProps: f
+    labelProps: m
   };
 }
 export {
-  S as useTextField
+  y as useProgressBar
 };

package/dist/lyra7.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra34.cjs");require("./lyra40.cjs");const o=e.cva(["inline-flex","items-center","justify-center","h-[--badge-height]","px-[--badge-padding-x]","rounded-[--badge-radius]","text-[length:--badge-font-size]","leading-[--badge-line-height]","font-[--badge-font-weight]","inline-block","uppercase","tracking-[--badge-letter-spacing]"],{variants:{color:{primary:["[--badge-main-color:var(--badge-color-primary)]","[--badge-contrast-color:var(--badge-color-primary-foreground)]"],monochrome:["[--badge-main-color:var(--badge-color-monochrome)]","[--badge-contrast-color:var(--badge-color-monochrome-foreground)]"],success:["[--badge-main-color:var(--badge-color-success)]","[--badge-contrast-color:var(--badge-color-success-foreground)]"],warning:["[--badge-main-color:var(--badge-color-warning)]","[--badge-contrast-color:var(--badge-color-warning-foreground)]"],danger:["[--badge-main-color:var(--badge-color-danger)]","[--badge-contrast-color:var(--badge-color-danger-foreground)]"]},variant:{solid:["bg-[--badge-main-color]","text-[--badge-contrast-color]"],outline:["border","border-solid","border-[--badge-main-color]","text-[--badge-main-color]","bg-transparent"],dot:["relative","text-[--badge-main-color]","ps-2.5","bg-transparent","before:content-['']","before:absolute","before:bg-[--badge-main-color]","before:w-[--badge-dot-size]","before:h-[--badge-dot-size]","before:rounded-full","before:top-1/2","before:start-0","before:translate-y-[-50%]"]}},defaultVariants:{color:"primary",variant:"solid"}});exports.badgeStyles=o;