@okam/stack-ui 1.42.3 → 1.42.4

package/index348.mjs

@@ -1,170 +1,8 @@
-import y from "react";
-class z {
-  build(e, l) {
-    return this.context = l, p(() => this.iterateCollection(e));
+class t extends Set {
+  constructor(s, l, i) {
+    super(s), s instanceof t ? (this.anchorKey = l ?? s.anchorKey, this.currentKey = i ?? s.currentKey) : (this.anchorKey = l ?? null, this.currentKey = i ?? null);
   }
-  *iterateCollection(e) {
-    let { children: l, items: u } = e;
-    if (y.isValidElement(l) && l.type === y.Fragment) yield* this.iterateCollection({
-      children: l.props.children,
-      items: u
-    });
-    else if (typeof l == "function") {
-      if (!u) throw new Error("props.children was a function but props.items is missing");
-      let n = 0;
-      for (let r of u)
-        yield* this.getFullNode({
-          value: r,
-          index: n
-        }, {
-          renderer: l
-        }), n++;
-    } else {
-      let n = [];
-      y.Children.forEach(l, (t) => {
-        t && n.push(t);
-      });
-      let r = 0;
-      for (let t of n) {
-        let d = this.getFullNode({
-          element: t,
-          index: r
-        }, {});
-        for (let m of d)
-          r++, yield m;
-      }
-    }
-  }
-  getKey(e, l, u, n) {
-    if (e.key != null) return e.key;
-    if (l.type === "cell" && l.key != null) return `${n}${l.key}`;
-    let r = l.value;
-    if (r != null) {
-      var t;
-      let d = (t = r.key) !== null && t !== void 0 ? t : r.id;
-      if (d == null) throw new Error("No key found for item");
-      return d;
-    }
-    return n ? `${n}.${l.index}` : `$.${l.index}`;
-  }
-  getChildState(e, l) {
-    return {
-      renderer: l.renderer || e.renderer
-    };
-  }
-  *getFullNode(e, l, u, n) {
-    if (y.isValidElement(e.element) && e.element.type === y.Fragment) {
-      let i = [];
-      y.Children.forEach(e.element.props.children, (s) => {
-        i.push(s);
-      });
-      var r;
-      let o = (r = e.index) !== null && r !== void 0 ? r : 0;
-      for (const s of i) yield* this.getFullNode({
-        element: s,
-        index: o++
-      }, l, u, n);
-      return;
-    }
-    let t = e.element;
-    if (!t && e.value && l && l.renderer) {
-      let i = this.cache.get(e.value);
-      if (i && (!i.shouldInvalidate || !i.shouldInvalidate(this.context))) {
-        i.index = e.index, i.parentKey = n ? n.key : null, yield i;
-        return;
-      }
-      t = l.renderer(e.value);
-    }
-    if (y.isValidElement(t)) {
-      let i = t.type;
-      if (typeof i != "function" && typeof i.getCollectionNode != "function") {
-        let h = t.type;
-        throw new Error(`Unknown element <${h}> in collection.`);
-      }
-      let o = i.getCollectionNode(t.props, this.context);
-      var d;
-      let s = (d = e.index) !== null && d !== void 0 ? d : 0, v = o.next();
-      for (; !v.done && v.value; ) {
-        let h = v.value;
-        e.index = s;
-        var m;
-        let b = (m = h.key) !== null && m !== void 0 ? m : null;
-        b == null && (b = h.element ? null : this.getKey(t, e, l, u));
-        let V = [
-          ...this.getFullNode({
-            ...h,
-            key: b,
-            index: s,
-            wrapper: I(e.wrapper, h.wrapper)
-          }, this.getChildState(l, h), u ? `${u}${t.key}` : t.key, n)
-        ];
-        for (let c of V) {
-          var x, k;
-          c.value = (k = (x = h.value) !== null && x !== void 0 ? x : e.value) !== null && k !== void 0 ? k : null, c.value && this.cache.set(c.value, c);
-          var w;
-          if (e.type && c.type !== e.type) throw new Error(`Unsupported type <${E(c.type)}> in <${E((w = n == null ? void 0 : n.type) !== null && w !== void 0 ? w : "unknown parent type")}>. Only <${E(e.type)}> is supported.`);
-          s++, yield c;
-        }
-        v = o.next(V);
-      }
-      return;
-    }
-    if (e.key == null || e.type == null) return;
-    let F = this;
-    var g, C;
-    let $ = {
-      type: e.type,
-      props: e.props,
-      key: e.key,
-      parentKey: n ? n.key : null,
-      value: (g = e.value) !== null && g !== void 0 ? g : null,
-      level: n ? n.level + 1 : 0,
-      index: e.index,
-      rendered: e.rendered,
-      textValue: (C = e.textValue) !== null && C !== void 0 ? C : "",
-      "aria-label": e["aria-label"],
-      wrapper: e.wrapper,
-      shouldInvalidate: e.shouldInvalidate,
-      hasChildNodes: e.hasChildNodes || !1,
-      childNodes: p(function* () {
-        if (!e.hasChildNodes || !e.childNodes) return;
-        let i = 0;
-        for (let o of e.childNodes()) {
-          o.key != null && (o.key = `${$.key}${o.key}`);
-          let s = F.getFullNode({
-            ...o,
-            index: i
-          }, F.getChildState(l, o), $.key, $);
-          for (let v of s)
-            i++, yield v;
-        }
-      })
-    };
-    yield $;
-  }
-  constructor() {
-    this.cache = /* @__PURE__ */ new WeakMap();
-  }
-}
-function p(f) {
-  let e = [], l = null;
-  return {
-    *[Symbol.iterator]() {
-      for (let u of e) yield u;
-      l || (l = f());
-      for (let u of l)
-        e.push(u), yield u;
-    }
-  };
-}
-function I(f, e) {
-  if (f && e) return (l) => f(e(l));
-  if (f) return f;
-  if (e) return e;
-}
-function E(f) {
-  return f[0].toUpperCase() + f.slice(1);
 }
 export {
-  z as CollectionBuilder
+  t as Selection
 };

package/index45.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const f=require("react/jsx-runtime"),c=require("react"),y=require("./index91.js"),$=require("./index36.js"),N=require("./index6.js"),j=i=>{const{tabState:s,defaultSelectedKey:r}=y.useMenu(),{setSelectedKey:t}=s,{id:l,path:n,label:u,themeName:h="button",tokens:e,customTheme:d,target:x,children:b,childItems:m,as:o,...k}=i,a=n==null?void 0:n.substring(1),p=c.useCallback(()=>{if(a!=null){if(s.selectedKey===a){t(r);return}t(a)}},[a,s.selectedKey,t,r]);return c.createElement(N.default,{...k,themeName:`${h}`,tokens:e,customTheme:d,key:`button-${l}`,handlePress:p,as:o},c.isValidElement(b)?b:u)},E=i=>{const{id:s,target:r,path:t,label:l,themeName:n="anchor",customTheme:u,tokens:h,nextLinkProps:e,children:d,as:x,childItems:b,...m}=i,o=c.useRef(null);return t==null||l==null?null:c.createElement(N.Anchor,{...m,themeName:`${n}`,tokens:h,customTheme:u,nextLinkProps:{scroll:!1,href:t,...e},ref:o,key:`link-${s}`,target:r??"_self",as:x},c.isValidElement(d)?d:l)},q=i=>{const{menuItems:s,children:r,themeName:t="menuItem",tokens:l,customTheme:n,menuLinkComponent:u,buttonLinkComponent:h}=i;return f.jsxs($.default,{themeName:`${t}.wrapper`,tokens:l,customTheme:n,children:[f.jsx($.default,{themeName:`${t}.container`,tokens:l,customTheme:n,children:s==null?void 0:s.map(e=>{var p;const{id:d,path:x,label:b,as:m,...o}=e??{},k={...l,...e.tokens};if((e==null?void 0:e.path)==null||e.id==null)return null;const a=(p=e.path)!=null&&p.startsWith("#")?"button":"a";return f.jsx($.default,{themeName:`${t}.innerContent`,tokens:k,customTheme:n,children:a==="button"?f.jsx(j,{...o,...e,themeName:`${t}.button`,tokens:k,customTheme:n,as:m??h}):f.jsx(E,{...o,...e,themeName:`${t}.anchor`,tokens:k,customTheme:n,as:m??u})},`li-${e.id}`)})}),r]})};module.exports=q;
+"use strict";const k=require("react/jsx-runtime"),o=require("react"),g=require("./index91.js"),L=require("./index36.js"),y=require("./index6.js"),j=c=>{const{tabState:a,defaultSelectedKey:r}=g.useMenu(),{setSelectedKey:t}=a,{id:l,path:n,label:u,themeName:h="button",tokens:e,customTheme:d,target:$,children:f,childItems:b,as:i,ariaLabel:s,"aria-label":m,...p}=c,x=n==null?void 0:n.substring(1),N=o.useCallback(()=>{if(x!=null){if(a.selectedKey===x){t(r);return}t(x)}},[x,a.selectedKey,t,r]);return o.createElement(y.default,{...p,themeName:`${h}`,tokens:e,customTheme:d,key:`button-${l}`,handlePress:N,as:i,"aria-label":m??s},o.isValidElement(f)?f:u)},E=c=>{const{id:a,target:r,path:t,label:l,themeName:n="anchor",customTheme:u,tokens:h,nextLinkProps:e,children:d,as:$,childItems:f,ariaLabel:b,"aria-label":i,...s}=c,m=o.useRef(null);return t==null||l==null?null:o.createElement(y.Anchor,{...s,themeName:`${n}`,tokens:h,customTheme:u,nextLinkProps:{href:t,...e},ref:m,key:`link-${a}`,target:r??"_self",as:$,"aria-label":i??b},o.isValidElement(d)?d:l)},q=c=>{const{menuItems:a,children:r,themeName:t="menuItem",tokens:l,customTheme:n,menuLinkComponent:u,buttonLinkComponent:h}=c;return k.jsxs(L.default,{themeName:`${t}.wrapper`,tokens:l,customTheme:n,children:[k.jsx(L.default,{themeName:`${t}.container`,tokens:l,customTheme:n,children:a==null?void 0:a.map(e=>{var p;const{id:d,path:$,label:f,as:b,...i}=e??{},s={...l,...e.tokens};if((e==null?void 0:e.path)==null||e.id==null)return null;const m=(p=e.path)!=null&&p.startsWith("#")?"button":"a";return k.jsx(L.default,{themeName:`${t}.innerContent`,tokens:s,customTheme:n,children:m==="button"?k.jsx(j,{...i,...e,themeName:`${t}.button`,tokens:s,customTheme:n,as:b??h}):k.jsx(E,{...i,...e,themeName:`${t}.anchor`,tokens:s,customTheme:n,as:b??u})},`li-${e.id}`)})}),r]})};module.exports=q;

package/index45.mjs

@@ -1,118 +1,123 @@
 "use client";
-import { jsxs as x, jsx as k } from "react/jsx-runtime";
-import $, { useCallback as C, createElement as y, useRef as E } from "react";
+import { jsxs as x, jsx as f } from "react/jsx-runtime";
+import N, { useCallback as C, createElement as $, useRef as E } from "react";
 import { useMenu as K } from "./index91.mjs";
-import N from "./index36.mjs";
-import L, { Anchor as T } from "./index6.mjs";
-const g = (i) => {
-  const { tabState: o, defaultSelectedKey: r } = K(), { setSelectedKey: t } = o, {
-    id: s,
+import y from "./index36.mjs";
+import T, { Anchor as A } from "./index6.mjs";
+const B = (i) => {
+  const { tabState: a, defaultSelectedKey: o } = K(), { setSelectedKey: t } = a, {
+    id: l,
     path: n,
     label: c,
     themeName: m = "button",
     tokens: e,
     customTheme: h,
-    target: b,
-    children: p,
+    target: L,
+    children: b,
     childItems: u,
-    as: l,
-    ...d
-  } = i, a = n == null ? void 0 : n.substring(1), f = C(() => {
-    if (a != null) {
-      if (o.selectedKey === a) {
-        t(r);
+    as: s,
+    ariaLabel: r,
+    "aria-label": d,
+    ...p
+  } = i, k = n == null ? void 0 : n.substring(1), g = C(() => {
+    if (k != null) {
+      if (a.selectedKey === k) {
+        t(o);
         return;
       }
-      t(a);
+      t(k);
     }
-  }, [a, o.selectedKey, t, r]);
-  return /* @__PURE__ */ y(
-    L,
+  }, [k, a.selectedKey, t, o]);
+  return /* @__PURE__ */ $(
+    T,
     {
-      ...d,
+      ...p,
       themeName: `${m}`,
       tokens: e,
       customTheme: h,
-      key: `button-${s}`,
-      handlePress: f,
-      as: l
+      key: `button-${l}`,
+      handlePress: g,
+      as: s,
+      "aria-label": d ?? r
     },
-    $.isValidElement(p) ? p : c
+    N.isValidElement(b) ? b : c
   );
-}, B = (i) => {
+}, P = (i) => {
   const {
-    id: o,
-    target: r,
+    id: a,
+    target: o,
     path: t,
-    label: s,
+    label: l,
     themeName: n = "anchor",
     customTheme: c,
     tokens: m,
     nextLinkProps: e,
     children: h,
-    as: b,
-    childItems: p,
-    ...u
-  } = i, l = E(null);
-  return t == null || s == null ? null : /* @__PURE__ */ y(
-    T,
+    as: L,
+    childItems: b,
+    ariaLabel: u,
+    "aria-label": s,
+    ...r
+  } = i, d = E(null);
+  return t == null || l == null ? null : /* @__PURE__ */ $(
+    A,
     {
-      ...u,
+      ...r,
       themeName: `${n}`,
       tokens: m,
       customTheme: c,
       nextLinkProps: {
-        scroll: !1,
         href: t,
         ...e
       },
-      ref: l,
-      key: `link-${o}`,
-      target: r ?? "_self",
-      as: b
+      ref: d,
+      key: `link-${a}`,
+      target: o ?? "_self",
+      as: L,
+      "aria-label": s ?? u
     },
-    $.isValidElement(h) ? h : s
+    N.isValidElement(h) ? h : l
   );
-}, R = (i) => {
+}, V = (i) => {
   const {
-    menuItems: o,
-    children: r,
+    menuItems: a,
+    children: o,
     themeName: t = "menuItem",
-    tokens: s,
+    tokens: l,
     customTheme: n,
     menuLinkComponent: c,
     buttonLinkComponent: m
   } = i;
-  return /* @__PURE__ */ x(N, { themeName: `${t}.wrapper`, tokens: s, customTheme: n, children: [
-    /* @__PURE__ */ k(N, { themeName: `${t}.container`, tokens: s, customTheme: n, children: o == null ? void 0 : o.map((e) => {
-      var f;
-      const { id: h, path: b, label: p, as: u, ...l } = e ?? {}, d = { ...s, ...e.tokens };
+  return /* @__PURE__ */ x(y, { themeName: `${t}.wrapper`, tokens: l, customTheme: n, children: [
+    /* @__PURE__ */ f(y, { themeName: `${t}.container`, tokens: l, customTheme: n, children: a == null ? void 0 : a.map((e) => {
+      var p;
+      const { id: h, path: L, label: b, as: u, ...s } = e ?? {}, r = { ...l, ...e.tokens };
       if ((e == null ? void 0 : e.path) == null || e.id == null)
         return null;
-      const a = (f = e.path) != null && f.startsWith("#") ? "button" : "a";
-      return /* @__PURE__ */ k(
-        N,
+      const d = (p = e.path) != null && p.startsWith("#") ? "button" : "a";
+      return /* @__PURE__ */ f(
+        y,
         {
           themeName: `${t}.innerContent`,
-          tokens: d,
+          tokens: r,
           customTheme: n,
-          children: a === "button" ? /* @__PURE__ */ k(
-            g,
+          children: d === "button" ? /* @__PURE__ */ f(
+            B,
             {
-              ...l,
+              ...s,
               ...e,
               themeName: `${t}.button`,
-              tokens: d,
+              tokens: r,
               customTheme: n,
               as: u ?? m
             }
-          ) : /* @__PURE__ */ k(
-            B,
+          ) : /* @__PURE__ */ f(
+            P,
             {
-              ...l,
+              ...s,
               ...e,
               themeName: `${t}.anchor`,
-              tokens: d,
+              tokens: r,
               customTheme: n,
               as: u ?? c
             }
@@ -121,9 +126,9 @@ const g = (i) => {
         `li-${e.id}`
       );
     }) }),
-    r
+    o
   ] });
 };
 export {
-  R as default
+  V as default
 };

package/package.json

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