@okam/stack-ui 1.35.5 → 1.35.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index108.js CHANGED
@@ -1 +1 @@
1
- "use strict";const a=require("react/jsx-runtime"),M=require("./index145.js"),n=require("./index120.js"),o=require("./index69.js"),N=require("./index146.js"),T=p=>{const{slides:c,slidesPerView:d=1,spaceBetween:u=50,themeName:r,tokens:s,customTheme:m,modules:i,a11y:t,children:w=e=>a.jsx(N,{...e}),...h}=p,b=o(`${r}.slide.wrapper`,s),x=o(`${r}.swiper.swiper`,s,m),g=o(`${r}.swiper.wrapper`,s),y=["A11y"],S=[...(i==null?void 0:i.filter(e=>e!=="Pagination"))??[],...y].map(e=>M[e]),{itemRoleDescriptionMessage:q="slide",slideRole:R="group",containerRoleDescriptionMessage:f="carousel"}=t??{};return a.jsx(n.Swiper,{tabIndex:0,...h,watchSlidesProgress:!0,role:"group","aria-roledescription":f??void 0,slidesPerView:d,spaceBetween:u,className:x,wrapperClass:g,modules:S,keyboard:{enabled:!0,onlyInViewport:!1},a11y:{...t,enabled:!1},children:c.map(e=>{const{id:l,title:j}=e;return a.jsx(n.SwiperSlide,{className:b,...j?{"aria-labelledby":l}:{"aria-label":e.ariaLabel},role:R,"aria-roledescription":q??void 0,children:w({...e,themeName:`${r}.slide`,tokens:s})},l)})})};module.exports=T;
1
+ "use strict";const a=require("react/jsx-runtime"),M=require("./index146.js"),n=require("./index120.js"),o=require("./index69.js"),N=require("./index147.js"),T=p=>{const{slides:c,slidesPerView:d=1,spaceBetween:u=50,themeName:r,tokens:s,customTheme:m,modules:i,a11y:t,children:w=e=>a.jsx(N,{...e}),...h}=p,b=o(`${r}.slide.wrapper`,s),x=o(`${r}.swiper.swiper`,s,m),g=o(`${r}.swiper.wrapper`,s),y=["A11y"],S=[...(i==null?void 0:i.filter(e=>e!=="Pagination"))??[],...y].map(e=>M[e]),{itemRoleDescriptionMessage:q="slide",slideRole:R="group",containerRoleDescriptionMessage:f="carousel"}=t??{};return a.jsx(n.Swiper,{tabIndex:0,...h,watchSlidesProgress:!0,role:"group","aria-roledescription":f??void 0,slidesPerView:d,spaceBetween:u,className:x,wrapperClass:g,modules:S,keyboard:{enabled:!0,onlyInViewport:!1},a11y:{...t,enabled:!1},children:c.map(e=>{const{id:l,title:j}=e;return a.jsx(n.SwiperSlide,{className:b,...j?{"aria-labelledby":l}:{"aria-label":e.ariaLabel},role:R,"aria-roledescription":q??void 0,children:w({...e,themeName:`${r}.slide`,tokens:s})},l)})})};module.exports=T;
package/index108.mjs CHANGED
@@ -1,8 +1,8 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import * as M from "./index145.mjs";
2
+ import * as M from "./index146.mjs";
3
3
  import { Swiper as N, SwiperSlide as $ } from "./index120.mjs";
4
4
  import a from "./index69.mjs";
5
- import I from "./index146.mjs";
5
+ import I from "./index147.mjs";
6
6
  const D = (p) => {
7
7
  const {
8
8
  slides: n,
package/index109.js CHANGED
@@ -1 +1 @@
1
- "use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index27.js"),p=require("./index147.js"),d=a=>{const{themeName:r,tokens:i,slides:t,activeIndex:s,paginationGroupLabel:n}=a;return e.jsx(l.default,{as:"div",themeName:`${r}.wrapper`,tokens:i,role:"group","aria-label":n,children:e.jsx(c.FocusScope,{children:t.map((o,u)=>e.jsx(p,{index:u,activeIndex:s,slides:t,themeName:r,tokens:i},JSON.stringify(o)))})})};module.exports=d;
1
+ "use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index27.js"),p=require("./index148.js"),d=a=>{const{themeName:r,tokens:i,slides:t,activeIndex:s,paginationGroupLabel:n}=a;return e.jsx(l.default,{as:"div",themeName:`${r}.wrapper`,tokens:i,role:"group","aria-label":n,children:e.jsx(c.FocusScope,{children:t.map((o,u)=>e.jsx(p,{index:u,activeIndex:s,slides:t,themeName:r,tokens:i},JSON.stringify(o)))})})};module.exports=d;
package/index109.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
2
  import { FocusScope as p } from "react-aria";
3
3
  import s from "./index27.mjs";
