@new-black/lyra 0.0.8 → 0.0.10

package/dist/lyra88.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),F=require("./lyra66.cjs"),a=require("./lyra50.cjs");class n extends Set{constructor(e,t,l){super(e),e instanceof n?(this.anchorKey=t||e.anchorKey,this.currentKey=l||e.currentKey):(this.anchorKey=t,this.currentKey=l)}}function B(i,e){if(i.size!==e.size)return!1;for(let t of i)if(!e.has(t))return!1;return!0}function A(i){let{selectionMode:e="none",disallowEmptySelection:t,allowDuplicateSelectionEvents:l,selectionBehavior:s="toggle",disabledBehavior:r="all"}=i,u=c.useRef(!1),[,m]=c.useState(!1),f=c.useRef(null),S=c.useRef(null),[,v]=c.useState(null),p=c.useMemo(()=>g(i.selectedKeys),[i.selectedKeys]),w=c.useMemo(()=>g(i.defaultSelectedKeys,new n),[i.defaultSelectedKeys]),[h,b]=F.useControlledState(p,w,i.onSelectionChange),M=c.useMemo(()=>i.disabledKeys?new Set(i.disabledKeys):new Set,[i.disabledKeys]),[y,d]=c.useState(s);s==="replace"&&y==="toggle"&&typeof h=="object"&&h.size===0&&d("replace");let K=c.useRef(s);return c.useEffect(()=>{s!==K.current&&(d(s),K.current=s)},[s]),{selectionMode:e,disallowEmptySelection:t,selectionBehavior:y,setSelectionBehavior:d,get isFocused(){return u.current},setFocused(o){u.current=o,m(o)},get focusedKey(){return f.current},get childFocusStrategy(){return S.current},setFocusedKey(o,I="first"){f.current=o,S.current=I,v(o)},selectedKeys:h,setSelectedKeys(o){(l||!B(o,h))&&b(o)},disabledKeys:M,disabledBehavior:r}}function g(i,e){return i?i==="all"?"all":new n(i):e}class E{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(e){this.state.setSelectionBehavior(e)}get isFocused(){return this.state.isFocused}setFocused(e){this.state.setFocused(e)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(e,t){(e==null||this.collection.getItem(e))&&this.state.setFocusedKey(e,t)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(e){return this.state.selectionMode==="none"?!1:(e=this.getKey(e),this.state.selectedKeys==="all"?this.canSelectItem(e):this.state.selectedKeys.has(e))}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}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&&a.compareNodeOrder(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&&a.compareNodeOrder(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}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 n([e],e,e);else{let l=this.state.selectedKeys,s=l.anchorKey||e;t=new n(l,s,e);for(let r of this.getKeyRange(s,l.currentKey||e))t.delete(r);for(let r of this.getKeyRange(e,s))this.canSelectItem(r)&&t.add(r)}this.state.setSelectedKeys(t)}getKeyRange(e,t){let l=this.collection.getItem(e),s=this.collection.getItem(t);return l&&s?a.compareNodeOrder(this.collection,l,s)<=0?this.getKeyRangeInternal(e,t):this.getKeyRangeInternal(t,e):[]}getKeyRangeInternal(e,t){let l=[],s=e;for(;s;){let r=this.collection.getItem(s);if((r&&r.type==="item"||r.type==="cell"&&this.allowsCellSelection)&&l.push(s),s===t)return l;s=this.collection.getKeyAfter(s)}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}toggleSelection(e){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(e)){this.replaceSelection(e);return}if(e=this.getKey(e),e==null)return;let t=new n(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)}replaceSelection(e){if(this.selectionMode==="none"||(e=this.getKey(e),e==null))return;let t=this.canSelectItem(e)?new n([e],e,e):new n;this.state.setSelectedKeys(t)}setSelectedKeys(e){if(this.selectionMode==="none")return;let t=new n;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(a.getFirstItem(a.getChildNodes(s,this.collection)).key)}l=this.collection.getKeyAfter(l)}};return t(this.collection.getFirstKey()),e}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new n)}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))}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}}exports.SelectionManager=E;exports.useMultipleSelectionState=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/dist/lyra88.js

