@saas-ui/react 3.0.0-next.41 → 3.0.0-next.43

package/dist/components/blockquote/blockquote.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { Blockquote as ChakraBlockquote } from '@chakra-ui/react';
+import { Blockquote as ChakraBlockquote, type HTMLChakraProps } from '@chakra-ui/react';
 export interface BlockquoteProps extends ChakraBlockquote.RootProps {
     cite?: React.ReactNode;
     citeUrl?: string;
@@ -7,3 +7,4 @@ export interface BlockquoteProps extends ChakraBlockquote.RootProps {
     showDash?: boolean;
 }
 export declare const Blockquote: React.ForwardRefExoticComponent<BlockquoteProps & React.RefAttributes<HTMLDivElement>>;
+export declare const BlockquoteIcon: (props: HTMLChakraProps<"svg">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/blockquote/blockquote.js

@@ -1,7 +1,10 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
-import { Blockquote as ChakraBlockquote } from '@chakra-ui/react';
+import { Blockquote as ChakraBlockquote, } from '@chakra-ui/react';
 export const Blockquote = React.forwardRef(function Blockquote(props, ref) {
     const { children, cite, citeUrl, showDash, icon, ...rest } = props;
     return (_jsxs(ChakraBlockquote.Root, { ref: ref, ...rest, children: [icon, _jsx(ChakraBlockquote.Content, { cite: citeUrl, children: children }), cite && (_jsxs(ChakraBlockquote.Caption, { children: [showDash ? _jsx(_Fragment, { children: "\u2014" }) : null, " ", _jsx("cite", { children: cite })] }))] }));
 });
+export const BlockquoteIcon = (props) => {
+    return _jsx(ChakraBlockquote.Icon, { ...props });
+};

package/dist/components/blockquote/index.d.ts

@@ -1 +1 @@
-export { Blockquote, type BlockquoteProps } from './blockquote.tsx';
+export { Blockquote, BlockquoteIcon, type BlockquoteProps, } from './blockquote.tsx';

package/dist/components/blockquote/index.js

@@ -1 +1 @@
-export { Blockquote } from "./blockquote.js";
+export { Blockquote, BlockquoteIcon, } from "./blockquote.js";

package/dist/components/checkbox/index.d.ts

@@ -1,2 +1,3 @@
 export { Checkbox } from './checkbox.tsx';
 export type { CheckboxProps } from './checkbox.tsx';
+export { CheckboxGroup, type CheckboxGroupProps, } from '@chakra-ui/react/checkbox';

package/dist/components/checkbox/index.js

@@ -1 +1,2 @@
 export { Checkbox } from "./checkbox.js";
+export { CheckboxGroup, } from '@chakra-ui/react/checkbox';

package/dist/components/circle/index.d.ts

@@ -0,0 +1 @@
+export { Circle, type CircleProps, } from '@chakra-ui/react/circle';

package/dist/components/circle/index.js

@@ -0,0 +1 @@
+export { Circle, } from '@chakra-ui/react/circle';

package/dist/components/code-block/index.d.ts

@@ -0,0 +1 @@
+export { CodeBlock } from '@chakra-ui/react/code-block';

package/dist/components/code-block/index.js

@@ -0,0 +1 @@
+export { CodeBlock } from '@chakra-ui/react/code-block';

package/dist/components/download-trigger/index.d.ts

@@ -0,0 +1 @@
+export { DownloadTrigger, type DownloadTriggerProps, } from '@chakra-ui/react/download-trigger';

package/dist/components/download-trigger/index.js

@@ -0,0 +1 @@
+export { DownloadTrigger, } from '@chakra-ui/react/download-trigger';

package/dist/components/field/field.recipe.d.ts

@@ -1,4 +1,4 @@
-export declare const fieldSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "textarea" | "root" | "input" | "select" | "errorText" | "helperText" | "requiredIndicator", {
+export declare const fieldSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "textarea" | "root" | "input" | "errorText" | "helperText" | "select" | "requiredIndicator", {
     orientation: {
         vertical: {
             root: {

package/dist/components/quote/index.d.ts

@@ -0,0 +1 @@
+export { Quote, type QuoteProps, } from '@chakra-ui/react/quote';

package/dist/components/quote/index.js

@@ -0,0 +1 @@
+export { Quote, } from '@chakra-ui/react/quote';

package/dist/components/scroll-area/index.d.ts

@@ -0,0 +1 @@
+export { ScrollArea } from '@chakra-ui/react/scroll-area';

package/dist/components/scroll-area/index.js

@@ -0,0 +1 @@
+export { ScrollArea } from '@chakra-ui/react/scroll-area';

package/dist/components/square/index.d.ts

@@ -0,0 +1 @@
+export { Square, type SquareProps, } from '@chakra-ui/react/square';

package/dist/components/square/index.js

@@ -0,0 +1 @@
+export { Square, } from '@chakra-ui/react/square';

package/dist/components/steps/index.d.ts

@@ -1 +1,2 @@
 export * as Steps from './steps.tsx';
+export { useStepsContext } from '@chakra-ui/react/steps';

package/dist/components/steps/index.js

@@ -1 +1,2 @@
 export * as Steps from "./steps.js";
+export { useStepsContext } from '@chakra-ui/react/steps';

package/dist/components/sticky/index.d.ts

@@ -0,0 +1 @@
+export { Sticky, type StickyProps, } from '@chakra-ui/react/sticky';

package/dist/components/sticky/index.js

@@ -0,0 +1 @@
+export { Sticky, } from '@chakra-ui/react/sticky';

package/dist/components/tree-view/index.d.ts

@@ -0,0 +1 @@
+export { TreeView } from '@chakra-ui/react/tree-view';

package/dist/components/tree-view/index.js

@@ -0,0 +1 @@
+export { TreeView } from '@chakra-ui/react/tree-view';

package/dist/index.d.ts

@@ -12,13 +12,15 @@ export { AppShell, type AppShellProps } from './components/app-shell/index.ts';
 export { Avatar, AvatarGroup, type AvatarProps, } from './components/avatar/index.ts';
 export { Badge, BadgePropsProvider, type BadgeProps, } from './components/badge/index.ts';
 export { BackButton, type BackButtonProps, } from './components/back-button/index.ts';
-export { Blockquote, type BlockquoteProps, } from './components/blockquote/index.ts';
+export { Blockquote, BlockquoteIcon, type BlockquoteProps, } from './components/blockquote/index.ts';
 export { Breadcrumb } from './components/breadcrumb/index.ts';
 export { Button, type ButtonProps } from './components/button/index.ts';
 export { ButtonGroup, type ButtonGroupProps, } from './components/button-group/index.ts';
 export { Card } from './components/card/index.ts';
-export { Checkbox, type CheckboxProps } from './components/checkbox/index.ts';
+export { Checkbox, CheckboxGroup, type CheckboxProps, type CheckboxGroupProps, } from './components/checkbox/index.ts';
 export { Checkmark, type CheckmarkProps } from './components/checkmark/index.ts';
+export { CodeBlock } from './components/code-block/index.ts';
+export { Circle } from './components/circle/index.ts';
 export { CheckboxCard, type CheckboxCardProps, } from './components/checkbox-card/index.ts';
 export { Clipboard } from './components/clipboard/index.ts';
 export { useClipboard } from './components/clipboard/index.ts';
@@ -121,6 +123,12 @@ export { Section, useSectionStyles } from './components/section/index.ts';
 export { Show, type ShowProps } from './components/show/index.ts';
 export { Spacer, type SpacerProps } from './components/spacer/index.ts';
 export { Stack, type StackProps, HStack, VStack, StackSeparator, type StackSeparatorProps, } from './components/stack/index.ts';
+export { Sticky, type StickyProps } from './components/sticky/index.ts';
+export { TreeView } from './components/tree-view/index.ts';
+export { ScrollArea } from './components/scroll-area/index.ts';
+export { DownloadTrigger, type DownloadTriggerProps, } from './components/download-trigger/index.ts';
+export { Quote, type QuoteProps } from './components/quote/index.ts';
+export { Square, type SquareProps } from './components/square/index.ts';
 export { Toggle } from './components/toggle/index.ts';
 export { Text, type TextProps } from './components/text/index.ts';
 export { Em, type EmProps } from './components/em/index.ts';
@@ -129,3 +137,6 @@ export { VisuallyHidden } from './components/visually-hidden/index.ts';
 export { Wrap, type WrapProps } from './components/wrap/index.ts';
 export { Flex, type FlexProps } from './components/flex/index.ts';
 export type { ColorPalette } from './theme/tokens/colors.ts';
+export { For } from '@chakra-ui/react/for';
+export { LocaleProvider, useLocaleContext, useFilter, } from '@chakra-ui/react/locale';
+export { Theme } from '@chakra-ui/react';

package/dist/index.js

@@ -9,13 +9,15 @@ export { AppShell } from "./components/app-shell/index.js";
 export { Avatar, AvatarGroup, } from "./components/avatar/index.js";
 export { Badge, BadgePropsProvider, } from "./components/badge/index.js";
 export { BackButton, } from "./components/back-button/index.js";
-export { Blockquote, } from "./components/blockquote/index.js";
+export { Blockquote, BlockquoteIcon, } from "./components/blockquote/index.js";
 export { Breadcrumb } from "./components/breadcrumb/index.js";
 export { Button } from "./components/button/index.js";
 export { ButtonGroup, } from "./components/button-group/index.js";
 export { Card } from "./components/card/index.js";
-export { Checkbox } from "./components/checkbox/index.js";
+export { Checkbox, CheckboxGroup, } from "./components/checkbox/index.js";
 export { Checkmark } from "./components/checkmark/index.js";
+export { CodeBlock } from "./components/code-block/index.js";
+export { Circle } from "./components/circle/index.js";
 export { CheckboxCard, } from "./components/checkbox-card/index.js";
 export { Clipboard } from "./components/clipboard/index.js";
 export { useClipboard } from "./components/clipboard/index.js";
@@ -115,6 +117,12 @@ export { Section, useSectionStyles } from "./components/section/index.js";
 export { Show } from "./components/show/index.js";
 export { Spacer } from "./components/spacer/index.js";
 export { Stack, HStack, VStack, StackSeparator, } from "./components/stack/index.js";
+export { Sticky } from "./components/sticky/index.js";
+export { TreeView } from "./components/tree-view/index.js";
+export { ScrollArea } from "./components/scroll-area/index.js";
+export { DownloadTrigger, } from "./components/download-trigger/index.js";
+export { Quote } from "./components/quote/index.js";
+export { Square } from "./components/square/index.js";
 export { Toggle } from "./components/toggle/index.js";
 export { Text } from "./components/text/index.js";
 export { Em } from "./components/em/index.js";
@@ -122,3 +130,6 @@ export { Strong } from "./components/strong/index.js";
 export { VisuallyHidden } from "./components/visually-hidden/index.js";
 export { Wrap } from "./components/wrap/index.js";
 export { Flex } from "./components/flex/index.js";
+export { For } from '@chakra-ui/react/for';
+export { LocaleProvider, useLocaleContext, useFilter, } from '@chakra-ui/react/locale';
+export { Theme } from '@chakra-ui/react';

package/dist/styled-system/create-slot-recipe-context.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
+import { forwardRef, useMemo } from 'react';
 import { chakra, createContext, mergeProps, useSlotRecipe, } from '@chakra-ui/react';
 import { cx } from '@saas-ui/core/utils';
 import { EMPTY_SLOT_STYLES } from "./empty.js";
@@ -30,8 +30,8 @@ export const createSlotRecipeContext = (options) => {
             recipe: restProps.recipe || recipeConfig,
         });
         // @ts-ignore
-        const [variantProps, otherProps] = slotRecipe.splitVariantProps(restProps);
-        const styles = unstyled ? EMPTY_SLOT_STYLES : slotRecipe(variantProps);
+        const [variantProps, otherProps] = useMemo(() => slotRecipe.splitVariantProps(restProps), [restProps, slotRecipe]);
+        const styles = useMemo(() => (unstyled ? EMPTY_SLOT_STYLES : slotRecipe(variantProps)), [unstyled, variantProps, slotRecipe]);
         return {
             styles: styles,
             classNames: slotRecipe.classNameMap,
@@ -41,7 +41,8 @@ export const createSlotRecipeContext = (options) => {
     function withRootProvider(Component, options = {}) {
         const { defaultProps } = options;
         const StyledComponent = (inProps) => {
-            const props = mergeProps(defaultProps, usePropsContext(), inProps);
+            const propsContext = usePropsContext();
+            const props = useMemo(() => mergeProps(defaultProps, propsContext, inProps), [propsContext, inProps]);
             const { styles, classNames, props: rootProps } = useRecipeResult(props);
             return (_jsx(StylesProvider, { value: styles, children: _jsx(ClassNamesProvider, { value: classNames, children: _jsx(Component, { ...rootProps }) }) }));
         };
@@ -53,10 +54,12 @@ export const createSlotRecipeContext = (options) => {
         const { defaultProps, ...restOptions } = options ?? {};
         const SuperComponent = chakra(Component, {}, restOptions);
         const StyledComponent = forwardRef((inProps, ref) => {
-            const props = mergeProps(defaultProps ?? {}, usePropsContext(), inProps);
+            const propsContext = usePropsContext();
+            const props = useMemo(() => mergeProps(defaultProps ?? {}, propsContext, inProps), [propsContext, inProps]);
             const { styles, props: rootProps, classNames } = useRecipeResult(props);
             const className = classNames[slot];
             const element = (_jsx(StylesProvider, { value: styles, children: _jsx(ClassNamesProvider, { value: classNames, children: _jsx(SuperComponent, { ref: ref, ...rootProps, css: [styles[slot], props.css], className: cx(props.className, className) }) }) }));
+            // @ts-expect-error
             return options?.wrapElement?.(element, props) ?? element;
         });
         // @ts-expect-error

package/dist/theme/slot-recipes.d.ts

@@ -1335,7 +1335,7 @@ export declare const slotRecipes: {
             };
         };
     }>;
-    field: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "textarea" | "root" | "input" | "select" | "errorText" | "helperText" | "requiredIndicator", {
+    field: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "textarea" | "root" | "input" | "errorText" | "helperText" | "select" | "requiredIndicator", {
         orientation: {
             vertical: {
                 root: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-next.41",
+  "version": "3.0.0-next.43",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {
@@ -60,26 +60,26 @@
     "url": "https://storybook.saas-ui.dev"
   },
   "dependencies": {
-    "@ark-ui/react": "^5.20.0",
+    "@ark-ui/react": "^5.25.1",
     "next-themes": "^0.4.6",
-    "@saas-ui/hooks": "3.0.0-next.3",
-    "@saas-ui/core": "3.0.0-next.11"
+    "@saas-ui/core": "3.0.0-next.11",
+    "@saas-ui/hooks": "3.0.0-next.3"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "^3.25.0",
+    "@chakra-ui/react": "^3.27.0",
     "@emotion/react": "^11",
-    "react": ">=18",
-    "react-dom": ">=18"
+    "react": "^19.1.1",
+    "react-dom": "^19.1.1"
   },
   "devDependencies": {
+    "@types/react": "19.2.0",
+    "@types/react-dom": "19.2.0",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
     "react-icons": "^5.5.0",
     "rimraf": "^6.0.1",
-    "tsup": "^8.4.0",
-    "typescript": "^5.8.3",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
-    "@types/react": "^19.0.12",
-    "@types/react-dom": "^19.0.4"
+    "tsup": "^8.5.0",
+    "typescript": "5.9.3"
   },
   "scripts": {
     "clean": "rimraf --no-glob ./dist",