4
- import u from "./index147.mjs";
4
+ import u from "./index148.mjs";
5
5
  const h = (i) => {
6
6
  const { themeName: o, tokens: r, slides: a, activeIndex: t, paginationGroupLabel: n } = i;
7
7
  return /* @__PURE__ */ e(
package/index114.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index69.js"),l=require("./index27.js"),j=require("./index3.js"),N=require("./index148.js"),d=({item:o,state:a,themeName:n="li"})=>{const r=p.useRef(null),{optionProps:e,isFocusVisible:i}=h.useOption({key:o.key},a,r),c=k(n);return t.jsx(j.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${c} ${i?"has-focus-ring":""}`},ref:r,children:o.rendered})},y=o=>{const{children:a,listBoxRef:n,themeName:r,...e}=o;return t.jsx(h.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:t.jsx(l.BoxWithForwardRef,{...e,ref:n,as:"ul",themeName:`${r}.ul`,children:a})})},B=o=>{const a=p.useRef(null),{listBoxRef:n=a,state:r,themeName:e="option",optionsWithHeaders:i}=o,{listBoxProps:c}=h.useListBox(o,r,n),m=Array.from(r.collection),$=N.useListboxSections(m,i||[]);return(i==null?void 0:i.some(s=>{var u;return(u=s.key)==null?void 0:u.includes("header-")}))?t.jsx(y,{...c,listBoxRef:n,themeName:e,children:$.map(s=>{var x;const u=s.header?`section-${s.header.key}`:`section-${((x=s.items[0])==null?void 0:x.key)||"empty"}`;return t.jsx(l.default,{as:"li",themeName:`${e}.group`,children:t.jsxs(l.default,{as:"section",themeName:`${e}.section`,children:[s.header&&t.jsx(j.default,{as:"header",themeName:`${e}.headerText`,children:s.header.rendered},s.header.key),t.jsx(l.default,{as:"ul",themeName:`${e}.list`,children:s.items.map(f=>t.jsx(d,{themeName:`${e}.li`,item:f,state:r},String(f.key)))})]})},u)})}):t.jsx(y,{...c,listBoxRef:n,themeName:e,children:m.map(s=>t.jsx(d,{themeName:`${e}.li`,item:s,state:r},s.key))})};exports.ListBox=B;exports.Option=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),p=require("react"),h=require("react-aria"),k=require("./index69.js"),l=require("./index27.js"),j=require("./index3.js"),N=require("./index145.js"),d=({item:o,state:a,themeName:n="li"})=>{const r=p.useRef(null),{optionProps:e,isFocusVisible:i}=h.useOption({key:o.key},a,r),c=k(n);return t.jsx(j.TypographyWithForwardRef,{as:"li",...e,tokens:{className:`${c} ${i?"has-focus-ring":""}`},ref:r,children:o.rendered})},y=o=>{const{children:a,listBoxRef:n,themeName:r,...e}=o;return t.jsx(h.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:!0,children:t.jsx(l.BoxWithForwardRef,{...e,ref:n,as:"ul",themeName:`${r}.ul`,children:a})})},B=o=>{const a=p.useRef(null),{listBoxRef:n=a,state:r,themeName:e="option",optionsWithHeaders:i}=o,{listBoxProps:c}=h.useListBox(o,r,n),m=Array.from(r.collection),$=N.useListboxSections(m,i||[]);return(i==null?void 0:i.some(s=>{var u;return(u=s.key)==null?void 0:u.includes("header-")}))?t.jsx(y,{...c,listBoxRef:n,themeName:e,children:$.map(s=>{var x;const u=s.header?`section-${s.header.key}`:`section-${((x=s.items[0])==null?void 0:x.key)||"empty"}`;return t.jsx(l.default,{as:"li",themeName:`${e}.group`,children:t.jsxs(l.default,{as:"section",themeName:`${e}.section`,children:[s.header&&t.jsx(j.default,{as:"header",themeName:`${e}.headerText`,children:s.header.rendered},s.header.key),t.jsx(l.default,{as:"ul",themeName:`${e}.list`,children:s.items.map(f=>t.jsx(d,{themeName:`${e}.li`,item:f,state:r},String(f.key)))})]})},u)})}):t.jsx(y,{...c,listBoxRef:n,themeName:e,children:m.map(s=>t.jsx(d,{themeName:`${e}.li`,item:s,state:r},s.key))})};exports.ListBox=B;exports.Option=d;
package/index114.mjs CHANGED
@@ -4,7 +4,7 @@ import { useListBox as N, useOption as k, FocusScope as B } from "react-aria";
4
4
  import R from "./index69.mjs";
5
5
  import h, { BoxWithForwardRef as F } from "./index27.mjs";
6
6
  import g, { TypographyWithForwardRef as L } from "./index3.mjs";
7
- import { useListboxSections as S } from "./index148.mjs";
7
+ import { useListboxSections as S } from "./index145.mjs";
8
8
  const p = ({ item: s, state: i, themeName: n = "li" }) => {
9
9
  const t = y.useRef(null), { optionProps: e, isFocusVisible: a } = k({ key: s.key }, i, t), m = R(n);
10
10
  return /* @__PURE__ */ o(
package/index145.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index208.js"),r=require("./index209.js"),t=require("./index210.js"),o=require("./index211.js"),i=require("./index212.js"),a=require("./index213.js"),c=require("./index214.js"),n=require("./index215.js"),u=require("./index216.js"),s=require("./index217.js"),f=require("./index218.js"),l=require("./index219.js"),q=require("./index220.js"),d=require("./index221.js"),b=require("./index222.js"),v=require("./index223.js"),y=require("./index224.js"),g=require("./index225.js"),p=require("./index226.js"),C=require("./index227.js"),h=require("./index228.js"),m=require("./index229.js"),E=require("./index230.js");exports.Virtual=e;exports.Keyboard=r;exports.Mousewheel=t;exports.Navigation=o;exports.Pagination=i;exports.Scrollbar=a;exports.Parallax=c;exports.Zoom=n;exports.Controller=u;exports.A11y=s;exports.History=f;exports.HashNavigation=l;exports.Autoplay=q;exports.Thumbs=d;exports.FreeMode=b;exports.Grid=v;exports.Manipulation=y;exports.EffectFade=g;exports.EffectCube=p;exports.EffectFlip=C;exports.EffectCoverflow=h;exports.EffectCreative=m;exports.EffectCards=E;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(r,c){var o;const i=[];let e=null;const n=[];for(const t of c){const l=t.key==="header"||((o=t.key)==null?void 0:o.toString().includes("header-")),s=r.find(u=>u.rendered===t.value);l?(e&&i.push(e),e={header:{key:t.key,rendered:t.value},items:[]}):e?s&&e.items.push(s):s&&n.push(s)}return e&&i.push(e),[...n.length>0?[{items:n}]:[],...i]}exports.useListboxSections=d;
package/index145.mjs CHANGED
@@ -1,48 +1,14 @@
1
- import { default as o } from "./index208.mjs";
2
- import { default as f } from "./index209.mjs";
3
- import { default as l } from "./index210.mjs";
4
- import { default as d } from "./index211.mjs";
5
- import { default as p } from "./index212.mjs";
6
- import { default as x } from "./index213.mjs";
7
- import { default as c } from "./index214.mjs";
8
- import { default as E } from "./index215.mjs";
9
- import { default as b } from "./index216.mjs";
10
- import { default as y } from "./index217.mjs";
11
- import { default as h } from "./index218.mjs";
12
- import { default as M } from "./index219.mjs";
13
- import { default as A } from "./index220.mjs";
14
- import { default as N } from "./index221.mjs";
15
- import { default as G } from "./index222.mjs";
16
- import { default as S } from "./index223.mjs";
17
- import { default as V } from "./index224.mjs";
18
- import { default as j } from "./index225.mjs";
19
- import { default as q } from "./index226.mjs";
20
- import { default as B } from "./index227.mjs";
21
- import { default as I } from "./index228.mjs";
22
- import { default as L } from "./index229.mjs";
23
- import { default as Q } from "./index230.mjs";
1
+ function f(r, c) {
2
+ var o;
3
+ const s = [];
4
+ let e = null;
5
+ const i = [];
6
+ for (const t of c) {
7
+ const l = t.key === "header" || ((o = t.key) == null ? void 0 : o.toString().includes("header-")), n = r.find((u) => u.rendered === t.value);
8
+ l ? (e && s.push(e), e = { header: { key: t.key, rendered: t.value }, items: [] }) : e ? n && e.items.push(n) : n && i.push(n);
9
+ }
10
+ return e && s.push(e), [...i.length > 0 ? [{ items: i }] : [], ...s];
11
+ }
24
12
  export {
25
- y as A11y,
26
- A as Autoplay,
27
- b as Controller,
28
- Q as EffectCards,
29
- I as EffectCoverflow,
30
- L as EffectCreative,
31
- q as EffectCube,
32
- j as EffectFade,
33
- B as EffectFlip,
34
- G as FreeMode,
35
- S as Grid,
36
- M as HashNavigation,
37
- h as History,
38
- f as Keyboard,
39
- V as Manipulation,
40
- l as Mousewheel,
41
- d as Navigation,
42
- p as Pagination,
43
- c as Parallax,
44
- x as Scrollbar,
45
- N as Thumbs,
46
- o as Virtual,
47
- E as Zoom
13
+ f as useListboxSections
48
14
  };
package/index146.js CHANGED
@@ -1,2 +1 @@
1
- "use client";
2
- "use strict";const n=require("react/jsx-runtime"),d=require("./index120.js"),a=require("./index27.js"),m=require("./index3.js"),h=r=>{const{themeName:e,title:t,tokens:c,id:o,children:l}=r,{isActive:u,isVisible:i}=d.useSwiperSlide(),s={...c,isActive:u,isVisible:i};return n.jsxs(a.default,{themeName:`${e}.container`,tokens:s,...i?{}:{inert:"true"},children:[t&&n.jsx(m.default,{themeName:`${e}.title`,tokens:s,id:o,children:t}),l]})};module.exports=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index208.js"),r=require("./index209.js"),t=require("./index210.js"),o=require("./index211.js"),i=require("./index212.js"),a=require("./index213.js"),c=require("./index214.js"),n=require("./index215.js"),u=require("./index216.js"),s=require("./index217.js"),f=require("./index218.js"),l=require("./index219.js"),q=require("./index220.js"),d=require("./index221.js"),b=require("./index222.js"),v=require("./index223.js"),y=require("./index224.js"),g=require("./index225.js"),p=require("./index226.js"),C=require("./index227.js"),h=require("./index228.js"),m=require("./index229.js"),E=require("./index230.js");exports.Virtual=e;exports.Keyboard=r;exports.Mousewheel=t;exports.Navigation=o;exports.Pagination=i;exports.Scrollbar=a;exports.Parallax=c;exports.Zoom=n;exports.Controller=u;exports.A11y=s;exports.History=f;exports.HashNavigation=l;exports.Autoplay=q;exports.Thumbs=d;exports.FreeMode=b;exports.Grid=v;exports.Manipulation=y;exports.EffectFade=g;exports.EffectCube=p;exports.EffectFlip=C;exports.EffectCoverflow=h;exports.EffectCreative=m;exports.EffectCards=E;
package/index146.mjs CHANGED
@@ -1,15 +1,48 @@
1
- "use client";
2
- import { jsxs as c, jsx as a } from "react/jsx-runtime";
3
- import { useSwiperSlide as d } from "./index120.mjs";
4
- import p from "./index27.mjs";
5
- import h from "./index3.mjs";
6
- const S = (r) => {
7
- const { themeName: e, title: t, tokens: s, id: n, children: m } = r, { isActive: l, isVisible: o } = d(), i = { ...s, isActive: l, isVisible: o };
8
- return /* @__PURE__ */ c(p, { themeName: `${e}.container`, tokens: i, ...o ? {} : { inert: "true" }, children: [
9
- t && /* @__PURE__ */ a(h, { themeName: `${e}.title`, tokens: i, id: n, children: t }),
10
- m
11
- ] });
12
- };
1
+ import { default as o } from "./index208.mjs";
2
+ import { default as f } from "./index209.mjs";
3
+ import { default as l } from "./index210.mjs";
4
+ import { default as d } from "./index211.mjs";
5
+ import { default as p } from "./index212.mjs";
6
+ import { default as x } from "./index213.mjs";
7
+ import { default as c } from "./index214.mjs";
8
+ import { default as E } from "./index215.mjs";
9
+ import { default as b } from "./index216.mjs";
10
+ import { default as y } from "./index217.mjs";
11
+ import { default as h } from "./index218.mjs";
12
+ import { default as M } from "./index219.mjs";
13
+ import { default as A } from "./index220.mjs";
14
+ import { default as N } from "./index221.mjs";
15
+ import { default as G } from "./index222.mjs";
16
+ import { default as S } from "./index223.mjs";
17
+ import { default as V } from "./index224.mjs";
18
+ import { default as j } from "./index225.mjs";
19
+ import { default as q } from "./index226.mjs";
20
+ import { default as B } from "./index227.mjs";
21
+ import { default as I } from "./index228.mjs";
22
+ import { default as L } from "./index229.mjs";
23
+ import { default as Q } from "./index230.mjs";
13
24
  export {
14
- S as default
25
+ y as A11y,
26
+ A as Autoplay,
27
+ b as Controller,
28
+ Q as EffectCards,
29
+ I as EffectCoverflow,
30
+ L as EffectCreative,
31
+ q as EffectCube,
32
+ j as EffectFade,
33
+ B as EffectFlip,
34
+ G as FreeMode,
35
+ S as Grid,
36
+ M as HashNavigation,
37
+ h as History,
38
+ f as Keyboard,
39
+ V as Manipulation,
40
+ l as Mousewheel,
41
+ d as Navigation,
42
+ p as Pagination,
43
+ c as Parallax,
44
+ x as Scrollbar,
45
+ N as Thumbs,
46
+ o as Virtual,
47
+ E as Zoom
15
48
  };
package/index147.js CHANGED
@@ -1 +1,2 @@
1
- "use strict";const P=require("react/jsx-runtime"),o=require("react-aria"),k=require("./index76.js"),m=require("./index6.js"),w=d=>{const{themeName:l,tokens:c,slides:i,activeIndex:x,index:t}=d,{controller:e}=k.useSwiperController(),s=o.useFocusManager(),p=t===0?i.length-1:t-1,b=t===i.length-1?0:t+1,{keyboardProps:v}=o.useKeyboard({onKeyUp:n=>{n.key==="ArrowLeft"&&(n.preventDefault(),s==null||s.focusPrevious({wrap:!0}),e==null||e.slideTo(p)),n.key==="ArrowRight"&&(n.preventDefault(),s==null||s.focusNext({wrap:!0}),e==null||e.slideTo(b))}}),{pressProps:h}=o.usePress({onPress:()=>e==null?void 0:e.slideTo(t)}),f=i[t],r=t===x,{title:a,id:y}=f,u=a&&a.length>0;return P.jsx(m.default,{as:"button",tabIndex:0,role:"button","aria-current":r?"true":"false","aria-disabled":r,"aria-label":u?void 0:`${t+1} / ${i.length}`,"aria-labelledby":u?y:void 0,...v,...h,themeName:`${l}.bullet`,tokens:{...c,active:r}})};module.exports=w;
1
+ "use client";
2
+ "use strict";const n=require("react/jsx-runtime"),d=require("./index120.js"),a=require("./index27.js"),m=require("./index3.js"),h=r=>{const{themeName:e,title:t,tokens:c,id:o,children:l}=r,{isActive:u,isVisible:i}=d.useSwiperSlide(),s={...c,isActive:u,isVisible:i};return n.jsxs(a.default,{themeName:`${e}.container`,tokens:s,...i?{}:{inert:"true"},children:[t&&n.jsx(m.default,{themeName:`${e}.title`,tokens:s,id:o,children:t}),l]})};module.exports=h;
package/index147.mjs CHANGED
@@ -1,32 +1,15 @@
1
- import { jsx as h } from "react/jsx-runtime";
2
- import { useFocusManager as y, useKeyboard as P, usePress as k } from "react-aria";
3
- import { useSwiperController as w } from "./index76.mjs";
4
- import g from "./index6.mjs";
5
- const N = (d) => {
6
- const { themeName: l, tokens: u, slides: o, activeIndex: p, index: t } = d, { controller: e } = w(), s = y(), m = t === 0 ? o.length - 1 : t - 1, c = t === o.length - 1 ? 0 : t + 1, { keyboardProps: b } = P({
7
- onKeyUp: (i) => {
8
- i.key === "ArrowLeft" && (i.preventDefault(), s == null || s.focusPrevious({ wrap: !0 }), e == null || e.slideTo(m)), i.key === "ArrowRight" && (i.preventDefault(), s == null || s.focusNext({ wrap: !0 }), e == null || e.slideTo(c));
9
- }
10
- }), { pressProps: f } = k({
11
- onPress: () => e == null ? void 0 : e.slideTo(t)
12
- }), v = o[t], n = t === p, { title: r, id: x } = v, a = r && r.length > 0;
13
- return /* @__PURE__ */ h(
14
- g,
15
- {
16
- as: "button",
17
- tabIndex: 0,
18
- role: "button",
19
- "aria-current": n ? "true" : "false",
20
- "aria-disabled": n,
21
- "aria-label": a ? void 0 : `${t + 1} / ${o.length}`,
22
- "aria-labelledby": a ? x : void 0,
23
- ...b,
24
- ...f,
25
- themeName: `${l}.bullet`,
26
- tokens: { ...u, active: n }
27
- }
28
- );
1
+ "use client";
2
+ import { jsxs as c, jsx as a } from "react/jsx-runtime";
3
+ import { useSwiperSlide as d } from "./index120.mjs";
4
+ import p from "./index27.mjs";
5
+ import h from "./index3.mjs";
6
+ const S = (r) => {
7
+ const { themeName: e, title: t, tokens: s, id: n, children: m } = r, { isActive: l, isVisible: o } = d(), i = { ...s, isActive: l, isVisible: o };
8
+ return /* @__PURE__ */ c(p, { themeName: `${e}.container`, tokens: i, ...o ? {} : { inert: "true" }, children: [
9
+ t && /* @__PURE__ */ a(h, { themeName: `${e}.title`, tokens: i, id: n, children: t }),
10
+ m
11
+ ] });
29
12
  };
30
13
  export {
31
- N as default
14
+ S as default
32
15
  };
package/index148.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(r,c){var o;const i=[];let e=null;const n=[];for(const t of c){const l=t.key==="header"||((o=t.key)==null?void 0:o.toString().includes("header-")),s=r.find(u=>u.rendered===t.value);l?(e&&i.push(e),e={header:{key:t.key,rendered:t.value},items:[]}):e?s&&e.items.push(s):s&&n.push(s)}return e&&i.push(e),[...n.length>0?[{items:n}]:[],...i]}exports.useListboxSections=d;
1
+ "use strict";const P=require("react/jsx-runtime"),o=require("react-aria"),k=require("./index76.js"),m=require("./index6.js"),w=d=>{const{themeName:l,tokens:c,slides:i,activeIndex:x,index:t}=d,{controller:e}=k.useSwiperController(),s=o.useFocusManager(),p=t===0?i.length-1:t-1,b=t===i.length-1?0:t+1,{keyboardProps:v}=o.useKeyboard({onKeyUp:n=>{n.key==="ArrowLeft"&&(n.preventDefault(),s==null||s.focusPrevious({wrap:!0}),e==null||e.slideTo(p)),n.key==="ArrowRight"&&(n.preventDefault(),s==null||s.focusNext({wrap:!0}),e==null||e.slideTo(b))}}),{pressProps:h}=o.usePress({onPress:()=>e==null?void 0:e.slideTo(t)}),f=i[t],r=t===x,{title:a,id:y}=f,u=a&&a.length>0;return P.jsx(m.default,{as:"button",tabIndex:0,role:"button","aria-current":r?"true":"false","aria-disabled":r,"aria-label":u?void 0:`${t+1} / ${i.length}`,"aria-labelledby":u?y:void 0,...v,...h,themeName:`${l}.bullet`,tokens:{...c,active:r}})};module.exports=w;
package/index148.mjs CHANGED
@@ -1,14 +1,32 @@
1
- function f(r, c) {
2
- var o;
3
- const s = [];
4
- let e = null;
5
- const i = [];
6
- for (const t of c) {
7
- const l = t.key === "header" || ((o = t.key) == null ? void 0 : o.toString().includes("header-")), n = r.find((u) => u.rendered === t.value);
8
- l ? (e && s.push(e), e = { header: { key: t.key, rendered: t.value }, items: [] }) : e ? n && e.items.push(n) : n && i.push(n);
9
- }
10
- return e && s.push(e), [...i.length > 0 ? [{ items: i }] : [], ...s];
11
- }
1
+ import { jsx as h } from "react/jsx-runtime";
2
+ import { useFocusManager as y, useKeyboard as P, usePress as k } from "react-aria";
3
+ import { useSwiperController as w } from "./index76.mjs";
4
+ import g from "./index6.mjs";
5
+ const N = (d) => {
6
+ const { themeName: l, tokens: u, slides: o, activeIndex: p, index: t } = d, { controller: e } = w(), s = y(), m = t === 0 ? o.length - 1 : t - 1, c = t === o.length - 1 ? 0 : t + 1, { keyboardProps: b } = P({
7
+ onKeyUp: (i) => {
8
+ i.key === "ArrowLeft" && (i.preventDefault(), s == null || s.focusPrevious({ wrap: !0 }), e == null || e.slideTo(m)), i.key === "ArrowRight" && (i.preventDefault(), s == null || s.focusNext({ wrap: !0 }), e == null || e.slideTo(c));
9
+ }
10
+ }), { pressProps: f } = k({
11
+ onPress: () => e == null ? void 0 : e.slideTo(t)
12
+ }), v = o[t], n = t === p, { title: r, id: x } = v, a = r && r.length > 0;
13
+ return /* @__PURE__ */ h(
14
+ g,
15
+ {
16
+ as: "button",
17
+ tabIndex: 0,
18
+ role: "button",
19
+ "aria-current": n ? "true" : "false",
20
+ "aria-disabled": n,
21
+ "aria-label": a ? void 0 : `${t + 1} / ${o.length}`,
22
+ "aria-labelledby": a ? x : void 0,
23
+ ...b,
24
+ ...f,
25
+ themeName: `${l}.bullet`,
26
+ tokens: { ...u, active: n }
27
+ }
28
+ );
29
+ };
12
30
  export {
13
- f as useListboxSections
31
+ N as default
14
32
  };
package/index18.js CHANGED
@@ -1,2 +1,2 @@
1
1
  "use client";
2
- "use strict";const e=require("react/jsx-runtime");require("./index2.js");const N=require("./index3.js");require("@react-aria/accordion");const P=require("react");require("./index74.js");const n=require("./index27.js"),c=require("react-aria");require("react-use");require("@react-spring/web");const y=require("./index69.js"),D=require("./index6.js");require("./index111.js");const R=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index71.js");require("@react-aria/focus");require("./index10.js");require("./index76.js");require("./index12.js");require("./index120.js");require("sanitize-html");require("@react-aria/i18n");require("radashi");require("react-hook-form");require("./index77.js");const w=require("./index75.js"),F=require("./index50.js"),M=require("./index112.js");require("./index121.js");require("./index122.js");require("./index73.js");require("./index72.js");require("./index123.js");require("./index43.js");require("./index44.js");require("./index45.js");require("./index46.js");require("./index47.js");require("./index48.js");require("./index49.js");require("./index51.js");require("./index52.js");require("./index53.js");require("./index54.js");require("./index55.js");require("./index56.js");require("./index57.js");require("./index58.js");require("./index59.js");require("./index60.js");require("./index61.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index67.js");require("./index68.js");require("./index70.js");require("./index84.js");const T=u=>{const{setUserSearchQuery:h}=w.useUserQueryValHook(),{label:q,themeName:r="search",tokens:d,customTheme:m,disabled:l,errorMessage:t,placeholder:x,icon:b,isDisabled:f}=u,a=R.useSearchFieldState(u);h(a.value);const o=P.useRef(null),{labelProps:j,inputProps:k,errorMessageProps:$,clearButtonProps:g}=c.useSearchField(u,a,o),s=f||l,p=t!=null,i={...d,isError:p,isDisabled:s??!1},S=y(`${r}.input`,i,m);return e.jsxs(n.default,{themeName:`${r}.wrapper`,tokens:i,"aria-disabled":s??!1,children:[q&&e.jsx(n.default,{...j,as:"label",themeName:`${r}.label`,tokens:i,children:q}),e.jsxs(n.default,{themeName:`${r}.container`,tokens:i,children:[e.jsx("input",{ref:o,...k,placeholder:x,className:S,disabled:l}),e.jsx(c.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx(D.default,{isDisabled:s,handlePress:g.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:s??!1},themeName:`${r}.icon`,"aria-label":"clear",children:b??(a.value===""?e.jsx(M,{width:"16",height:"16"}):e.jsx(F,{width:"16",height:"16"}))})})]}),t&&e.jsx(N.default,{themeName:`${r}.errorMessage`,tokens:i,...$,children:t})]})};module.exports=T;
2
+ "use strict";const e=require("react/jsx-runtime");require("./index2.js");const R=require("./index3.js");require("@react-aria/accordion");const m=require("react");require("./index74.js");const n=require("./index27.js"),b=require("react-aria");require("react-use");require("@react-spring/web");const w=require("./index69.js"),F=require("./index6.js");require("./index111.js");const v=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index71.js");require("@react-aria/focus");require("./index10.js");require("./index76.js");require("./index12.js");require("./index120.js");require("sanitize-html");require("@react-aria/i18n");require("radashi");require("react-hook-form");require("./index77.js");const M=require("./index75.js"),T=require("./index50.js"),B=require("./index112.js");require("./index121.js");require("./index122.js");require("./index73.js");require("./index72.js");require("./index123.js");require("./index43.js");require("./index44.js");require("./index45.js");require("./index46.js");require("./index47.js");require("./index48.js");require("./index49.js");require("./index51.js");require("./index52.js");require("./index53.js");require("./index54.js");require("./index55.js");require("./index56.js");require("./index57.js");require("./index58.js");require("./index59.js");require("./index60.js");require("./index61.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index67.js");require("./index68.js");require("./index70.js");require("./index84.js");const I=l=>{const{setUserSearchQuery:q}=M.useUserQueryValHook(),{label:o,themeName:r="search",tokens:x,customTheme:f,disabled:g,errorMessage:t,placeholder:j,icon:k,isDisabled:$}=l,i=$||g,c={...l,isDisabled:i},a=v.useSearchFieldState(c),h=m.useRef(null),{labelProps:S,inputProps:s,errorMessageProps:p,clearButtonProps:N}=b.useSearchField(c,a,h),C=m.useCallback(P=>{var d;q(a.value),(d=s.onChange)==null||d.call(s,P)},[q,a.value,s]),D=t!=null,u={...x,isError:D,isDisabled:i??!1},y=w(`${r}.input`,u,f);return e.jsxs(n.default,{themeName:`${r}.wrapper`,tokens:u,"aria-disabled":i??!1,children:[o&&e.jsx(n.default,{...S,as:"label",themeName:`${r}.label`,tokens:u,children:o}),e.jsxs(n.default,{themeName:`${r}.container`,tokens:u,children:[e.jsx("input",{ref:h,...s,onChange:C,placeholder:j,className:y,disabled:i}),e.jsx(b.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx(F.default,{isDisabled:i,handlePress:N.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:i??!1},themeName:`${r}.icon`,"aria-label":"clear",children:k??(a.value===""?e.jsx(B,{width:"16",height:"16"}):e.jsx(T,{width:"16",height:"16"}))})})]}),t&&e.jsx(R.default,{themeName:`${r}.errorMessage`,tokens:u,...p,children:t})]})};module.exports=I;
package/index18.mjs CHANGED
@@ -1,18 +1,18 @@
1
1
  "use client";
2
- import { jsxs as c, jsx as r } from "react/jsx-runtime";
2
+ import { jsxs as u, jsx as o } from "react/jsx-runtime";
3
3
  import "./index2.mjs";
4
- import x from "./index3.mjs";
4
+ import w from "./index3.mjs";
5
5
  import "@react-aria/accordion";
6
- import D from "react";
6
+ import B, { useCallback as F } from "react";
7
7
  import "./index74.mjs";
8
- import s from "./index27.mjs";
9
- import { useSearchField as T, FocusRing as w } from "react-aria";
8
+ import p from "./index27.mjs";
9
+ import { useSearchField as R, FocusRing as v } from "react-aria";
10
10
  import "react-use";
11
11
  import "@react-spring/web";
12
- import B from "./index69.mjs";
13
- import C from "./index6.mjs";
12
+ import M from "./index69.mjs";
13
+ import j from "./index6.mjs";
14
14
  import "./index111.mjs";
15
- import { useSearchFieldState as F } from "react-stately";
15
+ import { useSearchFieldState as I } from "react-stately";
16
16
  import "./index5.mjs";
17
17
  import "react-div-100vh";
18
18
  import "./index71.mjs";
@@ -26,9 +26,9 @@ import "@react-aria/i18n";
26
26
  import "radashi";
27
27
  import "react-hook-form";
28
28
  import "./index77.mjs";
29
- import { useUserQueryValHook as R } from "./index75.mjs";
30
- import M from "./index50.mjs";
31
- import j from "./index112.mjs";
29
+ import { useUserQueryValHook as Q } from "./index75.mjs";
30
+ import U from "./index50.mjs";
31
+ import _ from "./index112.mjs";
32
32
  import "./index121.mjs";
33
33
  import "./index122.mjs";
34
34
  import "./index73.mjs";
@@ -61,40 +61,54 @@ import "./index67.mjs";
61
61
  import "./index68.mjs";
62
62
  import "./index70.mjs";
63
63
  import "./index84.mjs";
64
- const Vr = (i) => {
65
- const { setUserSearchQuery: h } = R(), {
66
- label: a,
67
- themeName: o = "search",
68
- tokens: u,
69
- customTheme: d,
70
- disabled: l,
71
- errorMessage: m,
72
- placeholder: f,
73
- icon: b,
74
- isDisabled: g
75
- } = i, p = F(i);
76
- h(p.value);
77
- const n = D.useRef(null), { labelProps: k, inputProps: N, errorMessageProps: S, clearButtonProps: y } = T(i, p, n), e = g || l, P = m != null, t = { ...u, isError: P, isDisabled: e ?? !1 }, $ = B(`${o}.input`, t, d);
78
- return /* @__PURE__ */ c(s, { themeName: `${o}.wrapper`, tokens: t, "aria-disabled": e ?? !1, children: [
79
- a && // eslint-disable-next-line jsx-a11y/label-has-associated-control
80
- /* @__PURE__ */ r(s, { ...k, as: "label", themeName: `${o}.label`, tokens: t, children: a }),
81
- /* @__PURE__ */ c(s, { themeName: `${o}.container`, tokens: t, children: [
82
- /* @__PURE__ */ r("input", { ref: n, ...N, placeholder: f, className: $, disabled: l }),
83
- /* @__PURE__ */ r(w, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ r(
84
- C,
64
+ const Ko = (a) => {
65
+ const { setUserSearchQuery: l } = Q(), {
66
+ label: n,
67
+ themeName: r = "search",
68
+ tokens: f,
69
+ customTheme: b,
70
+ disabled: g,
71
+ errorMessage: s,
72
+ placeholder: k,
73
+ icon: C,
74
+ isDisabled: N
75
+ } = a, e = N || g, c = { ...a, isDisabled: e }, m = I(c), h = B.useRef(null), { labelProps: S, inputProps: t, errorMessageProps: y, clearButtonProps: D } = R(c, m, h), $ = F(
76
+ (T) => {
77
+ var d;
78
+ l(m.value), (d = t.onChange) == null || d.call(t, T);
79
+ },
80
+ [l, m.value, t]
81
+ ), x = s != null, i = { ...f, isError: x, isDisabled: e ?? !1 }, P = M(`${r}.input`, i, b);
82
+ return /* @__PURE__ */ u(p, { themeName: `${r}.wrapper`, tokens: i, "aria-disabled": e ?? !1, children: [
83
+ n && // eslint-disable-next-line jsx-a11y/label-has-associated-control
84
+ /* @__PURE__ */ o(p, { ...S, as: "label", themeName: `${r}.label`, tokens: i, children: n }),
85
+ /* @__PURE__ */ u(p, { themeName: `${r}.container`, tokens: i, children: [
86
+ /* @__PURE__ */ o(
87
+ "input",
88
+ {
89
+ ref: h,
90
+ ...t,
91
+ onChange: $,
92
+ placeholder: k,
93
+ className: P,
94
+ disabled: e
95
+ }
96
+ ),
97
+ /* @__PURE__ */ o(v, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(
98
+ j,
85
99
  {
86
100
  isDisabled: e,
87
- handlePress: y.onPress,
101
+ handlePress: D.onPress,
88
102
  tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: e ?? !1 },
89
- themeName: `${o}.icon`,
103
+ themeName: `${r}.icon`,
90
104
  "aria-label": "clear",
91
- children: b ?? (p.value === "" ? /* @__PURE__ */ r(j, { width: "16", height: "16" }) : /* @__PURE__ */ r(M, { width: "16", height: "16" }))
105
+ children: C ?? (m.value === "" ? /* @__PURE__ */ o(_, { width: "16", height: "16" }) : /* @__PURE__ */ o(U, { width: "16", height: "16" }))
92
106
  }
93
107
  ) })
94
108
  ] }),
95
- m && /* @__PURE__ */ r(x, { themeName: `${o}.errorMessage`, tokens: t, ...S, children: m })
109
+ s && /* @__PURE__ */ o(w, { themeName: `${r}.errorMessage`, tokens: i, ...y, children: s })
96
110
  ] });
97
111
  };
98
112
  export {
99
- Vr as default
113
+ Ko as default
100
114
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@okam/stack-ui",
3
3
  "main": "./index.js",
4
- "version": "1.35.5",
4
+ "version": "1.35.7",
5
5
  "types": "./index.d.ts",
6
6
  "exports": {
7
7
  ".": {