@okam/stack-ui 1.42.1 → 1.42.3

package/index341.mjs

@@ -1,284 +1,24 @@
-import { Selection as n } from "./index346.mjs";
-import { compareNodeOrder as r, getFirstItem as d, getChildNodes as u } from "./index347.mjs";
-class h {
-  /**
-  * 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(t) {
-    this.state.setSelectionBehavior(t);
-  }
-  /**
-  * Whether the collection is currently focused.
-  */
-  get isFocused() {
-    return this.state.isFocused;
-  }
-  /**
-  * Sets whether the collection is focused.
-  */
-  setFocused(t) {
-    this.state.setFocused(t);
-  }
-  /**
-  * 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(t, e) {
-    (t == null || this.collection.getItem(t)) && this.state.setFocusedKey(t, e);
-  }
-  /**
-  * 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(t) {
-    if (this.state.selectionMode === "none") return !1;
-    let e = this.getKey(t);
-    return e == null ? !1 : 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 t = this.getSelectAllKeys(), e = this.state.selectedKeys;
-    return this._isSelectAll = t.every((l) => e.has(l)), this._isSelectAll;
-  }
-  get firstSelectedKey() {
-    let t = null;
-    for (let l of this.state.selectedKeys) {
-      let s = this.collection.getItem(l);
-      (!t || s && r(this.collection, s, t) < 0) && (t = s);
-    }
-    var e;
-    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
-  }
-  get lastSelectedKey() {
-    let t = null;
-    for (let l of this.state.selectedKeys) {
-      let s = this.collection.getItem(l);
-      (!t || s && r(this.collection, s, t) > 0) && (t = s);
-    }
-    var e;
-    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
-  }
-  get disabledKeys() {
-    return this.state.disabledKeys;
-  }
-  get disabledBehavior() {
-    return this.state.disabledBehavior;
-  }
-  /**
-  * Extends the selection to the given key.
-  */
-  extendSelection(t) {
-    if (this.selectionMode === "none") return;
-    if (this.selectionMode === "single") {
-      this.replaceSelection(t);
-      return;
-    }
-    let e = this.getKey(t);
-    if (e == null) return;
-    let l;
-    if (this.state.selectedKeys === "all") l = new n([
-      e
-    ], e, e);
-    else {
-      let i = this.state.selectedKeys;
-      var s;
-      let a = (s = i.anchorKey) !== null && s !== void 0 ? s : e;
-      l = new n(i, a, e);
-      var o;
-      for (let c of this.getKeyRange(a, (o = i.currentKey) !== null && o !== void 0 ? o : e)) l.delete(c);
-      for (let c of this.getKeyRange(e, a)) this.canSelectItem(c) && l.add(c);
-    }
-    this.state.setSelectedKeys(l);
-  }
-  getKeyRange(t, e) {
-    let l = this.collection.getItem(t), s = this.collection.getItem(e);
-    return l && s ? r(this.collection, l, s) <= 0 ? this.getKeyRangeInternal(t, e) : this.getKeyRangeInternal(e, t) : [];
-  }
-  getKeyRangeInternal(t, e) {
-    var l;
-    if (!((l = this.layoutDelegate) === null || l === void 0) && l.getKeyRange) return this.layoutDelegate.getKeyRange(t, e);
-    let s = [], o = t;
-    for (; o != null; ) {
-      let i = this.collection.getItem(o);
-      if (i && (i.type === "item" || i.type === "cell" && this.allowsCellSelection) && s.push(o), o === e) return s;
-      o = this.collection.getKeyAfter(o);
-    }
-    return [];
-  }
-  getKey(t) {
-    let e = this.collection.getItem(t);
-    if (!e || e.type === "cell" && this.allowsCellSelection) return t;
-    for (; e && e.type !== "item" && e.parentKey != null; ) e = this.collection.getItem(e.parentKey);
-    return !e || e.type !== "item" ? null : e.key;
-  }
-  /**
-  * Toggles whether the given key is selected.
-  */
-  toggleSelection(t) {
-    if (this.selectionMode === "none") return;
-    if (this.selectionMode === "single" && !this.isSelected(t)) {
-      this.replaceSelection(t);
-      return;
-    }
-    let e = this.getKey(t);
-    if (e == null) return;
-    let l = new n(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
-    l.has(e) ? l.delete(e) : this.canSelectItem(e) && (l.add(e), l.anchorKey = e, l.currentKey = e), !(this.disallowEmptySelection && l.size === 0) && this.state.setSelectedKeys(l);
-  }
-  /**
-  * Replaces the selection with only the given key.
-  */
-  replaceSelection(t) {
-    if (this.selectionMode === "none") return;
-    let e = this.getKey(t);
-    if (e == null) return;
-    let l = this.canSelectItem(e) ? new n([
-      e
-    ], e, e) : new n();
-    this.state.setSelectedKeys(l);
-  }
-  /**
-  * Replaces the selection with the given keys.
-  */
-  setSelectedKeys(t) {
-    if (this.selectionMode === "none") return;
-    let e = new n();
-    for (let l of t) {
-      let s = this.getKey(l);
-      if (s != null && (e.add(s), this.selectionMode === "single"))
-        break;
-    }
-    this.state.setSelectedKeys(e);
-  }
-  getSelectAllKeys() {
-    let t = [], e = (l) => {
-      for (; l != null; ) {
-        if (this.canSelectItem(l)) {
-          var s;
-          let i = this.collection.getItem(l);
-          (i == null ? void 0 : i.type) === "item" && t.push(l);
-          var o;
-          i != null && i.hasChildNodes && (this.allowsCellSelection || i.type !== "item") && e((o = (s = d(u(i, this.collection))) === null || s === void 0 ? void 0 : s.key) !== null && o !== void 0 ? o : null);
-        }
-        l = this.collection.getKeyAfter(l);
-      }
-    };
-    return e(this.collection.getFirstKey()), t;
-  }
-  /**
-  * 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 n());
-  }
-  /**
-  * Toggles between select all and an empty selection.
-  */
-  toggleSelectAll() {
-    this.isSelectAll ? this.clearSelection() : this.selectAll();
-  }
-  select(t, e) {
-    this.selectionMode !== "none" && (this.selectionMode === "single" ? this.isSelected(t) && !this.disallowEmptySelection ? this.toggleSelection(t) : this.replaceSelection(t) : this.selectionBehavior === "toggle" || e && (e.pointerType === "touch" || e.pointerType === "virtual") ? this.toggleSelection(t) : this.replaceSelection(t));
-  }
-  /**
-  * Returns whether the current selection is equal to the given selection.
-  */
-  isSelectionEqual(t) {
-    if (t === this.state.selectedKeys) return !0;
-    let e = this.selectedKeys;
-    if (t.size !== e.size) return !1;
-    for (let l of t)
-      if (!e.has(l)) return !1;
-    for (let l of e)
-      if (!t.has(l)) return !1;
-    return !0;
-  }
-  canSelectItem(t) {
-    var e;
-    if (this.state.selectionMode === "none" || this.state.disabledKeys.has(t)) return !1;
-    let l = this.collection.getItem(t);
-    return !(!l || !(l == null || (e = l.props) === null || e === void 0) && e.isDisabled || l.type === "cell" && !this.allowsCellSelection);
-  }
-  isDisabled(t) {
-    var e, l;
-    return this.state.disabledBehavior === "all" && (this.state.disabledKeys.has(t) || !!(!((l = this.collection.getItem(t)) === null || l === void 0 || (e = l.props) === null || e === void 0) && e.isDisabled));
-  }
-  isLink(t) {
-    var e, l;
-    return !!(!((l = this.collection.getItem(t)) === null || l === void 0 || (e = l.props) === null || e === void 0) && e.href);
-  }
-  getItemProps(t) {
-    var e;
-    return (e = this.collection.getItem(t)) === null || e === void 0 ? void 0 : e.props;
-  }
-  withCollection(t) {
-    return new h(t, this.state, {
-      allowsCellSelection: this.allowsCellSelection,
-      layoutDelegate: this.layoutDelegate || void 0
-    });
-  }
-  constructor(t, e, l) {
-    this.collection = t, this.state = e;
-    var s;
-    this.allowsCellSelection = (s = l == null ? void 0 : l.allowsCellSelection) !== null && s !== void 0 ? s : !1, this._isSelectAll = null, this.layoutDelegate = (l == null ? void 0 : l.layoutDelegate) || null;
-  }
+import { useId as l } from "./index181.mjs";
+import { isAppleDevice as a } from "./index243.mjs";
+function d(e) {
+  return a() ? e.altKey : e.ctrlKey;
+}
+function u(e, t) {
+  var o, f;
+  let c = `[data-key="${CSS.escape(String(t))}"]`, r = (o = e.current) === null || o === void 0 ? void 0 : o.dataset.collection;
+  return r && (c = `[data-collection="${CSS.escape(r)}"]${c}`), (f = e.current) === null || f === void 0 ? void 0 : f.querySelector(c);
+}
+const n = /* @__PURE__ */ new WeakMap();
+function b(e) {
+  let t = l();
+  return n.set(e, t), t;
+}
+function s(e) {
+  return n.get(e);
 }
 export {
-  h as SelectionManager
+  s as getCollectionId,
+  u as getItemElement,
+  d as isNonContiguousSelectionModifier,
+  b as useCollectionId
 };

package/index342.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index348.js"),n=require("react");function s(u,l,t){let i=n.useMemo(()=>new d.CollectionBuilder,[]),{children:r,items:o,collection:e}=u;return n.useMemo(()=>{if(e)return e;let c=i.build({children:r,items:o},t);return l(c)},[i,r,o,e,t,l])}exports.useCollection=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),f=1e3;function s(r){let{keyboardDelegate:o,selectionManager:c,onTypeSelect:i}=r,t=l.useRef({search:"",timeout:void 0}).current,u=e=>{let a=y(e.key);if(!(!a||e.ctrlKey||e.metaKey||!e.currentTarget.contains(e.target))){if(a===" "&&t.search.trim().length>0&&(e.preventDefault(),"continuePropagation"in e||e.stopPropagation()),t.search+=a,o.getKeyForSearch!=null){let n=o.getKeyForSearch(t.search,c.focusedKey);n==null&&(n=o.getKeyForSearch(t.search)),n!=null&&(c.setFocusedKey(n),i&&i(n))}clearTimeout(t.timeout),t.timeout=setTimeout(()=>{t.search=""},f)}};return{typeSelectProps:{onKeyDownCapture:o.getKeyForSearch?u:void 0}}}function y(r){return r.length===1||!/^[A-Z]/i.test(r)?r:""}exports.useTypeSelect=s;

package/index342.mjs

@@ -1,23 +1,32 @@
-import { CollectionBuilder as u } from "./index348.mjs";
-import { useMemo as n } from "react";
-function b(d, l, r) {
-  let t = n(() => new u(), []), { children: i, items: o, collection: e } = d;
-  return n(() => {
-    if (e) return e;
-    let c = t.build({
-      children: i,
-      items: o
-    }, r);
-    return l(c);
-  }, [
-    t,
-    i,
-    o,
-    e,
-    r,
-    l
-  ]);
+import { useRef as l } from "react";
+const f = 1e3;
+function g(r) {
+  let { keyboardDelegate: o, selectionManager: c, onTypeSelect: i } = r, t = l({
+    search: "",
+    timeout: void 0
+  }).current, u = (e) => {
+    let a = s(e.key);
+    if (!(!a || e.ctrlKey || e.metaKey || !e.currentTarget.contains(e.target))) {
+      if (a === " " && t.search.trim().length > 0 && (e.preventDefault(), "continuePropagation" in e || e.stopPropagation()), t.search += a, o.getKeyForSearch != null) {
+        let n = o.getKeyForSearch(t.search, c.focusedKey);
+        n == null && (n = o.getKeyForSearch(t.search)), n != null && (c.setFocusedKey(n), i && i(n));
+      }
+      clearTimeout(t.timeout), t.timeout = setTimeout(() => {
+        t.search = "";
+      }, f);
+    }
+  };
+  return {
+    typeSelectProps: {
+      // Using a capturing listener to catch the keydown event before
+      // other hooks in order to handle the Spacebar event.
+      onKeyDownCapture: o.getKeyForSearch ? u : void 0
+    }
+  };
+}
+function s(r) {
+  return r.length === 1 || !/^[A-Z]/i.test(r) ? r : "";
 }
 export {
-  b as useCollection
+  g as useTypeSelect
 };

package/index8.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),b=require("react-aria"),j=require("./index88.js"),N=require("./index6.js"),A=require("./index23.js"),C=k=>{const{sharingLinksList:f,id:w,isOpen:p,setIsOpen:x,onShare:h,themeName:c="shareButton",tokens:i,customTheme:l}=k,y=j(`${c}.linksList`,{...i,isOpen:p},l),e=b.useFocusManager(),d=s=>{s.key==="Escape"&&x(!1);const{listDirection:u}=i??{};u==="row"&&(s.key==="ArrowRight"&&(e==null||e.focusNext({wrap:!0}),s.preventDefault()),s.key==="ArrowLeft"&&(e==null||e.focusPrevious({wrap:!0}),s.preventDefault())),u==="column"&&(s.key==="ArrowDown"&&(e==null||e.focusNext({wrap:!0}),s.preventDefault()),s.key==="ArrowUp"&&(e==null||e.focusPrevious({wrap:!0}),s.preventDefault()))};return a.jsx("div",{className:y,id:w,role:"listbox",tabIndex:-1,onKeyDown:d,children:f==null?void 0:f.map(s=>{const{ariaLabel:u,onClick:m,href:t,icon:r,key:n}=s;return a.jsx(N.default,{themeName:`${c}.link`,tokens:{...i,isOpen:p},handlePress:()=>{h==null||h(n),m==null||m(n)},"aria-label":u,...t?{href:t,rel:"noopener noreferrer",target:"_blank",as:"a"}:{},role:"option",children:a.jsx(A,{themeName:`${c}.linkIcons`,icon:r})},n)})})},$=k=>{const{ariaLabel:f,icon:w,id:p,sharingLinksList:x,onShare:h,customTheme:c,themeName:i="shareButton",tokens:l,...y}=k,[e,d]=T.useState(!1),s=j(`${i}.container`,l,c),u=t=>{d(!e),!e&&setTimeout(()=>{var n,o;const r=(o=(n=t.target.parentElement)==null?void 0:n.lastChild)==null?void 0:o.firstChild;r==null||r.focus()})},m=t=>{const r=t.currentTarget.firstChild,n=t.currentTarget.lastChild,o=n.firstChild,D=n.lastChild,{listDirection:v}=l??{};v==="row"&&(t.key==="ArrowRight"&&t.target===r&&(o==null||o.focus(),t.preventDefault()),t.key==="ArrowLeft"&&t.target===r&&(D.focus(),t.preventDefault())),v==="column"&&(t.key==="ArrowDown"&&t.target===r&&(o==null||o.focus(),t.preventDefault()),t.key==="ArrowUp"&&t.target===r&&(D.focus(),t.preventDefault())),t.key==="Escape"&&(d(!1),r==null||r.focus()),document.activeElement===n&&(r==null||r.focus())};return a.jsx(b.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:e,children:a.jsxs("div",{className:s,onKeyDown:m,children:[a.jsx(N.ButtonWithForwardRef,{themeName:`${i}.button`,tokens:{...l,isOpen:e},"aria-label":f,"aria-haspopup":"listbox","aria-expanded":e?"true":"false","aria-controls":"share-buttons",handlePress:u,...y,children:a.jsx(A,{themeName:`${i}.icon`,icon:w??"Share"})}),e&&a.jsx(C,{id:p,sharingLinksList:x,onShare:h,isOpen:e,setIsOpen:d,themeName:i,customTheme:c,tokens:l})]})})};exports.IconsContainer=C;exports.default=$;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),b=require("react-aria"),j=require("./index88.js"),N=require("./index6.js"),A=require("./index23.js"),C=k=>{const{sharingLinksList:f,id:w,isOpen:h,setIsOpen:x,onShare:d,themeName:c="shareButton",tokens:i,customTheme:l}=k,y=j(`${c}.linksList`,{...i,isOpen:h},l),e=b.useFocusManager(),m=s=>{s.key==="Escape"&&x(!1);const{listDirection:u}=i??{};u==="row"&&(s.key==="ArrowRight"&&(e==null||e.focusNext({wrap:!0}),s.preventDefault()),s.key==="ArrowLeft"&&(e==null||e.focusPrevious({wrap:!0}),s.preventDefault())),u==="column"&&(s.key==="ArrowDown"&&(e==null||e.focusNext({wrap:!0}),s.preventDefault()),s.key==="ArrowUp"&&(e==null||e.focusPrevious({wrap:!0}),s.preventDefault()))};return a.jsx("div",{className:y,id:w,role:"listbox",tabIndex:-1,onKeyDown:m,children:f==null?void 0:f.map(s=>{const{ariaLabel:u,onClick:p,href:t,icon:r,key:n}=s;return a.jsx(N.default,{themeName:`${c}.link`,tokens:{...i,isOpen:h},handlePress:()=>{d==null||d(n),p==null||p(n)},"aria-label":u,...t?{href:t,rel:"noopener noreferrer",target:"_blank",as:"a"}:{},role:"option",children:a.jsx(A,{themeName:`${c}.linkIcons`,icon:r})},n)})})},$=k=>{const{ariaLabel:f,icon:w,id:h,sharingLinksList:x,onShare:d,customTheme:c,themeName:i="shareButton",tokens:l,...y}=k,[e,m]=T.useState(!1),s=j(`${i}.container`,l,c),u=t=>{m(!e),!e&&setTimeout(()=>{var n,o;const r=(o=(n=t.target.parentElement)==null?void 0:n.lastChild)==null?void 0:o.firstChild;r==null||r.focus()})},p=t=>{const r=t.currentTarget.firstChild,n=t.currentTarget.lastChild,o=n.firstChild,D=n.lastChild,{listDirection:v}=l??{};v==="row"&&(t.key==="ArrowRight"&&t.target===r&&(o==null||o.focus(),t.preventDefault()),t.key==="ArrowLeft"&&t.target===r&&(D.focus(),t.preventDefault())),v==="column"&&(t.key==="ArrowDown"&&t.target===r&&(o==null||o.focus(),t.preventDefault()),t.key==="ArrowUp"&&t.target===r&&(D.focus(),t.preventDefault())),t.key==="Escape"&&(m(!1),r==null||r.focus()),document.activeElement===n&&(r==null||r.focus())};return a.jsx(b.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:e,children:a.jsxs("div",{className:s,onKeyDown:p,children:[a.jsx(N.ButtonWithForwardRef,{themeName:`${i}.button`,tokens:{...l,isOpen:e},"aria-label":f,"aria-haspopup":"listbox","aria-expanded":e,...e&&{"aria-controls":h},handlePress:u,...y,children:a.jsx(A,{themeName:`${i}.icon`,icon:w??"Share"})}),e&&a.jsx(C,{id:h,sharingLinksList:x,onShare:d,isOpen:e,setIsOpen:m,themeName:i,customTheme:c,tokens:l})]})})};exports.IconsContainer=C;exports.default=$;

