@okam/stack-ui 1.40.0 → 1.41.0

package/index41.mjs

@@ -1,10 +1,35 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { Item as m } from "react-stately";
-const n = (e) => {
-  const { key: t, value: r } = e;
-  return /* @__PURE__ */ o(m, { children: r }, t);
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useMenu as d } from "./index88.mjs";
+import { useSidePanel as u } from "./index87.mjs";
+import f from "./index169.mjs";
+import i from "./index34.mjs";
+import N from "./index170.mjs";
+const M = (o) => {
+  const {
+    id: s = "main-menu",
+    children: a,
+    PanelTransition: c = f,
+    themeName: e,
+    tokens: n,
+    customTheme: p,
+    ...h
+  } = o, { overlayState: t } = u(), { closeBtn: m } = d();
+  return /* @__PURE__ */ r(c, { themeName: `${e}.panelTransition`, tokens: n, isVisible: t == null ? void 0 : t.isOpen, children: /* @__PURE__ */ l(i, { themeName: `${e}.wrapper`, tokens: n, children: [
+    m && m(),
+    /* @__PURE__ */ r(i, { themeName: `${e}.container`, tokens: n, children: /* @__PURE__ */ r(
+      N,
+      {
+        id: s,
+        themeName: `${e}.innerContent`,
+        tokens: n,
+        customTheme: p,
+        ...h,
+        children: a
+      }
+    ) })
+  ] }) });
 };
 export {
-  n as default
+  M as default
 };

package/index42.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),x=require("./index79.js"),j=t=>{const{themeName:s="video",tokens:o,customTheme:r,controls:c=!0,muted:i=!0,src:n,width:u,height:h,type:m,...d}=t,a=x(s,o,r);return e.jsxs("video",{className:a,muted:i,controls:c,width:u,height:h,...d,children:[e.jsx("source",{src:n,type:m}),e.jsx("track",{kind:"captions"})]})};module.exports=j;
+"use strict";const r=require("react/jsx-runtime"),x=require("./index88.js"),q=require("./index8.js"),j=require("./index170.js"),P=o=>{const{id:n="main-menu",children:c,TransitionAnimation:u,PanelTransition:d,themeName:t,tokens:s,customTheme:i,...l}=o,{closeBtn:m,tabState:e,defaultSelectedKey:a}=x.useMenu();return r.jsx(q,{themeName:`${t}.sidePanel`,tokens:s,customTheme:i,closeBtnRender:m,id:n,TransitionAnimation:u,PanelTransition:d,onOpenChange:h=>{h||e==null||e.setSelectedKey(a)},children:r.jsx(j,{id:n,themeName:t,tokens:s,customTheme:i,...l,children:c})})};module.exports=P;

package/index42.mjs

@@ -1,24 +1,36 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import l from "./index79.mjs";
-const k = (t) => {
+import { jsx as r } from "react/jsx-runtime";
+import { useMenu as h } from "./index88.mjs";
+import p from "./index8.mjs";
+import P from "./index170.mjs";
+const B = (m) => {
   const {
-    themeName: o = "video",
-    tokens: s,
-    customTheme: r,
-    controls: m = !0,
-    muted: c = !0,
-    src: i,
-    width: n,
-    height: d,
-    type: h,
-    ...u
-  } = t, a = l(o, s, r);
-  return /* @__PURE__ */ p("video", { className: a, muted: c, controls: m, width: n, height: d, ...u, children: [
-    /* @__PURE__ */ e("source", { src: i, type: h }),
-    /* @__PURE__ */ e("track", { kind: "captions" })
-  ] });
+    id: n = "main-menu",
+    children: s,
+    TransitionAnimation: a,
+    PanelTransition: l,
+    themeName: t,
+    tokens: o,
+    customTheme: i,
+    ...d
+  } = m, { closeBtn: c, tabState: e, defaultSelectedKey: u } = h();
+  return /* @__PURE__ */ r(
+    p,
+    {
+      themeName: `${t}.sidePanel`,
+      tokens: o,
+      customTheme: i,
+      closeBtnRender: c,
+      id: n,
+      TransitionAnimation: a,
+      PanelTransition: l,
+      onOpenChange: (f) => {
+        f || e == null || e.setSelectedKey(u);
+      },
+      children: /* @__PURE__ */ r(P, { id: n, themeName: t, tokens: o, customTheme: i, ...d, children: s })
+    }
+  );
 };
 export {
-  k as default
+  B as default
 };

