@saas-ui/react 3.0.0-next.4 → 3.0.0-next.6

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @saas-ui/react
 
+## 3.0.0-next.6
+
+### Patch Changes
+
+- Export hooks
+
+## 3.0.0-next.5
+
+### Patch Changes
+
+- Export recipe hooks
+
 ## 3.0.0-next.4
 
 ### Patch Changes

package/dist/_tsup-dts-rollup.d.cts

@@ -221,21 +221,35 @@ import { Toggle } from '@chakra-ui/react/toggle';
 import type { Token } from '@chakra-ui/react/styled-system';
 import { Tooltip as Tooltip_2 } from '@chakra-ui/react/tooltip';
 import { UnstyledProp } from '@chakra-ui/react/styled-system';
+import { useBreakpoint } from '@chakra-ui/react';
+import { UseBreakpointOptions } from '@chakra-ui/react';
+import { useBreakpointValue } from '@chakra-ui/react';
+import { UseBreakpointValueOptions } from '@chakra-ui/react';
+import { useChakraContext } from '@chakra-ui/react/styled-system';
 import { useStepsContext as useContext } from '@chakra-ui/react/steps';
+import { useControllableState } from '@chakra-ui/react';
+import { UseControllableStateProps } from '@chakra-ui/react';
 import { useDataListStyles } from '@chakra-ui/react/data-list';
+import { useDisclosure } from '@chakra-ui/react';
+import { UseDisclosureProps } from '@chakra-ui/react';
+import { UseDisclosureReturn } from '@chakra-ui/react';
 import { useEnvironmentContext } from '@chakra-ui/react/env';
 import { useFieldContext } from '@chakra-ui/react/field';
 import { useFieldsetContext } from '@chakra-ui/react/fieldset';
 import { useFieldStyles } from '@chakra-ui/react/field';
 import { useFileUploadContext } from '@chakra-ui/react/file-upload';
 import { useLocaleContext } from '@chakra-ui/react/locale';
+import { useMediaQuery } from '@chakra-ui/react';
+import { useRecipe } from '@chakra-ui/react/styled-system';
 import { UseRecipeOptions } from '@chakra-ui/react';
 import { useSidebar } from '@saas-ui/core/sidebar';
 import { UseSidebarReturn } from '@saas-ui/core/sidebar';
+import { useSlotRecipe } from '@chakra-ui/react/styled-system';
 import { UseSlotRecipeOptions } from '@chakra-ui/react';
 import { useTabs } from '@chakra-ui/react/tabs';
 import { useTabsContext } from '@chakra-ui/react/tabs';
 import { useTabsStyles } from '@chakra-ui/react/tabs';
+import { useToken } from '@chakra-ui/react/styled-system';
 import { VisuallyHidden } from '@chakra-ui/react/visually-hidden';
 import { VStack } from '@chakra-ui/react/stack';
 import { WithContextOptions } from '@chakra-ui/react';
@@ -4128,6 +4142,8 @@ borderRadius: "panel.lg";
 export { HStack }
 export { HStack as HStack_alias_1 }
 
+export { HTMLChakraProps }
+
 export { Icon }
 export { Icon as Icon_alias_1 }
 
@@ -14935,13 +14951,33 @@ export declare const UpTrend: React_2.ForwardRefExoticComponent<BadgeProps & Rea
 
 export declare const useAppShellStyles: () => Record<string, SystemStyleObject_2>;
 
+export { useBreakpoint }
+
+export { UseBreakpointOptions }
+
+export { useBreakpointValue }
+
+export { UseBreakpointValueOptions }
+
+export { useChakraContext }
+
 export declare const useClassNames: () => Record<string, string>;
 
 export { useContext }
 
+export { useControllableState }
+
+export { UseControllableStateProps }
+
 export { useDataListStyles }
 export { useDataListStyles as useDataListStyles_alias_1 }
 
+export { useDisclosure }
+
+export { UseDisclosureProps }
+
+export { UseDisclosureReturn }
+
 export { useEnvironmentContext }
 export { useEnvironmentContext as useEnvironmentContext_alias_1 }
 
@@ -14970,6 +15006,8 @@ export { useLoadingOverlayStyles as useLoadingOverlayStyles_alias_1 }
 
 export { useLocaleContext }
 
+export { useMediaQuery }
+
 export declare const useNavbarStyles: () => Record<string, SystemStyleObject_2>;
 
 export declare const usePageContext: () => PageProviderValue;