package/index8.mjs

@@ -1,30 +1,30 @@
 "use client";
-import { jsx as i, jsxs as C } from "react/jsx-runtime";
+import { jsx as a, jsxs as C } from "react/jsx-runtime";
 import { useState as A } from "react";
 import { FocusScope as T, useFocusManager as I } from "react-aria";
-import b from "./index88.mjs";
+import N from "./index88.mjs";
 import K, { ButtonWithForwardRef as L } from "./index6.mjs";
-import N from "./index23.mjs";
+import b from "./index23.mjs";
 const $ = (w) => {
-  const { sharingLinksList: f, id: k, isOpen: h, setIsOpen: D, onShare: m, themeName: l = "shareButton", tokens: a, customTheme: c } = w, y = b(`${l}.linksList`, { ...a, isOpen: h }, c), e = I();
-  return /* @__PURE__ */ i("div", { className: y, id: k, role: "listbox", tabIndex: -1, onKeyDown: (o) => {
-    o.key === "Escape" && D(!1);
-    const { listDirection: u } = a ?? {};
-    u === "row" && (o.key === "ArrowRight" && (e == null || e.focusNext({ wrap: !0 }), o.preventDefault()), o.key === "ArrowLeft" && (e == null || e.focusPrevious({ wrap: !0 }), o.preventDefault())), u === "column" && (o.key === "ArrowDown" && (e == null || e.focusNext({ wrap: !0 }), o.preventDefault()), o.key === "ArrowUp" && (e == null || e.focusPrevious({ wrap: !0 }), o.preventDefault()));
-  }, children: f == null ? void 0 : f.map((o) => {
-    const { ariaLabel: u, onClick: d, href: t, icon: r, key: n } = o;
-    return /* @__PURE__ */ i(
+  const { sharingLinksList: f, id: k, isOpen: m, setIsOpen: D, onShare: h, themeName: l = "shareButton", tokens: i, customTheme: c } = w, y = N(`${l}.linksList`, { ...i, isOpen: m }, c), e = I();
+  return /* @__PURE__ */ a("div", { className: y, id: k, role: "listbox", tabIndex: -1, onKeyDown: (r) => {
+    r.key === "Escape" && D(!1);
+    const { listDirection: u } = i ?? {};
+    u === "row" && (r.key === "ArrowRight" && (e == null || e.focusNext({ wrap: !0 }), r.preventDefault()), r.key === "ArrowLeft" && (e == null || e.focusPrevious({ wrap: !0 }), r.preventDefault())), u === "column" && (r.key === "ArrowDown" && (e == null || e.focusNext({ wrap: !0 }), r.preventDefault()), r.key === "ArrowUp" && (e == null || e.focusPrevious({ wrap: !0 }), r.preventDefault()));
+  }, children: f == null ? void 0 : f.map((r) => {
+    const { ariaLabel: u, onClick: d, href: t, icon: o, key: n } = r;
+    return /* @__PURE__ */ a(
       K,
       {
         themeName: `${l}.link`,
-        tokens: { ...a, isOpen: h },
+        tokens: { ...i, isOpen: m },
         handlePress: () => {
-          m == null || m(n), d == null || d(n);
+          h == null || h(n), d == null || d(n);
         },
         "aria-label": u,
         ...t ? { href: t, rel: "noopener noreferrer", target: "_blank", as: "a" } : {},
         role: "option",
-        children: /* @__PURE__ */ i(N, { themeName: `${l}.linkIcons`, icon: r })
+        children: /* @__PURE__ */ a(b, { themeName: `${l}.linkIcons`, icon: o })
       },
       n
     );
@@ -33,47 +33,47 @@ const $ = (w) => {
   const {
     ariaLabel: f,
     icon: k,
-    id: h,
+    id: m,
     sharingLinksList: D,
-    onShare: m,
+    onShare: h,
     customTheme: l,
-    themeName: a = "shareButton",
+    themeName: i = "shareButton",
     tokens: c,
     ...y
-  } = w, [e, p] = A(!1), o = b(`${a}.container`, c, l), u = (t) => {
+  } = w, [e, p] = A(!1), r = N(`${i}.container`, c, l), u = (t) => {
     p(!e), !e && setTimeout(() => {
       var n, s;
-      const r = (s = (n = t.target.parentElement) == null ? void 0 : n.lastChild) == null ? void 0 : s.firstChild;
-      r == null || r.focus();
+      const o = (s = (n = t.target.parentElement) == null ? void 0 : n.lastChild) == null ? void 0 : s.firstChild;
+      o == null || o.focus();
     });
   };
-  return /* @__PURE__ */ i(T, { autoFocus: !0, restoreFocus: !0, contain: e, children: /* @__PURE__ */ C("div", { className: o, onKeyDown: (t) => {
-    const r = t.currentTarget.firstChild, n = t.currentTarget.lastChild, s = n.firstChild, v = n.lastChild, { listDirection: x } = c ?? {};
-    x === "row" && (t.key === "ArrowRight" && t.target === r && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowLeft" && t.target === r && (v.focus(), t.preventDefault())), x === "column" && (t.key === "ArrowDown" && t.target === r && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowUp" && t.target === r && (v.focus(), t.preventDefault())), t.key === "Escape" && (p(!1), r == null || r.focus()), document.activeElement === n && (r == null || r.focus());
+  return /* @__PURE__ */ a(T, { autoFocus: !0, restoreFocus: !0, contain: e, children: /* @__PURE__ */ C("div", { className: r, onKeyDown: (t) => {
+    const o = t.currentTarget.firstChild, n = t.currentTarget.lastChild, s = n.firstChild, v = n.lastChild, { listDirection: x } = c ?? {};
+    x === "row" && (t.key === "ArrowRight" && t.target === o && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowLeft" && t.target === o && (v.focus(), t.preventDefault())), x === "column" && (t.key === "ArrowDown" && t.target === o && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowUp" && t.target === o && (v.focus(), t.preventDefault())), t.key === "Escape" && (p(!1), o == null || o.focus()), document.activeElement === n && (o == null || o.focus());
   }, children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ a(
       L,
       {
-        themeName: `${a}.button`,
+        themeName: `${i}.button`,
         tokens: { ...c, isOpen: e },
         "aria-label": f,
         "aria-haspopup": "listbox",
-        "aria-expanded": e ? "true" : "false",
-        "aria-controls": "share-buttons",
+        "aria-expanded": e,
+        ...e && { "aria-controls": m },
         handlePress: u,
         ...y,
-        children: /* @__PURE__ */ i(N, { themeName: `${a}.icon`, icon: k ?? "Share" })
+        children: /* @__PURE__ */ a(b, { themeName: `${i}.icon`, icon: k ?? "Share" })
       }
     ),
-    e && /* @__PURE__ */ i(
+    e && /* @__PURE__ */ a(
       $,
       {
-        id: h,
+        id: m,
         sharingLinksList: D,
-        onShare: m,
+        onShare: h,
         isOpen: e,
         setIsOpen: p,
-        themeName: a,
+        themeName: i,
         customTheme: l,
         tokens: c
       }

package/index99.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const u=require("./index97.js"),i=require("./index98.js"),l=(t,e,o)=>{const{windowLocation:r,windowTitle:s}=i(),n=o??r,c=u(t,e);return`https://www.facebook.com/sharer.php?u=${`${n}${c}`}&t=${s}`};module.exports=l;
+"use strict";const u=require("./index97.js"),i=require("./index98.js"),l=(t,e,o)=>{const{windowLocation:r,windowTitle:s}=i(),n=o||r,c=u(t,e);return`https://www.facebook.com/sharer.php?u=${`${n}${c}`}&t=${s}`};module.exports=l;

package/index99.mjs

@@ -2,7 +2,7 @@
 import a from "./index97.mjs";
 import l from "./index98.mjs";
 const m = (o, t, r) => {
-  const { windowLocation: e, windowTitle: n } = l(), s = r ?? e, c = a(o, t);
+  const { windowLocation: e, windowTitle: n } = l(), s = r || e, c = a(o, t);
   return `https://www.facebook.com/sharer.php?u=${`${s}${c}`}&t=${n}`;
 };
 export {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.42.1",
+  "version": "1.42.3",
   "types": "./index.d.ts",
   "exports": {
     ".": {