package/index43.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),q=require("react"),N=require("react-aria"),$=require("react-stately"),m=require("./index28.js"),n=require("./index3.js"),P=require("./index155.js"),R=s=>{const{themeName:e="tagGroup",tokens:r,customTheme:d,as:h,label:c,description:i,errorMessage:u,removeButtonProps:p={children:"❌"}}=s,l=q.useRef(null),o=$.useListState(s),{gridProps:x,labelProps:g,descriptionProps:f,errorMessageProps:j}=N.useTagGroup(s,o,l);return t.jsxs(m.default,{as:h,themeName:`${e}.wrapper`,tokens:r,customTheme:d,children:[c&&t.jsx(n.default,{themeName:`${e}.label`,tokens:r,...g,children:c}),t.jsx(m.BoxWithForwardRef,{themeName:`${e}.tags`,tokens:r,ref:l,...x,children:[...o.collection].map(a=>t.jsx(P,{themeName:`${e}.tag`,tokens:r,item:{...a,props:{removeButtonProps:p,...a.props}},state:o},a.key))}),i&&t.jsx(n.default,{themeName:`${e}.description`,tokens:r,...f,children:i}),u&&t.jsx(n.default,{themeName:`${e}.errorMessage`,tokens:r,...j,children:u})]})};module.exports=R;
+"use strict";const f=require("react/jsx-runtime"),c=require("react"),y=require("./index88.js"),$=require("./index34.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;

package/index43.mjs

@@ -1,38 +1,129 @@
 "use client";
-import { jsxs as $, jsx as o } from "react/jsx-runtime";
-import { useRef as x } from "react";
-import { useTagGroup as P } from "react-aria";
-import { useListState as T } from "react-stately";
-import b, { BoxWithForwardRef as y } from "./index28.mjs";
-import a from "./index3.mjs";
-import B from "./index155.mjs";
-const F = (t) => {
+import { jsxs as x, jsx as k } from "react/jsx-runtime";
+import $, { useCallback as C, createElement as y, useRef as E } from "react";
+import { useMenu as K } from "./index88.mjs";
+import N from "./index34.mjs";
+import L, { Anchor as T } from "./index6.mjs";
+const g = (i) => {
+  const { tabState: o, defaultSelectedKey: r } = K(), { setSelectedKey: t } = o, {
+    id: s,
+    path: n,
+    label: c,
+    themeName: m = "button",
+    tokens: e,
+    customTheme: h,
+    target: b,
+    children: p,
+    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);
+        return;
+      }
+      t(a);
+    }
+  }, [a, o.selectedKey, t, r]);
+  return /* @__PURE__ */ y(
+    L,
+    {
+      ...d,
+      themeName: `${m}`,
+      tokens: e,
+      customTheme: h,
+      key: `button-${s}`,
+      handlePress: f,
+      as: l
+    },
+    $.isValidElement(p) ? p : c
+  );
+}, B = (i) => {
   const {
-    themeName: e = "tagGroup",
-    tokens: r,
-    customTheme: l,
-    as: h,
-    label: p,
-    description: i,
-    errorMessage: n,
-    removeButtonProps: d = { children: "❌" }
-  } = t, c = x(null), s = T(t), { gridProps: f, labelProps: g, descriptionProps: u, errorMessageProps: N } = P(t, s, c);
-  return /* @__PURE__ */ $(b, { as: h, themeName: `${e}.wrapper`, tokens: r, customTheme: l, children: [
-    p && /* @__PURE__ */ o(a, { themeName: `${e}.label`, tokens: r, ...g, children: p }),
-    /* @__PURE__ */ o(y, { themeName: `${e}.tags`, tokens: r, ref: c, ...f, children: [...s.collection].map((m) => /* @__PURE__ */ o(
-      B,
-      {
-        themeName: `${e}.tag`,
-        tokens: r,
-        item: { ...m, props: { removeButtonProps: d, ...m.props } },
-        state: s
+    id: o,
+    target: r,
+    path: t,
+    label: s,
+    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,
+    {
+      ...u,
+      themeName: `${n}`,
+      tokens: m,
+      customTheme: c,
+      nextLinkProps: {
+        scroll: !1,
+        href: t,
+        ...e
       },
-      m.key
-    )) }),
-    i && /* @__PURE__ */ o(a, { themeName: `${e}.description`, tokens: r, ...u, children: i }),
-    n && /* @__PURE__ */ o(a, { themeName: `${e}.errorMessage`, tokens: r, ...N, children: n })
+      ref: l,
+      key: `link-${o}`,
+      target: r ?? "_self",
+      as: b
+    },
+    $.isValidElement(h) ? h : s
+  );
+}, R = (i) => {
+  const {
+    menuItems: o,
+    children: r,
+    themeName: t = "menuItem",
+    tokens: s,
+    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 };
+      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,
+        {
+          themeName: `${t}.innerContent`,
+          tokens: d,
+          customTheme: n,
+          children: a === "button" ? /* @__PURE__ */ k(
+            g,
+            {
+              ...l,
+              ...e,
+              themeName: `${t}.button`,
+              tokens: d,
+              customTheme: n,
+              as: u ?? m
+            }
+          ) : /* @__PURE__ */ k(
+            B,
+            {
+              ...l,
+              ...e,
+              themeName: `${t}.anchor`,
+              tokens: d,
+              customTheme: n,
+              as: u ?? c
+            }
+          )
+        },
+        `li-${e.id}`
+      );
+    }) }),
+    r
   ] });
 };
 export {
-  F as default
+  R as default
 };

