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

package/CHANGELOG.md

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

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

@@ -221,15 +221,25 @@ 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';
@@ -14941,15 +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 }
 
@@ -14978,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;

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

@@ -221,15 +221,25 @@ 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';
@@ -14941,15 +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 }
 
@@ -14978,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;

package/dist/index.cjs

@@ -171,14 +171,19 @@ __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,
@@ -9395,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);
@@ -12212,14 +12218,19 @@ 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,

package/dist/index.d.cts

@@ -23,6 +23,16 @@ 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

@@ -23,6 +23,16 @@ 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

@@ -1,39 +1,33 @@
+import {
+  Em,
+  Strong,
+  Text
+} from "./chunk-J5UCKCIO.js";
 import {
   Wrap
 } from "./chunk-LGLJ2QUW.js";
 import {
-  VisuallyHidden
-} from "./chunk-HHTTORZ6.js";
+  Tag
+} from "./chunk-WJZED26X.js";
 import {
   Timeline
 } from "./chunk-QLN2CBY6.js";
 import {
   Textarea
 } from "./chunk-CQD32UVJ.js";
+import {
+  Toggle
+} from "./chunk-PEVIP5UT.js";
 import {
   Toaster,
   toast
 } from "./chunk-5RWFHB7W.js";
-import {
-  Tag
-} from "./chunk-WJZED26X.js";
-import {
-  Toggle
-} from "./chunk-PEVIP5UT.js";
 import {
   Tooltip
 } from "./chunk-7MCVXFWM.js";
 import {
-  Em,
-  Strong,
-  Text
-} from "./chunk-J5UCKCIO.js";
-import {
-  stat_exports
-} from "./chunk-3RHNNKPC.js";
-import {
-  Status
-} from "./chunk-U3EPRSD3.js";
+  VisuallyHidden
+} from "./chunk-HHTTORZ6.js";
 import {
   HStack,
   Stack,
@@ -41,43 +35,49 @@ import {
   VStack
 } from "./chunk-QNKQFCKJ.js";
 import {
-  Switch
-} from "./chunk-3E6URZ5P.js";
+  stat_exports
+} from "./chunk-3RHNNKPC.js";
 import {
-  Table
-} from "./chunk-TH6YCBEG.js";
+  Status
+} from "./chunk-U3EPRSD3.js";
 import {
   steps_exports
 } from "./chunk-I2J6U5Z4.js";
+import {
+  Table
+} from "./chunk-TH6YCBEG.js";
+import {
+  Switch
+} from "./chunk-3E6URZ5P.js";
 import {
   Tabs,
   useTabsContext,
   useTabsStyles
 } from "./chunk-5YNHX4C7.js";
 import {
-  SegmentedControl
-} from "./chunk-KFDVVTMT.js";
+  Separator
+} from "./chunk-27OMFCPD.js";
 import {
   sidebar_exports,
   useSidebar,
   useSidebarItemStyles,
   useSidebarStyles
 } from "./chunk-U23VDAWJ.js";
-import {
-  namespace_exports
-} from "./chunk-BVISYY3B.js";
 import {
   Skeleton,
   SkeletonCircle,
   SkeletonText
 } from "./chunk-UEXUCHDD.js";
 import {
-  Spacer
-} from "./chunk-UAX5344Y.js";
+  Show
+} from "./chunk-LU2H6GWC.js";
 import {
   SkipNavContent,
   SkipNavLink
 } from "./chunk-GDDJYUWM.js";
+import {
+  Spacer
+} from "./chunk-UAX5344Y.js";
 import {
   Slider
 } from "./chunk-HREBIPVW.js";
@@ -90,18 +90,23 @@ import {
 import {
   RadioGroup
 } from "./chunk-NCNHDETB.js";
+import {
+  SearchInput
+} from "./chunk-HJX66GFT.js";
 import {
   RatingGroup
 } from "./chunk-HQVBJT5Y.js";
 import {
-  SearchInput
-} from "./chunk-HJX66GFT.js";
+  SegmentedControl
+} from "./chunk-KFDVVTMT.js";
 import {
-  Separator
-} from "./chunk-27OMFCPD.js";
+  namespace_exports
+} from "./chunk-BVISYY3B.js";
 import {
-  Show
-} from "./chunk-LU2H6GWC.js";
+  Persona,
+  PersonaAvatar,
+  defaultPersonaPresenceOptions
+} from "./chunk-TYGGMKHU.js";
 import {
   PinInput
 } from "./chunk-RYKJOZ3B.js";
@@ -111,39 +116,37 @@ import {
 import {
   Presence
 } from "./chunk-PONMXNY4.js";
-import {
-  ProgressCircle
-} from "./chunk-7HAGRXKM.js";
 import {
   Progress
 } from "./chunk-6YZ76Q2W.js";
 import {
-  Persona,
-  PersonaAvatar,
-  defaultPersonaPresenceOptions
-} from "./chunk-TYGGMKHU.js";
+  ProgressCircle
+} from "./chunk-7HAGRXKM.js";
 import {
   QrCode
 } from "./chunk-K3MFCSAW.js";
+import {
+  Mark
+} from "./chunk-EWCBYJA7.js";
+import {
+  menu_exports
+} from "./chunk-ZNQNBTWF.js";
 import {
   NativeSelect
 } from "./chunk-5OUNZEYB.js";
 import {
   NumberInput
 } from "./chunk-RFBD2ZNL.js";
-import {
-  menu_exports
-} from "./chunk-ZNQNBTWF.js";
 import {
   navbar_exports
 } from "./chunk-DJNPK2LM.js";
+import {
+  pagination_exports
+} from "./chunk-L4JB7UFV.js";
 import {
   page_exports,
   usePageStyles
 } from "./chunk-ZJ2VD224.js";
