@saas-ui/react 3.0.0-next.47 → 3.0.0-next.49

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

@@ -0,0 +1,2 @@
+export { Theme } from './theme.tsx';
+export type { ThemeProps } from './theme.tsx';

package/dist/components/theme/index.js

@@ -0,0 +1 @@
+export { Theme } from "./theme.js";

package/dist/components/theme/theme.d.ts

@@ -0,0 +1,40 @@
+import { type HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import type { ColorPalette } from '@saas-ui/chakra-preset/colors';
+export interface ThemeProps extends HTMLChakraProps<'div'> {
+    /**
+     * The appearance of the theme.
+     */
+    appearance?: 'light' | 'dark' | undefined;
+    /**
+     * Whether to apply the theme background and color.
+     */
+    hasBackground?: boolean | undefined;
+    /**
+     * The default color palette of the theme.
+     */
+    colorPalette?: ColorPalette | undefined;
+    /**
+     * The scale factor of the theme.
+     */
+    scaleFactor?: number | undefined;
+    /**
+     * Radius factor for control components.
+     * Eg Button, Input, Select, etc.
+     */
+    controlRadius?: number | undefined;
+    /**
+     * Radius factor for panel components.
+     * Eg Drawer, Popover, etc.
+     */
+    panelRadius?: number | undefined;
+    /**
+     * Radius factor for indicator components.
+     * Eg Badge, Tag, etc.
+     */
+    indicatorRadius?: number | undefined;
+    /**
+     * The overlay effect of the theme.
+     */
+    overlayEffect?: string | undefined;
+}
+export declare const Theme: import("react").ForwardRefExoticComponent<ThemeProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/theme/theme.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { chakra } from '@chakra-ui/react/styled-system';
+import { cx } from '@saas-ui/core/utils';
+export const Theme = forwardRef(function Theme(props, ref) {
+    const { appearance, style, className, hasBackground = true, scaleFactor = 1, controlRadius = 1, panelRadius = 1, indicatorRadius = 1, overlayEffect = 'blur(10px)', ...rest } = props;
+    let modifiers = {
+        '--scale-factor': scaleFactor,
+        '--overlay-effect': overlayEffect,
+        '--radius-control': controlRadius,
+        '--radius-panel': panelRadius,
+        '--radius-indicator': indicatorRadius,
+    };
+    return (_jsx(chakra.div, { color: "fg", bg: hasBackground ? 'bg' : undefined, colorPalette: "gray", ...rest, className: cx('chakra-theme', appearance, className), style: { ...style, colorScheme: appearance, ...modifiers }, ref: ref }));
+});

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export { useMediaQuery, useBreakpoint, useBreakpointValue, useControllableState,
 export type { UseDisclosureProps, UseDisclosureReturn, UseControllableStateProps, UseBreakpointOptions, UseBreakpointValueOptions, } from '@chakra-ui/react';
 export { SuiProvider, SuiContext, useLink, useSui } from './provider/index.ts';
 export type { SuiContextValue, SuiProviderProps } from './provider/index.ts';
+export { Theme, type ThemeProps } from './components/theme/index.ts';
 export { Accordion } from './components/accordion/index.ts';
 export { ActionBar } from './components/action-bar/index.ts';
 export { Alert, type AlertProps } from './components/alert/index.ts';
@@ -139,4 +140,3 @@ export { Flex, type FlexProps } from './components/flex/index.ts';
 export type { ColorPalette } from '@saas-ui/chakra-preset/colors';
 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

@@ -2,6 +2,7 @@ export { defaultSystem, defaultConfig } from "./preset.js";
 export { createSystem, defineAnimationStyles, defineConditions, defineConfig, defineGlobalStyles, defineKeyframes, defineLayerStyles, defineRecipe, defineSemanticTokens, defineSlotRecipe, defineStyle, defineTextStyles, defineTokens, chakra, createRecipeContext, createSlotRecipeContext, useRecipe, useSlotRecipe, useChakraContext, useToken, } from '@chakra-ui/react/styled-system';
 export { useMediaQuery, useBreakpoint, useBreakpointValue, useControllableState, useDisclosure, createListCollection, createContext, mergeRefs, } from '@chakra-ui/react';
 export { SuiProvider, SuiContext, useLink, useSui } from "./provider/index.js";
+export { Theme } from "./components/theme/index.js";
 export { Accordion } from "./components/accordion/index.js";
 export { ActionBar } from "./components/action-bar/index.js";
 export { Alert } from "./components/alert/index.js";
@@ -132,4 +133,3 @@ 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-next.47",
+  "version": "3.0.0-next.49",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {
@@ -62,9 +62,9 @@
   "dependencies": {
     "@ark-ui/react": "^5.25.1",
     "next-themes": "^0.4.6",
+    "@saas-ui/core": "3.0.0-next.12",
     "@saas-ui/hooks": "3.0.0-next.3",
-    "@saas-ui/core": "3.0.0-next.11",
-    "@saas-ui/chakra-preset": "3.0.0-next.2"
+    "@saas-ui/chakra-preset": "3.0.0-next.4"
   },
   "peerDependencies": {
     "@chakra-ui/react": "^3.27.0",