@okam/stack-ui 1.44.4 → 1.44.6

package/index85.mjs

@@ -1,13 +1,13 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { createContext as u, use as i } from "react";
-const o = u(null);
+import { use as u, createContext as i } from "react";
+const o = i(null);
 function s(t) {
   const { children: r, state: n } = t;
   return /* @__PURE__ */ e(o, { value: n, children: r });
 }
 function a() {
-  const t = i(o);
+  const t = u(o);
   return t !== null ? t : null;
 }
 export {

package/index86.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),b=require("@okam/core-lib"),n=require("react"),x=require("react-stately"),R=require("./index79.js"),[q,B]=b.createCtx();function h(a){const{children:u,defaultSelectedKey:o,onOpenCallback:c,onCloseCallback:i,defaultIsOpen:p=!1,onOpenChange:d,isOpen:P,defaultOpen:f,type:O="dialog"}=a,S=f??p,g=n.useRef(null),y=n.useRef(null),e=x.useOverlayTriggerState({isOpen:P,defaultOpen:S,onOpenChange(s){if(d?.(s),!s){i?.();return}c?.()}}),{triggerProps:t,overlayProps:r,labelProps:l}=R({type:O},e),v=n.useMemo(()=>({labelProps:l,overlayProps:r,defaultSelectedKey:o,overlayState:e,buttonProps:{closeButtonProps:t,closeButtonRef:y,openButtonProps:t,openButtonRef:g}}),[l,r,o,e,t]);return C.jsx(B,{value:v,children:u})}exports.SidePanelContextProvider=h;exports.useSidePanel=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),b=require("@okam/core-lib"),n=require("react"),x=require("react-stately"),q=require("./index79.js"),[R,B]=b.createCtx();function h(a){const{children:u,defaultSelectedKey:o,onOpenCallback:c,onCloseCallback:i,defaultIsOpen:p=!1,onOpenChange:d,isOpen:P,defaultOpen:f,type:O="dialog"}=a,S=f??p,g=n.useRef(null),y=n.useRef(null),e=x.useOverlayTriggerState({isOpen:P,defaultOpen:S,onOpenChange(s){if(d?.(s),!s){i?.();return}c?.()}}),{triggerProps:t,overlayProps:r,labelProps:l}=q({type:O},e),v=n.useMemo(()=>({labelProps:l,overlayProps:r,defaultSelectedKey:o,overlayState:e,buttonProps:{closeButtonProps:t,closeButtonRef:y,openButtonProps:t,openButtonRef:g}}),[l,r,o,e,t]);return C.jsx(B,{value:v,children:u})}exports.SidePanelContextProvider=h;exports.useSidePanel=R;

package/index87.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react");function a(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const n=a(u);function i(){const e=n.createContext(void 0);function r(){const t=n.use(e);return t===void 0?null:t}return[r,e.Provider]}const l={typography:()=>""},[d,f]=i();function s({children:e,brandTheme:r=l}){const t=u.useMemo(()=>({brandTheme:r}),[r]);return c.jsx(f,{value:t,children:e})}function m(e){return({children:t})=>c.jsx(s,{brandTheme:e,children:t})}exports.ThemeContextProvider=s;exports.createCtxNullable=i;exports.createThemeProvider=m;exports.useTheme=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react");function u(){const e=o.createContext(void 0);function r(){const t=o.use(e);return t===void 0?null:t}return[r,e.Provider]}const i={typography:()=>""},[s,l]=u();function c({children:e,brandTheme:r=i}){const t=o.useMemo(()=>({brandTheme:r}),[r]);return n.jsx(l,{value:t,children:e})}function a(e){return({children:t})=>n.jsx(c,{brandTheme:e,children:t})}exports.ThemeContextProvider=c;exports.createCtxNullable=u;exports.createThemeProvider=a;exports.useTheme=s;

package/index87.mjs

@@ -1,28 +1,27 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
-import * as o from "react";
-import { useMemo as u } from "react";
-function c() {
-  const e = o.createContext(void 0);
+import { jsx as o } from "react/jsx-runtime";
+import { useMemo as n, createContext as u, use as c } from "react";
+function i() {
+  const e = u(void 0);
   function r() {
-    const t = o.use(e);
+    const t = c(e);
     return t === void 0 ? null : t;
   }
   return [r, e.Provider];
 }
-const i = {
+const m = {
   typography: () => ""
-}, [x, m] = c();
-function s({ children: e, brandTheme: r = i }) {
-  const t = u(() => ({ brandTheme: r }), [r]);
-  return /* @__PURE__ */ n(m, { value: t, children: e });
+}, [f, s] = i();
+function v({ children: e, brandTheme: r = m }) {
+  const t = n(() => ({ brandTheme: r }), [r]);
+  return /* @__PURE__ */ o(s, { value: t, children: e });
 }
-function a(e) {
-  return ({ children: t }) => /* @__PURE__ */ n(s, { brandTheme: e, children: t });
+function h(e) {
+  return ({ children: t }) => /* @__PURE__ */ o(v, { brandTheme: e, children: t });
 }
 export {
-  s as ThemeContextProvider,
-  c as createCtxNullable,
-  a as createThemeProvider,
-  x as useTheme
+  v as ThemeContextProvider,
+  i as createCtxNullable,
+  h as createThemeProvider,
+  f as useTheme
 };

package/index9.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"use strict";const t=require("react/jsx-runtime"),R=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(),n=P.useCalendarState({...a,locale:x,value:s,createCalendar:R.createCalendar}),{isDisabled:q,isReadOnly:p,isValueInvalid:j,isFocused:k}=n,C=$.useRef(null),{calendarProps:h,prevButtonProps:B,nextButtonProps:f,title:y}=o.useCalendar({...a,value:s},n),r={isDisabled:q,isReadOnly:p,isValueInvalid:j,isFocused:k,...l};return t.jsxs(c.BoxWithForwardRef,{...h,ref:C,themeName:`${e}.container`,tokens:r,customTheme:d,children:[t.jsxs(c.Box,{themeName:`${e}.header`,tokens:r,children:[t.jsx(g.Typography,{as:"p",themeName:`${e}.title`,tokens:r,children:y}),t.jsx(F,{themeName:e,tokens:r,buttons:i,prevButtonProps:B,nextButtonProps:f})]}),t.jsx(v,{...u,themeName:e,state:n,tokens:r})]})}module.exports=S;

package/index91.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"use strict";const d=require("react"),p=require("./index87.js"),h=require("./index143.js"),k=require("./index144.js"),i=require("./index145.js"),t=require("./index146.js"),m=require("./index147.js"),g=require("./index148.js"),o=require("./index149.js"),s=require("./index150.js"),q=require("./index151.js"),f=require("./index152.js"),$=require("./index153.js"),b=require("./index154.js"),w=require("./index155.js"),I=require("./index156.js"),u=require("./index157.js"),c=require("./index158.js"),l=require("./index159.js"),x=require("./index160.js"),n=require("./index161.js"),a=require("./index162.js"),B=require("./index163.js"),G=require("./index164.js"),M=require("./index165.js"),T=require("./index166.js"),y=require("./index167.js"),r=require("./index168.js"),L=require("./index118.js"),P=L.makeTheme({main:e=>i.main(e),gridItem:e=>i.gridItem(e),grid:e=>i.grid(e),container:e=>i.container(e),accordion:h.accordionTheme,carousel:g,calendar:m.calendarTheme,datePicker:f.datePickerTheme,popover:I,typography:e=>r(e),button:e=>t(e),link:t,sidePanel:{wrapper:e=>a.sidePanelWrapper(e),container:e=>a.sidePanelContainer(e),innerContainer:e=>a.sidePanelInnerContainer(e)},comboBox:q,lightBox:b,printButton:{icon:e=>u.printButtonIcon(e),button:e=>u.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=>B.skipToMain(e),checkbox:{container:e=>o.checkboxContainer(e),label:e=>o.checkboxLabel(e),checkBox:e=>o.checkBox(e),checkMark:e=>o.checkMark(e),checkMarkIcon:e=>o.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>c.radioLabel(e),radio:e=>c.radio(e),selectedMark:e=>c.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>l.radioGroup(e),radioGroupItemsGroup:e=>l.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>s.checkboxGroup(e),checkboxGroupItemsGroup:e=>s.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>t(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=>t({...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=>T.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:y,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=>x.searchInput(e),icon:e=>x.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:$.imgTheme,alerts:k,tagGroup:M,tabList:G,listBox:w}),v=d.memo(p.createThemeProvider(P));module.exports=v;

package/index91.mjs

@@ -1,5 +1,5 @@
 "use client";
-import * as t from "react";
+import { memo as t } from "react";
 import { createThemeProvider as i } from "./index87.mjs";
 import { accordionTheme as n } from "./index143.mjs";
 import a from "./index144.mjs";
@@ -19,10 +19,10 @@ 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 { shareButtonLinkIcons as W, shareButtonLink as j, shareButtonLinksList as q, shareButtonContainer as D, shareButton as F, shareButtonIcon as H } from "./index161.mjs";
+import { sidePanelInnerContainer as J, sidePanelContainer as K, sidePanelWrapper as O } from "./index162.mjs";
+import { skipToMain as Q } from "./index163.mjs";
+import R from "./index164.mjs";
 import S from "./index165.mjs";
 import { textArea as U } from "./index166.mjs";
 import V from "./index167.mjs";
@@ -42,9 +42,9 @@ const Y = X({
   button: (e) => r(e),
   link: r,
   sidePanel: {
-    wrapper: (e) => K(e),
-    container: (e) => J(e),
-    innerContainer: (e) => H(e)
+    wrapper: (e) => O(e),
+    container: (e) => K(e),
+    innerContainer: (e) => J(e)
   },
   comboBox: T,
   lightBox: I,
@@ -53,14 +53,14 @@ const Y = X({
     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)
+    icon: (e) => H(e),
+    button: (e) => F(e),
+    container: (e) => D(e),
+    linksList: (e) => q(e),
+    link: (e) => j(e),
+    linkIcons: (e) => W(e)
   },
-  skipToMain: (e) => O(e),
+  skipToMain: (e) => Q(e),
   checkbox: {
     container: (e) => k(e),
     label: (e) => d(e),
@@ -134,9 +134,9 @@ const Y = X({
   img: B,
   alerts: a,
   tagGroup: S,
-  tabList: Q,
+  tabList: R,
   listBox: G
-}), Me = t.memo(i(Y));
+}), ye = t(i(Y));
 export {
-  Me as default
+  ye as default
 };

package/index98.js

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),r=require("radashi"),s=require("react");function n(e){return 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"})})}const i=s.memo(n,r.isEqual);module.exports=i;
+"use strict";const t=require("react/jsx-runtime"),e=require("radashi"),s=require("react");function n(r){return t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",height:"48",width:"48",fill:"currentColor",...r,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"})})}const i=s.memo(n,e.isEqual);module.exports=i;

package/index99.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("radashi"),o=require("react");function n(r){return e.jsx("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...r,children:e.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M18 6 6 18M6 6l12 12"})})}const s=o.memo(n,t.isEqual);module.exports=s;
+"use strict";const r=require("react/jsx-runtime"),t=require("radashi"),o=require("react");function n(e){return r.jsx("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...e,children:r.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",d:"M18 6 6 18M6 6l12 12"})})}const s=o.memo(n,t.isEqual);module.exports=s;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@okam/stack-ui",
-  "version": "1.44.4",
+  "version": "1.44.6",
   "repository": {
     "url": "https://github.com/OKAMca/stack.git"
   },
