@new-black/lyra 0.0.8 → 0.0.10

package/dist/lyra7.js

@@ -1,224 +1,76 @@
-import { cva as o } from "./lyra32.js";
-import "./lyra36.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(
+import { cva as o } from "./lyra34.js";
+import "./lyra40.js";
+const a = o(
   [
-    "btn",
-    "flex",
+    "inline-flex",
     "items-center",
     "justify-center",
-    "gap-2",
-    "rounded-[--button-radius]",
-    "font-[--button-text-weight]",
-    "outline-none",
-    "ease-out",
-    "duration-150",
-    "select-none",
-    "box-border"
+    "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: {
-        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]"
+          "[--badge-main-color:var(--badge-color-primary)]",
+          "[--badge-contrast-color:var(--badge-color-primary-foreground)]"
         ],
-        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]"
+        monochrome: [
+          "[--badge-main-color:var(--badge-color-monochrome)]",
+          "[--badge-contrast-color:var(--badge-color-monochrome-foreground)]"
         ],
-        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]"
+        success: [
+          "[--badge-main-color:var(--badge-color-success)]",
+          "[--badge-contrast-color:var(--badge-color-success-foreground)]"
         ],
         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]"
+          "[--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-[--button-main-color]", "!text-[--button-inverted-color]"],
+        solid: ["bg-[--badge-main-color]", "text-[--badge-contrast-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]"
+          "border",
+          "border-solid",
+          "border-[--badge-main-color]",
+          "text-[--badge-main-color]",
+          "bg-transparent"
         ],
-        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]"
+        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%]"
         ]
-      },
-      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]"
+      variant: "solid"
     }
-  },
-  defaultVariants: {
-    size: "medium"
   }
-});
+);
 export {
-  r as buttonStyles,
-  s as iconStyles,
-  e as nakedButtonStyles
+  a as badgeStyles
 };

package/dist/lyra70.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),O=require("./lyra46.cjs"),K=require("./lyra37.cjs"),E=require("./lyra43.cjs"),Y=require("./lyra31.cjs");function X(c){return K.isAppleDevice()?c.altKey:c.ctrlKey}function B(c){return K.isMac()?c.metaKey:c.ctrlKey}const Z=1e3;function H(c){let{keyboardDelegate:e,selectionManager:t,onTypeSelect:i}=c,r=m.useRef({search:"",timeout:null}).current,s=u=>{let a=J(u.key);if(!a||u.ctrlKey||u.metaKey||!u.currentTarget.contains(u.target))return;a===" "&&r.search.trim().length>0&&(u.preventDefault(),"continuePropagation"in u||u.stopPropagation()),r.search+=a;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=""},Z)};return{typeSelectProps:{onKeyDownCapture:e.getKeyForSearch?s:null}}}function J(c){return c.length===1||!/^[A-Z]/i.test(c)?c:""}function G(c){let{selectionManager:e,keyboardDelegate:t,ref:i,autoFocus:r=!1,shouldFocusWrap:s=!1,disallowEmptySelection:u=!1,disallowSelectAll:a=!1,selectOnFocus:f=e.selectionBehavior==="replace",disallowTypeAhead:C=!1,shouldUseVirtualFocus:v,allowsTabNavigation:w=!1,isVirtualized:g,scrollRef:h=i}=c,{direction:y}=Y.useLocale(),F=o=>{if(o.altKey&&o.key==="Tab"&&o.preventDefault(),!i.current.contains(o.target))return;const d=(n,A)=>{n!=null&&(e.setFocusedKey(n,A),o.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(n):f&&!X(o)&&e.replaceSelection(n))};switch(o.key){case"ArrowDown":if(t.getKeyBelow){var S,l;o.preventDefault();let n=e.focusedKey!=null?t.getKeyBelow(e.focusedKey):(S=t.getFirstKey)===null||S===void 0?void 0:S.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 T,D;o.preventDefault();let n=e.focusedKey!=null?t.getKeyAbove(e.focusedKey):(T=t.getLastKey)===null||T===void 0?void 0:T.call(t);n==null&&s&&(n=(D=t.getLastKey)===null||D===void 0?void 0:D.call(t,e.focusedKey)),d(n)}break;case"ArrowLeft":if(t.getKeyLeftOf){var L,V;o.preventDefault();let n=t.getKeyLeftOf(e.focusedKey);n==null&&s&&(n=y==="rtl"?(L=t.getFirstKey)===null||L===void 0?void 0:L.call(t,e.focusedKey):(V=t.getLastKey)===null||V===void 0?void 0:V.call(t,e.focusedKey)),d(n,y==="rtl"?"first":"last")}break;case"ArrowRight":if(t.getKeyRightOf){var U,W;o.preventDefault();let n=t.getKeyRightOf(e.focusedKey);n==null&&s&&(n=y==="rtl"?(U=t.getLastKey)===null||U===void 0?void 0:U.call(t,e.focusedKey):(W=t.getFirstKey)===null||W===void 0?void 0:W.call(t,e.focusedKey)),d(n,y==="rtl"?"last":"first")}break;case"Home":if(t.getFirstKey){o.preventDefault();let n=t.getFirstKey(e.focusedKey,B(o));e.setFocusedKey(n),B(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,B(o));e.setFocusedKey(n),B(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":B(o)&&e.selectionMode==="multiple"&&a!==!0&&(o.preventDefault(),e.selectAll());break;case"Escape":o.preventDefault(),u||e.clearSelection();break;case"Tab":if(!w){if(o.shiftKey)i.current.focus();else{let n=O.getFocusableTreeWalker(i.current,{tabbable:!0}),A,M;do M=n.lastChild(),M&&(A=M);while(M);A&&!A.contains(document.activeElement)&&K.focusWithoutScrolling(A)}break}}},b=m.useRef({top:0,left:0});K.useEvent(h,"scroll",g?null:()=>{b.current={top:h.current.scrollTop,left:h.current.scrollLeft}});let P=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=D=>{D!=null&&(e.setFocusedKey(D),f&&e.replaceSelection(D))},T=o.relatedTarget;var d,S;T&&o.currentTarget.compareDocumentPosition(T)&Node.DOCUMENT_POSITION_FOLLOWING?l((d=e.lastSelectedKey)!==null&&d!==void 0?d:t.getLastKey()):l((S=e.firstSelectedKey)!==null&&S!==void 0?S:t.getFirstKey())}else g||(h.current.scrollTop=b.current.top,h.current.scrollLeft=b.current.left);if(!g&&e.focusedKey!=null){let l=h.current.querySelector(`[data-key="${e.focusedKey}"]`);l&&(K.focusWithoutScrolling(l),E.getInteractionModality()==="keyboard"&&K.scrollIntoViewport(l,{containingElement:i.current}))}}},x=o=>{o.currentTarget.contains(o.relatedTarget)||e.setFocused(!1)};const $=m.useRef(r);m.useEffect(()=>{if($.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&&!v&&O.focusSafely(i.current)}$.current=!1},[]);let R=m.useRef(e.focusedKey);m.useEffect(()=>{let o=E.getInteractionModality();if(e.isFocused&&e.focusedKey!=null&&(h!=null&&h.current)){let d=h.current.querySelector(`[data-key="${e.focusedKey}"]`);d&&o==="keyboard"&&(g||K.scrollIntoView(h.current,d),K.scrollIntoViewport(d,{containingElement:i.current}))}e.isFocused&&e.focusedKey==null&&R.current!=null&&O.focusSafely(i.current),R.current=e.focusedKey},[g,h,e.focusedKey,e.isFocused,i]);let p={onKeyDown:F,onFocus:P,onBlur:x,onMouseDown(o){h.current===o.target&&o.preventDefault()}},{typeSelectProps:N}=H({keyboardDelegate:t,selectionManager:e});C||(p=K.mergeProps(N,p));let I;return v||(I=e.focusedKey==null?0:-1),{collectionProps:{...p,tabIndex:I}}}function Q(c){let{selectionManager:e,key:t,ref:i,shouldSelectOnPressUp:r,shouldUseVirtualFocus:s,focus:u,isDisabled:a,onAction:f,allowsDifferentPressOrigin:C}=c,v=l=>{if(l.pointerType==="keyboard"&&X(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&&(B(l)||l.pointerType==="touch"||l.pointerType==="virtual")?e.toggleSelection(t):e.replaceSelection(t)}};m.useEffect(()=>{t===e.focusedKey&&e.isFocused&&!s&&(u?u():document.activeElement!==i.current&&O.focusSafely(i.current))},[i,t,e.focusedKey,e.childFocusStrategy,e.isFocused,s]),a=a||e.isDisabled(t);let w={};!s&&!a?w={tabIndex:t===e.focusedKey?0:-1,onFocus(l){l.target===i.current&&e.setFocusedKey(t)}}:a&&(w.onMouseDown=l=>{l.preventDefault()});let g=!a&&e.canSelectItem(t),h=f&&!a,y=h&&(e.selectionBehavior==="replace"?!g:e.isEmpty),F=h&&g&&e.selectionBehavior==="replace",b=y||F,P=m.useRef(null),x=b&&g,$=m.useRef(!1),R=m.useRef(!1),p={};r?(p.onPressStart=l=>{P.current=l.pointerType,$.current=x,l.pointerType==="keyboard"&&(!b||q())&&v(l)},C?(p.onPressUp=l=>{l.pointerType!=="keyboard"&&v(l)},p.onPress=y?()=>f():null):p.onPress=l=>{if(y||F&&l.pointerType!=="mouse"){if(l.pointerType==="keyboard"&&!z())return;f()}else l.pointerType!=="keyboard"&&v(l)}):(p.onPressStart=l=>{P.current=l.pointerType,$.current=x,R.current=y,(l.pointerType==="mouse"&&!y||l.pointerType==="keyboard"&&(!f||q()))&&v(l)},p.onPress=l=>{(l.pointerType==="touch"||l.pointerType==="pen"||l.pointerType==="virtual"||l.pointerType==="keyboard"&&b&&z()||l.pointerType==="mouse"&&R.current)&&(b?f():v(l))}),w["data-key"]=t,p.preventFocusOnPress=s;let{pressProps:N,isPressed:I}=E.usePress(p),o=F?l=>{P.current==="mouse"&&(l.stopPropagation(),l.preventDefault(),f())}:void 0,{longPressProps:d}=E.useLongPress({isDisabled:!x,onLongPress(l){l.pointerType==="touch"&&(v(l),e.setSelectionBehavior("toggle"))}}),S=l=>{P.current==="touch"&&$.current&&l.preventDefault()};return{itemProps:K.mergeProps(w,g||y?N:{},x?d:{},{onDoubleClick:o,onDragStartCapture:S}),isPressed:I,isSelected:e.isSelected(t),isFocused:e.isFocused&&e.focusedKey===t,isDisabled:a,allowsSelection:g,hasAction:b}}function z(){let c=window.event;return(c==null?void 0:c.key)==="Enter"}function q(){let c=window.event;return(c==null?void 0:c.key)===" "||(c==null?void 0:c.code)==="Space"}class j{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(!K.isScrollable(t))return this.getFirstKey();let r=t.getBoundingClientRect(),s=i.getBoundingClientRect();if(this.orientation==="horizontal"){let u=r.x-t.scrollLeft,a=Math.max(0,s.x-u+s.width-r.width);for(;i&&s.x-u>a;)e=this.getKeyAbove(e),i=e==null?null:this.getItem(e),s=i==null?void 0:i.getBoundingClientRect()}else{let u=r.y-t.scrollTop,a=Math.max(0,s.y-u+s.height-r.height);for(;i&&s.y-u>a;)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(!K.isScrollable(t))return this.getLastKey();let r=t.getBoundingClientRect(),s=i.getBoundingClientRect();if(this.orientation==="horizontal"){let u=r.x-t.scrollLeft,a=Math.min(t.scrollWidth,s.x-u-s.width+r.width);for(;i&&s.x-u<a;)e=this.getKeyBelow(e),i=e==null?null:this.getItem(e),s=i==null?void 0:i.getBoundingClientRect()}else{let u=r.y-t.scrollTop,a=Math.min(t.scrollHeight,s.y-u-s.height+r.height);for(;i&&s.y-u<a;)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),u=s.textValue.slice(0,e.length);if(s.textValue&&this.collator.compare(u,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||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 k(c){let{selectionManager:e,collection:t,disabledKeys:i,ref:r,keyboardDelegate:s,autoFocus:u,shouldFocusWrap:a,isVirtualized:f,disallowEmptySelection:C,selectOnFocus:v=e.selectionBehavior==="replace",disallowTypeAhead:w,shouldUseVirtualFocus:g,allowsTabNavigation:h}=c,y=Y.useCollator({usage:"search",sensitivity:"base"}),F=e.disabledBehavior,b=m.useMemo(()=>s||new j(t,F==="selection"?new Set:i,r,y),[s,t,i,r,y,F]),{collectionProps:P}=G({ref:r,selectionManager:e,keyboardDelegate:b,autoFocus:u,shouldFocusWrap:a,disallowEmptySelection:C,selectOnFocus:v,disallowTypeAhead:w,shouldUseVirtualFocus:g,allowsTabNavigation:h,isVirtualized:f,scrollRef:r});return{listProps:P}}exports.ListKeyboardDelegate=j;exports.useSelectableCollection=G;exports.useSelectableItem=Q;exports.useSelectableList=k;exports.useTypeSelect=H;