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

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @saas-ui/react
 
+## 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,6 +221,7 @@ 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 { useChakraContext } from '@chakra-ui/react/styled-system';
 import { useStepsContext as useContext } from '@chakra-ui/react/steps';
 import { useDataListStyles } from '@chakra-ui/react/data-list';
 import { useEnvironmentContext } from '@chakra-ui/react/env';
@@ -229,13 +230,16 @@ 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 { 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 +4132,8 @@ borderRadius: "panel.lg";
 export { HStack }
 export { HStack as HStack_alias_1 }
 
+export { HTMLChakraProps }
+
 export { Icon }
 export { Icon as Icon_alias_1 }
 
@@ -14935,6 +14941,8 @@ export declare const UpTrend: React_2.ForwardRefExoticComponent<BadgeProps & Rea
 
 export declare const useAppShellStyles: () => Record<string, SystemStyleObject_2>;
 
+export { useChakraContext }
+
 export declare const useClassNames: () => Record<string, string>;
 
 export { useContext }
@@ -14981,6 +14989,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 +15014,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 +15029,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,6 +221,7 @@ 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 { useChakraContext } from '@chakra-ui/react/styled-system';
 import { useStepsContext as useContext } from '@chakra-ui/react/steps';
 import { useDataListStyles } from '@chakra-ui/react/data-list';
 import { useEnvironmentContext } from '@chakra-ui/react/env';
@@ -229,13 +230,16 @@ 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 { 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 +4132,8 @@ borderRadius: "panel.lg";
 export { HStack }
 export { HStack as HStack_alias_1 }
 
+export { HTMLChakraProps }
+
 export { Icon }
 export { Icon as Icon_alias_1 }
 
@@ -14935,6 +14941,8 @@ export declare const UpTrend: React_2.ForwardRefExoticComponent<BadgeProps & Rea
 
 export declare const useAppShellStyles: () => Record<string, SystemStyleObject_2>;
 
+export { useChakraContext }
+
 export declare const useClassNames: () => Record<string, string>;
 
 export { useContext }
@@ -14981,6 +14989,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 +15014,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 +15029,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,6 +171,7 @@ __export(index_exports, {
   defineTextStyles: () => import_styled_system72.defineTextStyles,
   defineTokens: () => import_styled_system72.defineTokens,
   toast: () => toast,
+  useChakraContext: () => import_styled_system72.useChakraContext,
   useDataListStyles: () => import_data_list.useDataListStyles,
   useEnvironmentContext: () => import_env.useEnvironmentContext,
   useFieldContext: () => import_field.useFieldContext,
@@ -179,12 +180,15 @@ __export(index_exports, {
   useFileUploadContext: () => import_file_upload2.useFileUploadContext,
   useLink: () => useLink,
   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);
 
@@ -12208,6 +12212,7 @@ var import_wrap = require("@chakra-ui/react/wrap");
   defineTextStyles,
   defineTokens,
   toast,
+  useChakraContext,
   useDataListStyles,
   useEnvironmentContext,
   useFieldContext,
@@ -12216,10 +12221,13 @@ var import_wrap = require("@chakra-ui/react/wrap");
   useFileUploadContext,
   useLink,
   usePageStyles,
+  useRecipe,
   useSidebar,
   useSidebarItemStyles,
   useSidebarStyles,
+  useSlotRecipe,
   useSui,
   useTabsContext,
-  useTabsStyles
+  useTabsStyles,
+  useToken
 });

package/dist/index.d.cts

@@ -14,10 +14,15 @@ 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 { 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,15 @@ 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 { 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,33 +1,39 @@
-import {
-  Em,
-  Strong,
-  Text
-} from "./chunk-J5UCKCIO.js";
 import {
   Wrap
 } from "./chunk-LGLJ2QUW.js";
 import {
-  Tag
-} from "./chunk-WJZED26X.js";
+  VisuallyHidden
+} from "./chunk-HHTTORZ6.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 {
-  VisuallyHidden
-} from "./chunk-HHTTORZ6.js";
+  Em,
+  Strong,
+  Text
+} from "./chunk-J5UCKCIO.js";
+import {
+  stat_exports
+} from "./chunk-3RHNNKPC.js";
+import {
+  Status
+} from "./chunk-U3EPRSD3.js";
 import {
   HStack,
   Stack,
@@ -35,41 +41,31 @@ import {
   VStack
 } from "./chunk-QNKQFCKJ.js";
 import {
-  stat_exports
-} from "./chunk-3RHNNKPC.js";
-import {
-  Status
-} from "./chunk-U3EPRSD3.js";
+  Switch
+} from "./chunk-3E6URZ5P.js";
 import {
   Table
 } from "./chunk-TH6YCBEG.js";
 import {
   steps_exports
 } from "./chunk-I2J6U5Z4.js";
-import {
-  Switch
-} from "./chunk-3E6URZ5P.js";
 import {
   Tabs,
   useTabsContext,
   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";
+  SegmentedControl
+} from "./chunk-KFDVVTMT.js";
 import {
   sidebar_exports,
   useSidebar,
   useSidebarItemStyles,
   useSidebarStyles
 } from "./chunk-U23VDAWJ.js";
+import {
+  namespace_exports
+} from "./chunk-BVISYY3B.js";
 import {
   Skeleton,
   SkeletonCircle,
@@ -78,12 +74,16 @@ import {
 import {
   Spacer
 } from "./chunk-UAX5344Y.js";
+import {
+  SkipNavContent,
+  SkipNavLink
+} from "./chunk-GDDJYUWM.js";
 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";
@@ -100,40 +100,40 @@ import {
   Separator
 } from "./chunk-27OMFCPD.js";
 import {
-  SegmentedControl
-} from "./chunk-KFDVVTMT.js";
-import {
-  Persona,
-  PersonaAvatar,
-  defaultPersonaPresenceOptions
-} from "./chunk-TYGGMKHU.js";
+  Show
+} from "./chunk-LU2H6GWC.js";
 import {
   PinInput
 } from "./chunk-RYKJOZ3B.js";
+import {
+  Portal
+} from "./chunk-UZUMIWPJ.js";
 import {
   Presence
 } from "./chunk-PONMXNY4.js";
 import {
-  Portal
-} from "./chunk-UZUMIWPJ.js";
+  ProgressCircle
+} from "./chunk-7HAGRXKM.js";
 import {
   Progress
 } from "./chunk-6YZ76Q2W.js";
+import {
+  Persona,
+  PersonaAvatar,
+  defaultPersonaPresenceOptions
+} from "./chunk-TYGGMKHU.js";
 import {
   QrCode
 } from "./chunk-K3MFCSAW.js";
-import {
-  Radio
-} from "./chunk-PZWP36YA.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";
@@ -141,12 +141,6 @@ 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";
@@ -168,6 +162,12 @@ import {
 import {
   Loader
 } from "./chunk-DHFAFRZ4.js";
+import {
+  loading_overlay_exports
+} from "./chunk-BDS3APRG.js";
+import {
+  Spinner
+} from "./chunk-MK3OG2I4.js";
 import {
   Mark
 } from "./chunk-EWCBYJA7.js";
@@ -175,57 +175,56 @@ 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";
 import {
-  file_upload_exports,
-  useFileUploadContext
-} from "./chunk-EJOXGWHK.js";
+  Fieldset,
+  useFieldsetContext
+} from "./chunk-FPRTN3I7.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 {
+  grid_list_exports
+} from "./chunk-ZUT5GZTD.js";
 import {
   Group
 } from "./chunk-3CKGT42F.js";
 import {
-  Highlight
-} from "./chunk-TGEP2YAT.js";
-import {
-  DataList,
-  useDataListStyles
-} from "./chunk-52XM5VXJ.js";
+  dialog_exports
+} from "./chunk-HHUVJRPT.js";
 import {
-  EnvironmentProvider,
-  useEnvironmentContext
-} from "./chunk-LFOA3DZO.js";
+  drawer_exports
+} from "./chunk-KH7E5C3C.js";
 import {
   Editable
 } from "./chunk-TEQVVR3W.js";
 import {
-  drawer_exports
-} from "./chunk-KH7E5C3C.js";
+  EnvironmentProvider,
+  useEnvironmentContext
+} from "./chunk-LFOA3DZO.js";
 import {
   EmptyState
 } from "./chunk-NGGISORT.js";
@@ -235,24 +234,21 @@ import {
   useFieldStyles
 } from "./chunk-XX2OY7LK.js";
 import {
-  Fieldset,
-  useFieldsetContext
-} from "./chunk-FPRTN3I7.js";
-import {
-  Code
-} from "./chunk-YMCOU2N5.js";
+  file_upload_exports,
+  useFileUploadContext
+} from "./chunk-EJOXGWHK.js";
 import {
   Collapsible
 } from "./chunk-PEJYADAS.js";
+import {
+  Code
+} from "./chunk-YMCOU2N5.js";
 import {
   ColorPicker
 } from "./chunk-JR5RLXCK.js";
 import {
   ColorSwatch
 } from "./chunk-TYMVLD3B.js";
-import {
-  Container
-} from "./chunk-PIQURQGB.js";
 import {
   Command
 } from "./chunk-5ZKEXMBN.js";
@@ -260,23 +256,38 @@ import {
   Kbd
 } from "./chunk-OQU4LWZW.js";
 import {
-  dialog_exports
-} from "./chunk-HHUVJRPT.js";
+  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 {
-  Center
-} from "./chunk-46OCNELO.js";
 import {
   Card
 } from "./chunk-7DF4NQNZ.js";
 import {
-  CheckboxCard
-} from "./chunk-NLMFEUVO.js";
+  Center
+} from "./chunk-46OCNELO.js";
 import {
   Checkbox
 } from "./chunk-Z3SWPGPQ.js";
+import {
+  CheckboxCard
+} from "./chunk-NLMFEUVO.js";
 import {
   Checkmark
 } from "./chunk-UIP2CHMU.js";
@@ -284,21 +295,8 @@ import {
   ClientOnly
 } from "./chunk-4N4SHDPB.js";
 import {
-  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";
+  AspectRatio
+} from "./chunk-BSE7ZUP5.js";
 import {
   BackButton
 } from "./chunk-LKPWSC6O.js";
@@ -355,9 +353,11 @@ import "./chunk-OME35FUG.js";
 import {
   AppShell
 } from "./chunk-YTTZX7ZE.js";
+import "./chunk-YHQ5JGCC.js";
 import {
-  AspectRatio
-} from "./chunk-BSE7ZUP5.js";
+  Avatar,
+  AvatarGroup
+} from "./chunk-FN7TU5F5.js";
 import "./chunk-RTMS5TJN.js";
 
 // src/index.ts
@@ -375,7 +375,11 @@ import {
   defineStyle,
   defineTextStyles,
   defineTokens,
-  chakra
+  chakra,
+  useRecipe,
+  useSlotRecipe,
+  useChakraContext,
+  useToken
 } from "@chakra-ui/react/styled-system";
 export {
   accordion_exports as Accordion,
@@ -519,6 +523,7 @@ export {
   defineTextStyles,
   defineTokens,
   toast,
+  useChakraContext,
   useDataListStyles,
   useEnvironmentContext,
   useFieldContext,
@@ -527,10 +532,13 @@ export {
   useFileUploadContext,
   useLink,
   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.5",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {