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

package/dist/components/checkbox/index.js

@@ -1,8 +1,2 @@
-'use client'
-import {
-  Checkbox
-} from "../../chunk-Z3SWPGPQ.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Checkbox
-};
+export { Checkbox } from "./checkbox.js";
+export { CheckboxGroup, } from '@chakra-ui/react/checkbox';

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

@@ -0,0 +1,12 @@
+import { CheckboxCard as ChakraCheckboxCard } from '@chakra-ui/react/checkbox-card';
+export interface CheckboxCardProps extends ChakraCheckboxCard.RootProps {
+    icon?: React.ReactElement;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    addon?: React.ReactNode;
+    indicator?: React.ReactNode | null;
+    indicatorPlacement?: 'start' | 'end' | 'inside';
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+export declare const CheckboxCard: import("react").ForwardRefExoticComponent<CheckboxCardProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const CheckboxCardIndicator: import("react").ForwardRefExoticComponent<ChakraCheckboxCard.IndicatorProps & import("react").RefAttributes<SVGSVGElement>>;

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

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment, forwardRef } from 'react';
+import { CheckboxCard as ChakraCheckboxCard } from '@chakra-ui/react/checkbox-card';
+export const CheckboxCard = forwardRef(function CheckboxCard(props, ref) {
+    const { inputProps, label, description, icon, addon, indicator = _jsx(ChakraCheckboxCard.Indicator, {}), indicatorPlacement = 'end', ...rest } = props;
+    const hasContent = label || description || icon;
+    const ContentWrapper = indicator ? ChakraCheckboxCard.Content : Fragment;
+    return (_jsxs(ChakraCheckboxCard.Root, { ...rest, children: [_jsx(ChakraCheckboxCard.HiddenInput, { ref: ref, ...inputProps }), _jsxs(ChakraCheckboxCard.Control, { children: [indicatorPlacement === 'start' && indicator, hasContent && (_jsxs(ContentWrapper, { children: [icon, label && (_jsx(ChakraCheckboxCard.Label, { children: label })), description && (_jsx(ChakraCheckboxCard.Description, { children: description })), indicatorPlacement === 'inside' && indicator] })), indicatorPlacement === 'end' && indicator] }), addon && _jsx(ChakraCheckboxCard.Addon, { children: addon })] }));
+});
+export const CheckboxCardIndicator = ChakraCheckboxCard.Indicator;

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

@@ -1,2 +1 @@
-export { CheckboxCard_alias_1 as CheckboxCard } from '../../_tsup-dts-rollup.js';
-export { CheckboxCardProps_alias_1 as CheckboxCardProps } from '../../_tsup-dts-rollup.js';
+export { CheckboxCard, type CheckboxCardProps } from './checkbox-card.tsx';

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

@@ -1,8 +1 @@
-'use client'
-import {
-  CheckboxCard
-} from "../../chunk-NLMFEUVO.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  CheckboxCard
-};
+export { CheckboxCard } from "./checkbox-card.js";

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

@@ -1,2 +1 @@
-export { Checkmark_alias_1 as Checkmark } from '../../_tsup-dts-rollup.js';
-export { CheckmarkProps_alias_1 as CheckmarkProps } from '../../_tsup-dts-rollup.js';
+export { Checkmark, type CheckmarkProps } from '@chakra-ui/react/checkmark';

package/dist/components/checkmark/index.js

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

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

@@ -0,0 +1 @@
+export { Circle, type CircleProps, } from '@chakra-ui/react/circle';

package/dist/components/circle/index.js

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

package/dist/components/client-only/index.d.ts

@@ -1,2 +1 @@
-export { ClientOnly_alias_1 as ClientOnly } from '../../_tsup-dts-rollup.js';
-export { ClientOnlyProps } from '../../_tsup-dts-rollup.js';
+export { ClientOnly, type ClientOnlyProps, } from '@chakra-ui/react/client-only';

package/dist/components/client-only/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  ClientOnly
-} from "../../chunk-4N4SHDPB.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  ClientOnly
-};
+export { ClientOnly, } from '@chakra-ui/react/client-only';

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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Clipboard as ChakraClipboard } from '@chakra-ui/react/clipboard';
+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;
+    copied?: string;
+}
+declare const ClipboardButton: React.ForwardRefExoticComponent<ClipboardButtonProps & React.RefAttributes<HTMLButtonElement>>;
+interface ClipboardIconButtonProps extends IconButtonProps {
+    icon?: React.ReactNode;
+    copiedIcon?: React.ReactNode;
+}
+declare const ClipboardIconButton: React.ForwardRefExoticComponent<ClipboardIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ClipboardInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+declare const ClipboardRoot: React.ForwardRefExoticComponent<ChakraClipboard.RootProps & React.RefAttributes<HTMLDivElement>>;
+declare const ClipboardLabel: React.ForwardRefExoticComponent<ChakraClipboard.LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { ClipboardButton as Button, ClipboardIconButton as IconButton, ClipboardInput as Input, ClipboardLabel as Label, ClipboardRoot as Root, };
+type ClipboardRootProps = ChakraClipboard.RootProps;
+export type { ClipboardRootProps as RootProps };

package/dist/components/clipboard/clipboard.js

@@ -0,0 +1,30 @@
+'use client';
+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/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 }));
+});
+const ClipboardCopyText = React.forwardRef(function ClipboardCopyText(props, ref) {
+    const { children = 'Copy', copied = 'Copied', ...rest } = props;
+    return (_jsx(ChakraClipboard.Indicator, { copied: copied, ...rest, ref: ref, children: children }));
+});
+const ClipboardButton = React.forwardRef(function ClipboardButton(props, ref) {
+    const { icon, copiedIcon, copied, children, ...rest } = props;
+    return (_jsx(ChakraClipboard.Trigger, { asChild: true, children: _jsxs(Button, { ref: ref, ...rest, children: [_jsx(ClipboardIcon, { copied: copiedIcon, children: icon }), _jsx(ClipboardCopyText, { copied: copied, children: children })] }) }));
+});
+const ClipboardIconButton = React.forwardRef(function ClipboardIconButton(props, ref) {
+    const { icon, copiedIcon, ...rest } = props;
+    return (_jsx(ChakraClipboard.Trigger, { asChild: true, children: _jsx(IconButton, { ref: ref, size: "xs", ...rest, children: _jsx(ClipboardIcon, { copied: copiedIcon, children: icon }) }) }));
+});
+const ClipboardInput = React.forwardRef(function ClipboardInputElement(props, ref) {
+    return (_jsx(ChakraClipboard.Input, { asChild: true, children: _jsx(Input, { ref: ref, ...props }) }));
+});
+const ClipboardRoot = ChakraClipboard.Root;
+const ClipboardLabel = ChakraClipboard.Label;
+export { ClipboardButton as Button, ClipboardIconButton as IconButton, ClipboardInput as Input, ClipboardLabel as Label, ClipboardRoot as Root, };

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

@@ -1 +1,3 @@
-export { Clipboard_alias_1 as Clipboard } from '../../_tsup-dts-rollup.js';
+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,13 +1,2 @@
-'use client'
-import {
-  clipboard_exports
-} from "../../chunk-YX44E5NF.js";
-import "../../chunk-BLSGOJQ7.js";
-import "../../chunk-KTLWEUNW.js";
-import "../../chunk-OJZPPAT6.js";
-import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  clipboard_exports as Clipboard
-};
+export * as Clipboard from "./clipboard.js";
+export { useClipboard } from '@chakra-ui/react/clipboard';

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

@@ -0,0 +1,4 @@
+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

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

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

@@ -1,2 +1,2 @@
-export { CloseButton_alias_1 as CloseButton } from '../../_tsup-dts-rollup.js';
-export { CloseButtonProps_alias_1 as CloseButtonProps } from '../../_tsup-dts-rollup.js';
+export { CloseButton } from './close-button.tsx';
+export type { CloseButtonProps } from './close-button.tsx';

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

@@ -1,12 +1 @@
-'use client'
-import "../../chunk-JMYI6YXR.js";
-import {
-  CloseButton
-} from "../../chunk-WZUKOJGI.js";
-import "../../chunk-OJZPPAT6.js";
-import "../../chunk-5HVAMQYO.js";
-import "../../chunk-OME35FUG.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  CloseButton
-};
+export { CloseButton } from "./close-button.js";

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

@@ -1,2 +1 @@
-export { Code_alias_1 as Code } from '../../_tsup-dts-rollup.js';
-export { CodeProps_alias_1 as CodeProps } from '../../_tsup-dts-rollup.js';
+export { Code, type CodeProps } from '@chakra-ui/react/code';

package/dist/components/code/index.js

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

package/dist/components/code-block/index.d.ts

@@ -0,0 +1 @@
+export { CodeBlock } from '@chakra-ui/react/code-block';

package/dist/components/code-block/index.js

@@ -0,0 +1 @@
+export { CodeBlock } from '@chakra-ui/react/code-block';

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

@@ -1 +1 @@
-export { Collapsible_alias_1 as Collapsible } from '../../_tsup-dts-rollup.js';
+export { Collapsible } from '@chakra-ui/react/collapsible';

package/dist/components/collapsible/index.js

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

package/dist/components/color-mode/color-mode.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import type { SpanProps } from '@chakra-ui/react';
+import type { ThemeProviderProps } from 'next-themes';
+export interface ColorModeProviderProps extends ThemeProviderProps {
+}
+export declare function ColorModeProvider(props: ColorModeProviderProps): import("react/jsx-runtime").JSX.Element;
+export type ColorMode = 'light' | 'dark';
+export interface UseColorModeReturn {
+    colorMode: ColorMode;
+    setColorMode: (colorMode: ColorMode) => void;
+    toggleColorMode: () => void;
+}
+export declare function useColorMode(): UseColorModeReturn;
+export declare function useColorModeValue<T>(light: T, dark: T): T;
+export declare const ColorModeTrigger: React.ForwardRefExoticComponent<Omit<import("@chakra-ui/react").PatchHtmlProps<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">>, "zIndex" | "opacity" | "cursor" | "page" | "container" | "_hover" | "_active" | "_focus" | "_focusWithin" | "_focusVisible" | "_disabled" | "_visited" | "_target" | "_readOnly" | "_readWrite" | "_empty" | "_checked" | "_enabled" | "_expanded" | "_highlighted" | "_complete" | "_incomplete" | "_dragging" | "_before" | "_after" | "_firstLetter" | "_firstLine" | "_marker" | "_selection" | "_file" | "_backdrop" | "_first" | "_last" | "_notFirst" | "_notLast" | "_only" | "_even" | "_odd" | "_peerFocus" | "_peerHover" | "_peerActive" | "_peerFocusWithin" | "_peerFocusVisible" | "_peerDisabled" | "_peerChecked" | "_peerInvalid" | "_peerExpanded" | "_peerPlaceholderShown" | "_groupFocus" | "_groupHover" | "_groupActive" | "_groupFocusWithin" | "_groupFocusVisible" | "_groupDisabled" | "_groupChecked" | "_groupExpanded" | "_groupInvalid" | "_indeterminate" | "_required" | "_valid" | "_invalid" | "_autofill" | "_inRange" | "_outOfRange" | "_placeholder" | "_placeholderShown" | "_pressed" | "_selected" | "_grabbed" | "_underValue" | "_overValue" | "_atValue" | "_default" | "_optional" | "_open" | "_closed" | "_fullscreen" | "_loading" | "_hidden" | "_current" | "_currentPage" | "_currentStep" | "_today" | "_unavailable" | "_rangeStart" | "_rangeEnd" | "_now" | "_topmost" | "_motionReduce" | "_motionSafe" | "_print" | "_landscape" | "_portrait" | "_dark" | "_light" | "_osDark" | "_osLight" | "_highContrast" | "_lessContrast" | "_moreContrast" | "_ltr" | "_rtl" | "_scrollbar" | "_scrollbarThumb" | "_scrollbarTrack" | "_horizontal" | "_vertical" | "_icon" | "_starting" | "sm" | "smOnly" | "smDown" | "md" | "mdOnly" | "mdDown" | "lg" | "lgOnly" | "lgDown" | "xl" | "xlOnly" | "xlDown" | "2xl" | "2xlOnly" | "2xlDown" | "smToMd" | "smToLg" | "smToXl" | "smTo2xl" | "mdToLg" | "mdToXl" | "mdTo2xl" | "lgToXl" | "lgTo2xl" | "xlTo2xl" | "base" | "animation" | "animationComposition" | "animationDelay" | "animationDirection" | "animationDuration" | "animationFillMode" | "animationIterationCount" | "animationName" | "animationPlayState" | "animationTimingFunction" | "animationRange" | "animationRangeStart" | "animationRangeEnd" | "animationTimeline" | "transformOrigin" | "WebkitAppearance" | "WebkitBorderBefore" | "WebkitBorderBeforeColor" | "WebkitBorderBeforeStyle" | "WebkitBorderBeforeWidth" | "WebkitBoxReflect" | "WebkitLineClamp" | "WebkitMask" | "WebkitMaskAttachment" | "WebkitMaskClip" | "WebkitMaskComposite" | "WebkitMaskImage" | "WebkitMaskOrigin" | "WebkitMaskPosition" | "WebkitMaskPositionX" | "WebkitMaskPositionY" | "WebkitMaskRepeat" | "WebkitMaskRepeatX" | "WebkitMaskRepeatY" | "WebkitMaskSize" | "WebkitOverflowScrolling" | "WebkitTapHighlightColor" | "WebkitTextFillColor" | "WebkitTextStroke" | "WebkitTextStrokeColor" | "WebkitTextStrokeWidth" | "WebkitTouchCallout" | "WebkitUserModify" | "WebkitUserSelect" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "all" | "anchorName" | "anchorScope" | "appearance" | "aspectRatio" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBlockStyle" | "borderBlockWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineColor" | "borderInlineEnd" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "borderInlineStyle" | "borderInlineWidth" | "borderLeft" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRadius" | "borderRight" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderSpacing" | "borderStartEndRadius" | "borderStartStartRadius" | "borderStyle" | "borderTop" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "borderWidth" | "bottom" | "boxAlign" | "boxDecorationBreak" | "boxDirection" | "boxFlex" | "boxFlexGroup" | "boxLines" | "boxOrdinalGroup" | "boxOrient" | "boxPack" | "boxShadow" | "boxSizing" | "breakAfter" | "breakBefore" | "breakInside" | "captionSide" | "caret" | "caretColor" | "caretShape" | "clear" | "clip" | "clipPath" | "clipRule" | "color" | "colorInterpolationFilters" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "cx" | "cy" | "d" | "direction" | "display" | "dominantBaseline" | "emptyCells" | "fieldSizing" | "fill" | "fillOpacity" | "fillRule" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "floodColor" | "floodOpacity" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "fontVariationSettings" | "fontWeight" | "forcedColorAdjust" | "gap" | "grid" | "gridArea" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridColumn" | "gridColumnEnd" | "gridColumnGap" | "gridColumnStart" | "gridGap" | "gridRow" | "gridRowEnd" | "gridRowGap" | "gridRowStart" | "gridTemplate" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "hangingPunctuation" | "height" | "hyphenateCharacter" | "hyphenateLimitChars" | "hyphens" | "imageOrientation" | "imageRendering" | "imageResolution" | "imeMode" | "initialLetter" | "initialLetterAlign" | "inlineSize" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "interpolateSize" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lightingColor" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "mask" | "maskBorder" | "maskBorderMode" | "maskBorderOutset" | "maskBorderRepeat" | "maskBorderSlice" | "maskBorderSource" | "maskBorderWidth" | "maskClip" | "maskComposite" | "maskImage" | "maskMode" | "maskOrigin" | "maskPosition" | "maskRepeat" | "maskSize" | "maskType" | "masonryAutoFlow" | "mathDepth" | "mathShift" | "mathStyle" | "maxBlockSize" | "maxHeight" | "maxInlineSize" | "maxLines" | "maxWidth" | "minBlockSize" | "minHeight" | "minInlineSize" | "minWidth" | "mixBlendMode" | "objectFit" | "objectPosition" | "offset" | "offsetAnchor" | "offsetDistance" | "offsetPath" | "offsetPosition" | "offsetRotate" | "order" | "orphans" | "outline" | "outlineColor" | "outlineOffset" | "outlineStyle" | "outlineWidth" | "overflow" | "overflowAnchor" | "overflowBlock" | "overflowClipBox" | "overflowClipMargin" | "overflowInline" | "overflowWrap" | "overflowX" | "overflowY" | "overlay" | "overscrollBehavior" | "overscrollBehaviorBlock" | "overscrollBehaviorInline" | "overscrollBehaviorX" | "overscrollBehaviorY" | "padding" | "paddingBlock" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInline" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "pageBreakAfter" | "pageBreakBefore" | "pageBreakInside" | "paintOrder" | "perspective" | "perspectiveOrigin" | "placeContent" | "placeItems" | "placeSelf" | "pointerEvents" | "position" | "positionAnchor" | "positionArea" | "positionTry" | "positionTryFallbacks" | "positionTryOrder" | "positionVisibility" | "printColorAdjust" | "quotes" | "r" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "rx" | "ry" | "scale" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockEnd" | "scrollMarginBlockStart" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineEnd" | "scrollMarginInlineStart" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockEnd" | "scrollPaddingBlockStart" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineEnd" | "scrollPaddingInlineStart" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textAnchor" | "textBox" | "textBoxEdge" | "textBoxTrim" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textSpacingTrim" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "textWrapMode" | "textWrapStyle" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformStyle" | "transition" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "vectorEffect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "x" | "y" | "zoom" | "alignmentBaseline" | "baselineShift" | "colorInterpolation" | "colorRendering" | "glyphOrientationVertical" | "bg" | "bgColor" | "bgSize" | "bgPos" | "bgRepeat" | "bgAttachment" | "bgClip" | "bgGradient" | "bgImg" | "bgImage" | "borderStart" | "borderEnd" | "borderX" | "borderY" | "borderStartColor" | "borderEndColor" | "borderStartStyle" | "borderEndStyle" | "rounded" | "roundedTopLeft" | "roundedStartStart" | "borderTopStartRadius" | "roundedEndStart" | "borderBottomStartRadius" | "roundedTopRight" | "roundedStartEnd" | "borderTopEndRadius" | "roundedEndEnd" | "borderBottomEndRadius" | "roundedBottomLeft" | "roundedBottomRight" | "roundedStart" | "borderStartRadius" | "roundedEnd" | "borderEndRadius" | "roundedTop" | "roundedBottom" | "roundedLeft" | "roundedRight" | "borderXWidth" | "borderStartWidth" | "borderEndWidth" | "borderYWidth" | "shadow" | "shadowColor" | "blendMode" | "bgBlendMode" | "gapY" | "gapX" | "flexDir" | "w" | "h" | "minW" | "minH" | "maxW" | "maxH" | "overscroll" | "overscrollX" | "overscrollY" | "scrollPaddingX" | "scrollPaddingY" | "listStylePos" | "listStyleImg" | "pos" | "insetX" | "insetY" | "insetStart" | "insetEnd" | "m" | "mt" | "mr" | "mb" | "ml" | "ms" | "marginStart" | "me" | "marginEnd" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "ps" | "paddingStart" | "pe" | "paddingEnd" | "px" | "paddingX" | "py" | "paddingY" | "textDecor" | "backgroundGradient" | "gradientFrom" | "gradientTo" | "gradientVia" | "borderInlineStartRadius" | "borderInlineEndRadius" | "borderTopRadius" | "borderBottomRadius" | "borderLeftRadius" | "borderRightRadius" | "divideX" | "divideY" | "divideColor" | "divideStyle" | "boxShadowColor" | "blur" | "brightness" | "contrast" | "grayscale" | "hueRotate" | "invert" | "saturate" | "sepia" | "dropShadow" | "backdropBlur" | "backdropBrightness" | "backdropContrast" | "backdropGrayscale" | "backdropHueRotate" | "backdropInvert" | "backdropOpacity" | "backdropSaturate" | "backdropSepia" | "focusRing" | "focusVisibleRing" | "focusRingColor" | "focusRingOffset" | "focusRingWidth" | "focusRingStyle" | "boxSize" | "hideFrom" | "hideBelow" | "scrollbar" | "scrollMarginX" | "scrollMarginY" | "scrollSnapStrictness" | "scrollSnapMargin" | "scrollSnapMarginTop" | "scrollSnapMarginBottom" | "scrollSnapMarginLeft" | "scrollSnapMarginRight" | "ring" | "ringColor" | "ringOffset" | "ringOffsetColor" | "ringInset" | "skewX" | "skewY" | "scaleX" | "scaleY" | "spaceXReverse" | "spaceX" | "spaceYReverse" | "spaceY" | "rotateX" | "rotateY" | "translateX" | "translateY" | "truncate" | "borderSpacingX" | "borderSpacingY" | "srOnly" | "debug" | "colorPalette" | "textStyle" | "layerStyle" | "animationStyle" | "css" | keyof import("@chakra-ui/react").PolymorphicProps> & Omit<import("@chakra-ui/react").JsxStyleProps, never> & import("@chakra-ui/react").PolymorphicProps & {
+    fallback?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const LightMode: React.ForwardRefExoticComponent<SpanProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const DarkMode: React.ForwardRefExoticComponent<SpanProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/color-mode/color-mode.js

@@ -0,0 +1,35 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { ClientOnly, Span, chakra } from '@chakra-ui/react';
+import { ThemeProvider, useTheme } from 'next-themes';
+export function ColorModeProvider(props) {
+    return (_jsx(ThemeProvider, { attribute: "class", disableTransitionOnChange: true, ...props }));
+}
+export function useColorMode() {
+    const { resolvedTheme, setTheme, forcedTheme } = useTheme();
+    const colorMode = forcedTheme || resolvedTheme;
+    const toggleColorMode = () => {
+        setTheme(resolvedTheme === 'dark' ? 'light' : 'dark');
+    };
+    return {
+        colorMode: colorMode,
+        setColorMode: setTheme,
+        toggleColorMode,
+    };
+}
+export function useColorModeValue(light, dark) {
+    const { colorMode } = useColorMode();
+    return colorMode === 'dark' ? dark : light;
+}
+export const ColorModeTrigger = React.forwardRef(function ColorModeButton(props, ref) {
+    const { fallback, children, ...rest } = props;
+    const { toggleColorMode } = useColorMode();
+    return (_jsx(ClientOnly, { fallback: props.fallback, children: _jsx(chakra.button, { onClick: toggleColorMode, "aria-label": "Toggle color mode", ref: ref, ...rest, children: children }) }));
+});
+export const LightMode = React.forwardRef(function LightMode(props, ref) {
+    return (_jsx(Span, { color: "fg", display: "contents", className: "chakra-theme light", colorPalette: "gray", colorScheme: "light", ref: ref, ...props }));
+});
+export const DarkMode = React.forwardRef(function DarkMode(props, ref) {
+    return (_jsx(Span, { color: "fg", display: "contents", className: "chakra-theme dark", colorPalette: "gray", colorScheme: "dark", ref: ref, ...props }));
+});

package/dist/components/color-mode/index.d.ts

@@ -0,0 +1,2 @@
+export { ColorModeProvider, useColorMode, useColorModeValue, DarkMode, LightMode, ColorModeTrigger, } from './color-mode.tsx';
+export type { ColorMode, UseColorModeReturn } from './color-mode.tsx';

package/dist/components/color-mode/index.js

@@ -0,0 +1 @@
+export { ColorModeProvider, useColorMode, useColorModeValue, DarkMode, LightMode, ColorModeTrigger, } from "./color-mode.js";

package/dist/components/color-picker/index.d.ts

@@ -1 +1 @@
-export { ColorPicker_alias_1 as ColorPicker } from '../../_tsup-dts-rollup.js';
+export { ColorPicker } from '@chakra-ui/react/color-picker';

package/dist/components/color-picker/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  ColorPicker
-} from "../../chunk-JR5RLXCK.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  ColorPicker
-};
+export { ColorPicker } from '@chakra-ui/react/color-picker';

package/dist/components/color-swatch/index.d.ts

@@ -1,6 +1 @@
-export { ColorSwatch_alias_1 as ColorSwatch } from '../../_tsup-dts-rollup.js';
-export { ColorSwatchProps } from '../../_tsup-dts-rollup.js';
-export { ColorSwatchBaseProps } from '../../_tsup-dts-rollup.js';
-export { ColorSwatchMix } from '../../_tsup-dts-rollup.js';
-export { ColorSwatchMixProps } from '../../_tsup-dts-rollup.js';
-export { ColorSwatchPropsProvider } from '../../_tsup-dts-rollup.js';
+export { ColorSwatch, type ColorSwatchProps, type ColorSwatchBaseProps, ColorSwatchMix, type ColorSwatchMixProps, ColorSwatchPropsProvider, } from '@chakra-ui/react/color-swatch';

package/dist/components/color-swatch/index.js

@@ -1,12 +1 @@
-'use client'
-import {
-  ColorSwatch,
-  ColorSwatchMix,
-  ColorSwatchPropsProvider
-} from "../../chunk-TYMVLD3B.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  ColorSwatch,
-  ColorSwatchMix,
-  ColorSwatchPropsProvider
-};
+export { ColorSwatch, ColorSwatchMix, ColorSwatchPropsProvider, } from '@chakra-ui/react/color-swatch';

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

@@ -0,0 +1 @@
+export { Combobox, useCombobox, useComboboxContext, useComboboxItemContext, useComboboxStyles, } from '@chakra-ui/react/combobox';

package/dist/components/combobox/index.js

@@ -0,0 +1 @@
+export { Combobox, useCombobox, useComboboxContext, useComboboxItemContext, useComboboxStyles, } from '@chakra-ui/react/combobox';

package/dist/components/command/command.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { type HTMLChakraProps, UnstyledProp } from '@chakra-ui/react/styled-system';
+import type { CommandVariantProps } from '@saas-ui/chakra-preset/recipes/command';
+import type { RecipeProps } from '../../types.ts';
+export interface CommandBaseProps extends RecipeProps<'suiCommand', CommandVariantProps>, UnstyledProp {
+}
+export interface CommandProps extends HTMLChakraProps<'span'>, CommandBaseProps, CommandVariantProps {
+    /**
+     * The modifiers to use for the command.
+     * @default ['then', 'or', '+']
+     */
+    modifiers?: Array<string>;
+}
+export declare const Command: React.FC<CommandProps>;

package/dist/components/command/command.js

@@ -0,0 +1,26 @@
+'use client';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { createRecipeContext, } from '@chakra-ui/react/styled-system';
+import { Kbd } from "../kbd/index.js";
+const { withContext } = createRecipeContext({
+    key: 'suiCommand',
+});
+export const Command = (props) => {
+    const { children, modifiers, ...rest } = props;
+    if (typeof children !== 'string') {
+        return _jsx(_Fragment, { children: children });
+    }
+    const keys = children.split(/\s|\+/);
+    return (_jsx(StyledCommand, { ...rest, children: keys.map((key) => (_jsx(Key, { modifiers: modifiers, size: props.size, children: key }, key))) }));
+};
+const StyledCommand = withContext('span');
+const Key = (props) => {
+    const { modifiers = ['then', 'or', '+'], children, ...rest } = props;
+    if (typeof children !== 'string') {
+        return _jsx(_Fragment, { children: children });
+    }
+    if (modifiers.includes(children)) {
+        return _jsx("span", { children: children });
+    }
+    return _jsx(Kbd, { ...rest, children: children });
+};

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

@@ -1 +1 @@
-export { Command_alias_1 as Command } from '../../_tsup-dts-rollup.js';
+export { Command } from './command.tsx';

package/dist/components/command/index.js

@@ -1,9 +1 @@
-'use client'
-import {
-  Command
-} from "../../chunk-5ZKEXMBN.js";
-import "../../chunk-OQU4LWZW.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  Command
-};
+export { Command } from "./command.js";

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

@@ -1,2 +1 @@
-export { Container_alias_1 as Container } from '../../_tsup-dts-rollup.js';
-export { ContainerProps_alias_1 as ContainerProps } from '../../_tsup-dts-rollup.js';
+export { Container, type ContainerProps } from '@chakra-ui/react/container';

package/dist/components/container/index.js

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

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

@@ -1,2 +1 @@
-export { DataList_alias_1 as DataList } from '../../_tsup-dts-rollup.js';
-export { useDataListStyles_alias_1 as useDataListStyles } from '../../_tsup-dts-rollup.js';
+export { DataList, useDataListStyles } from '@chakra-ui/react/data-list';

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

@@ -1,10 +1 @@
-'use client'
-import {
-  DataList,
-  useDataListStyles
-} from "../../chunk-52XM5VXJ.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  DataList,
-  useDataListStyles
-};
+export { DataList, useDataListStyles } from '@chakra-ui/react/data-list';

package/dist/components/dialog/dialog.d.ts

@@ -0,0 +1,21 @@
+import { type RefObject } from 'react';
+import { Dialog as ChakraDialog } from '@chakra-ui/react/dialog';
+export interface ContentProps extends ChakraDialog.ContentProps {
+    portalled?: boolean;
+    portalRef?: RefObject<HTMLElement>;
+    backdrop?: boolean;
+}
+export declare const Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CloseButton: import("react").ForwardRefExoticComponent<ChakraDialog.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CloseTrigger: import("react").ForwardRefExoticComponent<ChakraDialog.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export type RootProps = ChakraDialog.RootProps;
+export declare const Root: import("react").FC<ChakraDialog.RootProps>;
+export declare const Context: (props: import("@ark-ui/react").DialogContextProps) => import("react").ReactNode;
+export declare const Footer: import("react").ForwardRefExoticComponent<ChakraDialog.FooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Header: import("react").ForwardRefExoticComponent<ChakraDialog.HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Body: import("react").ForwardRefExoticComponent<ChakraDialog.BodyProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Backdrop: import("react").ForwardRefExoticComponent<ChakraDialog.BackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Title: import("react").ForwardRefExoticComponent<ChakraDialog.TitleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<ChakraDialog.DescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Trigger: import("react").ForwardRefExoticComponent<ChakraDialog.TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const ActionTrigger: import("react").ForwardRefExoticComponent<ChakraDialog.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/dialog/dialog.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Dialog as ChakraDialog } from '@chakra-ui/react/dialog';
+import { Portal } from '@chakra-ui/react/portal';
+import { CloseButton as CloseButtonBase } from "../close-button/index.js";
+export const Content = forwardRef(function DialogContent(props, ref) {
+    const { children, portalled = true, portalRef, backdrop = true, ...rest } = props;
+    return (_jsxs(Portal, { disabled: !portalled, container: portalRef, children: [backdrop && _jsx(ChakraDialog.Backdrop, {}), _jsx(ChakraDialog.Positioner, { children: _jsx(ChakraDialog.Content, { ref: ref, ...rest, asChild: false, children: children }) })] }));
+});
+export const CloseButton = forwardRef(function DialogCloseTrigger(props, ref) {
+    return (_jsx(ChakraDialog.CloseTrigger, { ...props, asChild: true, children: _jsx(CloseButtonBase, { size: "sm", ref: ref, children: props.children }) }));
+});
+export const CloseTrigger = ChakraDialog.CloseTrigger;
+export const Root = ChakraDialog.Root;
+export const Context = ChakraDialog.Context;
+export const Footer = ChakraDialog.Footer;
+export const Header = ChakraDialog.Header;
+export const Body = ChakraDialog.Body;
+export const Backdrop = ChakraDialog.Backdrop;
+export const Title = ChakraDialog.Title;
+export const Description = ChakraDialog.Description;
+export const Trigger = ChakraDialog.Trigger;
+export const ActionTrigger = ChakraDialog.ActionTrigger;

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

@@ -1 +1 @@
-export { Dialog_alias_1 as Dialog } from '../../_tsup-dts-rollup.js';
+export * as Dialog from './dialog.tsx';

package/dist/components/dialog/index.js

@@ -1,13 +1 @@
-'use client'
-import {
-  dialog_exports
-} from "../../chunk-HHUVJRPT.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 {
-  dialog_exports as Dialog
-};
+export * as Dialog from "./dialog.js";

package/dist/components/download-trigger/index.d.ts

@@ -0,0 +1 @@
+export { DownloadTrigger, type DownloadTriggerProps, } from '@chakra-ui/react/download-trigger';

package/dist/components/download-trigger/index.js

@@ -0,0 +1 @@
+export { DownloadTrigger, } from '@chakra-ui/react/download-trigger';

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

@@ -0,0 +1,20 @@
+import { Drawer as ChakraDrawer } from '@chakra-ui/react';
+export interface ContentProps extends ChakraDrawer.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+    offset?: ChakraDrawer.ContentProps['padding'];
+}
+export declare const Content: import("react").ForwardRefExoticComponent<ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const CloseButton: import("react").ForwardRefExoticComponent<ChakraDrawer.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const CloseTrigger: import("react").ForwardRefExoticComponent<ChakraDrawer.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Trigger: import("react").ForwardRefExoticComponent<ChakraDrawer.TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Root: import("react").FC<ChakraDrawer.RootProps>;
+export declare const Footer: import("react").ForwardRefExoticComponent<ChakraDrawer.FooterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Header: import("react").ForwardRefExoticComponent<ChakraDrawer.HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Body: import("react").ForwardRefExoticComponent<ChakraDrawer.BodyProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Backdrop: import("react").ForwardRefExoticComponent<ChakraDrawer.BackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Description: import("react").ForwardRefExoticComponent<ChakraDrawer.DescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Title: import("react").ForwardRefExoticComponent<ChakraDrawer.TitleProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ActionTrigger: import("react").ForwardRefExoticComponent<ChakraDrawer.ActionTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const Context: (props: import("@ark-ui/react").DialogContextProps) => import("react").ReactNode;
+export type RootProps = ChakraDrawer.RootProps;