-import {
-  pagination_exports
-} from "./chunk-L4JB7UFV.js";
 import {
   PasswordInput
 } from "./chunk-TXIFPX2A.js";
@@ -168,9 +171,6 @@ import {
 import {
   Spinner
 } from "./chunk-MK3OG2I4.js";
-import {
-  Mark
-} from "./chunk-EWCBYJA7.js";
 import {
   Heading
 } from "./chunk-HZX4AGO5.js";
@@ -193,9 +193,9 @@ import {
   Float
 } from "./chunk-XD7U6L2E.js";
 import {
-  Fieldset,
-  useFieldsetContext
-} from "./chunk-FPRTN3I7.js";
+  file_upload_exports,
+  useFileUploadContext
+} from "./chunk-EJOXGWHK.js";
 import {
   FocusTrap
 } from "./chunk-EWATHRZA.js";
@@ -206,12 +206,15 @@ import {
 import {
   Grid
 } from "./chunk-EZZW6JOU.js";
+import {
+  Group
+} from "./chunk-3CKGT42F.js";
 import {
   grid_list_exports
 } from "./chunk-ZUT5GZTD.js";
 import {
-  Group
-} from "./chunk-3CKGT42F.js";
+  Editable
+} from "./chunk-TEQVVR3W.js";
 import {
   dialog_exports
 } from "./chunk-HHUVJRPT.js";
@@ -219,30 +222,27 @@ import {
   drawer_exports
 } from "./chunk-KH7E5C3C.js";
 import {
-  Editable
-} from "./chunk-TEQVVR3W.js";
+  EmptyState
+} from "./chunk-NGGISORT.js";
 import {
   EnvironmentProvider,
   useEnvironmentContext
 } from "./chunk-LFOA3DZO.js";
 import {
-  EmptyState
-} from "./chunk-NGGISORT.js";
+  Fieldset,
+  useFieldsetContext
+} from "./chunk-FPRTN3I7.js";
 import {
   Field,
   useFieldContext,
   useFieldStyles
 } from "./chunk-XX2OY7LK.js";
 import {
-  file_upload_exports,
-  useFileUploadContext
-} from "./chunk-EJOXGWHK.js";
+  Code
+} from "./chunk-YMCOU2N5.js";
 import {
   Collapsible
 } from "./chunk-PEJYADAS.js";
-import {
-  Code
-} from "./chunk-YMCOU2N5.js";
 import {
   ColorPicker
 } from "./chunk-JR5RLXCK.js";
@@ -258,36 +258,22 @@ import {
 import {
   Container
 } from "./chunk-PIQURQGB.js";
-import {
-  clipboard_exports
-} from "./chunk-YX44E5NF.js";
-import {
-  Input,
-  InputAddon,
-  InputElement,
-  InputGroup,
-  InputPropsProvider
-} from "./chunk-BLSGOJQ7.js";
-import "./chunk-KTLWEUNW.js";
 import {
   DataList,
   useDataListStyles
 } from "./chunk-52XM5VXJ.js";
-import {
-  ButtonGroup
-} from "./chunk-7PWVK3NL.js";
 import {
   Card
 } from "./chunk-7DF4NQNZ.js";
 import {
   Center
 } from "./chunk-46OCNELO.js";
-import {
-  Checkbox
-} from "./chunk-Z3SWPGPQ.js";
 import {
   CheckboxCard
 } from "./chunk-NLMFEUVO.js";
+import {
+  Checkbox
+} from "./chunk-Z3SWPGPQ.js";
 import {
   Checkmark
 } from "./chunk-UIP2CHMU.js";
@@ -295,8 +281,21 @@ import {
   ClientOnly
 } from "./chunk-4N4SHDPB.js";
 import {
-  AspectRatio
-} from "./chunk-BSE7ZUP5.js";
+  clipboard_exports
+} from "./chunk-YX44E5NF.js";
+import {
+  Input,
+  InputAddon,
+  InputElement,
+  InputGroup,
+  InputPropsProvider
+} from "./chunk-BLSGOJQ7.js";
+import "./chunk-KTLWEUNW.js";
+import "./chunk-YHQ5JGCC.js";
+import {
+  Avatar,
+  AvatarGroup
+} from "./chunk-FN7TU5F5.js";
 import {
   BackButton
 } from "./chunk-LKPWSC6O.js";
@@ -325,6 +324,9 @@ import {
 import {
   breadcrumb_exports
 } from "./chunk-CRFTMIQA.js";
+import {
+  ButtonGroup
+} from "./chunk-7PWVK3NL.js";
 import {
   defaultConfig,
   defaultSystem
@@ -353,11 +355,9 @@ import "./chunk-OME35FUG.js";
 import {
   AppShell
 } from "./chunk-YTTZX7ZE.js";
-import "./chunk-YHQ5JGCC.js";
 import {
-  Avatar,
-  AvatarGroup
-} from "./chunk-FN7TU5F5.js";
+  AspectRatio
+} from "./chunk-BSE7ZUP5.js";
 import "./chunk-RTMS5TJN.js";
 
 // src/index.ts
@@ -381,6 +381,13 @@ import {
   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,
@@ -523,14 +530,19 @@ export {
   defineTextStyles,
   defineTokens,
   toast,
+  useBreakpoint,
+  useBreakpointValue,
   useChakraContext,
+  useControllableState,
   useDataListStyles,
+  useDisclosure,
   useEnvironmentContext,
   useFieldContext,
   useFieldStyles,
   useFieldsetContext,
   useFileUploadContext,
   useLink,
+  useMediaQuery,
   usePageStyles,
   useRecipe,
   useSidebar,

package/package.json

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