@okam/stack-ui 1.34.0 → 1.35.0

package/index35.mjs

@@ -1,50 +1,36 @@
 "use client";
-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 "./index132.mjs";
-import C from "./index11.mjs";
-import y from "./index101.mjs";
-import B from "./index135.mjs";
-import A from "./index36.mjs";
-const I = (e) => {
+import { jsx as i } from "react/jsx-runtime";
+import { useMenu as f } from "./index70.mjs";
+import h from "./index8.mjs";
+import p from "./index133.mjs";
+const T = (m) => {
   const {
-    themeName: t = "alerts",
-    tokens: r,
-    customTheme: b,
-    defaultOpen: i = !0,
-    closeButton: m = B,
-    transitionComponent: l = d,
-    closeButtonAriaLabel: a,
-    isOpen: v,
-    onOpenChange: x,
-    setOpen: N,
-    children: p = A,
-    ...u
-  } = e, o = h(null), s = O({ ...e, defaultOpen: i }), { triggerProps: f, overlayProps: c } = y({ ...e, type: "dialog" }, s, o);
-  return /* @__PURE__ */ g(
-    l,
+    id: n = "main-menu",
+    children: s,
+    TransitionAnimation: l,
+    PanelTransition: a,
+    themeName: t,
+    tokens: o,
+    customTheme: r,
+    ...c
+  } = m, { closeBtn: d, tabState: e, defaultSelectedKey: u } = f();
+  return /* @__PURE__ */ i(
+    h,
     {
-      ...c,
-      role: "alert",
-      themeName: `${t}.wrapper`,
-      tokens: r,
-      isVisible: s.isOpen,
-      children: [
-        /* @__PURE__ */ n(
-          m,
-          {
-            ref: o,
-            themeName: `${t}.closeBtn`,
-            "aria-label": a,
-            ...f
-          }
-        ),
-        /* @__PURE__ */ n(C, { themeName: t, tokens: r, ...u, children: p })
-      ]
+      themeName: `${t}.sidePanel`,
+      tokens: o,
+      customTheme: r,
+      closeBtnRender: d,
+      id: n,
+      TransitionAnimation: l,
+      PanelTransition: a,
+      onCloseCallBack: () => {
+        e == null || e.setSelectedKey(u);
+      },
+      children: /* @__PURE__ */ i(p, { id: n, themeName: t, tokens: o, customTheme: r, ...c, children: s })
     }
   );
 };
 export {
-  I as default
+  T as default
 };

package/index36.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),o=require("react"),$=require("./index71.js"),u=require("./index25.js"),j=require("./index6.js"),q=require("./index14.js"),N=x=>{var m;const{title:r,button:c,content:e,themeName:i="alerts.item",tokens:s,icon:a,id:d}=x,{controller:t}=$.useSwiperController(),l=((m=t==null?void 0:t.slides)==null?void 0:m.findIndex(h=>h.id===d))===(t==null?void 0:t.activeIndex);return!r&&!c&&!e&&!a?null:n.jsxs(n.Fragment,{children:[a&&n.jsx(q,{icon:a,themeName:`${i}.icon`,tokens:s}),(r||c||e)&&n.jsxs(u.default,{themeName:`${i}.container`,tokens:s,children:[r&&n.jsx(u.default,{as:"span",themeName:`${i}.title`,tokens:s,id:d,children:r}),c&&n.jsx(j.default,{tabIndex:l?0:-1,themeName:`${i}.button`,tokens:s,...c}),e&&(o.isValidElement(e)?o.cloneElement(e,{...e.props,themeName:`${i}.content`,tokens:s}):e)]})]})};module.exports=N;
+"use strict";const f=require("react/jsx-runtime"),c=require("react"),y=require("./index70.js"),$=require("./index27.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/index36.mjs

@@ -1,22 +1,129 @@
 "use client";
-import { jsxs as d, Fragment as x, jsx as s } from "react/jsx-runtime";
-import p from "react";
-import { useSwiperController as N } from "./index71.mjs";
-import l from "./index25.mjs";
-import I from "./index6.mjs";
-import $ from "./index14.mjs";
-const E = (f) => {
-  var c;
-  const { title: o, button: i, content: e, themeName: n = "alerts.item", tokens: m, icon: r, id: a } = f, { controller: t } = N(), h = ((c = t == null ? void 0 : t.slides) == null ? void 0 : c.findIndex((u) => u.id === a)) === (t == null ? void 0 : t.activeIndex);
-  return !o && !i && !e && !r ? null : /* @__PURE__ */ d(x, { children: [
-    r && /* @__PURE__ */ s($, { icon: r, themeName: `${n}.icon`, tokens: m }),
-    (o || i || e) && /* @__PURE__ */ d(l, { themeName: `${n}.container`, tokens: m, children: [
-      o && /* @__PURE__ */ s(l, { as: "span", themeName: `${n}.title`, tokens: m, id: a, children: o }),
-      i && /* @__PURE__ */ s(I, { tabIndex: h ? 0 : -1, themeName: `${n}.button`, tokens: m, ...i }),
-      e && (p.isValidElement(e) ? p.cloneElement(e, { ...e.props, themeName: `${n}.content`, tokens: m }) : e)
-    ] })
+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 "./index70.mjs";
+import N from "./index27.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 {
+    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
+      },
+      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 {
-  E as default
+  R as default
 };

package/index37.js

@@ -1 +1,2 @@
-"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;
+"use client";
+"use strict";const r=require("react"),s=require("./index70.js"),a=require("./index134.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/index37.mjs

@@ -1,9 +1,12 @@
-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);
+"use client";
+import { createElement as a } from "react";
+import { useMenu as o } from "./index70.mjs";
+import m from "./index134.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 });
 };
 export {
-  n as default
+  f as default
 };

package/index38.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),x=require("./index64.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"),h=require("react"),q=require("react-stately"),d=require("./index132.js"),x=require("./index11.js"),O=require("./index105.js"),y=require("./index135.js"),B=require("./index39.js"),C=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=B,...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=C;

package/index38.mjs

@@ -1,24 +1,50 @@
 "use client";
-import { jsxs as p, jsx as e } from "react/jsx-runtime";
-import l from "./index64.mjs";
-const k = (t) => {
+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 "./index132.mjs";
+import C from "./index11.mjs";
+import y from "./index105.mjs";
+import B from "./index135.mjs";
+import A from "./index39.mjs";
+const I = (e) => {
   const {
-    themeName: o = "video",
-    tokens: s,
-    customTheme: r,
-    controls: m = !0,
-    muted: c = !0,
-    src: i,
-    width: n,
-    height: d,
-    type: h,
+    themeName: t = "alerts",
+    tokens: r,
+    customTheme: b,
+    defaultOpen: i = !0,
+    closeButton: m = B,
+    transitionComponent: l = d,
+    closeButtonAriaLabel: a,
+    isOpen: v,
+    onOpenChange: x,
+    setOpen: N,
+    children: p = A,
     ...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" })
-  ] });
+  } = e, o = h(null), s = O({ ...e, defaultOpen: i }), { triggerProps: f, overlayProps: c } = y({ ...e, type: "dialog" }, s, o);
+  return /* @__PURE__ */ g(
+    l,
+    {
+      ...c,
+      role: "alert",
+      themeName: `${t}.wrapper`,
+      tokens: r,
+      isVisible: s.isOpen,
+      children: [
+        /* @__PURE__ */ n(
+          m,
+          {
+            ref: o,
+            themeName: `${t}.closeBtn`,
+            "aria-label": a,
+            ...f
+          }
+        ),
+        /* @__PURE__ */ n(C, { themeName: t, tokens: r, ...u, children: p })
+      ]
+    }
+  );
 };
 export {
-  k as default
+  I as default
 };

