@okam/stack-ui 1.40.1 → 1.41.1

package/index93.mjs

@@ -1,27 +1,48 @@
-import { useTreeState as y } from "react-stately";
-function h(d) {
-  const {
-    children: e,
-    defaultSelectedKeys: a,
-    selectionMode: c = "single",
-    selectedKeys: r,
-    onSelectionChange: o,
-    ...l
-  } = d, u = Array.isArray(e) ? e : [e], s = a ?? u.reduce((t, i) => {
-    const { props: f, key: n } = i, { defaultOpen: p } = f ?? {};
-    return !p || !n || t.push(n), t;
-  }, []);
-  return y({
-    children: e,
-    selectionMode: c,
-    defaultExpandedKeys: s,
-    defaultSelectedKeys: s,
-    expandedKeys: r,
-    selectedKeys: r,
-    onSelectionChange: o,
-    ...l
-  });
+"use client";
+import { jsx as w } from "react/jsx-runtime";
+import { createCtxNullable as P } from "@okam/core-lib";
+import { useState as C, useRef as o, useMemo as R } from "react";
+const [N, S] = P();
+function g(f) {
+  const { controller: r, children: m, id: t, slides: n, modules: l, ...s } = f, [i, c] = C(), u = o(null), p = o(null), e = o(null), [a, d] = C(0), x = R(
+    () => {
+      var v;
+      return {
+        swiper: (v = e.current) == null ? void 0 : v.swiper,
+        activeIndex: a,
+        setActiveIndex: d,
+        swiperRef: e,
+        slides: n,
+        controller: r ?? i,
+        setController: c,
+        prevNavigationRef: u,
+        nextNavigationRef: p,
+        id: t,
+        modules: l,
+        swiperProps: s
+      };
+    },
+    [
+      e,
+      a,
+      d,
+      n,
+      r,
+      i,
+      c,
+      u,
+      p,
+      t,
+      l,
+      s
+    ]
+  );
+  return /* @__PURE__ */ w(S, { value: x, children: m });
 }
+const j = g, A = N;
 export {
-  h as default
+  g as CarouselContextProvider,
+  j as SwiperControllerContextProvider,
+  N as useCarousel,
+  A as useSwiperController
 };

package/index94.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("radashi"),r=require("react-aria");function d(s,...n){const o=[s,...n],m=o.reduce((e,t)=>t&&"tokens"in t?Object.assign(e,t==null?void 0:t.tokens):e,{}),i=o.map(e=>e&&"customTheme"in e?e==null?void 0:e.customTheme:void 0).filter(e=>!l.isEmpty(e)).join(" ");return{...r.mergeProps(...o.filter(e=>e!==null)),tokens:m,customTheme:i}}exports.mergeDefaultComponentProps=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),g=require("@okam/core-lib"),v=require("radashi"),s=require("react"),b=require("./index113.js"),[q,i]=g.createCtx();function x({useTranslationFunc:u,children:c,namespace:o="common",translateFunctionName:e="t"}){const l=u(o),d=(t,n)=>(b.log(`translation function not found: translateFunctionName: ${e}`,"warn",{key:t,obj:n,namespace:o}),t),r=v.get(l,e,d),a=s.useCallback((t,n)=>n==null?r(t):r(t,n),[r]),T=s.useMemo(()=>({t:a}),[a]);return f.jsx(i,{value:T,children:c})}exports.TranslationContextProvider=x;exports.TranslationProvider=i;exports.useTranslation=q;

package/index94.mjs

@@ -1,13 +1,33 @@
 "use client";
