@okam/stack-ui 2.0.0 → 2.0.3

package/index40.mjs

@@ -6,18 +6,18 @@ import { mergeDefaultComponentProps as G } from "./index77.mjs";
 import { BoxWithForwardRef as H, Box as k } from "./index7.mjs";
 import { Anchor as J } from "./index8.mjs";
 function _({
-  item: c,
+  item: l,
   state: n,
   ...g
 }) {
-  const { key: s, rendered: e, type: b } = c, {
+  const { key: s, rendered: e, type: b } = l, {
     themeName: t = "option",
-    tokens: y,
-    as: P = "li",
-    customTheme: x,
+    tokens: P,
+    as: x = "li",
+    customTheme: y,
     linkElementType: C = J,
     ...F
-  } = G(g, c.props), l = W(null), {
+  } = G(g, l.props), c = W(null), {
     optionProps: E,
     isFocused: L,
     isDisabled: N,
@@ -28,8 +28,8 @@ function _({
     descriptionProps: A,
     labelProps: D,
     hasAction: $
-  } = q({ key: s }, n, l), i = n.selectionManager.isLink(s), j = n.selectionManager.canSelectItem(s), r = {
-    ...y,
+  } = q({ key: s }, n, c), i = n.selectionManager.isLink(s), j = n.selectionManager.canSelectItem(s), r = {
+    ...P,
     type: b,
     isFocused: L,
     isDisabled: N,
@@ -40,7 +40,7 @@ function _({
     hasAction: $,
     isLink: i,
     isSelectable: j
-  }, w = i ? C : H, B = i ? "a" : P, M = async () => {
+  }, w = i ? C : H, B = i ? "a" : x, M = () => {
     if (u.count(e) > 1) {
       const [m, a] = u.toArray(e), p = f(m), d = f(a);
       return !p && !d ? e : /* @__PURE__ */ O(I, { children: [
@@ -55,10 +55,10 @@ function _({
     {
       as: B,
       ...z(F, E),
-      ref: l,
+      ref: c,
       themeName: `${t}.option`,
       tokens: r,
-      customTheme: x,
+      customTheme: y,
       children: M()
     }
   ) });

package/index56.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),o=require("react-aria"),a=require("./index7.js");function D(c){const{children:l,themeName:r="popover",tokens:m,customTheme:f,placement:h="bottom",offset:d=5,state:s,arrow:i,sizeRef:R,popoverRef:v,triggerRef:x,contain:P=!0,autoFocus:g=!0,restoreFocus:j=!0}=c,y=R??x,{isOpen:k}=s,w=n.useRef(null),p=v??w,{popoverProps:u,underlayProps:F,arrowProps:$,placement:b}=o.usePopover({...c,placement:h,offset:d,popoverRef:p},s),t={placement:b??"bottom",isOpen:k,...m},q={[`--${r?.replace(".","-")}-container-width`]:`${y?.current?.offsetWidth}px`,...u.style};return e.jsxs(o.Overlay,{children:[e.jsx(a.Box,{themeName:`${r}.underlay`,tokens:t,...F}),e.jsx(o.FocusScope,{autoFocus:g,restoreFocus:j,contain:P,children:e.jsxs(a.BoxWithForwardRef,{themeName:`${r}.popover`,customTheme:f,tokens:t,ref:p,...u,style:q,children:[i!=null&&n.cloneElement(i,{...$,themeName:`${r}.arrow`,tokens:t}),e.jsx(o.DismissButton,{onDismiss:s.close}),n.Children.map(l,B=>e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",children:B})),e.jsx(o.DismissButton,{onDismiss:s.close})]})})]})}exports.Popover=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),o=require("react-aria"),p=require("./index7.js");function D(r){const{children:u,themeName:s="popover",tokens:m,customTheme:f,placement:d="bottom",offset:h=5,state:t,arrow:a,sizeRef:x,popoverRef:R,triggerRef:v,contain:P=!0,autoFocus:g=!0,restoreFocus:j=!0}=r,b=x??v,{isOpen:y}=t,k=i.useRef(null),l=R??k,{popoverProps:n,underlayProps:w,arrowProps:F,placement:N}=o.usePopover({...r,placement:d,offset:h,popoverRef:l},t),c={placement:N??"bottom",isOpen:y,...m},$={[`--${s?.replace(".","-")}-container-width`]:`${b?.current?.offsetWidth}px`,...n.style},q=r.isNonModal===!0?0:n.tabIndex;return e.jsxs(o.Overlay,{children:[e.jsx(p.Box,{themeName:`${s}.underlay`,tokens:c,...w}),e.jsx(o.FocusScope,{autoFocus:g,restoreFocus:j,contain:P,children:e.jsxs(p.BoxWithForwardRef,{themeName:`${s}.popover`,customTheme:f,tokens:c,ref:l,...n,tabIndex:q,style:$,children:[a!=null&&i.cloneElement(a,{...F,themeName:`${s}.arrow`,tokens:c}),e.jsx(o.DismissButton,{onDismiss:t.close}),i.Children.map(u,B=>e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",children:B})),e.jsx(o.DismissButton,{onDismiss:t.close})]})})]})}exports.Popover=D;

package/index56.mjs

@@ -1,61 +1,62 @@
 "use client";
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { useRef as D, cloneElement as b, Children as j } from "react";
-import { usePopover as C, Overlay as O, FocusScope as T, DismissButton as m, FocusRing as W } from "react-aria";
-import { Box as E, BoxWithForwardRef as S } from "./index7.mjs";
-function I(s) {
+import { useRef as D, cloneElement as I, Children as T } from "react";
+import { usePopover as j, Overlay as C, FocusScope as O, DismissButton as l, FocusRing as W } from "react-aria";
+import { Box as E, BoxWithForwardRef as M } from "./index7.mjs";
+function H(t) {
   const {
-    children: l,
+    children: m,
     themeName: o = "popover",
     tokens: a,
     customTheme: f,
     placement: u = "bottom",
-    offset: h = 5,
+    offset: d = 5,
     state: r,
-    arrow: n,
-    sizeRef: R,
-    popoverRef: d,
+    arrow: c,
+    sizeRef: h,
+    popoverRef: R,
     triggerRef: v,
     contain: P = !0,
-    autoFocus: g = !0,
-    restoreFocus: x = !0
-  } = s, k = R ?? v, { isOpen: w } = r, y = D(null), p = d ?? y, { popoverProps: c, underlayProps: F, arrowProps: $, placement: N } = C(
+    autoFocus: x = !0,
+    restoreFocus: g = !0
+  } = t, b = h ?? v, { isOpen: k } = r, w = D(null), p = R ?? w, { popoverProps: n, underlayProps: y, arrowProps: F, placement: N } = j(
     {
-      ...s,
+      ...t,
       placement: u,
-      offset: h,
+      offset: d,
       popoverRef: p
     },
     r
-  ), t = {
+  ), s = {
     placement: N ?? "bottom",
-    isOpen: w,
+    isOpen: k,
     ...a
-  }, z = {
-    [`--${o?.replace(".", "-")}-container-width`]: `${k?.current?.offsetWidth}px`,
-    ...c.style
-  };
-  return /* @__PURE__ */ i(O, { children: [
-    /* @__PURE__ */ e(E, { themeName: `${o}.underlay`, tokens: t, ...F }),
-    /* @__PURE__ */ e(T, { autoFocus: g, restoreFocus: x, contain: P, children: /* @__PURE__ */ i(
-      S,
+  }, $ = {
+    [`--${o?.replace(".", "-")}-container-width`]: `${b?.current?.offsetWidth}px`,
+    ...n.style
+  }, z = t.isNonModal === !0 ? 0 : n.tabIndex;
+  return /* @__PURE__ */ i(C, { children: [
+    /* @__PURE__ */ e(E, { themeName: `${o}.underlay`, tokens: s, ...y }),
+    /* @__PURE__ */ e(O, { autoFocus: x, restoreFocus: g, contain: P, children: /* @__PURE__ */ i(
+      M,
       {
         themeName: `${o}.popover`,
         customTheme: f,
-        tokens: t,
+        tokens: s,
         ref: p,
-        ...c,
-        style: z,
+        ...n,
+        tabIndex: z,
+        style: $,
         children: [
-          n != null && b(n, { ...$, themeName: `${o}.arrow`, tokens: t }),
-          /* @__PURE__ */ e(m, { onDismiss: r.close }),
-          j.map(l, (B) => /* @__PURE__ */ e(W, { focusRingClass: "has-focus-ring", children: B })),
-          /* @__PURE__ */ e(m, { onDismiss: r.close })
+          c != null && I(c, { ...F, themeName: `${o}.arrow`, tokens: s }),
+          /* @__PURE__ */ e(l, { onDismiss: r.close }),
+          T.map(m, (B) => /* @__PURE__ */ e(W, { focusRingClass: "has-focus-ring", children: B })),
+          /* @__PURE__ */ e(l, { onDismiss: r.close })
         ]
       }
     ) })
   ] });
 }
 export {
-  I as Popover
+  H as Popover
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/stack-ui",
-  "version": "2.0.0",
+  "version": "2.0.3",
   "repository": {
     "url": "https://github.com/OKAMca/stack.git"
   },
@@ -45,7 +45,7 @@
     "react-stately": "^3.43.0",
     "react-use": "^17.6.0",
     "sanitize-html": "^2.13.1",
-    "swiper": "^12.0.0",
+    "swiper": "^12.1.2",
     "tailwind-variants": "^3.2.2",
     "usehooks-ts": "^3.1.0"
   }