@@ -1,329 +1,4 @@
-import { useRef as a, useState as d, useMemo as u, useEffect as B } from "react";
-import { useControlledState as A } from "./lyra66.js";
-import { compareNodeOrder as f, getFirstItem as E, getChildNodes as C } from "./lyra50.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
-  };
-}
-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);
-    }
-    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 [];
-  }
-  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 (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;
-  }
-}
+var e = {};
 export {
-  N as SelectionManager,
-  D as useMultipleSelectionState
+  e as __exports
 };

package/dist/lyra9.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra27.cjs"),d=require("react"),i=require("./lyra8.cjs"),u=require("./lyra6.cjs");require("./lyra36.cjs");const x=require("./lyra79.cjs"),n=require("./lyra80.cjs"),a={showPassword:"Show password",hidePassword:"Hide password"},c=({translations:e,...o})=>{const[s,r]=d.useState("password");return e={...a,...e},t.jsxRuntimeExports.jsx(i.TextField,{...o,type:s,endSlot:t.jsxRuntimeExports.jsx(u.Button,{type:"button",className:"me-1",variant:"ghost",color:"monochrome",size:"small",onPress:()=>{r(s==="password"?"text":"password")},tooltip:s==="text"?e.hidePassword:e.showPassword,children:s==="text"?t.jsxRuntimeExports.jsx(n.EyeSlash,{}):t.jsxRuntimeExports.jsx(x.Eye,{})})})};exports.PasswordTextField=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra34.cjs");require("./lyra38.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/lyra9.js

@@ -1,41 +1,224 @@
-import { j as t } from "./lyra27.js";
-import { useState as m } from "react";
-import { TextField as p } from "./lyra8.js";
-import { Button as d } from "./lyra6.js";
-import "./lyra36.js";
-import { Eye as i } from "./lyra79.js";
-import { EyeSlash as w } from "./lyra80.js";
-const a = {
-  showPassword: "Show password",
-  hidePassword: "Hide password"
-}, n = ({
-  translations: o,
-  ...r
-}) => {
-  const [s, e] = m("password");
-  return o = { ...a, ...o }, /* @__PURE__ */ t.jsx(
-    p,
-    {
-      ...r,
-      type: s,
-      endSlot: /* @__PURE__ */ t.jsx(
-        d,
-        {
-          type: "button",
-          className: "me-1",
-          variant: "ghost",
-          color: "monochrome",
-          size: "small",
-          onPress: () => {
-            e(s === "password" ? "text" : "password");
-          },
-          tooltip: s === "text" ? o.hidePassword : o.showPassword,
-          children: s === "text" ? /* @__PURE__ */ t.jsx(w, {}) : /* @__PURE__ */ t.jsx(i, {})
-        }
-      )
+import { cva as o } from "./lyra34.js";
+import "./lyra38.js";
+const e = o(["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: ""
     }
-  );
-};
+  }
+}), r = o(
+  [
+    "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: [
+      // fix hover state for ghost buttons
+      {
+        isDisabled: !1,
+        isLoading: !1,
+        variant: "ghost",
+        isHovered: !0,
+        className: ["[--button-ghost-bg-color:--button-ghost-hover-color]"]
+      },
+      // fix pressed state for ghost buttons
+      {
+        isDisabled: !1,
+        isLoading: !1,
+        variant: "ghost",
+        isPressed: !0,
+        className: ["[--button-ghost-bg-color:--button-ghost-pressed-color]"]
+      },
+      // fix hover state for outline buttons
+      {
+        isDisabled: !1,
+        isLoading: !1,
+        variant: "outline",
+        isHovered: !0,
+        className: [
+          "!bg-[--button-hover-color]",
+          "!text-[--button-inverted-color]"
+        ]
+      },
+      // fix pressed state for outline buttons
+      {
+        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
+    }
+  }
+), s = o([], {
+  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"
+  }
+});
 export {
-  n as PasswordTextField
+  r as buttonStyles,
+  s as iconStyles,
+  e as nakedButtonStyles
 };

