@saas-ui/react 3.0.0-next.21 → 3.0.0-next.23

package/dist/components/action-bar/action-bar.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { ActionBar } from '@chakra-ui/react/action-bar';
 import { Portal } from '@chakra-ui/react/portal';
-import { CloseButton as CloseButtonBase } from '../close-button';
+import { CloseButton as CloseButtonBase } from "../close-button/index.js";
 const ActionBarContent = forwardRef(function ActionBarContent(props, ref) {
     const { children, portalled = true, portalRef, ...rest } = props;
     return (_jsx(Portal, { disabled: !portalled, container: portalRef, children: _jsx(ActionBar.Positioner, { children: _jsx(ActionBar.Content, { ref: ref, ...rest, asChild: false, children: children }) }) }));

package/dist/components/action-bar/index.d.ts

@@ -1 +1 @@
-export * as ActionBar from './action-bar';
+export * as ActionBar from './action-bar.tsx';

package/dist/components/action-bar/index.js

@@ -1 +1 @@
-export * as ActionBar from './action-bar';
+export * as ActionBar from "./action-bar.js";

package/dist/components/alert/alert.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { Alert as AlertPrimitive } from '@chakra-ui/react/alert';
-import { CloseButton } from '../close-button';
+import { CloseButton } from "../close-button/index.js";
 export const Alert = forwardRef(function Alert(props, ref) {
     const { title, children, icon, closable, onClose, startElement, endElement, ...rest } = props;
     return (_jsxs(AlertPrimitive.Root, { ref: ref, ...rest, children: [startElement || (_jsx(AlertPrimitive.Indicator, { children: icon })), children ? (_jsxs(AlertPrimitive.Content, { children: [_jsx(AlertPrimitive.Title, { children: title }), _jsx(AlertPrimitive.Description, { children: children })] })) : (_jsx(AlertPrimitive.Title, { flex: "1", children: title })), endElement, closable && (_jsx(CloseButton, { size: "sm", pos: "relative", top: "-2", insetEnd: "-2", alignSelf: "flex-start", onClick: onClose }))] }));

package/dist/components/app-shell/index.d.ts

@@ -1,2 +1,2 @@
-export { AppShell } from './app-shell';
-export type { AppShellProps } from './app-shell';
+export { AppShell } from './app-shell.tsx';
+export type { AppShellProps } from './app-shell.tsx';

package/dist/components/app-shell/index.js

@@ -1 +1 @@
-export { AppShell } from './app-shell';
+export { AppShell } from "./app-shell.js";

package/dist/components/card/index.js

@@ -1,2 +1 @@
-'use client';
 export { Card } from '@chakra-ui/react/card';

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

@@ -1,4 +1,4 @@
-export declare const checkboxSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "control" | "indicator" | "root" | "group", {
+export declare const checkboxSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "root" | "group" | "indicator" | "control", {
     size: {
         xs: {
             root: {

package/dist/components/checkbox/checkbox.recipe.js

@@ -1,6 +1,6 @@
 import { checkboxAnatomy } from '@chakra-ui/react/anatomy';
 import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
-import { checkmarkRecipe } from '../checkmark/checkmark.recipe';
+import { checkmarkRecipe } from "../checkmark/checkmark.recipe.js";
 export const checkboxSlotRecipe = defineSlotRecipe({
     slots: checkboxAnatomy.keys(),
     className: 'chakra-checkbox',

package/dist/components/clipboard/clipboard.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { Clipboard as ChakraClipboard } from '@chakra-ui/react/clipboard';
-import { type ButtonProps } from '../button';
-import { type IconButtonProps } from '../icon-button';
-import { type InputProps } from '../input';
+import { type ButtonProps } from '../button/index.ts';
+import { type IconButtonProps } from '../icon-button/index.ts';
+import { type InputProps } from '../input/index.ts';
 interface ClipboardButtonProps extends ButtonProps {
     icon?: React.ReactNode;
     copiedIcon?: React.ReactNode;

package/dist/components/clipboard/clipboard.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Clipboard as ChakraClipboard } from '@chakra-ui/react/clipboard';
-import { Button } from '../button';
-import { IconButton } from '../icon-button';
-import { CheckIcon, CopyIcon } from '../icons';
-import { Input } from '../input';
+import { Button } from "../button/index.js";
+import { IconButton } from "../icon-button/index.js";
+import { CheckIcon, CopyIcon } from "../icons/index.js";
+import { Input } from "../input/index.js";
 const ClipboardIcon = React.forwardRef(function ClipboardIndicator(props, ref) {
     const { children = _jsx(CopyIcon, {}), copied = _jsx(CheckIcon, {}), ...rest } = props;
     return (_jsx(ChakraClipboard.Indicator, { copied: copied, ...rest, ref: ref, children: children }));

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

@@ -1,3 +1,3 @@
-export * as Clipboard from './clipboard';
+export * as Clipboard from './clipboard.tsx';
 export { useClipboard } from '@chakra-ui/react/clipboard';
 export type { UseClipboardReturn } from '@chakra-ui/react/clipboard';

package/dist/components/clipboard/index.js

@@ -1,2 +1,2 @@
-export * as Clipboard from './clipboard';
+export * as Clipboard from "./clipboard.js";
 export { useClipboard } from '@chakra-ui/react/clipboard';

package/dist/components/close-button/close-button.d.ts

@@ -1,4 +1,4 @@
-import { type IconButtonProps } from '../icon-button';
+import { type IconButtonProps } from '../icon-button/index.ts';
 export interface CloseButtonProps extends IconButtonProps {
 }
 export declare const CloseButton: import("react").ForwardRefExoticComponent<CloseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/close-button/close-button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
-import { IconButton as ChakraIconButton, } from '../icon-button';
+import { IconButton } from "../icon-button/index.js";
 import { CloseIcon } from "../icons/icons.js";
 export const CloseButton = forwardRef(function CloseButton(props, ref) {
-    return (_jsx(ChakraIconButton, { variant: "ghost", "aria-label": "Close", ref: ref, ...props, children: props.children ?? _jsx(CloseIcon, {}) }));
+    return (_jsx(IconButton, { variant: "ghost", "aria-label": "Close", ref: ref, ...props, children: props.children ?? _jsx(CloseIcon, {}) }));
 });

package/dist/components/file-upload/index.d.ts

@@ -1,2 +1,2 @@
-export * as FileUpload from './file-upload';
+export * as FileUpload from './file-upload.tsx';
 export { useFileUploadContext } from '@chakra-ui/react/file-upload';

package/dist/components/file-upload/index.js

@@ -1,2 +1,2 @@
-export * as FileUpload from './file-upload';
+export * as FileUpload from "./file-upload.js";
 export { useFileUploadContext } from '@chakra-ui/react/file-upload';

package/dist/components/hover-card/index.d.ts

@@ -1 +1 @@
-export * as HoverCard from './hover-card';
+export * as HoverCard from './hover-card.tsx';

package/dist/components/hover-card/index.js

@@ -1 +1 @@
-export * as HoverCard from './hover-card';
+export * as HoverCard from "./hover-card.js";

package/dist/components/icon-badge/index.d.ts

@@ -1,2 +1,2 @@
-export { IconBadge } from './icon-badge';
-export type { IconBadgeProps } from './icon-badge';
+export { IconBadge } from './icon-badge.tsx';
+export type { IconBadgeProps } from './icon-badge.tsx';

package/dist/components/icon-badge/index.js

@@ -1 +1 @@
-export { IconBadge } from './icon-badge';
+export { IconBadge } from "./icon-badge.js";

package/dist/components/icons/icons.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { createIcon } from './create-icon';
+import { createIcon } from "./create-icon.js";
 export const ChevronUpIcon = createIcon({
     displayName: 'ChevronUpIcon',
     path: _jsx("polyline", { points: "18 15 12 9 6 15" }),

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

@@ -1,2 +1,2 @@
-export { Link } from './link';
-export type { LinkProps } from './link';
+export { Link } from './link.tsx';
+export type { LinkProps } from './link.tsx';

package/dist/components/link/index.js

@@ -1 +1 @@
-export { Link } from './link';
+export { Link } from "./link.js";

package/dist/components/native-select/index.d.ts

@@ -1,2 +1,2 @@
-export { NativeSelect } from './native-select';
-export type { NativeSelectProps } from './native-select';
+export { NativeSelect } from './native-select.tsx';
+export type { NativeSelectProps } from './native-select.tsx';

package/dist/components/native-select/index.js

@@ -1 +1 @@
-export { NativeSelect } from './native-select';
+export { NativeSelect } from "./native-select.js";

package/dist/components/native-select/native-select.js

@@ -2,7 +2,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { NativeSelect as Select } from '@chakra-ui/react/native-select';
-import { ChevronDownIcon } from '../icons';
+import { ChevronDownIcon } from "../icons/icons.js";
 export const NativeSelect = React.forwardRef(function NativeSelect(props, ref) {
     const { icon = _jsx(ChevronDownIcon, {}), placeholder, children, ...rest } = props;
     return (_jsx(Select.Root, { ref: ref, ...rest, children: _jsxs(Select.Field, { placeholder: placeholder, children: [children, _jsx(Select.Indicator, { children: icon })] }) }));

package/dist/components/password-input/index.d.ts

@@ -1,2 +1,2 @@
-export { PasswordInput } from './password-input';
-export type { PasswordInputProps } from './password-input';
+export { PasswordInput } from './password-input.tsx';
+export type { PasswordInputProps } from './password-input.tsx';

package/dist/components/password-input/index.js

@@ -1 +1 @@
-export { PasswordInput } from './password-input';
+export { PasswordInput } from "./password-input.js";

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

@@ -1,2 +1,2 @@
-export { Radio } from './radio';
-export type { RadioProps } from './radio';
+export { Radio } from './radio.tsx';
+export type { RadioProps } from './radio.tsx';

package/dist/components/radio/index.js

@@ -1 +1 @@
-export { Radio } from './radio';
+export { Radio } from "./radio.js";

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

@@ -1 +1 @@
-export * as Select from './namespace';
+export * as Select from './namespace.ts';

package/dist/components/select/index.js

@@ -1 +1 @@
-export * as Select from './namespace';
+export * as Select from "./namespace.js";

package/dist/provider/index.d.ts

@@ -1,3 +1,3 @@
-export { SuiContext, SuiProvider, useSui } from './sui-provider';
-export type { SuiContextValue, SuiProviderProps } from './sui-provider';
-export { useLink } from './use-link';
+export { SuiContext, SuiProvider, useSui } from './sui-provider.tsx';
+export type { SuiContextValue, SuiProviderProps } from './sui-provider.tsx';
+export { useLink } from './use-link.tsx';

package/dist/provider/index.js

@@ -1,2 +1,2 @@
-export { SuiContext, SuiProvider, useSui } from './sui-provider';
-export { useLink } from './use-link';
+export { SuiContext, SuiProvider, useSui } from "./sui-provider.js";
+export { useLink } from "./use-link.js";

package/dist/provider/use-link.js

@@ -1,5 +1,5 @@
 import { chakra } from '@chakra-ui/react';
-import { useSui } from './sui-provider';
+import { useSui } from "./sui-provider.js";
 export function useLink() {
     const context = useSui();
     if (context?.linkComponent) {

package/dist/theme/index.js

@@ -1,34 +1,34 @@
 import { defineConfig } from '@chakra-ui/react';
-import { animationStyles } from './animation-styles';
-import { breakpoints } from './breakpoints';
-import { conditions } from './conditions';
-import { globalCss } from './global-css';
-import { layerStyles } from './layer-styles';
-import { recipes } from './recipes';
-import { semanticColors } from './semantic-tokens/colors';
-import { semanticRadii } from './semantic-tokens/radii';
-import { semanticShadows } from './semantic-tokens/shadows';
-import { slotRecipes } from './slot-recipes';
-import { textStyles } from './text-styles';
-import { animations } from './tokens/animations';
-import { aspectRatios } from './tokens/aspect-ratios';
-import { blurs } from './tokens/blurs';
-import { borders } from './tokens/borders';
-import { colors } from './tokens/colors';
-import { cursor } from './tokens/cursor';
-import { durations } from './tokens/durations';
-import { easings } from './tokens/easings';
-import { fontSizes } from './tokens/font-sizes';
-import { fontWeights } from './tokens/font-weights';
-import { fonts } from './tokens/fonts';
-import { keyframes } from './tokens/keyframes';
-import { letterSpacings } from './tokens/letter-spacing';
-import { lineHeights } from './tokens/line-heights';
-import { radii } from './tokens/radius';
-import { sizes } from './tokens/sizes';
-import { spacing } from './tokens/spacing';
-import { zIndices } from './tokens/z-indices';
-import { utilities } from './utilities';
+import { animationStyles } from "./animation-styles.js";
+import { breakpoints } from "./breakpoints.js";
+import { conditions } from "./conditions.js";
+import { globalCss } from "./global-css.js";
+import { layerStyles } from "./layer-styles.js";
+import { recipes } from "./recipes.js";
+import { semanticColors } from "./semantic-tokens/colors.js";
+import { semanticRadii } from "./semantic-tokens/radii.js";
+import { semanticShadows } from "./semantic-tokens/shadows.js";
+import { slotRecipes } from "./slot-recipes.js";
+import { textStyles } from "./text-styles.js";
+import { animations } from "./tokens/animations.js";
+import { aspectRatios } from "./tokens/aspect-ratios.js";
+import { blurs } from "./tokens/blurs.js";
+import { borders } from "./tokens/borders.js";
+import { colors } from "./tokens/colors.js";
+import { cursor } from "./tokens/cursor.js";
+import { durations } from "./tokens/durations.js";
+import { easings } from "./tokens/easings.js";
+import { fontSizes } from "./tokens/font-sizes.js";
+import { fontWeights } from "./tokens/font-weights.js";
+import { fonts } from "./tokens/fonts.js";
+import { keyframes } from "./tokens/keyframes.js";
+import { letterSpacings } from "./tokens/letter-spacing.js";
+import { lineHeights } from "./tokens/line-heights.js";
+import { radii } from "./tokens/radius.js";
+import { sizes } from "./tokens/sizes.js";
+import { spacing } from "./tokens/spacing.js";
+import { zIndices } from "./tokens/z-indices.js";
+import { utilities } from "./utilities.js";
 export const defaultThemeConfig = defineConfig({
     preflight: true,
     cssVarsPrefix: 'chakra',