package/index44.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index98.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TagItem=f;
+"use strict";const r=require("react"),s=require("./index88.js"),a=require("./index53.js"),c=n=>{var t;const{tabState:e}=s.useMenu();return r.createElement(a,{...n,key:(t=e.selectedItem)==null?void 0:t.key,state:e})};module.exports=c;

package/index44.mjs

@@ -1,43 +1,12 @@
 "use client";
-import d from "react";
-import { log as m } from "./index98.mjs";
-function s(t) {
-  return null;
-}
-function h(t) {
-  return t.hasChildItems != null ? t.hasChildItems : !!(t.childItems || t.title && d.Children.count(t.children) > 0);
-}
-s.getCollectionNode = function* (e, l) {
-  const { childItems: a, title: u, children: c } = e, n = e.title || e.children, r = e.textValue || (typeof n == "string" ? n : "") || e["aria-label"] || "";
-  !r && !(l != null && l.suppressTextValueWarning) && process.env.NODE_ENV !== "production" && m(
-    "<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.",
-    "warn"
-  ), yield {
-    type: "item",
-    props: e,
-    rendered: n,
-    textValue: r,
-    "aria-label": e["aria-label"],
-    hasChildNodes: h(e),
-    *childNodes() {
-      if (a)
-        yield* Array.from(a).map((i) => ({
-          type: "item",
-          value: i
-        }));
-      else if (u) {
-        const i = [];
-        d.Children.forEach(c, (o) => {
-          i.push({
-            type: "item",
-            element: o
-          });
-        }), yield* i;
-      }
-    }
-  };
+import { createElement as a } from "react";
+import { useMenu as o } from "./index88.mjs";
+import m from "./index53.mjs";
+const f = (r) => {
+  var t;
+  const { tabState: e } = o();
+  return /* @__PURE__ */ a(m, { ...r, key: (t = e.selectedItem) == null ? void 0 : t.key, state: e });
 };
-const I = s;
 export {
-  I as TagItem
+  f as default
 };

package/index45.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),T=require("./index156.js"),k=require("./index157.js"),x=require("react"),q=require("./index153.js"),a=require("./index28.js"),L=require("./index48.js"),f=require("./index47.js");function j(i){var u;const{themeName:e="tabList",tokens:o,customTheme:b,label:r,orientation:c="horizontal",panelTransition:h=q}=i,t=k.useTabListState(i),l=x.useRef(null),{tabListProps:d}=T.useTabList(i,t,l),n={...o,orientation:c,isDisabled:t.isDisabled};return s.jsxs(a.default,{themeName:`${e}.wrapper`,tokens:n,customTheme:b,children:[r&&s.jsx(a.default,{themeName:`${e}.label`,tokens:n,children:r}),s.jsxs(a.default,{themeName:`${e}.container`,tokens:n,children:[s.jsx(a.BoxWithForwardRef,{themeName:`${e}.list`,tokens:n,...d,ref:l,children:[...t.collection].map(m=>s.jsx(L,{item:m,state:t,themeName:`${e}.tab`,tokens:{...o,orientation:c}},m.key))}),s.jsx(f,{state:t,themeName:`${e}.panel`,tokens:n,panelTransition:h},(u=t.selectedItem)==null?void 0:u.key)]})]})}module.exports=j;
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),O=require("./index101.js"),d=require("./index169.js"),x=require("./index13.js"),y=require("./index155.js"),C=require("./index46.js"),B=e=>{const{themeName:t="alerts",tokens:s,customTheme:R,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:f,onOpenChange:j,setOpen:A,children:u=C,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=O({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(x,{themeName:t,tokens:s,...m,children:u})]})};module.exports=B;