package/dist/lyra91.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra213.cjs"),r=require("./lyra214.cjs"),i=require("./lyra215.cjs");function s(e){return{cache:r.createLruCache(e.cacheSize),splitModifiers:i.createSplitModifiers(e),...t.createClassUtils(e)}}exports.createConfigUtils=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra215.cjs"),r=require("./lyra216.cjs"),i=require("./lyra217.cjs");function s(e){return{cache:r.createLruCache(e.cacheSize),splitModifiers:i.createSplitModifiers(e),...t.createClassUtils(e)}}exports.createConfigUtils=s;

package/dist/lyra91.js

@@ -1,6 +1,6 @@
-import { createClassUtils as r } from "./lyra213.js";
-import { createLruCache as t } from "./lyra214.js";
-import { createSplitModifiers as i } from "./lyra215.js";
+import { createClassUtils as r } from "./lyra215.js";
+import { createLruCache as t } from "./lyra216.js";
+import { createSplitModifiers as i } from "./lyra217.js";
 function s(e) {
   return {
     cache: t(e.cacheSize),

package/dist/lyra92.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra215.cjs");var p=/\s+/;function v(I,t){var C=t.splitModifiers,d=t.getClassGroupId,c=t.getConflictingClassGroupIds,f=new Set;return I.trim().split(p).map(function(i){var s=C(i),a=s.modifiers,n=s.hasImportantModifier,r=s.baseClassName,e=s.maybePostfixModifierPosition,o=d(e?r.substring(0,e):r),l=!!e;if(!o){if(!e)return{isTailwindClass:!1,originalClassName:i};if(o=d(r),!o)return{isTailwindClass:!1,originalClassName:i};l=!1}var u=m.sortModifiers(a).join(":"),M=n?u+m.IMPORTANT_MODIFIER:u;return{isTailwindClass:!0,modifierId:M,classGroupId:o,originalClassName:i,hasPostfixModifier:l}}).reverse().filter(function(i){if(!i.isTailwindClass)return!0;var s=i.modifierId,a=i.classGroupId,n=i.hasPostfixModifier,r=s+a;return f.has(r)?!1:(f.add(r),c(a,n).forEach(function(e){return f.add(s+e)}),!0)}).reverse().map(function(i){return i.originalClassName}).join(" ")}exports.mergeClassList=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra217.cjs");var p=/\s+/;function v(I,t){var C=t.splitModifiers,d=t.getClassGroupId,c=t.getConflictingClassGroupIds,f=new Set;return I.trim().split(p).map(function(i){var s=C(i),a=s.modifiers,n=s.hasImportantModifier,r=s.baseClassName,e=s.maybePostfixModifierPosition,o=d(e?r.substring(0,e):r),l=!!e;if(!o){if(!e)return{isTailwindClass:!1,originalClassName:i};if(o=d(r),!o)return{isTailwindClass:!1,originalClassName:i};l=!1}var u=m.sortModifiers(a).join(":"),M=n?u+m.IMPORTANT_MODIFIER:u;return{isTailwindClass:!0,modifierId:M,classGroupId:o,originalClassName:i,hasPostfixModifier:l}}).reverse().filter(function(i){if(!i.isTailwindClass)return!0;var s=i.modifierId,a=i.classGroupId,n=i.hasPostfixModifier,r=s+a;return f.has(r)?!1:(f.add(r),c(a,n).forEach(function(e){return f.add(s+e)}),!0)}).reverse().map(function(i){return i.originalClassName}).join(" ")}exports.mergeClassList=v;

package/dist/lyra92.js

@@ -1,4 +1,4 @@
-import { sortModifiers as M, IMPORTANT_MODIFIER as c } from "./lyra215.js";
+import { sortModifiers as M, IMPORTANT_MODIFIER as c } from "./lyra217.js";
 var v = /\s+/;
 function P(I, t) {
   var m = t.splitModifiers, d = t.getClassGroupId, p = t.getConflictingClassGroupIds, f = /* @__PURE__ */ new Set();

package/dist/lyra96.cjs

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