package/index39.js

@@ -1 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),r=require("radashi"),s=require("react"),o=e=>t.jsx("svg",{width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:t.jsx("path",{d:"M17.728 13.66 12.388 19 7.05 13.66M12.4 5v14",stroke:"currentColor"})}),n=s.memo(o,r.isEqual);module.exports=n;
+"use client";
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),$=require("./index74.js"),u=require("./index27.js"),j=require("./index6.js"),q=require("./index14.js"),N=x=>{var m;const{title:r,button:c,content:e,themeName:i="alerts.item",tokens:s,icon:a,id:d}=x,{controller:t}=$.useSwiperController(),l=((m=t==null?void 0:t.slides)==null?void 0:m.findIndex(h=>h.id===d))===(t==null?void 0:t.activeIndex);return!r&&!c&&!e&&!a?null:n.jsxs(n.Fragment,{children:[a&&n.jsx(q,{icon:a,themeName:`${i}.icon`,tokens:s}),(r||c||e)&&n.jsxs(u.default,{themeName:`${i}.container`,tokens:s,children:[r&&n.jsx(u.default,{as:"span",themeName:`${i}.title`,tokens:s,id:d,children:r}),c&&n.jsx(j.default,{tabIndex:l?0:-1,themeName:`${i}.button`,tokens:s,...c}),e&&(o.isValidElement(e)?o.cloneElement(e,{...e.props,themeName:`${i}.content`,tokens:s}):e)]})]})};module.exports=N;