@@ -14981,6 +15019,8 @@ export { usePageStyles as usePageStyles_alias_2 }
 
 export declare const usePersonaStyles: () => Record<string, SystemStyleObject_2>;
 
+export { useRecipe }
+
 export declare const useRecipeResult: (props: any) => {
     styles: Record<string, SystemStyleObject_2>;
     classNames: Record<string, string>;
@@ -15004,6 +15044,8 @@ export { useSidebarStyles }
 export { useSidebarStyles as useSidebarStyles_alias_1 }
 export { useSidebarStyles as useSidebarStyles_alias_2 }
 
+export { useSlotRecipe }
+
 declare const useSui: () => SuiContextValue;
 export { useSui }
 export { useSui as useSui_alias_1 }
@@ -15017,6 +15059,8 @@ export { useTabsContext as useTabsContext_alias_1 }
 export { useTabsStyles }
 export { useTabsStyles as useTabsStyles_alias_1 }
 
+export { useToken }
+
 export declare const utilities: {
     focusRing: {
         values: string[];

package/dist/_tsup-dts-rollup.d.ts

@@ -221,21 +221,35 @@ import { Toggle } from '@chakra-ui/react/toggle';
 import type { Token } from '@chakra-ui/react/styled-system';
 import { Tooltip as Tooltip_2 } from '@chakra-ui/react/tooltip';
 import { UnstyledProp } from '@chakra-ui/react/styled-system';
+import { useBreakpoint } from '@chakra-ui/react';
+import { UseBreakpointOptions } from '@chakra-ui/react';
+import { useBreakpointValue } from '@chakra-ui/react';
+import { UseBreakpointValueOptions } from '@chakra-ui/react';
+import { useChakraContext } from '@chakra-ui/react/styled-system';
 import { useStepsContext as useContext } from '@chakra-ui/react/steps';
+import { useControllableState } from '@chakra-ui/react';
+import { UseControllableStateProps } from '@chakra-ui/react';
 import { useDataListStyles } from '@chakra-ui/react/data-list';
+import { useDisclosure } from '@chakra-ui/react';
+import { UseDisclosureProps } from '@chakra-ui/react';
+import { UseDisclosureReturn } from '@chakra-ui/react';
 import { useEnvironmentContext } from '@chakra-ui/react/env';
 import { useFieldContext } from '@chakra-ui/react/field';
 import { useFieldsetContext } from '@chakra-ui/react/fieldset';
 import { useFieldStyles } from '@chakra-ui/react/field';
 import { useFileUploadContext } from '@chakra-ui/react/file-upload';
 import { useLocaleContext } from '@chakra-ui/react/locale';
+import { useMediaQuery } from '@chakra-ui/react';
+import { useRecipe } from '@chakra-ui/react/styled-system';
 import { UseRecipeOptions } from '@chakra-ui/react';
 import { useSidebar } from '@saas-ui/core/sidebar';
 import { UseSidebarReturn } from '@saas-ui/core/sidebar';
+import { useSlotRecipe } from '@chakra-ui/react/styled-system';
 import { UseSlotRecipeOptions } from '@chakra-ui/react';
 import { useTabs } from '@chakra-ui/react/tabs';
 import { useTabsContext } from '@chakra-ui/react/tabs';
 import { useTabsStyles } from '@chakra-ui/react/tabs';
+import { useToken } from '@chakra-ui/react/styled-system';
 import { VisuallyHidden } from '@chakra-ui/react/visually-hidden';
 import { VStack } from '@chakra-ui/react/stack';
 import { WithContextOptions } from '@chakra-ui/react';
@@ -4128,6 +4142,8 @@ borderRadius: "panel.lg";
 export { HStack }
 export { HStack as HStack_alias_1 }
 
+export { HTMLChakraProps }
+
 export { Icon }
 export { Icon as Icon_alias_1 }
 
@@ -14935,13 +14951,33 @@ export declare const UpTrend: React_2.ForwardRefExoticComponent<BadgeProps & Rea
 
 export declare const useAppShellStyles: () => Record<string, SystemStyleObject_2>;
 
+export { useBreakpoint }
+
+export { UseBreakpointOptions }
+
+export { useBreakpointValue }
+
+export { UseBreakpointValueOptions }
+
+export { useChakraContext }
+
 export declare const useClassNames: () => Record<string, string>;
 
 export { useContext }
 
+export { useControllableState }
+
+export { UseControllableStateProps }
+
 export { useDataListStyles }
 export { useDataListStyles as useDataListStyles_alias_1 }
 
+export { useDisclosure }
+
+export { UseDisclosureProps }
+
+export { UseDisclosureReturn }
+
 export { useEnvironmentContext }
 export { useEnvironmentContext as useEnvironmentContext_alias_1 }
 
@@ -14970,6 +15006,8 @@ export { useLoadingOverlayStyles as useLoadingOverlayStyles_alias_1 }
 
 export { useLocaleContext }
 
+export { useMediaQuery }
+
 export declare const useNavbarStyles: () => Record<string, SystemStyleObject_2>;
 
 export declare const usePageContext: () => PageProviderValue;
@@ -14981,6 +15019,8 @@ export { usePageStyles as usePageStyles_alias_2 }
 
 export declare const usePersonaStyles: () => Record<string, SystemStyleObject_2>;
 
+export { useRecipe }
+
 export declare const useRecipeResult: (props: any) => {
     styles: Record<string, SystemStyleObject_2>;
     classNames: Record<string, string>;
@@ -15004,6 +15044,8 @@ export { useSidebarStyles }
 export { useSidebarStyles as useSidebarStyles_alias_1 }
 export { useSidebarStyles as useSidebarStyles_alias_2 }
 
+export { useSlotRecipe }
+
 declare const useSui: () => SuiContextValue;
 export { useSui }
 export { useSui as useSui_alias_1 }
@@ -15017,6 +15059,8 @@ export { useTabsContext as useTabsContext_alias_1 }
 export { useTabsStyles }
 export { useTabsStyles as useTabsStyles_alias_1 }
 
+export { useToken }
+
 export declare const utilities: {
     focusRing: {
         values: string[];

package/dist/index.cjs

@@ -171,20 +171,29 @@ __export(index_exports, {
   defineTextStyles: () => import_styled_system72.defineTextStyles,
   defineTokens: () => import_styled_system72.defineTokens,
   toast: () => toast,
+  useBreakpoint: () => import_react89.useBreakpoint,
+  useBreakpointValue: () => import_react89.useBreakpointValue,
+  useChakraContext: () => import_styled_system72.useChakraContext,
+  useControllableState: () => import_react89.useControllableState,
   useDataListStyles: () => import_data_list.useDataListStyles,
+  useDisclosure: () => import_react89.useDisclosure,
   useEnvironmentContext: () => import_env.useEnvironmentContext,
   useFieldContext: () => import_field.useFieldContext,
   useFieldStyles: () => import_field.useFieldStyles,
   useFieldsetContext: () => import_fieldset.useFieldsetContext,
   useFileUploadContext: () => import_file_upload2.useFileUploadContext,
   useLink: () => useLink,
+  useMediaQuery: () => import_react89.useMediaQuery,
   usePageStyles: () => usePageStyles,
+  useRecipe: () => import_styled_system72.useRecipe,
   useSidebar: () => import_sidebar2.useSidebar,
   useSidebarItemStyles: () => useSidebarItemStyles,
   useSidebarStyles: () => useSidebarStyles,
+  useSlotRecipe: () => import_styled_system72.useSlotRecipe,
   useSui: () => useSui,
   useTabsContext: () => import_tabs.useTabsContext,
-  useTabsStyles: () => import_tabs.useTabsStyles
+  useTabsStyles: () => import_tabs.useTabsStyles,
+  useToken: () => import_styled_system72.useToken
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -9391,6 +9400,7 @@ var defaultSystem = (0, import_react31.createSystem)(defaultConfig);
 
 // src/index.ts
 var import_styled_system72 = require("@chakra-ui/react/styled-system");
+var import_react89 = require("@chakra-ui/react");
 
 // src/provider/sui-provider.tsx
 var React = __toESM(require("react"), 1);
@@ -12208,18 +12218,27 @@ var import_wrap = require("@chakra-ui/react/wrap");
   defineTextStyles,
   defineTokens,
   toast,
+  useBreakpoint,
+  useBreakpointValue,
+  useChakraContext,
+  useControllableState,
   useDataListStyles,
+  useDisclosure,
   useEnvironmentContext,
   useFieldContext,
   useFieldStyles,
   useFieldsetContext,
   useFileUploadContext,
   useLink,
+  useMediaQuery,
   usePageStyles,
+  useRecipe,
   useSidebar,
   useSidebarItemStyles,
   useSidebarStyles,
+  useSlotRecipe,
   useSui,
   useTabsContext,
-  useTabsStyles
+  useTabsStyles,
+  useToken
 });

package/dist/index.d.cts

@@ -14,10 +14,25 @@ export { defineStyle } from './_tsup-dts-rollup.cjs';
 export { defineTextStyles } from './_tsup-dts-rollup.cjs';
 export { defineTokens } from './_tsup-dts-rollup.cjs';
 export { chakra } from './_tsup-dts-rollup.cjs';
+export { useRecipe } from './_tsup-dts-rollup.cjs';
+export { useSlotRecipe } from './_tsup-dts-rollup.cjs';
+export { useChakraContext } from './_tsup-dts-rollup.cjs';
+export { useToken } from './_tsup-dts-rollup.cjs';
 export { RecipeProps } from './_tsup-dts-rollup.cjs';
 export { SlotRecipeProps } from './_tsup-dts-rollup.cjs';
 export { RecipeDefinition } from './_tsup-dts-rollup.cjs';
 export { SlotRecipeDefinition } from './_tsup-dts-rollup.cjs';
+export { HTMLChakraProps } from './_tsup-dts-rollup.cjs';
+export { useMediaQuery } from './_tsup-dts-rollup.cjs';
+export { useBreakpoint } from './_tsup-dts-rollup.cjs';
+export { useBreakpointValue } from './_tsup-dts-rollup.cjs';
+export { useControllableState } from './_tsup-dts-rollup.cjs';
+export { useDisclosure } from './_tsup-dts-rollup.cjs';
+export { UseDisclosureProps } from './_tsup-dts-rollup.cjs';
+export { UseDisclosureReturn } from './_tsup-dts-rollup.cjs';
+export { UseControllableStateProps } from './_tsup-dts-rollup.cjs';
+export { UseBreakpointOptions } from './_tsup-dts-rollup.cjs';
+export { UseBreakpointValueOptions } from './_tsup-dts-rollup.cjs';
 export { SuiProvider } from './_tsup-dts-rollup.cjs';
 export { SuiContext } from './_tsup-dts-rollup.cjs';
 export { useLink } from './_tsup-dts-rollup.cjs';

package/dist/index.d.ts

@@ -14,10 +14,25 @@ export { defineStyle } from './_tsup-dts-rollup.js';
 export { defineTextStyles } from './_tsup-dts-rollup.js';
 export { defineTokens } from './_tsup-dts-rollup.js';
 export { chakra } from './_tsup-dts-rollup.js';
+export { useRecipe } from './_tsup-dts-rollup.js';
+export { useSlotRecipe } from './_tsup-dts-rollup.js';
+export { useChakraContext } from './_tsup-dts-rollup.js';
+export { useToken } from './_tsup-dts-rollup.js';
 export { RecipeProps } from './_tsup-dts-rollup.js';
 export { SlotRecipeProps } from './_tsup-dts-rollup.js';
 export { RecipeDefinition } from './_tsup-dts-rollup.js';
 export { SlotRecipeDefinition } from './_tsup-dts-rollup.js';
+export { HTMLChakraProps } from './_tsup-dts-rollup.js';
+export { useMediaQuery } from './_tsup-dts-rollup.js';
+export { useBreakpoint } from './_tsup-dts-rollup.js';
+export { useBreakpointValue } from './_tsup-dts-rollup.js';
+export { useControllableState } from './_tsup-dts-rollup.js';
+export { useDisclosure } from './_tsup-dts-rollup.js';
+export { UseDisclosureProps } from './_tsup-dts-rollup.js';
+export { UseDisclosureReturn } from './_tsup-dts-rollup.js';
+export { UseControllableStateProps } from './_tsup-dts-rollup.js';
+export { UseBreakpointOptions } from './_tsup-dts-rollup.js';
+export { UseBreakpointValueOptions } from './_tsup-dts-rollup.js';
 export { SuiProvider } from './_tsup-dts-rollup.js';
 export { SuiContext } from './_tsup-dts-rollup.js';
 export { useLink } from './_tsup-dts-rollup.js';

package/dist/index.js

@@ -40,12 +40,12 @@ import {
 import {
   Status
 } from "./chunk-U3EPRSD3.js";
-import {
-  Table
-} from "./chunk-TH6YCBEG.js";
 import {
   steps_exports
 } from "./chunk-I2J6U5Z4.js";
+import {
+  Table
+} from "./chunk-TH6YCBEG.js";
 import {
   Switch
 } from "./chunk-3E6URZ5P.js";
@@ -55,15 +55,8 @@ import {
   useTabsStyles
 } from "./chunk-5YNHX4C7.js";
 import {
-  namespace_exports
-} from "./chunk-BVISYY3B.js";
-import {
-  Show
-} from "./chunk-LU2H6GWC.js";
-import {
-  SkipNavContent,
-  SkipNavLink
-} from "./chunk-GDDJYUWM.js";
+  Separator
+} from "./chunk-27OMFCPD.js";
 import {
   sidebar_exports,
   useSidebar,
@@ -75,6 +68,13 @@ import {
   SkeletonCircle,
   SkeletonText
 } from "./chunk-UEXUCHDD.js";
+import {
+  Show
+} from "./chunk-LU2H6GWC.js";
+import {
+  SkipNavContent,
+  SkipNavLink
+} from "./chunk-GDDJYUWM.js";
 import {
   Spacer
 } from "./chunk-UAX5344Y.js";
@@ -82,26 +82,26 @@ import {
   Slider
 } from "./chunk-HREBIPVW.js";
 import {
-  ProgressCircle
-} from "./chunk-7HAGRXKM.js";
+  Radio
+} from "./chunk-PZWP36YA.js";
 import {
   radio_card_exports
 } from "./chunk-KRJG7H4W.js";
 import {
   RadioGroup
 } from "./chunk-NCNHDETB.js";
-import {
-  RatingGroup
-} from "./chunk-HQVBJT5Y.js";
 import {
   SearchInput
 } from "./chunk-HJX66GFT.js";
 import {
-  Separator
-} from "./chunk-27OMFCPD.js";
+  RatingGroup
+} from "./chunk-HQVBJT5Y.js";
 import {
   SegmentedControl
 } from "./chunk-KFDVVTMT.js";
+import {
+  namespace_exports
+} from "./chunk-BVISYY3B.js";
 import {
   Persona,
   PersonaAvatar,
@@ -110,21 +110,24 @@ import {
 import {
   PinInput
 } from "./chunk-RYKJOZ3B.js";
-import {
-  Presence
-} from "./chunk-PONMXNY4.js";
 import {
   Portal
 } from "./chunk-UZUMIWPJ.js";
+import {
+  Presence
+} from "./chunk-PONMXNY4.js";
 import {
   Progress
 } from "./chunk-6YZ76Q2W.js";
+import {
+  ProgressCircle
+} from "./chunk-7HAGRXKM.js";
 import {
   QrCode
 } from "./chunk-K3MFCSAW.js";
 import {
-  Radio
-} from "./chunk-PZWP36YA.js";
+  Mark
+} from "./chunk-EWCBYJA7.js";
 import {
   menu_exports
 } from "./chunk-ZNQNBTWF.js";
@@ -137,19 +140,13 @@ import {
 import {
   navbar_exports
 } from "./chunk-DJNPK2LM.js";
+import {
+  pagination_exports
+} from "./chunk-L4JB7UFV.js";
 import {
   page_exports,
   usePageStyles
 } from "./chunk-ZJ2VD224.js";
-import {
-  loading_overlay_exports
-} from "./chunk-BDS3APRG.js";
-import {
-  Spinner
-} from "./chunk-MK3OG2I4.js";
-import {
-  pagination_exports
-} from "./chunk-L4JB7UFV.js";
 import {
   PasswordInput
 } from "./chunk-TXIFPX2A.js";
@@ -169,29 +166,29 @@ import {
   Loader
 } from "./chunk-DHFAFRZ4.js";
 import {
-  Mark
-} from "./chunk-EWCBYJA7.js";
+  loading_overlay_exports
+} from "./chunk-BDS3APRG.js";
+import {
+  Spinner
+} from "./chunk-MK3OG2I4.js";
 import {
   Heading
 } from "./chunk-HZX4AGO5.js";
 import {
-  grid_list_exports
-} from "./chunk-ZUT5GZTD.js";
-import {
-  Icon
-} from "./chunk-M3DJWM6D.js";
+  Highlight
+} from "./chunk-TGEP2YAT.js";
 import {
   hover_card_exports
 } from "./chunk-MZ2RY4NU.js";
+import {
+  Icon
+} from "./chunk-M3DJWM6D.js";
 import {
   IconBadge
 } from "./chunk-NSFGACD7.js";
 import {
   Image
 } from "./chunk-FD2V4Y66.js";
-import {
-  FocusTrap
-} from "./chunk-EWATHRZA.js";
 import {
   Float
 } from "./chunk-XD7U6L2E.js";
@@ -200,29 +197,27 @@ import {
   useFileUploadContext
 } from "./chunk-EJOXGWHK.js";
 import {
-  Grid
-} from "./chunk-EZZW6JOU.js";
+  FocusTrap
+} from "./chunk-EWATHRZA.js";
 import {
   FormatByte,
   FormatNumber
 } from "./chunk-6WZK2RBQ.js";
+import {
+  Grid
+} from "./chunk-EZZW6JOU.js";
 import {
   Group
 } from "./chunk-3CKGT42F.js";
 import {
-  Highlight
-} from "./chunk-TGEP2YAT.js";
-import {
-  DataList,
-  useDataListStyles
-} from "./chunk-52XM5VXJ.js";
-import {
-  EnvironmentProvider,
-  useEnvironmentContext
-} from "./chunk-LFOA3DZO.js";
+  grid_list_exports
+} from "./chunk-ZUT5GZTD.js";
 import {
   Editable
 } from "./chunk-TEQVVR3W.js";
+import {
+  dialog_exports
+} from "./chunk-HHUVJRPT.js";
 import {
   drawer_exports
 } from "./chunk-KH7E5C3C.js";
@@ -230,14 +225,18 @@ import {
   EmptyState
 } from "./chunk-NGGISORT.js";
 import {
-  Field,
-  useFieldContext,
-  useFieldStyles
-} from "./chunk-XX2OY7LK.js";
+  EnvironmentProvider,
+  useEnvironmentContext
+} from "./chunk-LFOA3DZO.js";
 import {
   Fieldset,
   useFieldsetContext
 } from "./chunk-FPRTN3I7.js";
+import {
+  Field,
+  useFieldContext,
+  useFieldStyles
+} from "./chunk-XX2OY7LK.js";
 import {
   Code
 } from "./chunk-YMCOU2N5.js";
@@ -250,9 +249,6 @@ import {
 import {
   ColorSwatch
 } from "./chunk-TYMVLD3B.js";
-import {
-  Container
-} from "./chunk-PIQURQGB.js";
 import {
   Command
 } from "./chunk-5ZKEXMBN.js";
@@ -260,17 +256,18 @@ import {
   Kbd
 } from "./chunk-OQU4LWZW.js";
 import {
-  dialog_exports
-} from "./chunk-HHUVJRPT.js";
-import {
-  ButtonGroup
-} from "./chunk-7PWVK3NL.js";
+  Container
+} from "./chunk-PIQURQGB.js";
 import {
-  Center
-} from "./chunk-46OCNELO.js";
+  DataList,
+  useDataListStyles
+} from "./chunk-52XM5VXJ.js";
 import {
   Card
 } from "./chunk-7DF4NQNZ.js";
+import {
+  Center
+} from "./chunk-46OCNELO.js";
 import {
   CheckboxCard
 } from "./chunk-NLMFEUVO.js";
@@ -327,6 +324,9 @@ import {
 import {
   breadcrumb_exports
 } from "./chunk-CRFTMIQA.js";
+import {
+  ButtonGroup
+} from "./chunk-7PWVK3NL.js";
 import {
   defaultConfig,
   defaultSystem
@@ -375,8 +375,19 @@ import {
   defineStyle,
   defineTextStyles,
   defineTokens,
-  chakra
+  chakra,
+  useRecipe,
+  useSlotRecipe,
+  useChakraContext,
+  useToken
 } from "@chakra-ui/react/styled-system";
+import {
+  useMediaQuery,
+  useBreakpoint,
+  useBreakpointValue,
+  useControllableState,
+  useDisclosure
+} from "@chakra-ui/react";
 export {
   accordion_exports as Accordion,
   action_bar_exports as ActionBar,
@@ -519,18 +530,27 @@ export {
   defineTextStyles,
   defineTokens,
   toast,
+  useBreakpoint,
+  useBreakpointValue,
+  useChakraContext,
+  useControllableState,
   useDataListStyles,
+  useDisclosure,
   useEnvironmentContext,
   useFieldContext,
   useFieldStyles,
   useFieldsetContext,
   useFileUploadContext,
   useLink,
+  useMediaQuery,
   usePageStyles,
+  useRecipe,
   useSidebar,
   useSidebarItemStyles,
   useSidebarStyles,
+  useSlotRecipe,
   useSui,
   useTabsContext,
-  useTabsStyles
+  useTabsStyles,
+  useToken
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-next.4",
+  "version": "3.0.0-next.6",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {