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

package/dist/components/sidebar/sidebar.js

@@ -0,0 +1,97 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sidebar, useSidebar } from '@saas-ui/core/sidebar';
+import { ClassNamesProvider, StylesProvider, useRecipeResult, withContext, withItemContext, withItemProvider, } from "./sidebar.context.js";
+function SidebarProvider(props) {
+    return (_jsx(Sidebar.Provider, { ...props, children: _jsx(RecipeProvider, { ...props, children: props.children }) }));
+}
+function RecipeProvider(props) {
+    const { mode } = useSidebar();
+    const { styles, classNames } = useRecipeResult({
+        ...props,
+        mode,
+    });
+    return (_jsx(StylesProvider, { value: styles, children: _jsx(ClassNamesProvider, { value: classNames, children: props.children }) }));
+}
+/**
+ * Side navigation, commonly used as the primary navigation
+ *
+ * @see Docs https://saas-ui.dev/docs/components/layout/sidebar
+ */
+const SidebarRoot = withContext(Sidebar.Root, 'root');
+/**
+ * Button that toggles the sidebar visibility.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/layout/sidebar
+ */
+const SidebarTrigger = withContext(Sidebar.Trigger, 'trigger', {
+    forwardAsChild: true,
+});
+/**
+ * Opens the sidebar when hovering over the trigger.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/layout/sidebar
+ */
+const SidebarFlyoutTrigger = withContext(Sidebar.FlyoutTrigger, 'flyoutTrigger', {
+    forwardAsChild: true,
+});
+/**
+ * Overlay shown when sidebar is open on mobile.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/layout/sidebar
+ */
+const SidebarBackdrop = withContext(Sidebar.Backdrop, 'backdrop', {
+    forwardAsChild: true,
+});
+/**
+ * Sidebar header section.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/layout/sidebar
+ */
+const SidebarHeader = withContext(Sidebar.Header, 'header');
+/**
+ * Sidebar body section, used for the main content of the sidebar.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/layout/sidebar
+ */
+const SidebarBody = withContext(Sidebar.Body, 'body');
+/**
+ * Sidebar footer section.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/layout/sidebar
+ */
+const SidebarFooter = withContext(Sidebar.Footer, 'footer');
+/**
+ * Sidebar track section.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/layout/sidebar
+ */
+const SidebarTrack = withContext(Sidebar.Track, 'track', {
+    forwardAsChild: true,
+});
+/**
+ * Sidebar inset.
+ *
+ * @see Docs https://saas-ui.dev/docs/components/layout/sidebar
+ */
+const SidebarInset = withContext('div', 'inset');
+const SidebarGroup = withContext(Sidebar.Group, 'group', {
+    defaultProps: {
+        role: 'group',
+    },
+});
+const SidebarGroupHeader = withContext(Sidebar.GroupHeader, 'groupHeader');
+const SidebarGroupTitle = withContext(Sidebar.GroupTitle, 'groupTitle');
+const SidebarGroupEndElement = withContext(Sidebar.GroupEndElement, 'groupEndElement');
+const SidebarGroupContent = withContext(Sidebar.GroupContent, 'groupContent');
+const SidebarNavItem = withItemProvider(Sidebar.NavItem, 'item');
+const SidebarNavButton = withItemContext(Sidebar.NavButton, 'button', {
+    forwardAsChild: true,
+});
+const SidebarNavButtonEndElement = withItemContext(Sidebar.NavItemEndElement, 'endElement', {
+    defaultProps: {
+        'data-slot': 'endElement',
+    },
+});
+const SidebarContext = Sidebar.Context;
+export { SidebarProvider as Provider, SidebarContext as Context, SidebarRoot as Root, SidebarTrigger as Trigger, SidebarFlyoutTrigger as FlyoutTrigger, SidebarBackdrop as Backdrop, SidebarHeader as Header, SidebarBody as Body, SidebarFooter as Footer, SidebarTrack as Track, SidebarInset as Inset, SidebarGroup as Group, SidebarGroupHeader as GroupHeader, SidebarGroupTitle as GroupTitle, SidebarGroupEndElement as GroupEndElement, SidebarGroupContent as GroupContent, SidebarNavItem as NavItem, SidebarNavButton as NavButton, SidebarNavButtonEndElement as NavButtonEndElement, };

package/dist/components/simple-grid/index.d.ts

@@ -0,0 +1 @@
+export { SimpleGrid, type SimpleGridProps } from '@chakra-ui/react/simple-grid';

package/dist/components/simple-grid/index.js

@@ -0,0 +1 @@
+export { SimpleGrid } from '@chakra-ui/react/simple-grid';

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

@@ -1,6 +1 @@
-export { Skeleton_alias_1 as Skeleton } from '../../_tsup-dts-rollup.js';
-export { SkeletonProps_alias_1 as SkeletonProps } from '../../_tsup-dts-rollup.js';
-export { SkeletonCircle_alias_1 as SkeletonCircle } from '../../_tsup-dts-rollup.js';
-export { SkeletonCircleProps_alias_1 as SkeletonCircleProps } from '../../_tsup-dts-rollup.js';
-export { SkeletonText_alias_1 as SkeletonText } from '../../_tsup-dts-rollup.js';
-export { SkeletonTextProps_alias_1 as SkeletonTextProps } from '../../_tsup-dts-rollup.js';
+export { Skeleton, type SkeletonProps, SkeletonCircle, type SkeletonCircleProps, SkeletonText, type SkeletonTextProps, } from './skeleton.tsx';

package/dist/components/skeleton/index.js

@@ -1,12 +1 @@
-'use client'
-import {
-  Skeleton,
-  SkeletonCircle,
-  SkeletonText
-} from "../../chunk-UEXUCHDD.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Skeleton,
-  SkeletonCircle,
-  SkeletonText
-};
+export { Skeleton, SkeletonCircle, SkeletonText, } from "./skeleton.js";

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,12 @@
+import { type CircleProps } from '@chakra-ui/react/circle';
+import type { SkeletonProps as ChakraSkeletonProps } from '@chakra-ui/react/skeleton';
+export interface SkeletonCircleProps extends ChakraSkeletonProps {
+    size?: CircleProps['size'];
+}
+export declare const SkeletonCircle: (props: SkeletonCircleProps) => import("react/jsx-runtime").JSX.Element;
+export interface SkeletonTextProps extends ChakraSkeletonProps {
+    noOfLines?: number;
+}
+export declare const SkeletonText: import("react").ForwardRefExoticComponent<SkeletonTextProps & import("react").RefAttributes<HTMLDivElement>>;
+export type SkeletonProps = ChakraSkeletonProps;
+export declare const Skeleton: import("react").ForwardRefExoticComponent<ChakraSkeletonProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/skeleton/skeleton.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Circle } from '@chakra-ui/react/circle';
+import { Skeleton as ChakraSkeleton } from '@chakra-ui/react/skeleton';
+import { Stack } from '@chakra-ui/react/stack';
+export const SkeletonCircle = (props) => {
+    const { size, ...rest } = props;
+    return (_jsx(Circle, { size: size, asChild: true, children: _jsx(ChakraSkeleton, { ...rest }) }));
+};
+export const SkeletonText = forwardRef(function SkeletonText(props, ref) {
+    const { noOfLines = 3, gap, ...rest } = props;
+    return (_jsx(Stack, { gap: gap, width: "full", ref: ref, children: Array.from({ length: noOfLines }).map((_, index) => (_jsx(ChakraSkeleton, { height: "4", ...props, _last: { maxW: '80%' }, ...rest }, index))) }));
+});
+export const Skeleton = ChakraSkeleton;

package/dist/components/skip-nav/index.d.ts

@@ -1,4 +1 @@
-export { SkipNavContent_alias_1 as SkipNavContent } from '../../_tsup-dts-rollup.js';
-export { SkipNavContentProps_alias_1 as SkipNavContentProps } from '../../_tsup-dts-rollup.js';
-export { SkipNavLink_alias_1 as SkipNavLink } from '../../_tsup-dts-rollup.js';
-export { SkipNavLinkProps_alias_1 as SkipNavLinkProps } from '../../_tsup-dts-rollup.js';
+export { SkipNavContent, type SkipNavContentProps, SkipNavLink, type SkipNavLinkProps, } from '@chakra-ui/react/skip-nav';

package/dist/components/skip-nav/index.js

@@ -1,10 +1 @@
-'use client'
-import {
-  SkipNavContent,
-  SkipNavLink
-} from "../../chunk-GDDJYUWM.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  SkipNavContent,
-  SkipNavLink
-};
+export { SkipNavContent, SkipNavLink, } from '@chakra-ui/react/skip-nav';

package/dist/components/skip-nav-link/index.d.ts

@@ -1,4 +1 @@
-export { SkipNavLink_alias_2 as SkipNavLink } from '../../_tsup-dts-rollup.js';
-export { SkipNavContent_alias_2 as SkipNavContent } from '../../_tsup-dts-rollup.js';
-export { SkipNavContentProps_alias_2 as SkipNavContentProps } from '../../_tsup-dts-rollup.js';
-export { SkipNavLinkProps_alias_2 as SkipNavLinkProps } from '../../_tsup-dts-rollup.js';
+export { SkipNavLink, SkipNavContent, type SkipNavContentProps, type SkipNavLinkProps, } from '@chakra-ui/react/skip-nav';

package/dist/components/skip-nav-link/index.js

@@ -1,12 +1 @@
-'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/skip-nav-link/index.ts
-import {
-  SkipNavLink,
-  SkipNavContent
-} from "@chakra-ui/react/skip-nav";
-export {
-  SkipNavContent,
-  SkipNavLink
-};
+export { SkipNavLink, SkipNavContent, } from '@chakra-ui/react/skip-nav';

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

@@ -1,2 +1 @@
-export { Slider_alias_1 as Slider } from '../../_tsup-dts-rollup.js';
-export { SliderProps_alias_1 as SliderProps } from '../../_tsup-dts-rollup.js';
+export { Slider, type SliderProps } from './slider.tsx';

package/dist/components/slider/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  Slider
-} from "../../chunk-HREBIPVW.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Slider
-};
+export { Slider } from "./slider.js";

package/dist/components/slider/slider.d.ts

@@ -0,0 +1,9 @@
+import { Slider as ChakraSlider } from '@chakra-ui/react/slider';
+export interface SliderProps extends ChakraSlider.RootProps {
+    marks?: Array<number | {
+        value: number;
+        label: React.ReactNode;
+    }>;
+    label?: React.ReactNode;
+}
+export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/slider/slider.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Slider as ChakraSlider } from '@chakra-ui/react/slider';
+export const Slider = forwardRef(function Slider(props, ref) {
+    const { marks: marksProp, label, ...rest } = props;
+    const value = props.defaultValue ?? props.value;
+    const marks = marksProp?.map((mark) => {
+        if (typeof mark === 'number')
+            return { value: mark, label: undefined };
+        return mark;
+    });
+    const hasMarkLabel = !!marks?.some((mark) => mark.label);
+    return (_jsxs(ChakraSlider.Root, { ref: ref, thumbAlignment: "center", ...rest, children: [label && (_jsx(ChakraSlider.Label, { fontWeight: "medium", children: label })), _jsxs(ChakraSlider.Control, { mb: hasMarkLabel ? '4' : undefined, children: [_jsx(ChakraSlider.Track, { children: _jsx(ChakraSlider.Range, {}) }), value?.map((_, index) => (_jsx(ChakraSlider.Thumb, { index: index, children: _jsx(ChakraSlider.HiddenInput, {}) }, index)))] }), marks?.length && (_jsx(ChakraSlider.MarkerGroup, { children: marks.map((mark, index) => {
+                    const value = typeof mark === 'number' ? mark : mark.value;
+                    const label = typeof mark === 'number' ? undefined : mark.label;
+                    return (_jsxs(ChakraSlider.Marker, { value: value, children: [_jsx(ChakraSlider.MarkerIndicator, {}), label] }, index));
+                }) }))] }));
+});

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