package/index45.mjs

@@ -1,52 +1,50 @@
 "use client";
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import { useTabList as $ } from "./index156.mjs";
-import { useTabListState as k } from "./index157.mjs";
-import { useRef as T } from "react";
-import u from "./index153.mjs";
-import s, { BoxWithForwardRef as x } from "./index28.mjs";
-import N from "./index48.mjs";
-import L from "./index47.mjs";
-function z(n) {
-  var c;
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import { useRef as h } from "react";
+import { useOverlayTriggerState as O } from "react-stately";
+import d from "./index101.mjs";
+import y from "./index169.mjs";
+import C from "./index13.mjs";
+import B from "./index155.mjs";
+import b from "./index46.mjs";
+const I = (e) => {
   const {
-    themeName: e = "tabList",
-    tokens: i,
-    customTheme: h,
-    label: r,
-    orientation: m = "horizontal",
-    panelTransition: p = u
-  } = n, t = k(n), l = T(null), { tabListProps: d } = $(n, t, l), a = {
-    ...i,
-    orientation: m,
-    isDisabled: t.isDisabled
-  };
-  return /* @__PURE__ */ b(s, { themeName: `${e}.wrapper`, tokens: a, customTheme: h, children: [
-    r && /* @__PURE__ */ o(s, { themeName: `${e}.label`, tokens: a, children: r }),
-    /* @__PURE__ */ b(s, { themeName: `${e}.container`, tokens: a, children: [
-      /* @__PURE__ */ o(x, { themeName: `${e}.list`, tokens: a, ...d, ref: l, children: [...t.collection].map((f) => /* @__PURE__ */ o(
-        N,
-        {
-          item: f,
-          state: t,
-          themeName: `${e}.tab`,
-          tokens: { ...i, orientation: m }
-        },
-        f.key
-      )) }),
-      /* @__PURE__ */ o(
-        L,
-        {
-          state: t,
-          themeName: `${e}.panel`,
-          tokens: a,
-          panelTransition: p
-        },
-        (c = t.selectedItem) == null ? void 0 : c.key
-      )
-    ] })
-  ] });
-}
+    themeName: t = "alerts",
+    tokens: r,
+    customTheme: A,
+    defaultOpen: l = !0,
+    closeButton: a = B,
+    transitionComponent: i = y,
+    closeButtonAriaLabel: m,
+    isOpen: v,
+    onOpenChange: x,
+    setOpen: L,
+    children: p = b,
+    ...u
+  } = e, o = h(null), s = O({ ...e, defaultOpen: l }), { triggerProps: c, overlayProps: f } = d({ ...e, type: "dialog" }, s, o);
+  return /* @__PURE__ */ g(
+    i,
+    {
+      ...f,
+      role: "alert",
+      themeName: `${t}.wrapper`,
+      tokens: r,
+      isVisible: s.isOpen,
+      children: [
+        /* @__PURE__ */ n(
+          a,
+          {
+            ref: o,
+            themeName: `${t}.closeBtn`,
+            "aria-label": m,
+            ...c
+          }
+        ),
+        /* @__PURE__ */ n(C, { themeName: t, tokens: r, ...u, children: p })
+      ]
+    }
+  );
+};
 export {
-  z as default
+  I as default
 };

package/index46.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index98.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:e,rendered:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TabItem=f;
+"use strict";const t=require("react/jsx-runtime"),o=require("react"),h=require("./index92.js"),a=require("./index34.js"),$=require("./index6.js"),j=require("./index21.js"),q=l=>{const{title:i,button:r,content:e,themeName:n="alerts.item",tokens:s,icon:c,id:m,swiperSlideIndex:u=0}=l,{activeIndex:d}=h.useCarousel(),x=d===u;return!i&&!r&&!e&&!c?null:t.jsxs(t.Fragment,{children:[c&&t.jsx(j,{icon:c,themeName:`${n}.icon`,tokens:s}),(i||r||e)&&t.jsxs(a.default,{themeName:`${n}.container`,tokens:s,children:[i&&t.jsx(a.default,{as:"span",themeName:`${n}.title`,tokens:s,id:m,children:i}),r&&t.jsx($.default,{tabIndex:x?0:-1,themeName:`${n}.button`,tokens:s,...r}),e&&(o.isValidElement(e)?o.cloneElement(e,{...e.props,themeName:`${n}.content`,tokens:s}):e)]})]})};module.exports=q;

package/index46.mjs

@@ -1,43 +1,21 @@
 "use client";
-import d from "react";
-import { log as h } from "./index98.mjs";
-function u(t) {
-  return null;
-}
-function o(t) {
-  return t.hasChildItems != null ? t.hasChildItems : !!(t.childItems || t.title && d.Children.count(t.children) > 0);
-}
-u.getCollectionNode = function* (e, l) {
-  const { childItems: n, title: s, children: m } = e, a = e.title || e.children, r = e.textValue || (typeof a == "string" ? a : "") || e["aria-label"] || "";
-  !r && !(l != null && l.suppressTextValueWarning) && h(
-    "<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.",
-    "warn"
-  ), yield {
-    type: "item",
-    props: e,
-    rendered: a,
-    textValue: r,
-    "aria-label": e["aria-label"],
-    hasChildNodes: o(e),
-    *childNodes() {
-      if (n)
-        yield* Array.from(n).map((i) => ({
-          type: "item",
-          value: i
-        }));
-      else if (s) {
-        const i = [];
-        d.Children.forEach(m, (c) => {
-          i.push({
-            type: "item",
-            element: c
-          });
-        }), yield* i;
-      }
-    }
-  };
+import { jsxs as a, Fragment as f, jsx as i } from "react/jsx-runtime";
+import s from "react";
+import { useCarousel as x } from "./index92.mjs";
+import c from "./index34.mjs";
+import N from "./index6.mjs";
+import I from "./index21.mjs";
+const C = (l) => {
+  const { title: o, button: m, content: e, themeName: t = "alerts.item", tokens: n, icon: r, id: p, swiperSlideIndex: d = 0 } = l, { activeIndex: h } = x(), u = h === d;
+  return !o && !m && !e && !r ? null : /* @__PURE__ */ a(f, { children: [
+    r && /* @__PURE__ */ i(I, { icon: r, themeName: `${t}.icon`, tokens: n }),
+    (o || m || e) && /* @__PURE__ */ a(c, { themeName: `${t}.container`, tokens: n, children: [
+      o && /* @__PURE__ */ i(c, { as: "span", themeName: `${t}.title`, tokens: n, id: p, children: o }),
+      m && /* @__PURE__ */ i(N, { tabIndex: u ? 0 : -1, themeName: `${t}.button`, tokens: n, ...m }),
+      e && (s.isValidElement(e) ? s.cloneElement(e, { ...e.props, themeName: `${t}.content`, tokens: n }) : e)
+    ] })
+  ] });
 };
-const I = u;
 export {
-  I as TabItem
+  C as default
 };

package/index47.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("react/jsx-runtime"),m=require("./index158.js"),h=require("react"),d=require("./index153.js"),b=require("./index28.js"),x=e=>{var i;const{state:t,customTheme:o,themeName:n="tabList.panel",tokens:s,panelTransition:c=d,...l}=e,r=h.useRef(null),{tabPanelProps:u}=m.useTabPanel(e,t,r);return a.jsx(c,{...l,themeName:`${n}.transition`,tokens:s,customTheme:o,isVisible:!0,children:a.jsx(b.BoxWithForwardRef,{themeName:`${n}.container`,tokens:s,...u,ref:r,children:(i=t.selectedItem)==null?void 0:i.props.children})})};module.exports=x;
+"use strict";const s=require("react/jsx-runtime"),c=require("react-stately"),n=e=>{const{key:t,value:r}=e;return s.jsx(c.Item,{children:r},t)};module.exports=n;

package/index47.mjs

@@ -1,31 +1,10 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useTabPanel as f } from "./index158.mjs";
-import { useRef as p } from "react";
-import h from "./index153.mjs";
-import { BoxWithForwardRef as b } from "./index28.mjs";
-const x = (e) => {
-  var o;
-  const {
-    state: t,
-    customTheme: s,
-    themeName: r = "tabList.panel",
-    tokens: a,
-    panelTransition: m = h,
-    ...l
-  } = e, n = p(null), { tabPanelProps: c } = f(e, t, n);
-  return /* @__PURE__ */ i(
-    m,
-    {
-      ...l,
-      themeName: `${r}.transition`,
-      tokens: a,
-      customTheme: s,
-      isVisible: !0,
-      children: /* @__PURE__ */ i(b, { themeName: `${r}.container`, tokens: a, ...c, ref: n, children: (o = t.selectedItem) == null ? void 0 : o.props.children })
-    }
-  );
+import { jsx as o } from "react/jsx-runtime";
+import { Item as m } from "react-stately";
+const n = (e) => {
+  const { key: t, value: r } = e;
+  return /* @__PURE__ */ o(m, { children: r }, t);
 };
 export {
-  x as default
+  n as default
 };

package/index48.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const q=require("react/jsx-runtime"),k=require("@react-aria/focus"),x=require("./index159.js"),F=require("react"),P=require("react-aria"),R=require("./index94.js"),h=require("./index28.js"),D=({item:o,state:e,...r})=>{const{key:s,rendered:t}=o,{themeName:i="tabList.tab",tokens:c,...u}=R.mergeDefaultComponentProps(r,o.props),n=F.useRef(null),{tabProps:a}=x.useTab({key:s},e,n),{focusProps:l,isFocusVisible:b,isFocused:d}=k.useFocusRing({within:!0,autoFocus:!1}),p=e.selectionManager.isDisabled(s),f=e.selectionManager.isSelected(s),g=e.selectionManager.isLink(s),m={...c,isDisabled:p,isSelected:f,isLink:g,isFocused:d,isFocusVisible:b};return q.jsx(h.BoxWithForwardRef,{...P.mergeProps(u,l,a),themeName:i,tokens:m,ref:n,children:t})};module.exports=D;
+"use strict";const e=require("react/jsx-runtime"),x=require("./index85.js"),j=t=>{const{themeName:s="video",tokens:o,customTheme:r,controls:c=!0,muted:i=!0,src:n,width:u,height:h,type:m,...d}=t,a=x(s,o,r);return e.jsxs("video",{className:a,muted:i,controls:c,width:u,height:h,...d,children:[e.jsx("source",{src:n,type:m}),e.jsx("track",{kind:"captions"})]})};module.exports=j;

package/index48.mjs

@@ -1,22 +1,24 @@
 "use client";
-import { jsx as k } from "react/jsx-runtime";
-import { useFocusRing as F } from "@react-aria/focus";
-import { useTab as h } from "./index159.mjs";
-import { useRef as x } from "react";
-import { mergeProps as P } from "react-aria";
-import { mergeDefaultComponentProps as D } from "./index94.mjs";
-import { BoxWithForwardRef as L } from "./index28.mjs";
-const y = ({ item: s, state: e, ...t }) => {
-  const { key: o, rendered: i } = s, { themeName: n = "tabList.tab", tokens: c, ...a } = D(t, s.props), r = x(null), { tabProps: m } = h({ key: o }, e, r), { focusProps: f, isFocusVisible: p, isFocused: l } = F({ within: !0, autoFocus: !1 }), u = e.selectionManager.isDisabled(o), d = e.selectionManager.isSelected(o), b = e.selectionManager.isLink(o), g = {
-    ...c,
-    isDisabled: u,
-    isSelected: d,
-    isLink: b,
-    isFocused: l,
-    isFocusVisible: p
-  };
-  return /* @__PURE__ */ k(L, { ...P(a, f, m), themeName: n, tokens: g, ref: r, children: i });
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import l from "./index85.mjs";
+const k = (t) => {
+  const {
+    themeName: o = "video",
+    tokens: s,
+    customTheme: r,
+    controls: m = !0,
+    muted: c = !0,
+    src: i,
+    width: n,
+    height: d,
+    type: h,
+    ...u
+  } = t, a = l(o, s, r);
+  return /* @__PURE__ */ p("video", { className: a, muted: c, controls: m, width: n, height: d, ...u, children: [
+    /* @__PURE__ */ e("source", { src: i, type: h }),
+    /* @__PURE__ */ e("track", { kind: "captions" })
+  ] });
 };
 export {
-  y as default
+  k as default
 };