package/index39.mjs

@@ -1,7 +1,22 @@
-import { jsx as o } from "react/jsx-runtime";
-import { isEqual as t } from "radashi";
-import { memo as m } from "react";
-const n = (r) => /* @__PURE__ */ o("svg", { width: 24, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ o("path", { d: "M17.728 13.66 12.388 19 7.05 13.66M12.4 5v14", stroke: "currentColor" }) }), l = m(n, t);
+"use client";
+import { jsxs as d, Fragment as x, jsx as s } from "react/jsx-runtime";
+import p from "react";
+import { useSwiperController as N } from "./index74.mjs";
+import l from "./index27.mjs";
+import I from "./index6.mjs";
+import $ from "./index14.mjs";
+const E = (f) => {
+  var c;
+  const { title: o, button: i, content: e, themeName: n = "alerts.item", tokens: m, icon: r, id: a } = f, { controller: t } = N(), h = ((c = t == null ? void 0 : t.slides) == null ? void 0 : c.findIndex((u) => u.id === a)) === (t == null ? void 0 : t.activeIndex);
+  return !o && !i && !e && !r ? null : /* @__PURE__ */ d(x, { children: [
+    r && /* @__PURE__ */ s($, { icon: r, themeName: `${n}.icon`, tokens: m }),
+    (o || i || e) && /* @__PURE__ */ d(l, { themeName: `${n}.container`, tokens: m, children: [
+      o && /* @__PURE__ */ s(l, { as: "span", themeName: `${n}.title`, tokens: m, id: a, children: o }),
+      i && /* @__PURE__ */ s(I, { tabIndex: h ? 0 : -1, themeName: `${n}.button`, tokens: m, ...i }),
+      e && (p.isValidElement(e) ? p.cloneElement(e, { ...e.props, themeName: `${n}.content`, tokens: m }) : e)
+    ] })
+  ] });
+};
 export {
-  l as default
+  E as default
 };

package/index4.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),d=require("@react-aria/accordion"),m=require("react"),x=require("./index69.js"),q=require("./index25.js"),A=require("./index99.js"),h=require("./index78.js"),l=e=>{const{themeName:c="accordion",tokens:n,customTheme:s,TransitionAnimation:u}=e,t=m.useRef(null),o=h(e),{accordionProps:a}=d.useAccordion(e,o,t);return r.jsx(x.AccordionContextProvider,{state:o,TransitionAnimation:u,children:r.jsx(q.BoxWithForwardRef,{themeName:`${c}.wrapper`,tokens:n,customTheme:s,ref:t,...a,children:[...o.collection].map(i=>r.jsx(A,{item:i,themeName:c,tokens:n},i.key))})})};module.exports=l;
+"use strict";const r=require("react/jsx-runtime"),d=require("@react-aria/accordion"),m=require("react"),x=require("./index72.js"),q=require("./index27.js"),A=require("./index103.js"),h=require("./index81.js"),l=e=>{const{themeName:c="accordion",tokens:n,customTheme:s,TransitionAnimation:u}=e,t=m.useRef(null),o=h(e),{accordionProps:a}=d.useAccordion(e,o,t);return r.jsx(x.AccordionContextProvider,{state:o,TransitionAnimation:u,children:r.jsx(q.BoxWithForwardRef,{themeName:`${c}.wrapper`,tokens:n,customTheme:s,ref:t,...a,children:[...o.collection].map(i=>r.jsx(A,{item:i,themeName:c,tokens:n},i.key))})})};module.exports=l;

package/index4.mjs

@@ -2,10 +2,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useAccordion as s } from "@react-aria/accordion";
 import { useRef as f } from "react";
-import { AccordionContextProvider as p } from "./index69.mjs";
-import { BoxWithForwardRef as u } from "./index25.mjs";
-import l from "./index99.mjs";
-import A from "./index78.mjs";
+import { AccordionContextProvider as p } from "./index72.mjs";
+import { BoxWithForwardRef as u } from "./index27.mjs";
+import l from "./index103.mjs";
+import A from "./index81.mjs";
 const T = (o) => {
   const { themeName: e = "accordion", tokens: c, customTheme: m, TransitionAnimation: a } = o, n = f(null), r = A(o), { accordionProps: d } = s(o, r, n);
   return /* @__PURE__ */ t(p, { state: r, TransitionAnimation: a, children: /* @__PURE__ */ t(

package/index40.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),t=require("react"),i=r=>e.jsxs("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...r,children:[e.jsx("g",{children:e.jsx("path",{d:"M.075 11.622a1 1 0 0 0 0 .76 1 1 0 0 0 .21.33l8 8a1.004 1.004 0 0 0 1.42-1.42l-6.3-6.29h19.59a1 1 0 0 0 0-2H3.405l6.3-6.29a1 1 0 0 0 0-1.42 1 1 0 0 0-1.42 0l-8 8a1 1 0 0 0-.21.33Z"})}),e.jsx("defs",{children:e.jsx("clipPath",{children:e.jsx("path",{fill:"currentColor",d:"M0 0h24v24H0z"})})})]}),l=t.memo(i,s.isEqual);module.exports=l;
+"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/index40.mjs

@@ -1,10 +1,9 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { isEqual as t } from "radashi";
-import { memo as e } from "react";
-const i = (o) => /* @__PURE__ */ l("svg", { width: 24, height: 24, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...o, children: [
-  /* @__PURE__ */ r("g", { children: /* @__PURE__ */ r("path", { d: "M.075 11.622a1 1 0 0 0 0 .76 1 1 0 0 0 .21.33l8 8a1.004 1.004 0 0 0 1.42-1.42l-6.3-6.29h19.59a1 1 0 0 0 0-2H3.405l6.3-6.29a1 1 0 0 0 0-1.42 1 1 0 0 0-1.42 0l-8 8a1 1 0 0 0-.21.33Z" }) }),
-  /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { children: /* @__PURE__ */ r("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
-] }), s = e(i, t);
+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 {
-  s as default
+  n as default
 };

package/index41.js

@@ -1 +1,2 @@
-"use strict";const r=require("react/jsx-runtime"),e=require("radashi"),t=require("react"),i=s=>r.jsxs("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...s,children:[r.jsx("g",{children:r.jsx("path",{d:"M23.92 12.38a1 1 0 0 0 0-.76 1 1 0 0 0-.21-.33l-8-8a1.003 1.003 0 1 0-1.42 1.42l6.3 6.29H1a1 1 0 1 0 0 2h19.59l-6.3 6.29a1 1 0 0 0 0 1.42 1.002 1.002 0 0 0 1.42 0l8-8c.091-.095.162-.207.21-.33Z"})}),r.jsx("defs",{children:r.jsx("clipPath",{children:r.jsx("path",{fill:"currentColor",d:"M0 0h24v24H0z"})})})]}),l=t.memo(i,e.isEqual);module.exports=l;
+"use client";
+"use strict";const e=require("react/jsx-runtime"),x=require("./index67.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/index41.mjs

@@ -1,10 +1,24 @@
-import { jsxs as l, jsx as r } from "react/jsx-runtime";
-import { isEqual as t } from "radashi";
-import { memo as i } from "react";
-const h = (o) => /* @__PURE__ */ l("svg", { width: 24, height: 24, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...o, children: [
-  /* @__PURE__ */ r("g", { children: /* @__PURE__ */ r("path", { d: "M23.92 12.38a1 1 0 0 0 0-.76 1 1 0 0 0-.21-.33l-8-8a1.003 1.003 0 1 0-1.42 1.42l6.3 6.29H1a1 1 0 1 0 0 2h19.59l-6.3 6.29a1 1 0 0 0 0 1.42 1.002 1.002 0 0 0 1.42 0l8-8c.091-.095.162-.207.21-.33Z" }) }),
-  /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { children: /* @__PURE__ */ r("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
-] }), a = i(h, t);
+"use client";
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import l from "./index67.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 {
-  a as default
+  k as default
 };

package/index42.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("radashi"),r=require("react"),o=e=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:48,width:48,fill:"currentColor",viewBox:"0 0 48 48",...e,children:t.jsx("path",{d:"M21.05 33.1 35.2 18.95l-2.3-2.25-11.85 11.85-6-6-2.25 2.25ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Z"})}),i=r.memo(o,s.isEqual);module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),r=require("radashi"),s=require("react"),o=e=>t.jsx("svg",{width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:t.jsx("path",{d:"M17.728 13.66 12.388 19 7.05 13.66M12.4 5v14",stroke:"currentColor"})}),n=s.memo(o,r.isEqual);module.exports=n;

package/index42.mjs

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { isEqual as r } from "radashi";
+import { isEqual as t } from "radashi";
 import { memo as m } from "react";
-const e = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", height: 48, width: 48, fill: "currentColor", viewBox: "0 0 48 48", ...t, children: /* @__PURE__ */ o("path", { d: "M21.05 33.1 35.2 18.95l-2.3-2.25-11.85 11.85-6-6-2.25 2.25ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Z" }) }), h = m(e, r);
+const n = (r) => /* @__PURE__ */ o("svg", { width: 24, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ o("path", { d: "M17.728 13.66 12.388 19 7.05 13.66M12.4 5v14", stroke: "currentColor" }) }), l = m(n, t);
 export {
-  h as default
+  l as default
 };

package/index43.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("radashi"),r=require("react"),o=e=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"48",width:"48",fill:"currentColor",...e,children:t.jsx("path",{d:"M28.05 36 16 23.95 28.05 11.9l2.15 2.15-9.9 9.9 9.9 9.9Z"})}),n=r.memo(o,s.isEqual);module.exports=n;
+"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),t=require("react"),i=r=>e.jsxs("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...r,children:[e.jsx("g",{children:e.jsx("path",{d:"M.075 11.622a1 1 0 0 0 0 .76 1 1 0 0 0 .21.33l8 8a1.004 1.004 0 0 0 1.42-1.42l-6.3-6.29h19.59a1 1 0 0 0 0-2H3.405l6.3-6.29a1 1 0 0 0 0-1.42 1 1 0 0 0-1.42 0l-8 8a1 1 0 0 0-.21.33Z"})}),e.jsx("defs",{children:e.jsx("clipPath",{children:e.jsx("path",{fill:"currentColor",d:"M0 0h24v24H0z"})})})]}),l=t.memo(i,s.isEqual);module.exports=l;

package/index43.mjs

@@ -1,7 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import { isEqual as r } from "radashi";
-import { memo as m } from "react";
-const e = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", height: "48", width: "48", fill: "currentColor", ...t, children: /* @__PURE__ */ o("path", { d: "M28.05 36 16 23.95 28.05 11.9l2.15 2.15-9.9 9.9 9.9 9.9Z" }) }), s = m(e, r);
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { isEqual as t } from "radashi";
+import { memo as e } from "react";
+const i = (o) => /* @__PURE__ */ l("svg", { width: 24, height: 24, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...o, children: [
+  /* @__PURE__ */ r("g", { children: /* @__PURE__ */ r("path", { d: "M.075 11.622a1 1 0 0 0 0 .76 1 1 0 0 0 .21.33l8 8a1.004 1.004 0 0 0 1.42-1.42l-6.3-6.29h19.59a1 1 0 0 0 0-2H3.405l6.3-6.29a1 1 0 0 0 0-1.42 1 1 0 0 0-1.42 0l-8 8a1 1 0 0 0-.21.33Z" }) }),
+  /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { children: /* @__PURE__ */ r("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
+] }), s = e(i, t);
 export {
   s as default
 };

package/index44.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),s=require("radashi"),r=require("react"),o=e=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"48",width:"48",fill:"currentColor",...e,children:t.jsx("path",{d:"m18.75 36-2.15-2.15 9.9-9.9-9.9-9.9 2.15-2.15L30.8 23.95Z"})}),i=r.memo(o,s.isEqual);module.exports=i;
+"use strict";const r=require("react/jsx-runtime"),e=require("radashi"),t=require("react"),i=s=>r.jsxs("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...s,children:[r.jsx("g",{children:r.jsx("path",{d:"M23.92 12.38a1 1 0 0 0 0-.76 1 1 0 0 0-.21-.33l-8-8a1.003 1.003 0 1 0-1.42 1.42l6.3 6.29H1a1 1 0 1 0 0 2h19.59l-6.3 6.29a1 1 0 0 0 0 1.42 1.002 1.002 0 0 0 1.42 0l8-8c.091-.095.162-.207.21-.33Z"})}),r.jsx("defs",{children:r.jsx("clipPath",{children:r.jsx("path",{fill:"currentColor",d:"M0 0h24v24H0z"})})})]}),l=t.memo(i,e.isEqual);module.exports=l;

package/index44.mjs

@@ -1,7 +1,10 @@
-import { jsx as o } from "react/jsx-runtime";
-import { isEqual as r } from "radashi";
-import { memo as m } from "react";
-const i = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", height: "48", width: "48", fill: "currentColor", ...t, children: /* @__PURE__ */ o("path", { d: "m18.75 36-2.15-2.15 9.9-9.9-9.9-9.9 2.15-2.15L30.8 23.95Z" }) }), s = m(i, r);
+import { jsxs as l, jsx as r } from "react/jsx-runtime";
+import { isEqual as t } from "radashi";
+import { memo as i } from "react";
+const h = (o) => /* @__PURE__ */ l("svg", { width: 24, height: 24, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...o, children: [
+  /* @__PURE__ */ r("g", { children: /* @__PURE__ */ r("path", { d: "M23.92 12.38a1 1 0 0 0 0-.76 1 1 0 0 0-.21-.33l-8-8a1.003 1.003 0 1 0-1.42 1.42l6.3 6.29H1a1 1 0 1 0 0 2h19.59l-6.3 6.29a1 1 0 0 0 0 1.42 1.002 1.002 0 0 0 1.42 0l8-8c.091-.095.162-.207.21-.33Z" }) }),
+  /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { children: /* @__PURE__ */ r("path", { fill: "currentColor", d: "M0 0h24v24H0z" }) }) })
+] }), a = i(h, t);
 export {
-  s as default
+  a as default
 };

package/index45.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),r=require("radashi"),t=require("react"),s=o=>e.jsx("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...o,children:e.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M18 6 6 18M6 6l12 12"})}),n=t.memo(s,r.isEqual);module.exports=n;
+"use strict";const t=require("react/jsx-runtime"),s=require("radashi"),r=require("react"),o=e=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:48,width:48,fill:"currentColor",viewBox:"0 0 48 48",...e,children:t.jsx("path",{d:"M21.05 33.1 35.2 18.95l-2.3-2.25-11.85 11.85-6-6-2.25 2.25ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Z"})}),i=r.memo(o,s.isEqual);module.exports=i;

package/index45.mjs

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { isEqual as t } from "radashi";
-import { memo as e } from "react";
-const n = (r) => /* @__PURE__ */ o("svg", { width: 24, height: 24, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...r, children: /* @__PURE__ */ o("path", { stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", d: "M18 6 6 18M6 6l12 12" }) }), m = e(n, t);
+import { isEqual as r } from "radashi";
+import { memo as m } from "react";
+const e = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", height: 48, width: 48, fill: "currentColor", viewBox: "0 0 48 48", ...t, children: /* @__PURE__ */ o("path", { d: "M21.05 33.1 35.2 18.95l-2.3-2.25-11.85 11.85-6-6-2.25 2.25ZM24 44q-4.1 0-7.75-1.575-3.65-1.575-6.375-4.3-2.725-2.725-4.3-6.375Q4 28.1 4 24q0-4.15 1.575-7.8 1.575-3.65 4.3-6.35 2.725-2.7 6.375-4.275Q19.9 4 24 4q4.15 0 7.8 1.575 3.65 1.575 6.35 4.275 2.7 2.7 4.275 6.35Q44 19.85 44 24q0 4.1-1.575 7.75-1.575 3.65-4.275 6.375t-6.35 4.3Q28.15 44 24 44Z" }) }), h = m(e, r);
 export {
-  m as default
+  h as default
 };

package/index46.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),o=require("radashi"),r=require("react"),s=t=>e.jsx("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...t,children:e.jsx("path",{d:"M9.161 5.889v2.753H7V12h2.161v10h4.442V12h2.977s.28-1.614.417-3.38h-3.379V6.316a.963.963 0 0 1 .332-.558c.174-.146.396-.233.63-.248H17V2h-3.275C9.063 2 9.173 5.37 9.173 5.889h-.012Z",fill:"currentColor"})}),h=r.memo(s,o.isEqual);module.exports=h;
+"use strict";const t=require("react/jsx-runtime"),s=require("radashi"),r=require("react"),o=e=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"48",width:"48",fill:"currentColor",...e,children:t.jsx("path",{d:"M28.05 36 16 23.95 28.05 11.9l2.15 2.15-9.9 9.9 9.9 9.9Z"})}),n=r.memo(o,s.isEqual);module.exports=n;

package/index46.mjs

@@ -1,13 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { isEqual as t } from "radashi";
-import { memo as h } from "react";
-const e = (r) => /* @__PURE__ */ o("svg", { width: 24, height: 24, fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", ...r, children: /* @__PURE__ */ o(
-  "path",
-  {
-    d: "M9.161 5.889v2.753H7V12h2.161v10h4.442V12h2.977s.28-1.614.417-3.38h-3.379V6.316a.963.963 0 0 1 .332-.558c.174-.146.396-.233.63-.248H17V2h-3.275C9.063 2 9.173 5.37 9.173 5.889h-.012Z",
-    fill: "currentColor"
-  }
-) }), s = h(e, t);
+import { isEqual as r } from "radashi";
+import { memo as m } from "react";
+const e = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", height: "48", width: "48", fill: "currentColor", ...t, children: /* @__PURE__ */ o("path", { d: "M28.05 36 16 23.95 28.05 11.9l2.15 2.15-9.9 9.9 9.9 9.9Z" }) }), s = m(e, r);
 export {
   s as default
 };

package/index47.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),o=require("react"),r=t=>e.jsx("svg",{width:24,height:24,xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 256 256",...t,children:e.jsx("path",{fill:"#3b5998",strokeMiterlimit:"10",strokeWidth:"0",d:"M147.5 254.3V139.1h38.7l6-45h-44.7V65.2c0-13 3.6-21.9 22.3-21.9h23.7V3.2c-11.6-1.2-23.1-1.8-34.7-1.8-34.3 0-57.8 20.9-57.8 59.4V94H62.2v45.1H101v115.2h46.5z"})}),i=o.memo(r,s.isEqual);module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),s=require("radashi"),r=require("react"),o=e=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"48",width:"48",fill:"currentColor",...e,children:t.jsx("path",{d:"m18.75 36-2.15-2.15 9.9-9.9-9.9-9.9 2.15-2.15L30.8 23.95Z"})}),i=r.memo(o,s.isEqual);module.exports=i;

package/index47.mjs

@@ -1,15 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { isEqual as e } from "radashi";
-import { memo as r } from "react";
-const i = (t) => /* @__PURE__ */ o("svg", { width: 24, height: 24, xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 256 256", ...t, children: /* @__PURE__ */ o(
-  "path",
-  {
-    fill: "#3b5998",
-    strokeMiterlimit: "10",
-    strokeWidth: "0",
-    d: "M147.5 254.3V139.1h38.7l6-45h-44.7V65.2c0-13 3.6-21.9 22.3-21.9h23.7V3.2c-11.6-1.2-23.1-1.8-34.7-1.8-34.3 0-57.8 20.9-57.8 59.4V94H62.2v45.1H101v115.2h46.5z"
-  }
-) }), l = r(i, e);
+import { isEqual as r } from "radashi";
+import { memo as m } from "react";
+const i = (t) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", height: "48", width: "48", fill: "currentColor", ...t, children: /* @__PURE__ */ o("path", { d: "m18.75 36-2.15-2.15 9.9-9.9-9.9-9.9 2.15-2.15L30.8 23.95Z" }) }), s = m(i, r);
 export {
-  l as default
+  s as default
 };