-import { isEmpty as p } from "radashi";
-import { mergeProps as l } from "react-aria";
-function g(m, ...s) {
-  const t = [m, ...s], n = t.reduce(
-    (e, o) => o && "tokens" in o ? Object.assign(e, o == null ? void 0 : o.tokens) : e,
-    {}
-  ), i = t.map((e) => e && "customTheme" in e ? e == null ? void 0 : e.customTheme : void 0).filter((e) => !p(e)).join(" ");
-  return { ...l(...t.filter((e) => e !== null)), tokens: n, customTheme: i };
+import { jsx as u } from "react/jsx-runtime";
+import { createCtx as m } from "@okam/core-lib";
+import { get as f } from "radashi";
+import { useCallback as p, useMemo as x } from "react";
+import { log as b } from "./index113.mjs";
+const [j, d] = m();
+function k({
+  useTranslationFunc: i,
+  children: s,
+  namespace: r = "common",
+  translateFunctionName: a = "t"
+}) {
+  const c = i(r), o = f(c, a, (t, n) => (b(`translation function not found: translateFunctionName: ${a}`, "warn", {
+    key: t,
+    obj: n,
+    namespace: r
+  }), t)), l = p(
+    (t, n) => n == null ? o(t) : o(t, n),
+    [o]
+  ), e = x(
+    () => ({
+      t: l
+    }),
+    [l]
+  );
+  return /* @__PURE__ */ u(d, { value: e, children: s });
 }
 export {
-  g as mergeDefaultComponentProps
+  k as TranslationContextProvider,
+  d as TranslationProvider,
+  j as useTranslation
 };

package/index95.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const n=require("./index162.js"),p=require("react-aria");function d(s,o,l){const{type:a="dialog"}=s,{triggerProps:{onPress:t,...i},overlayProps:g}=p.useOverlayTrigger({type:a},o,l),r=n.useSlotId(),e={"aria-labelledby":r,handlePress:t,...i};return{openTriggerProps:e,triggerProps:e,labelProps:{id:r},overlayProps:{...g,"aria-labelledby":r}}}module.exports=d;
+"use strict";const s=(t,e,m="sharing_tool")=>`?utm_source=${t}&utm_medium=${e}&utm_campaign=${m}`;module.exports=s;

package/index95.mjs

@@ -1,22 +1,4 @@
-"use client";
-import { useSlotId as g } from "./index162.mjs";
-import { useOverlayTrigger as i } from "react-aria";
-function P(o, s, l) {
-  const { type: a = "dialog" } = o, {
-    triggerProps: { onPress: t, ...p },
-    overlayProps: d
-  } = i({ type: a }, s, l), r = g(), e = {
-    "aria-labelledby": r,
-    handlePress: t,
-    ...p
-  };
-  return {
-    openTriggerProps: e,
-    triggerProps: e,
-    labelProps: { id: r },
-    overlayProps: { ...d, "aria-labelledby": r }
-  };
-}
+const m = (t, a, e = "sharing_tool") => `?utm_source=${t}&utm_medium=${a}&utm_campaign=${e}`;
 export {
-  P as default
+  m as default
 };

package/index96.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function r(e,t){const[n,o]=u.useState(e);return u.useEffect(()=>{const c=setTimeout(()=>{o(e)},t);return()=>{clearTimeout(c)}},[e,t]),n}exports.useDebounce=r;
+"use strict";const t=require("react"),s=()=>{const[e,o]=t.useState(),[n,i]=t.useState();return t.useEffect(()=>{o(window.location.href),i(window.document.title)},[]),{windowLocation:e,windowTitle:n}};module.exports=s;

package/index96.mjs

@@ -1,16 +1,11 @@
 "use client";
-import { useState as r, useEffect as c } from "react";
-function f(e, t) {
-  const [o, u] = r(e);
-  return c(() => {
-    const n = setTimeout(() => {
-      u(e);
-    }, t);
-    return () => {
-      clearTimeout(n);
-    };
-  }, [e, t]), o;
-}
+import { useState as o, useEffect as w } from "react";
+const s = () => {
+  const [t, e] = o(), [n, i] = o();
+  return w(() => {
+    e(window.location.href), i(window.document.title);
+  }, []), { windowLocation: t, windowTitle: n };
+};
 export {
-  f as useDebounce
+  s as default
 };

package/index97.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),A=require("./index53.js");function S(i,a,f){const[d,h]=l.useState(""),n=l.useMemo(()=>!i||i.length===0?i:Array.from(i).some(r=>"items"in r&&Array.isArray(r.items)&&!("children"in r))?i.map(r=>({...r,children:({key:t,children:m,...g})=>l.createElement(A.Node,{key:t,...g},m)})):i,[i]),s=l.useMemo(()=>{if(!n||n.length===0)return"none";const e=Array.from(n);return e.some(t=>"items"in t&&Array.isArray(t.items)&&"children"in t&&typeof t.children=="function")?"sections":e.some(t=>"children"in t&&typeof t.children=="string"&&!("items"in t))?"flatList":"none"},[n]),o=s!=="none",c=a??(o?d:void 0),p=f??(o?h:void 0),y=l.useMemo(()=>!o||!n||!c?n:s==="sections"?n.map(e=>{var u;return{...e,items:(u=e.items)==null?void 0:u.filter(r=>"children"in r&&typeof r.children=="string"&&r.children.toLowerCase().includes(c.toLowerCase()))}}).filter(e=>e.items&&e.items.length>0):s==="flatList"?Array.from(n).filter(e=>"children"in e&&typeof e.children=="string"&&e.children.toLowerCase().includes(c.toLowerCase())):n,[o,n,c,s]);return{structureType:s,inputValue:c,onInputChange:p,items:o?y:n}}exports.useComboBoxFiltering=S;
+"use strict";const u=require("./index95.js"),i=require("./index96.js"),l=(t,e,o)=>{const{windowLocation:r,windowTitle:s}=i(),n=o??r,c=u(t,e);return`https://www.facebook.com/sharer.php?u=${`${n}${c}`}&t=${s}`};module.exports=l;

package/index97.mjs

@@ -1,39 +1,10 @@
 "use client";
-import A, { useState as I, useMemo as l } from "react";
-import { Node as L } from "./index53.mjs";
-function v(i, u, f) {
-  const [d, h] = I(""), n = l(() => !i || i.length === 0 ? i : Array.from(i).some(
-    (r) => "items" in r && Array.isArray(r.items) && !("children" in r)
-  ) ? i.map((r) => ({
-    ...r,
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    children: ({ key: t, children: y, ...g }) => A.createElement(L, { key: t, ...g }, y)
-  })) : i, [i]), s = l(() => {
-    if (!n || n.length === 0) return "none";
-    const e = Array.from(n);
-    return e.some(
-      (t) => "items" in t && Array.isArray(t.items) && "children" in t && typeof t.children == "function"
-    ) ? "sections" : e.some(
-      (t) => "children" in t && typeof t.children == "string" && !("items" in t)
-    ) ? "flatList" : "none";
-  }, [n]), o = s !== "none", c = u ?? (o ? d : void 0), p = f ?? (o ? h : void 0), m = l(() => !o || !n || !c ? n : s === "sections" ? n.map((e) => {
-    var a;
-    return {
-      ...e,
-      items: (a = e.items) == null ? void 0 : a.filter(
-        (r) => "children" in r && typeof r.children == "string" && r.children.toLowerCase().includes(c.toLowerCase())
-      )
-    };
-  }).filter((e) => e.items && e.items.length > 0) : s === "flatList" ? Array.from(n).filter(
-    (e) => "children" in e && typeof e.children == "string" && e.children.toLowerCase().includes(c.toLowerCase())
-  ) : n, [o, n, c, s]);
-  return {
-    structureType: s,
-    inputValue: c,
-    onInputChange: p,
-    items: o ? m : n
-  };
-}
+import a from "./index95.mjs";
+import l from "./index96.mjs";
+const m = (o, t, r) => {
+  const { windowLocation: e, windowTitle: n } = l(), s = r ?? e, c = a(o, t);
+  return `https://www.facebook.com/sharer.php?u=${`${s}${c}`}&t=${n}`;
+};
 export {
-  v as useComboBoxFiltering
+  m as default
 };

package/index98.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@okam/logger"),e=o.createLogger("[StackUI]"),{log:g}=e;exports.log=g;exports.logger=e;
+"use client";
+"use strict";const u=require("./index95.js"),l=require("./index96.js"),a=(t,o,e)=>{const{windowLocation:n,windowTitle:r}=l(),s=e??n,c=u(t,o),i=`${s}${c}`;return`mailto:?to=&body=${r}%20${i}`};module.exports=a;

package/index98.mjs

@@ -1,6 +1,10 @@
-import { createLogger as o } from "@okam/logger";
-const r = o("[StackUI]"), { log: e } = r;
+"use client";
+import l from "./index95.mjs";
+import c from "./index96.mjs";
+const d = (o, t, r) => {
+  const { windowLocation: n, windowTitle: e } = c(), i = r ?? n, s = l(o, t), a = `${i}${s}`;
+  return `mailto:?to=&body=${e}%20${a}`;
+};
 export {
-  e as log,
-  r as logger
+  d as default
 };

package/index99.js

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e;exports.makeTheme=t;
+"use client";
+"use strict";const c=require("./index95.js"),u=require("./index96.js"),i=(t,e,r)=>{const{windowLocation:n}=u(),s=r??n,o=c(t,e);return`https://twitter.com/intent/tweet?text=${`${s}${o}`}`};module.exports=i;

package/index99.mjs

@@ -1,4 +1,10 @@
-const m = (e) => e;
+"use client";
+import c from "./index95.mjs";
+import i from "./index96.mjs";
+const a = (t, e, r) => {
+  const { windowLocation: o } = i(), n = r ?? o, s = c(t, e);
+  return `https://twitter.com/intent/tweet?text=${`${n}${s}`}`;
+};
 export {
-  m as makeTheme
+  a as default
 };

package/package.json

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

package/providers/Carousel/index.d.ts

@@ -0,0 +1,12 @@
+import type { TCarouselContext, TCarouselProviderProps } from './interface';
+declare const useCarousel: () => TCarouselContext;
+export { useCarousel };
+export declare function CarouselContextProvider(props: TCarouselProviderProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * @deprecated Use CarouselContextProvider instead
+ */
+export declare const SwiperControllerContextProvider: typeof CarouselContextProvider;
+/**
+ * @deprecated Use useCarousel instead
+ */
+export declare const useSwiperController: () => TCarouselContext;

package/providers/Carousel/interface.d.ts

@@ -0,0 +1,29 @@
+import type { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
+import type { SwiperClass, SwiperRef } from 'swiper/react';
+import type { Swiper } from 'swiper/types';
+import type { TSwiperModule, TSwiperProps } from '../../components/Carousel/interface';
+import type { TCarouselSlideProps } from '../../components/Carousel/swiper/interface';
+export interface TCarouselProviderProps extends Omit<TSwiperProps, 'children' | 'modules' | 'controller'> {
+    children: ReactNode;
+    /**
+     * @deprecated Provider declares the controller
+     */
+    controller?: SwiperClass;
+    id: string;
+    modules?: TSwiperModule[];
+    slides: TCarouselSlideProps[];
+}
+export type TCarouselContext = {
+    slides: TCarouselSlideProps[];
+    modules: TSwiperModule[] | undefined;
+    controller: SwiperClass | undefined;
+    setController: Dispatch<SetStateAction<SwiperClass | undefined>>;
+    activeIndex: number;
+    setActiveIndex: Dispatch<SetStateAction<number>>;
+    id: string;
+    swiper: Swiper | undefined;
+    swiperRef: RefObject<SwiperRef>;
+    prevNavigationRef: RefObject<HTMLButtonElement & HTMLAnchorElement>;
+    nextNavigationRef: RefObject<HTMLButtonElement & HTMLAnchorElement>;
+    swiperProps: Omit<TSwiperProps, 'children' | 'modules' | 'controller' | 'id'>;
+};

package/theme/Alerts/index.d.ts

@@ -1,6 +1,6 @@
 declare const alertsTheme: {
     wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-color-1-200 p-4 flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-color-1-200 p-4 flex flex-col gap-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
-    carouselWrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex justify-between items-center gap-4 relative", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex justify-between items-center gap-4 relative", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+    carouselWrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex flex-wrap justify-between items-center gap-4 relative", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex flex-wrap justify-between items-center gap-4 relative", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
     closeBtn: import("tailwind-variants").TVReturnType<{} | {
         type: {
             button: import("tailwind-merge").ClassNameValue | {
@@ -274,7 +274,7 @@ declare const alertsTheme: {
         };
     }>, unknown, unknown, undefined>>>;
     swiper: {
-        swiper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-color-1-300 m-2 rounded-lg order-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-color-1-300 m-2 rounded-lg order-2", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        swiper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "bg-color-1-300 m-2 rounded-lg order-2 basis-9/12", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "bg-color-1-300 m-2 rounded-lg order-2 basis-9/12", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
         wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "m-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "m-4", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
     };
     item: {
@@ -1016,7 +1016,7 @@ declare const alertsTheme: {
                 prev: string;
                 next: string;
             };
-        }, undefined, undefined, import("tailwind-variants/dist/config.js").TVConfig<{
+        }, undefined, "basis-1/12", import("tailwind-variants/dist/config.js").TVConfig<{
             order: {
                 prev: string;
                 next: string;
@@ -1213,7 +1213,7 @@ declare const alertsTheme: {
         }>, unknown, unknown, undefined>>>;
     };
     pagination: {
-        wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex gap-4 justify-center absolute z-10 bottom-4 left-0 right-0", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
+        wrapper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex gap-4 justify-center bg-color-1-200 z-10 bottom-4 left-0 right-0 order-4 basis-full", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex gap-4 justify-center bg-color-1-200 z-10 bottom-4 left-0 right-0 order-4 basis-full", import("tailwind-variants/dist/config.js").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;
         bullet: import("tailwind-variants").TVReturnType<{
             active: {
                 true: string;