@@ -30,7 +30,7 @@
   },
   "dependencies": {
     "@internationalized/date": "^3.10.1",
-    "@okam/core-lib": "1.17.2",
+    "@okam/core-lib": "1.17.4",
     "@okam/logger": "1.1.0",
     "@react-aria/selection": "^3.27.0",
     "@react-aria/utils": "^3.32.0",

package/providers/CheckboxGroup/interface.d.ts

@@ -1,6 +1,6 @@
+import { ReactNode } from 'react';
 import { CheckboxGroupProps, CheckboxGroupState } from 'react-stately';
-import type * as React from 'react';
 export interface TCheckboxGroupContext extends CheckboxGroupProps {
-    children: React.ReactNode;
+    children: ReactNode;
     state: CheckboxGroupState;
 }

package/providers/Client/interface.d.ts

@@ -1,6 +1,6 @@
-import type * as React from 'react';
+import { ReactNode } from 'react';
 export interface TClientProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
 }
 export interface TClientProps {
     isClient: boolean;

package/providers/Menu/interface.d.ts

@@ -1,28 +1,28 @@
 import { CollectionChildren } from '@react-types/shared';
+import { JSX, ReactNode } from 'react';
 import { AriaTabListProps } from 'react-aria';
 import { TabListState } from 'react-stately';
-import type * as React from 'react';
 export interface TMenuProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
     tabs?: CollectionChildren<object>;
     defaultSelectedKey: string;
     defaultIsOpen?: boolean;
     onCloseCallback?: () => void;
     onOpenCallback?: () => void;
-    openBtn?: () => React.JSX.Element;
-    closeBtn?: () => React.JSX.Element;
-    secondaryOpenBtn?: () => React.JSX.Element;
+    openBtn?: () => JSX.Element;
+    closeBtn?: () => JSX.Element;
+    secondaryOpenBtn?: () => JSX.Element;
 }
 export type IMenuProviderProps = AriaTabListProps<TMenuProviderProps> & TMenuProviderProps;
 export interface TMenuContext {
-    openBtn?: () => React.JSX.Element;
-    closeBtn?: () => React.JSX.Element;
-    secondaryOpenBtn?: () => React.JSX.Element;
+    openBtn?: () => JSX.Element;
+    closeBtn?: () => JSX.Element;
+    secondaryOpenBtn?: () => JSX.Element;
     tabState: TabListState<object>;
     defaultSelectedKey: string;
 }
 export interface TMenuProps {
-    openBtn?: () => React.JSX.Element;
-    closeBtn?: () => React.JSX.Element;
-    secondaryOpenBtn?: () => React.JSX.Element;
+    openBtn?: () => JSX.Element;
+    closeBtn?: () => JSX.Element;
+    secondaryOpenBtn?: () => JSX.Element;
 }

