@saas-ui/react 3.0.0-next.2 → 3.0.0-next.20

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

@@ -0,0 +1 @@
+export { Group, type GroupProps, } from '@chakra-ui/react/group';

package/dist/components/group/index.js

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

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

@@ -0,0 +1,37 @@
+export declare const headingRecipe: import("@chakra-ui/react").RecipeDefinition<{
+    size: {
+        xs: {
+            textStyle: "xs";
+        };
+        sm: {
+            textStyle: "sm";
+        };
+        md: {
+            textStyle: "md";
+        };
+        lg: {
+            textStyle: "lg";
+        };
+        xl: {
+            textStyle: "xl";
+        };
+        '2xl': {
+            textStyle: "2xl";
+        };
+        '3xl': {
+            textStyle: "3xl";
+        };
+        '4xl': {
+            textStyle: "4xl";
+        };
+        '5xl': {
+            textStyle: "5xl";
+        };
+        '6xl': {
+            textStyle: "6xl";
+        };
+        '7xl': {
+            textStyle: "7xl";
+        };
+    };
+}>;

package/dist/components/heading/heading.recipe.js

@@ -0,0 +1,26 @@
+import { defineRecipe } from '@chakra-ui/react/styled-system';
+export const headingRecipe = defineRecipe({
+    className: 'chakra-heading',
+    base: {
+        fontFamily: 'heading',
+        fontWeight: 'semibold',
+    },
+    variants: {
+        size: {
+            xs: { textStyle: 'xs' },
+            sm: { textStyle: 'sm' },
+            md: { textStyle: 'md' },
+            lg: { textStyle: 'lg' },
+            xl: { textStyle: 'xl' },
+            '2xl': { textStyle: '2xl' },
+            '3xl': { textStyle: '3xl' },
+            '4xl': { textStyle: '4xl' },
+            '5xl': { textStyle: '5xl' },
+            '6xl': { textStyle: '6xl' },
+            '7xl': { textStyle: '7xl' },
+        },
+    },
+    defaultVariants: {
+        size: 'xl',
+    },
+});

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

@@ -0,0 +1 @@
+export { Heading, type HeadingProps } from '@chakra-ui/react/typography';

package/dist/components/heading/index.js

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

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

@@ -0,0 +1 @@
+export { Highlight, type HighlightProps, } from '@chakra-ui/react/highlight';

package/dist/components/highlight/index.js

@@ -0,0 +1 @@
+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,13 @@
+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/hover-card.recipe.d.ts

@@ -0,0 +1,28 @@
+export declare const hoverCardSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "positioner" | "trigger" | "arrow" | "arrowTip", {
+    size: {
+        xs: {
+            content: {
+                padding: "3";
+                borderRadius: "panel.sm";
+            };
+        };
+        sm: {
+            content: {
+                padding: "4";
+                borderRadius: "panel.md";
+            };
+        };
+        md: {
+            content: {
+                padding: "5";
+                borderRadius: "panel.md";
+            };
+        };
+        lg: {
+            content: {
+                padding: "6";
+                borderRadius: "panel.lg";
+            };
+        };
+    };
+}>;

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

@@ -0,0 +1,70 @@
+import { hoverCardAnatomy } from '@chakra-ui/react/anatomy';
+import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
+export const hoverCardSlotRecipe = defineSlotRecipe({
+    className: 'chakra-hover-card',
+    slots: hoverCardAnatomy.keys(),
+    base: {
+        content: {
+            position: 'relative',
+            display: 'flex',
+            flexDirection: 'column',
+            textStyle: 'sm',
+            '--hovercard-bg': 'colors.bg.panel',
+            bg: 'var(--hovercard-bg)',
+            maxWidth: '80',
+            '--hover-card-z-index': 'zIndex.layer-2',
+            zIndex: 'calc(var(--hover-card-z-index) + var(--layer-index, 0))',
+            transformOrigin: 'var(--transform-origin)',
+            borderWidth: '1px',
+            outline: '0',
+            layerStyle: 'overlay',
+            _open: {
+                animationStyle: 'slide-fade-in',
+                animationDuration: 'fast',
+            },
+            _closed: {
+                animationStyle: 'slide-fade-out',
+                animationDuration: 'faster',
+            },
+        },
+        arrow: {
+            '--arrow-size': 'sizes.3',
+            '--arrow-background': 'var(--hovercard-bg)',
+        },
+        arrowTip: {
+            borderTopWidth: '0.5px',
+            borderInlineStartWidth: '0.5px',
+        },
+    },
+    variants: {
+        size: {
+            xs: {
+                content: {
+                    padding: '3',
+                    borderRadius: 'panel.sm',
+                },
+            },
+            sm: {
+                content: {
+                    padding: '4',
+                    borderRadius: 'panel.md',
+                },
+            },
+            md: {
+                content: {
+                    padding: '5',
+                    borderRadius: 'panel.md',
+                },
+            },
+            lg: {
+                content: {
+                    padding: '6',
+                    borderRadius: 'panel.lg',
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});

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

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

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

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

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

@@ -0,0 +1,25 @@
+export declare const iconRecipe: import("@chakra-ui/react").RecipeDefinition<{
+    size: {
+        inherit: {
+            '--icon-size': "1em";
+        };
+        xs: {
+            '--icon-size': "sizes.3";
+        };
+        sm: {
+            '--icon-size': "sizes.4";
+        };
+        md: {
+            '--icon-size': "sizes.5";
+        };
+        lg: {
+            '--icon-size': "sizes.6";
+        };
+        xl: {
+            '--icon-size': "sizes.7";
+        };
+        '2xl': {
+            '--icon-size': "sizes.8";
+        };
+    };
+}>;

package/dist/components/icon/icon.recipe.js

@@ -0,0 +1,27 @@
+import { defineRecipe } from '@chakra-ui/react/styled-system';
+export const iconRecipe = defineRecipe({
+    className: 'chakra-icon',
+    base: {
+        display: 'inline-block',
+        lineHeight: '1em',
+        flexShrink: '0',
+        color: 'currentcolor',
+        verticalAlign: 'middle',
+        width: 'var(--icon-size)',
+        height: 'var(--icon-size)',
+    },
+    variants: {
+        size: {
+            inherit: { '--icon-size': '1em' },
+            xs: { '--icon-size': 'sizes.3' },
+            sm: { '--icon-size': 'sizes.4' },
+            md: { '--icon-size': 'sizes.5' },
+            lg: { '--icon-size': 'sizes.6' },
+            xl: { '--icon-size': 'sizes.7' },
+            '2xl': { '--icon-size': 'sizes.8' },
+        },
+    },
+    defaultVariants: {
+        size: 'inherit',
+    },
+});

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

@@ -0,0 +1 @@
+export { Icon, type IconProps } from '@chakra-ui/react/icon';

package/dist/components/icon/index.js

@@ -0,0 +1 @@
+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/icon-badge.recipe.d.ts

@@ -0,0 +1,43 @@
+export declare const iconBadgeRecipe: import("@chakra-ui/react").RecipeDefinition<{
+    variant: {
+        outline: {
+            borderWidth: "1px";
+            borderColor: "colorPalette.subtle";
+            color: "colorPalette.fg";
+        };
+        solid: {
+            bg: "colorPalette.solid";
+            color: "white";
+        };
+        subtle: {
+            bg: "colorPalette.subtle";
+            color: "colorPalette.fg";
+        };
+    };
+    size: {
+        sm: {
+            borderRadius: "sm";
+            fontSize: "0.9em";
+            w: number;
+            h: number;
+        };
+        md: {
+            borderRadius: "md";
+            fontSize: "1.1em";
+            w: number;
+            h: number;
+        };
+        lg: {
+            borderRadius: "md";
+            fontSize: "1.3em";
+            w: number;
+            h: number;
+        };
+        xl: {
+            borderRadius: "md";
+            fontSize: "1.5em";
+            w: number;
+            h: number;
+        };
+    };
+}>;

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

@@ -0,0 +1,56 @@
+import { defineRecipe } from '@chakra-ui/react/styled-system';
+export const iconBadgeRecipe = defineRecipe({
+    className: 'sui-icon-badge',
+    base: {
+        display: 'inline-flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    variants: {
+        variant: {
+            outline: {
+                borderWidth: '1px',
+                borderColor: 'colorPalette.subtle',
+                color: 'colorPalette.fg',
+            },
+            solid: {
+                bg: 'colorPalette.solid',
+                color: 'white',
+            },
+            subtle: {
+                bg: 'colorPalette.subtle',
+                color: 'colorPalette.fg',
+            },
+        },
+        size: {
+            sm: {
+                borderRadius: 'sm',
+                fontSize: '0.9em',
+                w: 6,
+                h: 6,
+            },
+            md: {
+                borderRadius: 'md',
+                fontSize: '1.1em',
+                w: 8,
+                h: 8,
+            },
+            lg: {
+                borderRadius: 'md',
+                fontSize: '1.3em',
+                w: 10,
+                h: 10,
+            },
+            xl: {
+                borderRadius: 'md',
+                fontSize: '1.5em',
+                w: 12,
+                h: 12,
+            },
+        },
+    },
+    defaultVariants: {
+        variant: 'outline',
+        size: 'md',
+    },
+});

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

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

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

@@ -0,0 +1 @@
+export { IconBadge } from './icon-badge';

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,6 @@
+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

@@ -0,0 +1 @@
+export { IconButton, type IconButtonProps } from './icon-button.tsx';

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

@@ -0,0 +1 @@
+export { IconButton } from "./icon-button.js";

package/dist/components/icons/create-icon.d.ts

@@ -0,0 +1,27 @@
+import type { IconProps } from '@chakra-ui/react/icon';
+interface CreateIconOptions {
+    /**
+     * The icon `svg` viewBox
+     * @default "0 0 24 24"
+     */
+    viewBox?: string;
+    /**
+     * The `svg` path or group element
+     * @type React.ReactElement | React.ReactElement[]
+     */
+    path?: React.ReactElement | React.ReactElement[];
+    /**
+     * If the `svg` has a single path, simply copy the path's `d` attribute
+     */
+    d?: string;
+    /**
+     * The display name useful in the dev tools
+     */
+    displayName?: string;
+    /**
+     * Default props automatically passed to the component; overwriteable
+     */
+    defaultProps?: IconProps;
+}
+export declare const createIcon: (props: CreateIconOptions) => import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export {};

package/dist/components/icons/create-icon.js

@@ -0,0 +1,15 @@
+'use client';
+import { createIcon as _createIcon } from '@chakra-ui/react/icon';
+export const createIcon = (props) => {
+    return _createIcon({
+        viewBox: '0 0 24 24',
+        defaultProps: {
+            fill: 'none',
+            stroke: 'currentColor',
+            strokeWidth: '2',
+            strokeLinecap: 'round',
+            strokeLinejoin: 'round',
+        },
+        ...props,
+    });
+};

package/dist/components/icons/icons.d.ts

@@ -0,0 +1,18 @@
+export declare const ChevronUpIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronDownIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronLeftIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ChevronRightIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const HamburgerIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CloseIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const FilterIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CalendarIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const PlusIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const MinusIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ViewOffIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ViewIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const SearchIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CheckIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const EllipsisIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const CopyIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const InfoIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;
+export declare const ArrowLeftIcon: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").IconProps & import("react").RefAttributes<SVGSVGElement>>;

package/dist/components/icons/icons.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { createIcon } from './create-icon';
+export const ChevronUpIcon = createIcon({
+    displayName: 'ChevronUpIcon',
+    path: _jsx("polyline", { points: "18 15 12 9 6 15" }),
+});
+export const ChevronDownIcon = createIcon({
+    displayName: 'ChevronDownIcon',
+    path: _jsx("polyline", { points: "6 9 12 15 18 9" }),
+});
+export const ChevronLeftIcon = createIcon({
+    displayName: 'ChevronLeftIcon',
+    path: _jsx("polyline", { points: "15 18 9 12 15 6" }),
+});
+export const ChevronRightIcon = createIcon({
+    displayName: 'ChevronRightIcon',
+    path: _jsx("polyline", { points: "9 18 15 12 9 6" }),
+});
+export const HamburgerIcon = createIcon({
+    displayName: 'ChevronDownIcon',
+    path: (_jsxs("g", { fill: "none", children: [_jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }), _jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }), _jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })] })),
+});
+export const CloseIcon = createIcon({
+    displayName: 'CloseIcon',
+    path: (_jsxs("g", { children: [_jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }), _jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })] })),
+});
+export const FilterIcon = createIcon({
+    displayName: 'FilterIcon',
+    path: (_jsx("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })),
+});
+export const CalendarIcon = createIcon({
+    displayName: 'CalendarIcon',
+    path: (_jsxs("g", { children: [_jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }), _jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }), _jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }), _jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })] })),
+});
+export const PlusIcon = createIcon({
+    displayName: 'PlusIcon',
+    path: (_jsxs("g", { children: [_jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }), _jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })] })),
+});
+export const MinusIcon = createIcon({
+    displayName: 'MinusIcon',
+    path: (_jsx("g", { children: _jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })),
+});
+export const ViewOffIcon = createIcon({
+    displayName: 'ViewOffIcon',
+    path: (_jsxs("g", { children: [_jsx("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }), _jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })] })),
+});
+export const ViewIcon = createIcon({
+    displayName: 'ViewOffIcon',
+    path: (_jsxs("g", { children: [_jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }), _jsx("circle", { cx: "12", cy: "12", r: "3" })] })),
+});
+export const SearchIcon = createIcon({
+    displayName: 'SearchIcon',
+    path: (_jsxs("g", { children: [_jsx("circle", { cx: "11", cy: "11", r: "8" }), _jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })] })),
+});
+export const CheckIcon = createIcon({
+    displayName: 'CheckIcon',
+    path: (_jsx("g", { children: _jsx("polyline", { points: "20 6 9 17 4 12" }) })),
+});
+export const EllipsisIcon = createIcon({
+    displayName: 'EllipsisIcon',
+    path: (_jsxs("g", { children: [_jsx("circle", { cx: "12", cy: "12", r: "1" }), _jsx("circle", { cx: "19", cy: "12", r: "1" }), _jsx("circle", { cx: "5", cy: "12", r: "1" })] })),
+});
+export const CopyIcon = createIcon({
+    displayName: 'CopyIcon',
+    path: (_jsxs("g", { children: [_jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }), _jsx("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })] })),
+});
+export const InfoIcon = createIcon({
+    displayName: 'InfoIcon',
+    path: (_jsxs("g", { children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("path", { d: "M12 16v-4" }), _jsx("path", { d: "M12 8h.01" })] })),
+});
+export const ArrowLeftIcon = createIcon({
+    displayName: 'ArrowLeftIcon',
+    path: (_jsxs(_Fragment, { children: [_jsx("line", { x1: "19", y1: "12", x2: "5", y2: "12" }), _jsx("polyline", { points: "12 19 5 12 12 5" })] })),
+});

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

@@ -0,0 +1 @@
+export * from './icons.tsx';

package/dist/components/icons/index.js

@@ -0,0 +1 @@
+export * from "./icons.js";

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

@@ -0,0 +1 @@
+export { Image, type ImageProps } from '@chakra-ui/react/image';

package/dist/components/image/index.js

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

package/dist/components/info-tip/index.d.ts

@@ -0,0 +1 @@
+export { InfoTip, type InfoTipProps } from './info-tip.tsx';

package/dist/components/info-tip/index.js

@@ -0,0 +1 @@
+export { InfoTip } from "./info-tip.js";

package/dist/components/info-tip/info-tip.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { type ToggleTipProps } from '../toggle-tip/index.ts';
+export interface InfoTipProps extends Omit<ToggleTipProps, 'content'> {
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    'aria-label'?: string;
+}
+export declare const InfoTip: React.ForwardRefExoticComponent<InfoTipProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/info-tip/info-tip.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { IconButton } from "../icon-button/index.js";
+import { InfoIcon } from "../icons/index.js";
+import { ToggleTip } from "../toggle-tip/index.js";
+export const InfoTip = React.forwardRef(function InfoTip(props, ref) {
+    const { children, icon, 'aria-label': ariaLabel = 'Info', ...rest } = props;
+    return (_jsx(ToggleTip, { content: children, ...rest, ref: ref, children: _jsx(IconButton, { variant: "ghost", "aria-label": ariaLabel, size: "2xs", children: icon ?? _jsx(InfoIcon, {}) }) }));
+});

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

@@ -0,0 +1,2 @@
+export { Input, InputAddon, InputElement, InputPropsProvider, InputGroup, } from '@chakra-ui/react/input';
+export type { InputProps, InputAddonProps, InputElementProps, InputGroupProps, } from '@chakra-ui/react/input';

package/dist/components/input/index.js

@@ -0,0 +1 @@
+export { Input, InputAddon, InputElement, InputPropsProvider, InputGroup, } from '@chakra-ui/react/input';