@@ -1,2 +1 @@
-export { Spacer_alias_1 as Spacer } from '../../_tsup-dts-rollup.js';
-export { SpacerProps_alias_1 as SpacerProps } from '../../_tsup-dts-rollup.js';
+export { Spacer, type SpacerProps, } from '@chakra-ui/react/spacer';

package/dist/components/spacer/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  Spacer
-} from "../../chunk-UAX5344Y.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Spacer
-};
+export { Spacer, } from '@chakra-ui/react/spacer';

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

@@ -0,0 +1 @@
+export { Span, type SpanProps } from '@chakra-ui/react/span';

package/dist/components/span/index.js

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

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

@@ -1,2 +1,2 @@
-export { Spinner_alias_1 as Spinner } from '../../_tsup-dts-rollup.js';
-export { SpinnerProps_alias_1 as SpinnerProps } from '../../_tsup-dts-rollup.js';
+export { Spinner } from './spinner.tsx';
+export type { SpinnerProps } from './spinner.tsx';

package/dist/components/spinner/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  Spinner
-} from "../../chunk-MK3OG2I4.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Spinner
-};
+export { Spinner } from "./spinner.js";

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,6 @@
+import type { SpinnerProps as ChakraSpinnerProps } from '@chakra-ui/react/spinner';
+export interface SpinnerProps extends ChakraSpinnerProps {
+    loading?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Spinner: import("react").ForwardRefExoticComponent<SpinnerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/spinner/spinner.js

@@ -0,0 +1,11 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Spinner as ChakraSpinner } from '@chakra-ui/react/spinner';
+export const Spinner = forwardRef(function Spinner(props, ref) {
+    const { loading, children, ...rest } = props;
+    if (loading === false) {
+        return _jsx(_Fragment, { children: children });
+    }
+    return _jsx(ChakraSpinner, { ref: ref, ...rest });
+});

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/stack/index.d.ts

@@ -1,6 +1 @@
-export { Stack_alias_1 as Stack } from '../../_tsup-dts-rollup.js';
-export { StackProps_alias_1 as StackProps } from '../../_tsup-dts-rollup.js';
-export { HStack_alias_1 as HStack } from '../../_tsup-dts-rollup.js';
-export { StackSeparator_alias_1 as StackSeparator } from '../../_tsup-dts-rollup.js';
-export { StackSeparatorProps_alias_1 as StackSeparatorProps } from '../../_tsup-dts-rollup.js';
-export { VStack_alias_1 as VStack } from '../../_tsup-dts-rollup.js';
+export { Stack, type StackProps, HStack, StackSeparator, type StackSeparatorProps, VStack, } from '@chakra-ui/react/stack';

package/dist/components/stack/index.js

@@ -1,14 +1 @@
-'use client'
-import {
-  HStack,
-  Stack,
-  StackSeparator,
-  VStack
-} from "../../chunk-QNKQFCKJ.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  HStack,
-  Stack,
-  StackSeparator,
-  VStack
-};
+export { Stack, HStack, StackSeparator, VStack, } from '@chakra-ui/react/stack';

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

@@ -1 +1 @@
-export { Stat_alias_1 as Stat } from '../../_tsup-dts-rollup.js';
+export * as Stat from './stat.tsx';

package/dist/components/stat/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  stat_exports
-} from "../../chunk-3RHNNKPC.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  stat_exports as Stat
-};
+export * as Stat from "./stat.js";

package/dist/components/stat/stat.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { type BadgeProps } from '@chakra-ui/react/badge';
+import { Stat as ChakraStat } from '@chakra-ui/react/stat';
+interface StatValueTextProps extends ChakraStat.ValueTextProps {
+    value?: number;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+declare const StatValueText: React.ForwardRefExoticComponent<StatValueTextProps & React.RefAttributes<HTMLDivElement>>;
+declare const StatUpTrend: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+declare const StatDownTrend: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Root: React.ForwardRefExoticComponent<ChakraStat.RootProps & React.RefAttributes<HTMLDListElement>>;
+export declare const Label: React.ForwardRefExoticComponent<ChakraStat.LabelProps & React.RefAttributes<HTMLElement>>;
+export declare const HelpText: React.ForwardRefExoticComponent<ChakraStat.HelpTextProps & React.RefAttributes<HTMLElement>>;
+export declare const ValueUnit: React.ForwardRefExoticComponent<ChakraStat.ValueUnitProps & React.RefAttributes<HTMLElement>>;
+export type RootProps = ChakraStat.RootProps;
+export type ValueTextProps = StatValueTextProps;
+export { StatValueText as ValueText, StatUpTrend as UpTrend, StatDownTrend as DownTrend, };

package/dist/components/stat/stat.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Badge } from '@chakra-ui/react/badge';
+import { FormatNumber } from '@chakra-ui/react/format';
+import { Stat as ChakraStat } from '@chakra-ui/react/stat';
+const StatValueText = React.forwardRef(function StatValueText(props, ref) {
+    const { value, formatOptions, children, ...rest } = props;
+    return (_jsx(ChakraStat.ValueText, { ...rest, ref: ref, children: children ||
+            (value != null && _jsx(FormatNumber, { value: value, ...formatOptions })) }));
+});
+const StatUpTrend = React.forwardRef(function StatUpTrend(props, ref) {
+    return (_jsxs(Badge, { colorPalette: "green", gap: "0", ...props, ref: ref, children: [_jsx(ChakraStat.UpIndicator, {}), props.children] }));
+});
+const StatDownTrend = React.forwardRef(function StatDownTrend(props, ref) {
+    return (_jsxs(Badge, { colorPalette: "red", gap: "0", ...props, ref: ref, children: [_jsx(ChakraStat.DownIndicator, {}), props.children] }));
+});
+export const Root = ChakraStat.Root;
+export const Label = ChakraStat.Label;
+export const HelpText = ChakraStat.HelpText;
+export const ValueUnit = ChakraStat.ValueUnit;
+export { StatValueText as ValueText, StatUpTrend as UpTrend, StatDownTrend as DownTrend, };

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

@@ -1,2 +1 @@
-export { Status_alias_1 as Status } from '../../_tsup-dts-rollup.js';
-export { StatusProps_alias_1 as StatusProps } from '../../_tsup-dts-rollup.js';
+export { Status, type StatusProps } from './status.tsx';

package/dist/components/status/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  Status
-} from "../../chunk-U3EPRSD3.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Status
-};
+export { Status } from "./status.js";

package/dist/components/status/status.d.ts

@@ -0,0 +1,14 @@
+import { Status as ChakraStatus } from '@chakra-ui/react/status';
+import type { Token } from '@chakra-ui/react/styled-system';
+export type StatusTokens = Extract<Token, `colors.status.${string}`>;
+export interface StatusProps extends ChakraStatus.RootProps {
+    /**
+     * The status value, used to determine the color of the status
+     * colors can be configured as semantic tokens under the `colors.status` key.
+     */
+    value?: StatusTokens extends never ? string : StatusTokens;
+}
+/**
+ * Status component
+ */
+export declare const Status: import("react").ForwardRefExoticComponent<StatusProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/status/status.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Status as ChakraStatus } from '@chakra-ui/react/status';
+/**
+ * Status component
+ */
+export const Status = forwardRef(function Status(props, ref) {
+    const { children, value, ...rest } = props;
+    const color = value ? `status.${value}` : undefined;
+    return (_jsxs(ChakraStatus.Root, { ref: ref, ...rest, children: [_jsx(ChakraStatus.Indicator, { bg: color }), children] }));
+});

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

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

package/dist/components/steps/index.js

@@ -1,10 +1,2 @@
-'use client'
-import {
-  steps_exports
-} from "../../chunk-I2J6U5Z4.js";
-import "../../chunk-KTLWEUNW.js";
-import "../../chunk-OME35FUG.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  steps_exports as Steps
-};
+export * as Steps from "./steps.js";
+export { useStepsContext } from '@chakra-ui/react/steps';

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

@@ -0,0 +1,24 @@
+import { Steps as ChakraSteps, useStepsContext } from '@chakra-ui/react/steps';
+interface StepInfoProps {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}
+interface StepsItemProps extends Omit<ChakraSteps.ItemProps, 'title'>, StepInfoProps {
+    completedIcon?: React.ReactNode;
+    icon?: React.ReactNode;
+}
+declare const StepsItem: (props: StepsItemProps) => import("react/jsx-runtime").JSX.Element;
+interface StepsIndicatorProps {
+    completedIcon: React.ReactNode;
+    icon?: React.ReactNode;
+}
+declare const StepsIndicator: (props: StepsIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+declare const StepsList: import("react").ForwardRefExoticComponent<ChakraSteps.ListProps & import("react").RefAttributes<HTMLDivElement>>;
+type StepsRootProps = ChakraSteps.RootProps;
+declare const StepsRoot: import("react").ForwardRefExoticComponent<ChakraSteps.RootProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const StepsContent: import("react").ForwardRefExoticComponent<ChakraSteps.ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const StepsCompletedContent: import("react").ForwardRefExoticComponent<ChakraSteps.CompletedContentProps & import("react").RefAttributes<HTMLDivElement>>;
+declare const StepsNextTrigger: (props: ChakraSteps.NextTriggerProps) => import("react/jsx-runtime").JSX.Element;
+declare const StepsPrevTrigger: (props: ChakraSteps.PrevTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export { StepsRoot as Root, StepsContent as Content, StepsCompletedContent as CompletedContent, StepsList as List, StepsIndicator as Indicator, StepsItem as Item, StepsNextTrigger as NextTrigger, StepsPrevTrigger as PrevTrigger, useStepsContext as useContext, };
+export type { StepsRootProps as RootProps, StepsItemProps as ItemProps, StepsIndicatorProps as IndicatorProps, };

package/dist/components/steps/steps.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box } from '@chakra-ui/react/box';
+import { Steps as ChakraSteps, useStepsContext } from '@chakra-ui/react/steps';
+import { CheckIcon } from "../icons/index.js";
+const StepsItem = (props) => {
+    const { title, description, completedIcon, icon, ...rest } = props;
+    return (_jsxs(ChakraSteps.Item, { ...rest, children: [_jsxs(ChakraSteps.Trigger, { children: [_jsx(ChakraSteps.Indicator, { children: _jsx(ChakraSteps.Status, { complete: completedIcon || _jsx(CheckIcon, {}), incomplete: icon || _jsx(ChakraSteps.Number, {}) }) }), _jsx(StepInfo, { title: title, description: description })] }), _jsx(ChakraSteps.Separator, {})] }));
+};
+const StepInfo = (props) => {
+    const { title, description } = props;
+    if (title && description) {
+        return (_jsxs(Box, { children: [_jsx(ChakraSteps.Title, { children: title }), _jsx(ChakraSteps.Description, { children: description })] }));
+    }
+    return (_jsxs(_Fragment, { children: [title && _jsx(ChakraSteps.Title, { children: title }), description && (_jsx(ChakraSteps.Description, { children: description }))] }));
+};
+const StepsIndicator = (props) => {
+    const { icon = _jsx(ChakraSteps.Number, {}), completedIcon } = props;
+    return (_jsx(ChakraSteps.Indicator, { children: _jsx(ChakraSteps.Status, { complete: completedIcon, incomplete: icon }) }));
+};
+const StepsList = ChakraSteps.List;
+const StepsRoot = ChakraSteps.Root;
+const StepsContent = ChakraSteps.Content;
+const StepsCompletedContent = ChakraSteps.CompletedContent;
+const StepsNextTrigger = (props) => {
+    return _jsx(ChakraSteps.NextTrigger, { ...props });
+};
+const StepsPrevTrigger = (props) => {
+    return _jsx(ChakraSteps.PrevTrigger, { ...props });
+};
+export { StepsRoot as Root, StepsContent as Content, StepsCompletedContent as CompletedContent, StepsList as List, StepsIndicator as Indicator, StepsItem as Item, StepsNextTrigger as NextTrigger, StepsPrevTrigger as PrevTrigger, useStepsContext as useContext, };

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/strong/index.d.ts

@@ -0,0 +1 @@
+export { Strong, type StrongProps } from '@chakra-ui/react/strong';

package/dist/components/strong/index.js

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

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

@@ -1,2 +1,2 @@
-export { Switch_alias_1 as Switch } from '../../_tsup-dts-rollup.js';
-export { SwitchProps_alias_1 as SwitchProps } from '../../_tsup-dts-rollup.js';
+export { Switch } from './switch.tsx';
+export type { SwitchProps } from './switch.tsx';

package/dist/components/switch/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  Switch
-} from "../../chunk-3E6URZ5P.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Switch
-};
+export { Switch } from "./switch.js";

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,14 @@
+import { Switch as ChakraSwitch } from '@chakra-ui/react/switch';
+export interface SwitchProps extends ChakraSwitch.RootProps {
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    rootRef?: React.Ref<HTMLLabelElement>;
+    trackLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+    thumbLabel?: {
+        on: React.ReactNode;
+        off: React.ReactNode;
+    };
+}
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/switch/switch.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Switch as ChakraSwitch } from '@chakra-ui/react/switch';
+export const Switch = forwardRef(function Switch(props, ref) {
+    const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
+    return (_jsxs(ChakraSwitch.Root, { ref: rootRef, ...rest, children: [_jsx(ChakraSwitch.HiddenInput, { ref: ref, ...inputProps }), _jsxs(ChakraSwitch.Control, { children: [_jsx(ChakraSwitch.Thumb, { children: thumbLabel && (_jsx(ChakraSwitch.ThumbIndicator, { fallback: thumbLabel?.off, children: thumbLabel?.on })) }), trackLabel && (_jsx(ChakraSwitch.Indicator, { fallback: trackLabel.off, children: trackLabel.on }))] }), children != null && (_jsx(ChakraSwitch.Label, { children: children }))] }));
+});

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

@@ -1 +1 @@
-export { Table_alias_1 as Table } from '../../_tsup-dts-rollup.js';
+export { Table } from '@chakra-ui/react/table';

package/dist/components/table/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  Table
-} from "../../chunk-TH6YCBEG.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Table
-};
+export { Table } from '@chakra-ui/react/table';

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

@@ -1,4 +1 @@
-export { Tabs_alias_1 as Tabs } from '../../_tsup-dts-rollup.js';
-export { useTabsContext_alias_1 as useTabsContext } from '../../_tsup-dts-rollup.js';
-export { useTabsStyles_alias_1 as useTabsStyles } from '../../_tsup-dts-rollup.js';
-export { useTabs } from '../../_tsup-dts-rollup.js';
+export { Tabs, useTabsContext, useTabsStyles, useTabs, } from '@chakra-ui/react/tabs';

package/dist/components/tabs/index.js

@@ -1,14 +1 @@
-'use client'
-import {
-  Tabs,
-  useTabs,
-  useTabsContext,
-  useTabsStyles
-} from "../../chunk-5YNHX4C7.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Tabs,
-  useTabs,
-  useTabsContext,
-  useTabsStyles
-};
+export { Tabs, useTabsContext, useTabsStyles, useTabs, } from '@chakra-ui/react/tabs';

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

@@ -1,2 +1 @@
-export { Tag_alias_1 as Tag } from '../../_tsup-dts-rollup.js';
-export { TagProps_alias_1 as TagProps } from '../../_tsup-dts-rollup.js';
+export { Tag, type TagProps } from './tag.tsx';