package/providers/SidePanel/interface.d.ts

@@ -1,10 +1,9 @@
 import { DOMProps } from '@react-types/shared';
-import { ButtonHTMLAttributes } from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, MutableRefObject, ReactNode } from 'react';
 import { AriaButtonProps, OverlayTriggerProps as OverlayTriggerPropsAria } from 'react-aria';
 import { OverlayTriggerProps, OverlayTriggerState } from 'react-stately';
-import type * as React from 'react';
 export interface TSidePanelProviderProps extends OverlayTriggerProps, Partial<OverlayTriggerPropsAria> {
-    children: React.ReactNode;
+    children: ReactNode;
     defaultSelectedKey: string;
     /**
      * @deprecated Use `defaultOpen` instead
@@ -24,9 +23,9 @@ export type TSidePanelButtonProps = Omit<AriaButtonProps<'button'>, 'onPress'> &
 };
 export interface TSidePanelButtons {
     closeButtonProps: TSidePanelButtonProps & ButtonHTMLAttributes<HTMLButtonElement>;
-    closeButtonRef: React.MutableRefObject<null>;
-    openButtonProps: TSidePanelButtonProps & React.HTMLAttributes<HTMLDivElement>;
-    openButtonRef: React.MutableRefObject<null>;
+    closeButtonRef: MutableRefObject<null>;
+    openButtonProps: TSidePanelButtonProps & HTMLAttributes<HTMLDivElement>;
+    openButtonRef: MutableRefObject<null>;
 }
 /**
  * @deprecated Use `TSidePanelButtons` instead

package/providers/Theme/index.d.ts

@@ -1,10 +1,10 @@
+import { ReactNode } from 'react';
 import { TTheme, TThemePanelContext, TThemeProviderProps } from './interface';
-import * as React from 'react';
-export declare function createCtxNullable<A extends object | null>(): readonly [() => A | null, React.Provider<A | undefined>];
+export declare function createCtxNullable<A extends object | null>(): readonly [() => A | null, import('react').Provider<A | undefined>];
 declare const useTheme: () => TThemePanelContext<TTheme> | null;
 export declare function ThemeContextProvider({ children, brandTheme }: TThemeProviderProps<TTheme>): import("react/jsx-runtime").JSX.Element;
 export declare function createThemeProvider(brandTheme: TTheme): ({ children }: {
-    children: React.ReactNode;
+    children: ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export { useTheme };
 export { makeTheme } from './utils';

package/providers/Theme/interface.d.ts

@@ -1,4 +1,4 @@
-import type * as React from 'react';
+import { ReactNode } from 'react';
 export type TStyleValue = false | string;
 export type TToken = Record<string, string | boolean>;
 export type TFunc = (_props: TToken) => TStyleValue[] | string;
@@ -12,7 +12,7 @@ export interface TDefaultTheme {
     typography: (_props: TToken) => TStyleValue[] | string;
 }
 export interface TThemeProviderProps<T = TTheme> {
-    children: React.ReactNode;
+    children: ReactNode;
     brandTheme?: T;
 }
 export interface TThemePanelContext<T = TTheme> {

package/providers/UserSearchQuery/interface.d.ts

@@ -1,10 +1,9 @@
-import { Dispatch, SetStateAction } from 'react';
-import type * as React from 'react';
+import { Dispatch, ReactNode, SetStateAction } from 'react';
 export interface TSearchListingContext {
     userSearchQuery: string;
     setUserSearchQuery: Dispatch<SetStateAction<string>>;
 }
 export interface TSearchProviderProps {
-    children: React.ReactNode;
+    children: ReactNode;
     userQuery: string;
 }

package/storybook/Menu/Menu.d.ts

@@ -1,16 +1,15 @@
-import { ComponentType } from 'react';
+import { ComponentType, JSX, ReactNode } from 'react';
 import { TButtonProps } from '../../components/Button/interface';
 import { TMenuItemProps, TMenuProps, TMenuSidePanelProps } from '../../components/Menu/interface';
-import * as React from 'react';
 export interface TSubMenuTab {
     key: string;
     title: string;
     childItems?: TMenuItemProps[] | null;
-    extra: React.ReactNode | undefined;
+    extra: ReactNode | undefined;
 }
 export interface TSubMenuExtraData {
     path: string;
-    data: React.ReactNode;
+    data: ReactNode;
 }
 export declare function SidePanelControl(): import("react/jsx-runtime").JSX.Element;
 export declare function BackBtn({ label }: TButtonProps & {
@@ -18,15 +17,15 @@ export declare function BackBtn({ label }: TButtonProps & {
 }): import("react/jsx-runtime").JSX.Element;
 export declare function CloseBtn(): false | import("react/jsx-runtime").JSX.Element;
 export declare function ShowTab({ children }: {
-    children: React.ReactNode;
+    children: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 export declare const CloseBtnRender: () => import("react/jsx-runtime").JSX.Element;
 export declare function MenuFactory({ menuItems, tabs, id, defaultIsOpen, openBtn, MenuComponent, }: {
-    tabs: React.JSX.Element[];
+    tabs: JSX.Element[];
     id: string;
     menuItems?: TMenuItemProps[] | null;
     defaultIsOpen?: boolean;
-    openBtn?: React.ReactNode | null;
+    openBtn?: ReactNode | null;
     MenuComponent: ComponentType<TMenuProps | TMenuSidePanelProps>;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function menuTabs(menu: TMenuItemProps[], extras?: TSubMenuExtraData[], MenuComponent?: ComponentType<TMenuProps>): import("react/jsx-runtime").JSX.Element[];

package/theme/index.d.ts

@@ -1,5 +1,4 @@
-import * as React from 'react';
-declare const _default: React.MemoExoticComponent<({ children }: {
-    children: React.ReactNode;
+declare const _default: import('react').MemoExoticComponent<({ children }: {
+    children: import('react').ReactNode;
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/types/components.d.ts

@@ -1,13 +1,12 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ElementType, HTMLAttributes, ReactNode } from 'react';
 import { RefCallBack } from 'react-hook-form';
 import { TCustomTheme, TToken } from '../providers/Theme/interface';
-import type * as React from 'react';
 export interface TDefaultComponent<T = TToken> {
-    as?: React.ElementType;
+    as?: ElementType;
     customTheme?: TCustomTheme;
     tokens?: T;
     themeName?: string | null;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export interface TReactHookFormValidity {
     isRequired?: boolean;
@@ -49,7 +48,7 @@ export type TReactHookForm = TReactHookFormValidity & {
 };
 export interface TTransition extends TDefaultComponent, HTMLAttributes<HTMLElement> {
     isVisible: boolean;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 export type Nullable<T> = T | undefined | null;
 export type Maybe<T> = T | null;