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

package/dist/components/drawer/drawer.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { DialogContext } from '@ark-ui/react/dialog';
+import { Drawer as ChakraDrawer, Portal } from '@chakra-ui/react';
+import { CloseButton as CloseButtonBase } from "../close-button/index.js";
+export const Content = forwardRef(function DrawerContent(props, ref) {
+    const { children, portalled = true, portalRef, offset, ...rest } = props;
+    return (_jsx(Portal, { disabled: !portalled, container: portalRef, children: _jsx(ChakraDrawer.Positioner, { padding: offset, children: _jsx(ChakraDrawer.Content, { ref: ref, ...rest, asChild: false, children: children }) }) }));
+});
+export const CloseButton = forwardRef(function DrawerCloseTrigger(props, ref) {
+    const { children, ...rest } = props;
+    return (_jsx(ChakraDrawer.CloseTrigger, { ...rest, asChild: true, children: _jsx(CloseButtonBase, { size: "sm", ref: ref, children: children }) }));
+});
+export const CloseTrigger = ChakraDrawer.CloseTrigger;
+export const Trigger = ChakraDrawer.Trigger;
+export const Root = ChakraDrawer.Root;
+export const Footer = ChakraDrawer.Footer;
+export const Header = ChakraDrawer.Header;
+export const Body = ChakraDrawer.Body;
+export const Backdrop = ChakraDrawer.Backdrop;
+export const Description = ChakraDrawer.Description;
+export const Title = ChakraDrawer.Title;
+export const ActionTrigger = ChakraDrawer.ActionTrigger;
+export const Context = DialogContext;

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

@@ -1 +1 @@
-export { Drawer_alias_1 as Drawer } from '../../_tsup-dts-rollup.js';
+export * as Drawer from './drawer.tsx';

package/dist/components/drawer/index.js

@@ -1,13 +1 @@
-'use client'
-import {
-  drawer_exports
-} from "../../chunk-KH7E5C3C.js";
-import "../../chunk-JMYI6YXR.js";
-import "../../chunk-WZUKOJGI.js";
-import "../../chunk-OJZPPAT6.js";
-import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  drawer_exports as Drawer
-};
+export * as Drawer from "./drawer.js";

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

@@ -1 +1 @@
-export { Editable_alias_1 as Editable } from '../../_tsup-dts-rollup.js';
+export { Editable, useEditable, useEditableContext, } from '@chakra-ui/react/editable';

package/dist/components/editable/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  Editable
-} from "../../chunk-TEQVVR3W.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Editable
-};
+export { Editable, useEditable, useEditableContext, } from '@chakra-ui/react/editable';

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

@@ -0,0 +1 @@
+export { Em, type EmProps } from '@chakra-ui/react/em';

package/dist/components/em/index.js

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

package/dist/components/empty-state/empty-state.d.ts

@@ -0,0 +1,7 @@
+import { EmptyState as ChakraEmptyState } from '@chakra-ui/react';
+export interface EmptyStateProps extends ChakraEmptyState.RootProps {
+    title: string;
+    description?: React.ReactNode;
+    icon?: React.ReactNode;
+}
+export declare const EmptyState: import("react").ForwardRefExoticComponent<EmptyStateProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/empty-state/empty-state.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Box, EmptyState as ChakraEmptyState, useEmptyStateStyles, } from '@chakra-ui/react';
+const EmptyStateActions = (props) => {
+    const { actions } = useEmptyStateStyles();
+    return _jsx(Box, { ...props, css: [actions, props.css] });
+};
+export const EmptyState = forwardRef(function EmptyState(props, ref) {
+    const { title, description, icon, children, ...rest } = props;
+    const as = typeof description === 'string' ? 'p' : 'div';
+    return (_jsx(ChakraEmptyState.Root, { ref: ref, ...rest, children: _jsxs(ChakraEmptyState.Content, { children: [icon && (_jsx(ChakraEmptyState.Indicator, { children: icon })), _jsx(ChakraEmptyState.Title, { children: title }), description ? (_jsx(ChakraEmptyState.Description, { as: as, children: description })) : null, _jsx(EmptyStateActions, { children: children })] }) }));
+});

package/dist/components/empty-state/index.d.ts

@@ -1,2 +1,2 @@
-export { EmptyState_alias_1 as EmptyState } from '../../_tsup-dts-rollup.js';
-export { EmptyStateProps_alias_1 as EmptyStateProps } from '../../_tsup-dts-rollup.js';
+export { EmptyState } from './empty-state.tsx';
+export type { EmptyStateProps } from './empty-state.tsx';

package/dist/components/empty-state/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  EmptyState
-} from "../../chunk-NGGISORT.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  EmptyState
-};
+export { EmptyState } from "./empty-state.js";

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

@@ -0,0 +1 @@
+export { type EnvironmentContext, EnvironmentProvider, type EnvironmentProviderProps, type RootNode, useEnvironmentContext, } from '@chakra-ui/react/environment';

package/dist/components/environment/index.js

@@ -0,0 +1 @@
+export { EnvironmentProvider, useEnvironmentContext, } from '@chakra-ui/react/environment';

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

@@ -1,3 +1 @@
-export { Field_alias_1 as Field } from '../../_tsup-dts-rollup.js';
-export { useFieldContext_alias_1 as useFieldContext } from '../../_tsup-dts-rollup.js';
-export { useFieldStyles_alias_1 as useFieldStyles } from '../../_tsup-dts-rollup.js';
+export { Field, useFieldContext, useFieldStyles } from '@chakra-ui/react/field';

package/dist/components/field/index.js

@@ -1,12 +1 @@
-'use client'
-import {
-  Field,
-  useFieldContext,
-  useFieldStyles
-} from "../../chunk-XX2OY7LK.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Field,
-  useFieldContext,
-  useFieldStyles
-};
+export { Field, useFieldContext, useFieldStyles } from '@chakra-ui/react/field';

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

@@ -1,2 +1 @@
-export { Fieldset_alias_1 as Fieldset } from '../../_tsup-dts-rollup.js';
-export { useFieldsetContext_alias_1 as useFieldsetContext } from '../../_tsup-dts-rollup.js';
+export { Fieldset, useFieldsetContext } from '@chakra-ui/react/fieldset';

package/dist/components/fieldset/index.js

@@ -1,10 +1 @@
-'use client'
-import {
-  Fieldset,
-  useFieldsetContext
-} from "../../chunk-FPRTN3I7.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Fieldset,
-  useFieldsetContext
-};
+export { Fieldset, useFieldsetContext } from '@chakra-ui/react/fieldset';

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { FileUpload as ChakraFileUpload } from '@chakra-ui/react/file-upload';
+import { type RecipeProps } from '@chakra-ui/react/styled-system';
+import { type ButtonProps } from '../button/index.ts';
+export interface RootProps extends ChakraFileUpload.RootProps {
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+export declare const Root: React.ForwardRefExoticComponent<RootProps & React.RefAttributes<HTMLInputElement>>;
+export interface DropzoneProps extends ChakraFileUpload.DropzoneProps {
+}
+export declare const Dropzone: React.ForwardRefExoticComponent<DropzoneProps & React.RefAttributes<HTMLInputElement>>;
+interface VisibilityProps {
+    showSize?: boolean;
+    clearable?: boolean;
+}
+interface ListProps extends VisibilityProps, ChakraFileUpload.ItemGroupProps {
+    files?: File[];
+}
+export declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement>>;
+type Assign<T, U> = Omit<T, keyof U> & U;
+export interface InputProps extends Assign<ButtonProps, RecipeProps<'input'>> {
+    placeholder?: React.ReactNode;
+}
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Label: React.ForwardRefExoticComponent<ChakraFileUpload.LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export declare const ClearTrigger: React.ForwardRefExoticComponent<import("@chakra-ui/react").FileUploadClearTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Trigger: React.ForwardRefExoticComponent<ChakraFileUpload.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Context: (props: import("@ark-ui/react").FileUploadContextProps) => import("react").ReactNode;
+export {};

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

@@ -0,0 +1,46 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { FileUpload as ChakraFileUpload, useFileUploadContext, } from '@chakra-ui/react/file-upload';
+import { Span } from '@chakra-ui/react/span';
+import { useRecipe } from '@chakra-ui/react/styled-system';
+import { Button } from "../button/index.js";
+import { CloseButton } from "../close-button/index.js";
+export const Root = React.forwardRef(function FileUploadRoot(props, ref) {
+    const { children, inputProps, ...rest } = props;
+    return (_jsxs(ChakraFileUpload.Root, { ...rest, children: [_jsx(ChakraFileUpload.HiddenInput, { ref: ref, ...inputProps }), children] }));
+});
+export const Dropzone = React.forwardRef(function FileUploadDropzone(props, ref) {
+    const { children, ...rest } = props;
+    return (_jsx(ChakraFileUpload.Dropzone, { ref: ref, ...rest, children: _jsx(ChakraFileUpload.DropzoneContent, { children: children }) }));
+});
+const Item = React.forwardRef(function FileUploadItem(props, ref) {
+    const { file, showSize, icon, clearable } = props;
+    return (_jsxs(ChakraFileUpload.Item, { file: file, ref: ref, children: [_jsx(ChakraFileUpload.ItemPreview, { children: icon }), showSize ? (_jsxs(ChakraFileUpload.ItemContent, { children: [_jsx(ChakraFileUpload.ItemName, {}), _jsx(ChakraFileUpload.ItemSizeText, {})] })) : (_jsx(ChakraFileUpload.ItemName, { flex: "1" })), clearable && (_jsx(ChakraFileUpload.ItemDeleteTrigger, { asChild: true, children: _jsx(CloseButton, { size: "xs" }) }))] }));
+});
+export const List = React.forwardRef(function FileUploadList(props, ref) {
+    const { showSize, clearable, files, ...rest } = props;
+    const fileUpload = useFileUploadContext();
+    const acceptedFiles = files ?? fileUpload.acceptedFiles;
+    if (acceptedFiles.length === 0)
+        return null;
+    return (_jsx(ChakraFileUpload.ItemGroup, { ref: ref, ...rest, children: acceptedFiles.map((file) => (_jsx(Item, { file: file, showSize: showSize, clearable: clearable }, file.name))) }));
+});
+export const Input = React.forwardRef(function FileInput(props, ref) {
+    const inputRecipe = useRecipe({ key: 'input' });
+    const [recipeProps, restProps] = inputRecipe.splitVariantProps(props);
+    const { placeholder = 'Select file(s)', ...rest } = restProps;
+    return (_jsx(ChakraFileUpload.Trigger, { asChild: true, children: _jsx(Button, { unstyled: true, py: "0", ref: ref, ...rest, css: [inputRecipe(recipeProps), props.css], children: _jsx(ChakraFileUpload.Context, { children: ({ acceptedFiles }) => {
+                    if (acceptedFiles.length === 1) {
+                        return _jsx("span", { children: acceptedFiles[0].name });
+                    }
+                    if (acceptedFiles.length > 1) {
+                        return _jsxs("span", { children: [acceptedFiles.length, " files"] });
+                    }
+                    return _jsx(Span, { color: "fg.subtle", children: placeholder });
+                } }) }) }));
+});
+export const Label = ChakraFileUpload.Label;
+export const ClearTrigger = ChakraFileUpload.ClearTrigger;
+export const Trigger = ChakraFileUpload.Trigger;
+export const Context = ChakraFileUpload.Context;

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

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

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

@@ -1,14 +1,2 @@
-'use client'
-import {
-  file_upload_exports,
-  useFileUploadContext
-} from "../../chunk-EJOXGWHK.js";
-import "../../chunk-WZUKOJGI.js";
-import "../../chunk-OJZPPAT6.js";
-import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  file_upload_exports as FileUpload,
-  useFileUploadContext
-};
+export * as FileUpload from "./file-upload.js";
+export { useFileUploadContext } from '@chakra-ui/react/file-upload';

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

@@ -1,2 +1 @@
-export { Flex } from '../../_tsup-dts-rollup.js';
-export { FlexProps } from '../../_tsup-dts-rollup.js';
+export { Flex, type FlexProps, } from '@chakra-ui/react/flex';

package/dist/components/flex/index.js

@@ -1,10 +1 @@
-'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/flex/index.ts
-import {
-  Flex
-} from "@chakra-ui/react/flex";
-export {
-  Flex
-};
+export { Flex, } from '@chakra-ui/react/flex';

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

@@ -1,2 +1 @@
-export { Float_alias_1 as Float } from '../../_tsup-dts-rollup.js';
-export { FloatProps } from '../../_tsup-dts-rollup.js';
+export { Float, type FloatProps, } from '@chakra-ui/react/float';

package/dist/components/float/index.js

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

package/dist/components/focus-trap/index.d.ts

@@ -1,2 +1 @@
-export { FocusTrap_alias_1 as FocusTrap } from '../../_tsup-dts-rollup.js';
-export { FocusTrapProps } from '../../_tsup-dts-rollup.js';
+export { FocusTrap, type FocusTrapProps } from '@chakra-ui/react/focus-trap';

package/dist/components/focus-trap/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  FocusTrap
-} from "../../chunk-EWATHRZA.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  FocusTrap
-};
+export { FocusTrap } from '@chakra-ui/react/focus-trap';

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

@@ -1,2 +1 @@
-export { For } from '../../_tsup-dts-rollup.js';
-export { ForProps } from '../../_tsup-dts-rollup.js';
+export { For, type ForProps, } from '@chakra-ui/react/for';

package/dist/components/for/index.js

@@ -1,10 +1 @@
-'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/for/index.ts
-import {
-  For
-} from "@chakra-ui/react/for";
-export {
-  For
-};
+export { For, } from '@chakra-ui/react/for';

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

@@ -1,4 +1 @@
-export { FormatByte_alias_1 as FormatByte } from '../../_tsup-dts-rollup.js';
-export { FormatByteProps_alias_1 as FormatByteProps } from '../../_tsup-dts-rollup.js';
-export { FormatNumber_alias_1 as FormatNumber } from '../../_tsup-dts-rollup.js';
-export { FormatNumberProps_alias_1 as FormatNumberProps } from '../../_tsup-dts-rollup.js';
+export { FormatByte, type FormatByteProps, FormatNumber, type FormatNumberProps, } from '@chakra-ui/react/format';

package/dist/components/format/index.js

@@ -1,10 +1 @@
-'use client'
-import {
-  FormatByte,
-  FormatNumber
-} from "../../chunk-6WZK2RBQ.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  FormatByte,
-  FormatNumber
-};
+export { FormatByte, FormatNumber, } from '@chakra-ui/react/format';

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

@@ -1,2 +1 @@
-export { Grid_alias_1 as Grid } from '../../_tsup-dts-rollup.js';
-export { GridProps_alias_1 as GridProps } from '../../_tsup-dts-rollup.js';
+export { Grid, type GridProps, GridItem, type GridItemProps, } from '@chakra-ui/react/grid';

package/dist/components/grid/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  Grid
-} from "../../chunk-EZZW6JOU.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Grid
-};
+export { Grid, GridItem, } from '@chakra-ui/react/grid';

package/dist/components/grid-list/grid-list.context.d.ts

@@ -0,0 +1 @@
+export declare const withProvider: <T, P>(Component: React.ElementType<any>, slot: string, options?: import("@chakra-ui/react").WithProviderOptions<P> | undefined) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P> & import("react").RefAttributes<T>>, withContext: <T, P_1>(Component: React.ElementType<any>, slot?: string | undefined, options?: import("@chakra-ui/react").WithContextOptions<P_1> | undefined) => import("react").ForwardRefExoticComponent<import("react").PropsWithoutRef<P_1> & import("react").RefAttributes<T>>, useGridListStyles: () => Record<string, import("@chakra-ui/react").SystemStyleObject>;

package/dist/components/grid-list/grid-list.context.js

@@ -0,0 +1,4 @@
+import { createSlotRecipeContext } from '@chakra-ui/react/styled-system';
+export const { withProvider, withContext, useStyles: useGridListStyles, } = createSlotRecipeContext({
+    key: 'suiGridList',
+});

package/dist/components/grid-list/grid-list.d.ts

@@ -0,0 +1,17 @@
+import type { HTMLChakraProps } from '@chakra-ui/react/styled-system';
+import type { GridListVariantProps } from '@saas-ui/chakra-preset/slot-recipes/grid-list';
+import type { SlotRecipeProps } from '../../types.ts';
+interface GridListRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiGridList', GridListVariantProps> {
+}
+declare const GridListRoot: import("react").ForwardRefExoticComponent<GridListRootProps & import("react").RefAttributes<HTMLDivElement>>;
+interface GridListItemProps extends HTMLChakraProps<'div'> {
+}
+declare const GridListItem: import("react").ForwardRefExoticComponent<GridListItemProps & import("react").RefAttributes<HTMLDivElement>>;
+interface GridListHeaderProps extends HTMLChakraProps<'header'> {
+}
+declare const GridListHeader: import("react").ForwardRefExoticComponent<GridListHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+interface GridListCellProps extends HTMLChakraProps<'div'> {
+}
+declare const GridListCell: import("react").ForwardRefExoticComponent<GridListCellProps & import("react").RefAttributes<HTMLDivElement>>;
+export { GridListRoot as Root, GridListItem as Item, GridListHeader as Header, GridListCell as Cell, };
+export type { GridListRootProps as RootProps, GridListHeaderProps as HeaderProps, GridListItemProps as ItemProps, GridListCellProps as CellProps, };

package/dist/components/grid-list/grid-list.js

@@ -0,0 +1,8 @@
+'use client';
+import { GridList } from '@saas-ui/core/grid-list';
+import { withContext, withProvider } from "./grid-list.context.js";
+const GridListRoot = withProvider(GridList.Root, 'root');
+const GridListItem = withContext(GridList.Item, 'item');
+const GridListHeader = withContext(GridList.Header, 'header');
+const GridListCell = withContext(GridList.Cell, 'cell');
+export { GridListRoot as Root, GridListItem as Item, GridListHeader as Header, GridListCell as Cell, };

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

@@ -1 +1 @@
-export { GridList_alias_1 as GridList } from '../../_tsup-dts-rollup.js';
+export * as GridList from './grid-list.tsx';

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

@@ -1,8 +1 @@
-'use client'
-import {
-  grid_list_exports
-} from "../../chunk-ZUT5GZTD.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  grid_list_exports as GridList
-};
+export * as GridList from "./grid-list.js";

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

@@ -1,2 +1 @@
-export { Group_alias_1 as Group } from '../../_tsup-dts-rollup.js';
-export { GroupProps_alias_1 as GroupProps } from '../../_tsup-dts-rollup.js';
+export { Group, type GroupProps, } from '@chakra-ui/react/group';

package/dist/components/group/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  Group
-} from "../../chunk-3CKGT42F.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Group
-};
+export { Group, } from '@chakra-ui/react/group';

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

@@ -1,2 +1 @@
-export { Heading_alias_1 as Heading } from '../../_tsup-dts-rollup.js';
-export { HeadingProps_alias_1 as HeadingProps } from '../../_tsup-dts-rollup.js';
+export { Heading, type HeadingProps } from '@chakra-ui/react/heading';

package/dist/components/heading/index.js

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

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

@@ -1,2 +1 @@
-export { Highlight_alias_1 as Highlight } from '../../_tsup-dts-rollup.js';
-export { HighlightProps_alias_1 as HighlightProps } from '../../_tsup-dts-rollup.js';
+export { Highlight, type HighlightProps, } from '@chakra-ui/react/highlight';

package/dist/components/highlight/index.js

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

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { HoverCard } from '@chakra-ui/react/hover-card';
+interface ContentProps extends HoverCard.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+export declare const Content: React.ForwardRefExoticComponent<ContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Arrow: React.ForwardRefExoticComponent<HoverCard.ArrowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Root: React.FC<HoverCard.RootProps>;
+export declare const Trigger: React.ForwardRefExoticComponent<HoverCard.TriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

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

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { HoverCard } from '@chakra-ui/react/hover-card';
+import { Portal } from '@chakra-ui/react/portal';
+export const Content = React.forwardRef(function HoverCardContent(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return (_jsx(Portal, { disabled: !portalled, container: portalRef, children: _jsx(HoverCard.Positioner, { children: _jsx(HoverCard.Content, { ref: ref, ...rest }) }) }));
+});
+export const Arrow = React.forwardRef(function HoverCardArrow(props, ref) {
+    return (_jsx(HoverCard.Arrow, { ref: ref, ...props, children: _jsx(HoverCard.ArrowTip, {}) }));
+});
+export const Root = HoverCard.Root;
+export const Trigger = HoverCard.Trigger;

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

@@ -1 +1 @@
-export { HoverCard_alias_1 as HoverCard } from '../../_tsup-dts-rollup.js';
+export * as HoverCard from './hover-card.tsx';

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

@@ -1,8 +1 @@
-'use client'
-import {
-  hover_card_exports
-} from "../../chunk-MZ2RY4NU.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  hover_card_exports as HoverCard
-};
+export * as HoverCard from "./hover-card.js";

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

@@ -1,2 +1 @@
-export { Icon_alias_1 as Icon } from '../../_tsup-dts-rollup.js';
-export { IconProps_alias_1 as IconProps } from '../../_tsup-dts-rollup.js';
+export { Icon, type IconProps } from '@chakra-ui/react/icon';

package/dist/components/icon/index.js

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

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

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { type HTMLChakraProps, RecipeProps } from '@chakra-ui/react/styled-system';
+export interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'suiIconBadge'> {
+    /**
+     * The icon to display
+     */
+    icon?: React.ReactNode;
+    /**
+     * A11y: A label that describes the icon
+     */
+    'aria-label'?: string;
+}
+export declare const IconBadge: React.ForwardRefExoticComponent<IconBadgeProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cloneElement, isValidElement } from 'react';
+import { chakra, useRecipe, } from '@chakra-ui/react/styled-system';
+import { cx } from '@saas-ui/core/utils';
+export const IconBadge = React.forwardRef((props, ref) => {
+    const { icon, children, ...rest } = props;
+    const recipe = useRecipe({ key: 'suiIconBadge', recipe: props.recipe });
+    const [variantProps, localProps] = recipe.splitVariantProps(rest);
+    const styles = recipe(variantProps);
+    /**
+     * Passing the icon as prop or children should work
+     */
+    const element = icon || children;
+    const _children = isValidElement(element)
+        ? cloneElement(element, {
+            'aria-hidden': true,
+            focusable: false,
+        })
+        : null;
+    return (_jsx(chakra.div, { ref: ref, ...localProps, css: [styles, props.css], className: cx(recipe.className, props.className), children: _children }));
+});

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

@@ -1,2 +1,2 @@
-export { IconBadge_alias_1 as IconBadge } from '../../_tsup-dts-rollup.js';
-export { IconBadgeProps } from '../../_tsup-dts-rollup.js';
+export { IconBadge } from './icon-badge.tsx';
+export type { IconBadgeProps } from './icon-badge.tsx';

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

@@ -1,8 +1 @@
-'use client'
-import {
-  IconBadge
-} from "../../chunk-NSFGACD7.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  IconBadge
-};
+export { IconBadge } from "./icon-badge.js";

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

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

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

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Button } from "../button/index.js";
+export const IconButton = forwardRef(function IconButton(props, ref) {
+    return (_jsx(Button, { px: "0", py: "0", _icon: { fontSize: '1.2em' }, ref: ref, ...props }));
+});

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

@@ -1,2 +1 @@
-export { IconButton_alias_1 as IconButton } from '../../_tsup-dts-rollup.js';
-export { IconButtonProps_alias_1 as IconButtonProps } from '../../_tsup-dts-rollup.js';
+export { IconButton, type IconButtonProps } from './icon-button.tsx';

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

@@ -1,9 +1 @@
-'use client'
-import {
-  IconButton
-} from "../../chunk-OJZPPAT6.js";
-import "../../chunk-5HVAMQYO.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  IconButton
-};
+export { IconButton } from "./icon-button.js";