@okam/stack-ui 1.44.3 → 1.44.4

package/index89.mjs

@@ -1,19 +1,32 @@
 "use client";
-import { get as u } from "radashi";
-import { useTheme as l } from "./index88.mjs";
-const p = (e, f = {}, n = null) => {
-  const r = l();
-  if (r != null && e != null) {
-    const { brandTheme: i } = r, t = u(i, e);
-    if (typeof t == "function") {
-      const o = t == null ? void 0 : t(f);
-      if (typeof o == "string")
-        return o;
-    }
-  }
-  if (n)
-    return n;
-};
+import { jsx as m } from "react/jsx-runtime";
+import { createCtx as f } from "@okam/core-lib";
+import { get as p } from "radashi";
+import { useCallback as x, useMemo as C } from "react";
+import { log as b } from "./index80.mjs";
+const l = f(), k = l[0], d = l[1];
+function w({
+  useTranslationFunc: i,
+  children: c,
+  namespace: r = "common",
+  translateFunctionName: a = "t"
+}) {
+  const e = i(r), o = p(e, a, (t, n) => (b(`translation function not found: translateFunctionName: ${a}`, "warn", {
+    key: t,
+    obj: n,
+    namespace: r
+  }), t)), s = x(
+    (t, n) => n == null ? o(t) : o(t, n),
+    [o]
+  ), u = C(
+    () => ({
+      t: s
+    }),
+    [s]
+  );
+  return /* @__PURE__ */ m(d, { value: u, children: c });
+}
 export {
-  p as default
+  w as TranslationContextProvider,
+  k as useTranslation
 };

package/index9.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),b=require("react-aria"),j=require("./index89.js"),N=require("./index6.js"),A=require("./index24.js"),C=k=>{const{sharingLinksList:f,id:w,isOpen:h,setIsOpen:x,onShare:d,themeName:c="shareButton",tokens:i,customTheme:l}=k,y=j(`${c}.linksList`,{...i,isOpen:h},l),e=b.useFocusManager(),m=s=>{s.key==="Escape"&&x(!1);const{listDirection:u}=i??{};u==="row"&&(s.key==="ArrowRight"&&(e==null||e.focusNext({wrap:!0}),s.preventDefault()),s.key==="ArrowLeft"&&(e==null||e.focusPrevious({wrap:!0}),s.preventDefault())),u==="column"&&(s.key==="ArrowDown"&&(e==null||e.focusNext({wrap:!0}),s.preventDefault()),s.key==="ArrowUp"&&(e==null||e.focusPrevious({wrap:!0}),s.preventDefault()))};return a.jsx("div",{className:y,id:w,role:"listbox",tabIndex:-1,onKeyDown:m,children:f==null?void 0:f.map(s=>{const{ariaLabel:u,onClick:p,href:t,icon:r,key:n}=s;return a.jsx(N.default,{themeName:`${c}.link`,tokens:{...i,isOpen:h},handlePress:()=>{d==null||d(n),p==null||p(n)},"aria-label":u,...t?{href:t,rel:"noopener noreferrer",target:"_blank",as:"a"}:{},role:"option",children:a.jsx(A,{themeName:`${c}.linkIcons`,icon:r})},n)})})},$=k=>{const{ariaLabel:f,icon:w,id:h,sharingLinksList:x,onShare:d,customTheme:c,themeName:i="shareButton",tokens:l,...y}=k,[e,m]=T.useState(!1),s=j(`${i}.container`,l,c),u=t=>{m(!e),!e&&setTimeout(()=>{var n,o;const r=(o=(n=t.target.parentElement)==null?void 0:n.lastChild)==null?void 0:o.firstChild;r==null||r.focus()})},p=t=>{const r=t.currentTarget.firstChild,n=t.currentTarget.lastChild,o=n.firstChild,D=n.lastChild,{listDirection:v}=l??{};v==="row"&&(t.key==="ArrowRight"&&t.target===r&&(o==null||o.focus(),t.preventDefault()),t.key==="ArrowLeft"&&t.target===r&&(D.focus(),t.preventDefault())),v==="column"&&(t.key==="ArrowDown"&&t.target===r&&(o==null||o.focus(),t.preventDefault()),t.key==="ArrowUp"&&t.target===r&&(D.focus(),t.preventDefault())),t.key==="Escape"&&(m(!1),r==null||r.focus()),document.activeElement===n&&(r==null||r.focus())};return a.jsx(b.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:e,children:a.jsxs("div",{className:s,onKeyDown:p,children:[a.jsx(N.ButtonWithForwardRef,{themeName:`${i}.button`,tokens:{...l,isOpen:e},"aria-label":f,"aria-haspopup":"listbox","aria-expanded":e,...e&&{"aria-controls":h},handlePress:u,...y,children:a.jsx(A,{themeName:`${i}.icon`,icon:w??"Share"})}),e&&a.jsx(C,{id:h,sharingLinksList:x,onShare:d,isOpen:e,setIsOpen:m,themeName:i,customTheme:c,tokens:l})]})})};exports.IconsContainer=C;exports.default=$;
+"use strict";const n=require("react/jsx-runtime"),y=require("@internationalized/date"),$=require("react"),o=require("react-aria"),P=require("react-stately"),c=require("./index7.js"),g=require("./index74.js"),v=require("./index122.js"),F=require("./index123.js");function S({buttons:i,tokens:l,customTheme:d,themeName:e="calendar",gridProps:u,value:s,...a}){const{locale:x}=o.useLocale(),r=P.useCalendarState({...a,locale:x,value:s,createCalendar:y.createCalendar}),{isDisabled:q,isReadOnly:p,isValueInvalid:j,isFocused:k}=r,C=$.useRef(null),{calendarProps:h,prevButtonProps:B,nextButtonProps:R,title:f}=o.useCalendar({...a,value:s},r),t={isDisabled:q,isReadOnly:p,isValueInvalid:j,isFocused:k,...l};return n.jsxs(c.BoxWithForwardRef,{...h,ref:C,themeName:`${e}.container`,tokens:t,customTheme:d,children:[n.jsxs(c.Box,{themeName:`${e}.header`,tokens:t,children:[n.jsx(g.Typography,{as:"p",themeName:`${e}.title`,tokens:t,children:f}),n.jsx(F,{themeName:e,tokens:t,buttons:i,prevButtonProps:B,nextButtonProps:R})]}),n.jsx(v,{...u,themeName:e,state:r,tokens:t})]})}module.exports=S;

package/index9.mjs

@@ -1,86 +1,61 @@
 "use client";
-import { jsx as a, jsxs as C } from "react/jsx-runtime";
-import { useState as A } from "react";
-import { FocusScope as T, useFocusManager as I } from "react-aria";
-import N from "./index89.mjs";
-import K, { ButtonWithForwardRef as L } from "./index6.mjs";
-import b from "./index24.mjs";
-const $ = (w) => {
-  const { sharingLinksList: f, id: k, isOpen: m, setIsOpen: D, onShare: h, themeName: l = "shareButton", tokens: i, customTheme: c } = w, y = N(`${l}.linksList`, { ...i, isOpen: m }, c), e = I();
-  return /* @__PURE__ */ a("div", { className: y, id: k, role: "listbox", tabIndex: -1, onKeyDown: (r) => {
-    r.key === "Escape" && D(!1);
-    const { listDirection: u } = i ?? {};
-    u === "row" && (r.key === "ArrowRight" && (e == null || e.focusNext({ wrap: !0 }), r.preventDefault()), r.key === "ArrowLeft" && (e == null || e.focusPrevious({ wrap: !0 }), r.preventDefault())), u === "column" && (r.key === "ArrowDown" && (e == null || e.focusNext({ wrap: !0 }), r.preventDefault()), r.key === "ArrowUp" && (e == null || e.focusPrevious({ wrap: !0 }), r.preventDefault()));
-  }, children: f == null ? void 0 : f.map((r) => {
-    const { ariaLabel: u, onClick: d, href: t, icon: o, key: n } = r;
-    return /* @__PURE__ */ a(
-      K,
-      {
-        themeName: `${l}.link`,
-        tokens: { ...i, isOpen: m },
-        handlePress: () => {
-          h == null || h(n), d == null || d(n);
-        },
-        "aria-label": u,
-        ...t ? { href: t, rel: "noopener noreferrer", target: "_blank", as: "a" } : {},
-        role: "option",
-        children: /* @__PURE__ */ a(b, { themeName: `${l}.linkIcons`, icon: o })
-      },
-      n
-    );
-  }) });
-}, j = (w) => {
-  const {
-    ariaLabel: f,
-    icon: k,
-    id: m,
-    sharingLinksList: D,
-    onShare: h,
-    customTheme: l,
-    themeName: i = "shareButton",
-    tokens: c,
-    ...y
-  } = w, [e, p] = A(!1), r = N(`${i}.container`, c, l), u = (t) => {
-    p(!e), !e && setTimeout(() => {
-      var n, s;
-      const o = (s = (n = t.target.parentElement) == null ? void 0 : n.lastChild) == null ? void 0 : s.firstChild;
-      o == null || o.focus();
-    });
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { createCalendar as P } from "@internationalized/date";
+import { useRef as R } from "react";
+import { useLocale as $, useCalendar as g } from "react-aria";
+import { useCalendarState as j } from "react-stately";
+import { BoxWithForwardRef as v, Box as F } from "./index7.mjs";
+import { Typography as T } from "./index74.mjs";
+import b from "./index122.mjs";
+import w from "./index123.mjs";
+function z({
+  buttons: i,
+  tokens: l,
+  customTheme: d,
+  themeName: o = "calendar",
+  gridProps: c,
+  value: n,
+  ...a
+}) {
+  const { locale: p } = $(), t = j({
+    ...a,
+    locale: p,
+    value: n,
+    createCalendar: P
+  }), { isDisabled: m, isReadOnly: f, isValueInvalid: u, isFocused: k } = t, x = R(null), { calendarProps: h, prevButtonProps: B, nextButtonProps: C, title: y } = g({ ...a, value: n }, t), r = {
+    isDisabled: m,
+    isReadOnly: f,
+    isValueInvalid: u,
+    isFocused: k,
+    ...l
   };
-  return /* @__PURE__ */ a(T, { autoFocus: !0, restoreFocus: !0, contain: e, children: /* @__PURE__ */ C("div", { className: r, onKeyDown: (t) => {
-    const o = t.currentTarget.firstChild, n = t.currentTarget.lastChild, s = n.firstChild, v = n.lastChild, { listDirection: x } = c ?? {};
-    x === "row" && (t.key === "ArrowRight" && t.target === o && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowLeft" && t.target === o && (v.focus(), t.preventDefault())), x === "column" && (t.key === "ArrowDown" && t.target === o && (s == null || s.focus(), t.preventDefault()), t.key === "ArrowUp" && t.target === o && (v.focus(), t.preventDefault())), t.key === "Escape" && (p(!1), o == null || o.focus()), document.activeElement === n && (o == null || o.focus());
-  }, children: [
-    /* @__PURE__ */ a(
-      L,
-      {
-        themeName: `${i}.button`,
-        tokens: { ...c, isOpen: e },
-        "aria-label": f,
-        "aria-haspopup": "listbox",
-        "aria-expanded": e,
-        ...e && { "aria-controls": m },
-        handlePress: u,
-        ...y,
-        children: /* @__PURE__ */ a(b, { themeName: `${i}.icon`, icon: k ?? "Share" })
-      }
-    ),
-    e && /* @__PURE__ */ a(
-      $,
-      {
-        id: m,
-        sharingLinksList: D,
-        onShare: h,
-        isOpen: e,
-        setIsOpen: p,
-        themeName: i,
-        customTheme: l,
-        tokens: c
-      }
-    )
-  ] }) });
-};
+  return /* @__PURE__ */ s(
+    v,
+    {
+      ...h,
+      ref: x,
+      themeName: `${o}.container`,
+      tokens: r,
+      customTheme: d,
+      children: [
+        /* @__PURE__ */ s(F, { themeName: `${o}.header`, tokens: r, children: [
+          /* @__PURE__ */ e(T, { as: "p", themeName: `${o}.title`, tokens: r, children: y }),
+          /* @__PURE__ */ e(
+            w,
+            {
+              themeName: o,
+              tokens: r,
+              buttons: i,
+              prevButtonProps: B,
+              nextButtonProps: C
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e(b, { ...c, themeName: o, state: t, tokens: r })
+      ]
+    }
+  );
+}
 export {
-  $ as IconsContainer,
-  j as default
+  z as default
 };

package/index90.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("@okam/core-lib"),e=require("react"),[u,c]=o.createCtx();function l({children:s}){const[t,n]=e.useState(!1);e.useEffect(()=>{n(!0)},[]);const r=e.useMemo(()=>({isClient:t}),[t]);return i.jsx(c,{value:r,children:s})}exports.IsClientContextProvider=l;exports.useIsClient=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("@okam/core-lib"),s=require("react"),t=i.createCtx(),l=t[0],S=t[1];function h(o){const{userQuery:c,children:u}=o,[e,r]=s.useState(c),a=s.useMemo(()=>({userSearchQuery:e,setUserSearchQuery:r}),[e,r]);return n.jsx(S,{value:a,children:u})}exports.SearchBarProvider=h;exports.useUserQueryValHook=l;

package/index90.mjs

@@ -1,17 +1,16 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
-import { createCtx as i } from "@okam/core-lib";
-import { useState as n, useEffect as u, useMemo as f } from "react";
-const [a, l] = i();
-function p({ children: t }) {
-  const [e, o] = n(!1);
-  u(() => {
-    o(!0);
-  }, []);
-  const r = f(() => ({ isClient: e }), [e]);
-  return /* @__PURE__ */ s(l, { value: r, children: t });
+import { jsx as a } from "react/jsx-runtime";
+import { createCtx as n } from "@okam/core-lib";
+import { useState as i, useMemo as m } from "react";
+const o = n(), p = o[0], h = o[1];
+function x(s) {
+  const { userQuery: t, children: c } = s, [r, e] = i(t), u = m(
+    () => ({ userSearchQuery: r, setUserSearchQuery: e }),
+    [r, e]
+  );
+  return /* @__PURE__ */ a(h, { value: u, children: c });
 }
 export {
-  p as IsClientContextProvider,
-  a as useIsClient
+  x as SearchBarProvider,
+  p as useUserQueryValHook
 };

package/index91.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("react/jsx-runtime"),R=require("@okam/core-lib"),s=require("react"),q=require("react-stately"),B=require("./index106.js"),[b,j]=R.createCtx();function m(c){const{children:d,defaultSelectedKey:u,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:p=!1,onOpenChange:r,isOpen:P,defaultOpen:f,type:S="dialog"}=c,y=f??p,g=s.useRef(null),v=s.useRef(null),n=q.useOverlayTriggerState({isOpen:P,defaultOpen:y,onOpenChange(a){if(r==null||r(a),!a){t==null||t();return}e==null||e()}}),{triggerProps:o,overlayProps:i,labelProps:l}=B({type:S},n),O=s.useMemo(()=>({labelProps:l,overlayProps:i,defaultSelectedKey:u,overlayState:n,buttonProps:{closeButtonProps:o,closeButtonRef:v,openButtonProps:o,openButtonRef:g}}),[l,i,u,n,o]);return x.jsx(j,{value:O,children:d})}exports.SidePanelContextProvider=m;exports.useSidePanel=b;
+"use strict";const f=require("react"),m=require("./index87.js"),g=require("./index143.js"),k=require("./index144.js"),i=require("./index145.js"),c=require("./index146.js"),q=require("./index147.js"),b=require("./index148.js"),t=require("./index149.js"),x=require("./index150.js"),$=require("./index151.js"),w=require("./index152.js"),I=require("./index153.js"),B=require("./index154.js"),G=require("./index155.js"),M=require("./index156.js"),d=require("./index157.js"),s=require("./index158.js"),p=require("./index159.js"),h=require("./index160.js"),n=require("./index161.js"),u=require("./index162.js"),y=require("./index163.js"),T=require("./index164.js"),P=require("./index165.js"),v=require("./index166.js"),L=require("./index167.js"),r=require("./index168.js"),C=require("./index118.js");function j(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const l=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(a,o,l.get?l:{enumerable:!0,get:()=>e[o]})}}return a.default=e,Object.freeze(a)}const O=j(f),z=C.makeTheme({main:e=>i.main(e),gridItem:e=>i.gridItem(e),grid:e=>i.grid(e),container:e=>i.container(e),accordion:g.accordionTheme,carousel:b,calendar:q.calendarTheme,datePicker:w.datePickerTheme,popover:M,typography:e=>r(e),button:e=>c(e),link:c,sidePanel:{wrapper:e=>u.sidePanelWrapper(e),container:e=>u.sidePanelContainer(e),innerContainer:e=>u.sidePanelInnerContainer(e)},comboBox:$,lightBox:B,printButton:{icon:e=>d.printButtonIcon(e),button:e=>d.printButton(e)},shareButton:{icon:e=>n.shareButtonIcon(e),button:e=>n.shareButton(e),container:e=>n.shareButtonContainer(e),linksList:e=>n.shareButtonLinksList(e),link:e=>n.shareButtonLink(e),linkIcons:e=>n.shareButtonLinkIcons(e)},skipToMain:e=>y.skipToMain(e),checkbox:{container:e=>t.checkboxContainer(e),label:e=>t.checkboxLabel(e),checkBox:e=>t.checkBox(e),checkMark:e=>t.checkMark(e),checkMarkIcon:e=>t.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>s.radioLabel(e),radio:e=>s.radio(e),selectedMark:e=>s.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>p.radioGroup(e),radioGroupItemsGroup:e=>p.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>x.checkboxGroup(e),checkboxGroupItemsGroup:e=>x.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>c(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>c({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>v.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:L,search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>h.searchInput(e),icon:e=>h.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:I.imgTheme,alerts:k,tagGroup:P,tabList:T,listBox:G}),E=O.memo(m.createThemeProvider(z));module.exports=E;

package/index91.mjs

@@ -1,49 +1,142 @@
 "use client";
-import { jsx as S } from "react/jsx-runtime";
-import { createCtx as x } from "@okam/core-lib";
-import { useRef as a, useMemo as B } from "react";
-import { useOverlayTriggerState as R } from "react-stately";
-import b from "./index106.mjs";
-const [M, h] = x();
-function T(i) {
-  const {
-    children: f,
-    defaultSelectedKey: s,
-    onOpenCallback: e,
-    onCloseCallback: t,
-    defaultIsOpen: d = !1,
-    onOpenChange: o,
-    isOpen: c,
-    defaultOpen: P,
-    type: m = "dialog"
-  } = i, O = P ?? d, v = a(null), y = a(null), r = R({
-    isOpen: c,
-    defaultOpen: O,
-    onOpenChange(u) {
-      if (o == null || o(u), !u) {
-        t == null || t();
-        return;
-      }
-      e == null || e();
-    }
-  }), { triggerProps: n, overlayProps: l, labelProps: p } = b({ type: m }, r), g = B(
-    () => ({
-      labelProps: p,
-      overlayProps: l,
-      defaultSelectedKey: s,
-      overlayState: r,
-      buttonProps: {
-        closeButtonProps: n,
-        closeButtonRef: y,
-        openButtonProps: n,
-        openButtonRef: v
-      }
+import * as t from "react";
+import { createThemeProvider as i } from "./index87.mjs";
+import { accordionTheme as n } from "./index143.mjs";
+import a from "./index144.mjs";
+import { container as m, grid as p, gridItem as c, main as s } from "./index145.mjs";
+import r from "./index146.mjs";
+import { calendarTheme as l } from "./index147.mjs";
+import u from "./index148.mjs";
+import { checkMarkIcon as f, checkMark as h, checkBox as x, checkboxLabel as d, checkboxContainer as k } from "./index149.mjs";
+import { checkboxGroupItemsGroup as g, checkboxGroup as b } from "./index150.mjs";
+import T from "./index151.mjs";
+import { datePickerTheme as w } from "./index152.mjs";
+import { imgTheme as B } from "./index153.mjs";
+import I from "./index154.mjs";
+import G from "./index155.mjs";
+import M from "./index156.mjs";
+import { printButton as y, printButtonIcon as L } from "./index157.mjs";
+import { selectedMark as v, radio as P, radioLabel as C } from "./index158.mjs";
+import { radioGroupItemsGroup as z, radioGroup as E } from "./index159.mjs";
+import { searchIcon as N, searchInput as A } from "./index160.mjs";
+import { shareButtonLinkIcons as R, shareButtonLink as W, shareButtonLinksList as j, shareButtonContainer as q, shareButton as D, shareButtonIcon as F } from "./index161.mjs";
+import { sidePanelInnerContainer as H, sidePanelContainer as J, sidePanelWrapper as K } from "./index162.mjs";
+import { skipToMain as O } from "./index163.mjs";
+import Q from "./index164.mjs";
+import S from "./index165.mjs";
+import { textArea as U } from "./index166.mjs";
+import V from "./index167.mjs";
+import o from "./index168.mjs";
+import { makeTheme as X } from "./index118.mjs";
+const Y = X({
+  main: (e) => s(e),
+  gridItem: (e) => c(e),
+  grid: (e) => p(e),
+  container: (e) => m(e),
+  accordion: n,
+  carousel: u,
+  calendar: l,
+  datePicker: w,
+  popover: M,
+  typography: (e) => o(e),
+  button: (e) => r(e),
+  link: r,
+  sidePanel: {
+    wrapper: (e) => K(e),
+    container: (e) => J(e),
+    innerContainer: (e) => H(e)
+  },
+  comboBox: T,
+  lightBox: I,
+  printButton: {
+    icon: (e) => L(e),
+    button: (e) => y(e)
+  },
+  shareButton: {
+    icon: (e) => F(e),
+    button: (e) => D(e),
+    container: (e) => q(e),
+    linksList: (e) => j(e),
+    link: (e) => W(e),
+    linkIcons: (e) => R(e)
+  },
+  skipToMain: (e) => O(e),
+  checkbox: {
+    container: (e) => k(e),
+    label: (e) => d(e),
+    checkBox: (e) => x(e),
+    checkMark: (e) => h(e),
+    checkMarkIcon: (e) => f(e),
+    errorMessage: (e) => o(e)
+  },
+  radio: {
+    label: (e) => C(e),
+    radio: (e) => P(e),
+    selectedMark: (e) => v(e),
+    errorMessage: (e) => o(e)
+  },
+  radioGroup: {
+    radioGroup: (e) => E(e),
+    radioGroupItemsGroup: (e) => z(e),
+    errorMessage: (e) => o(e)
+  },
+  checkboxGroup: {
+    checkboxGroup: (e) => b(e),
+    checkboxGroupItemsGroup: (e) => g(e),
+    errormessage: (e) => o(e)
+  },
+  select: {
+    button: (e) => r(e),
+    ul: (e) => o({
+      ...e,
+      className: "outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"
     }),
-    [p, l, s, r, n]
-  );
-  return /* @__PURE__ */ S(h, { value: g, children: f });
-}
+    popover: (e) => r({ ...e, className: "w-[var(--select-container-width)]" }),
+    errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 }),
+    wrapper: () => "flex flex-col gap-4 relative",
+    container: () => "flex flex-col gap-4",
+    list: () => "flex flex-col gap-4",
+    li: () => "transition w-full hover:text-gray-300 focus-ring-white",
+    headerText: () => "text-gray-300",
+    section: () => "flex flex-col gap-4"
+  },
+  textarea: {
+    wrapper: () => "flex flex-col",
+    container: () => "flex items-center gap-4",
+    label: () => "text-gray-3 px-6",
+    input: (e) => U(e),
+    errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 })
+  },
+  textInput: V,
+  search: {
+    wrapper: () => "min-w-fit sm:w-80 flex flex-col gap-2",
+    container: () => "relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",
+    label: () => "text-gray-3",
+    input: (e) => A(e),
+    icon: (e) => N(e),
+    errorMessage: (e) => o({ ...e, size: "footnotes", isError: !0 })
+  },
+  menu: {
+    sidePanel: {
+      wrapper: () => "",
+      container: () => "",
+      innerContainer: () => ""
+    },
+    wrapper: () => ""
+  },
+  menuItem: {
+    wrapper: () => "",
+    container: () => "",
+    innerContent: () => "",
+    button: () => "",
+    anchor: () => ""
+  },
+  img: B,
+  alerts: a,
+  tagGroup: S,
+  tabList: Q,
+  listBox: G
+}), Me = t.memo(i(Y));
 export {
-  T as SidePanelContextProvider,
-  M as useSidePanel
+  Me as default
 };

package/index92.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),q=require("@okam/core-lib"),j=require("react"),g=require("react-stately"),m=require("./index91.js"),[h,s]=q.createCtxNullable();function L({children:c,defaultSelectedKey:r,defaultIsOpen:x,onCloseCallback:i,onOpenCallback:M,tabs:v,openBtn:n,closeBtn:u,...P}){const e=g.useTabListState({...P,children:v,defaultSelectedKey:r}),d=j.useMemo(()=>({openBtn:n,closeBtn:u,tabState:e,defaultSelectedKey:r}),[n,u,e,r]);return o.jsx(s,{value:d,children:o.jsx(m.SidePanelContextProvider,{onCloseCallback:()=>{var t;i==null||i(),(t=e==null?void 0:e.setSelectedKey)==null||t.call(e,r)},onOpenCallback:M,defaultIsOpen:x,defaultSelectedKey:r.toString(),children:c})})}exports.MenuContextProvider=L;exports.MenuProvider=s;exports.useMenu=h;
+"use strict";const u=require("react/jsx-runtime"),t=require("@react-spring/web"),l=require("./index88.js");function m({isVisible:e,children:n,themeName:s,tokens:i,customTheme:r}){const a=l(s,i,r);return t.useTransition(e,{from:{opacity:0,translateX:"100%"},enter:{opacity:1,translateX:"0%"},leave:{opacity:0,translateX:"25%"}})((o,c)=>c&&u.jsx(t.animated.div,{className:a,style:o,children:n}))}module.exports=m;

package/index92.mjs

@@ -1,41 +1,17 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { createCtxNullable as P } from "@okam/core-lib";
-import { useMemo as f } from "react";
-import { useTabListState as h } from "react-stately";
-import { SidePanelContextProvider as c } from "./index91.mjs";
-const [q, d] = P();
-function w({
-  children: e,
-  defaultSelectedKey: i,
-  defaultIsOpen: p,
-  onCloseCallback: o,
-  onOpenCallback: s,
-  tabs: x,
-  openBtn: m,
-  closeBtn: n,
-  ...v
-}) {
-  const r = h({ ...v, children: x, defaultSelectedKey: i }), M = f(
-    () => ({ openBtn: m, closeBtn: n, tabState: r, defaultSelectedKey: i }),
-    [m, n, r, i]
+import { jsx as m } from "react/jsx-runtime";
+import { useTransition as l, animated as c } from "@react-spring/web";
+import p from "./index88.mjs";
+function h({ isVisible: t, children: e, themeName: a, tokens: n, customTheme: o }) {
+  const r = p(a, n, o);
+  return l(t, {
+    from: { opacity: 0, translateX: "100%" },
+    enter: { opacity: 1, translateX: "0%" },
+    leave: { opacity: 0, translateX: "25%" }
+  })(
+    (i, s) => s && /* @__PURE__ */ m(c.div, { className: r, style: i, children: e })
   );
-  return /* @__PURE__ */ u(d, { value: M, children: /* @__PURE__ */ u(
-    c,
-    {
-      onCloseCallback: () => {
-        var t;
-        o == null || o(), (t = r == null ? void 0 : r.setSelectedKey) == null || t.call(r, i);
-      },
-      onOpenCallback: s,
-      defaultIsOpen: p,
-      defaultSelectedKey: i.toString(),
-      children: e
-    }
-  ) });
 }
 export {
-  w as MenuContextProvider,
-  d as MenuProvider,
-  q as useMenu
+  h as default
 };

package/index93.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),t=require("react"),o=t.createContext(null),i=e=>{const{children:r,state:n}=e;return u.jsx(o.Provider,{value:n,children:r})};function s(){const e=t.useContext(o);return e!==null?e:null}exports.RadioGroupProvider=i;exports.useRadioGroupCtx=s;
+"use strict";const r=require("react/jsx-runtime"),e=require("radashi"),n=require("react");function o(t){return r.jsx("svg",{width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",...t,children:r.jsx("path",{d:"M17.728 13.66 12.388 19 7.05 13.66M12.4 5v14",stroke:"currentColor"})})}const s=n.memo(o,e.isEqual);module.exports=s;

package/index93.mjs

@@ -1,15 +1,10 @@
-"use client";
-import { jsx as n } from "react/jsx-runtime";
-import { createContext as u, useContext as i } from "react";
-const o = u(null), s = (t) => {
-  const { children: r, state: e } = t;
-  return /* @__PURE__ */ n(o.Provider, { value: e, children: r });
-};
-function x() {
-  const t = i(o);
-  return t !== null ? t : null;
+import { jsx as o } from "react/jsx-runtime";
+import { isEqual as t } from "radashi";
+import { memo as n } from "react";
+function e(r) {
+  return /* @__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" }) });
 }
+const l = n(e, t);
 export {
-  s as RadioGroupProvider,
-  x as useRadioGroupCtx
+  l as default
 };

package/index94.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("@okam/core-lib"),u=require("react"),[d,r]=s.createCtxNullable();function a(t){const{state:e,children:c,TransitionAnimation:o}=t,n=u.useMemo(()=>({state:e,TransitionAnimation:o}),[e,o]);return i.jsx(r,{value:n,children:c})}exports.AccordionContextProvider=a;exports.AccordionProvider=r;exports.useAccordionCtx=d;
+"use strict";const r=require("react/jsx-runtime"),t=require("radashi"),s=require("react");function i(e){return r.jsxs("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e,children:[r.jsx("g",{children:r.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"})}),r.jsx("defs",{children:r.jsx("clipPath",{children:r.jsx("path",{fill:"currentColor",d:"M0 0h24v24H0z"})})})]})}const l=s.memo(i,t.isEqual);module.exports=l;

package/index94.mjs

@@ -1,14 +1,13 @@
-"use client";
-import { jsx as i } from "react/jsx-runtime";
-import { createCtxNullable as c } from "@okam/core-lib";
-import { useMemo as m } from "react";
-const [l, s] = c();
-function x(t) {
-  const { state: o, children: n, TransitionAnimation: r } = t, e = m(() => ({ state: o, TransitionAnimation: r }), [o, r]);
-  return /* @__PURE__ */ i(s, { value: e, children: n });
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { isEqual as l } from "radashi";
+import { memo as e } from "react";
+function i(o) {
+  return /* @__PURE__ */ t("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" }) }) })
+  ] });
 }
+const m = e(i, l);
 export {
-  x as AccordionContextProvider,
-  s as AccordionProvider,
-  l as useAccordionCtx
+  m as default
 };

package/index95.js

@@ -1,2 +1 @@
-"use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("@okam/core-lib"),s=require("react"),[l,t]=n.createCtx();function S(o){const{userQuery:u,children:c}=o,[e,r]=s.useState(u),a=s.useMemo(()=>({userSearchQuery:e,setUserSearchQuery:r}),[e,r]);return i.jsx(t,{value:a,children:c})}exports.SearchBarProvider=S;exports.SearchProvider=t;exports.useUserQueryValHook=l;
+"use strict";const r=require("react/jsx-runtime"),t=require("radashi"),s=require("react");function i(e){return r.jsxs("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e,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"})})})]})}const l=s.memo(i,t.isEqual);module.exports=l;

package/index95.mjs

@@ -1,17 +1,13 @@
-"use client";
-import { jsx as a } from "react/jsx-runtime";
-import { createCtx as c } from "@okam/core-lib";
-import { useState as n, useMemo as i } from "react";
-const [f, m] = c();
-function p(o) {
-  const { userQuery: s, children: t } = o, [r, e] = n(s), u = i(
-    () => ({ userSearchQuery: r, setUserSearchQuery: e }),
-    [r, e]
-  );
-  return /* @__PURE__ */ a(m, { value: u, children: t });
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { isEqual as l } from "radashi";
+import { memo as i } from "react";
+function e(o) {
+  return /* @__PURE__ */ t("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" }) }) })
+  ] });
 }
+const c = i(e, l);
 export {
-  p as SearchBarProvider,
-  m as SearchProvider,
-  f as useUserQueryValHook
+  c as default
 };