@saas-ui/react 3.0.0-next.3 → 3.0.0-next.30

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

@@ -1,2 +1,2 @@
-export { SearchInput_alias_1 as SearchInput } from '../../_tsup-dts-rollup.js';
-export { SearchInputProps_alias_1 as SearchInputProps } from '../../_tsup-dts-rollup.js';
+export { SearchInput } from './search-input.tsx';
+export type { SearchInputProps } from './search-input.tsx';

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

@@ -1,10 +1 @@
-'use client'
-import {
-  SearchInput
-} from "../../chunk-HJX66GFT.js";
-import "../../chunk-KTLWEUNW.js";
-import "../../chunk-OME35FUG.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  SearchInput
-};
+export { SearchInput } from "./search-input.js";

package/dist/components/search-input/search-input.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InputProps } from '@chakra-ui/react';
+export interface SearchInputProps extends InputProps {
+    value?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    icon?: React.ReactElement;
+    resetIcon?: React.ReactElement;
+    endElement?: React.ReactElement;
+    onReset?: () => void;
+}
+export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/search-input/search-input.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { forwardRef } from 'react';
+import { Group, IconButton, Input, InputElement, mergeRefs, useControllableState, } from '@chakra-ui/react';
+import { callAll } from '@saas-ui/core/utils';
+import { CloseIcon, SearchIcon } from "../icons/index.js";
+export const SearchInput = forwardRef((props, ref) => {
+    const { placeholder = 'Search', value: valueProp, defaultValue: defaultValueProp, size, variant, width = 'full', icon = _jsx(SearchIcon, {}), resetIcon, endElement: endElementProp, onChange: onChangeProp, onReset: onResetProp, onKeyDown: onKeyDownProp, disabled, ...inputProps } = props;
+    const inputRef = React.useRef(null);
+    const [value, setValue] = useControllableState({
+        value: valueProp,
+        defaultValue: defaultValueProp,
+    });
+    const onChange = React.useCallback((e) => {
+        setValue(e.target.value);
+    }, [setValue]);
+    const onKeyDown = React.useCallback((event) => {
+        if (event.key === 'Escape') {
+            setValue('');
+            onReset();
+        }
+    }, [onResetProp, setValue]);
+    const onReset = () => {
+        setValue('');
+        onResetProp?.();
+        inputRef.current?.focus();
+    };
+    const showReset = value && !props.disabled;
+    const endElement = showReset ? (_jsx(SearchInputResetButton, { size: size, children: resetIcon })) : (endElementProp);
+    return (_jsxs(Group, { width: width, children: [_jsx(InputElement, { placement: "start", px: "0", aspectRatio: "9/10", fontSize: size, children: icon }), _jsx(Input, { type: "text", placeholder: placeholder, variant: variant, size: size, value: value, disabled: disabled, ref: mergeRefs(ref, inputRef), onChange: callAll(onChange, onChangeProp), onKeyDown: callAll(onKeyDown, onKeyDownProp), ps: "calc(var(--input-height) - var(--input-height) / 10)", pe: "calc(var(--input-height) - var(--input-height) / 10)", ...inputProps }), _jsx(InputElement, { placement: "end", children: endElement })] }));
+});
+const SearchInputResetButton = forwardRef((props, ref) => {
+    const { children = _jsx(CloseIcon, {}), ...rest } = props;
+    return (_jsx(IconButton, { ref: ref, variant: "ghost", "aria-label": "Reset search", me: "-2", aspectRatio: "square", height: "calc(100% - {spacing.2})", ...rest, children: children }));
+});
+SearchInput.displayName = 'SearchInput';

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

@@ -0,0 +1,2 @@
+export * as Section from './section.tsx';
+export { useSectionStyles } from './section.context.ts';

package/dist/components/section/index.js

@@ -0,0 +1,2 @@
+export * as Section from "./section.js";
+export { useSectionStyles } from "./section.context.js";

package/dist/components/section/section.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>>, useSectionStyles: () => Record<string, import("@chakra-ui/react").SystemStyleObject>, useClassNames: () => Record<string, string>;

package/dist/components/section/section.context.js

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

package/dist/components/section/section.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { type HTMLChakraProps, type SlotRecipeProps } from '@chakra-ui/react';
+interface SectionRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiSection'> {
+}
+declare const SectionRoot: React.ForwardRefExoticComponent<SectionRootProps & React.RefAttributes<HTMLDivElement>>;
+interface SectionBodyProps extends HTMLChakraProps<'div'> {
+}
+declare const SectionBody: React.ForwardRefExoticComponent<SectionBodyProps & React.RefAttributes<HTMLDivElement>>;
+interface SectionHeaderProps extends Omit<HTMLChakraProps<'div'>, 'title'> {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+}
+declare const SectionHeader: React.ForwardRefExoticComponent<SectionHeaderProps & React.RefAttributes<HTMLDivElement>>;
+declare const SectionTitle: React.ForwardRefExoticComponent<Omit<import("@chakra-ui/react").PatchHtmlProps<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "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" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "all" | "appearance" | "aspectRatio" | "azimuth" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineEnd" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "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" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicSize" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "direction" | "display" | "emptyCells" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "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" | "inputSecurity" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "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" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformStyle" | "transition" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zoom" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "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" | "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 & React.RefAttributes<HTMLHeadingElement>>;
+declare const SectionDescription: React.ForwardRefExoticComponent<Omit<import("@chakra-ui/react").PatchHtmlProps<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "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" | "accentColor" | "alignContent" | "alignItems" | "alignSelf" | "alignTracks" | "all" | "appearance" | "aspectRatio" | "azimuth" | "backdropFilter" | "backfaceVisibility" | "background" | "backgroundAttachment" | "backgroundBlendMode" | "backgroundClip" | "backgroundColor" | "backgroundImage" | "backgroundOrigin" | "backgroundPosition" | "backgroundPositionX" | "backgroundPositionY" | "backgroundRepeat" | "backgroundSize" | "blockSize" | "border" | "borderBlock" | "borderBlockColor" | "borderBlockStyle" | "borderBlockWidth" | "borderBlockEnd" | "borderBlockEndColor" | "borderBlockEndStyle" | "borderBlockEndWidth" | "borderBlockStart" | "borderBlockStartColor" | "borderBlockStartStyle" | "borderBlockStartWidth" | "borderBottom" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderCollapse" | "borderColor" | "borderEndEndRadius" | "borderEndStartRadius" | "borderImage" | "borderImageOutset" | "borderImageRepeat" | "borderImageSlice" | "borderImageSource" | "borderImageWidth" | "borderInline" | "borderInlineEnd" | "borderInlineColor" | "borderInlineStyle" | "borderInlineWidth" | "borderInlineEndColor" | "borderInlineEndStyle" | "borderInlineEndWidth" | "borderInlineStart" | "borderInlineStartColor" | "borderInlineStartStyle" | "borderInlineStartWidth" | "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" | "color" | "colorScheme" | "columnCount" | "columnFill" | "columnGap" | "columnRule" | "columnRuleColor" | "columnRuleStyle" | "columnRuleWidth" | "columnSpan" | "columnWidth" | "columns" | "contain" | "containIntrinsicSize" | "containIntrinsicBlockSize" | "containIntrinsicHeight" | "containIntrinsicInlineSize" | "containIntrinsicWidth" | "containerName" | "containerType" | "content" | "contentVisibility" | "counterIncrement" | "counterReset" | "counterSet" | "direction" | "display" | "emptyCells" | "filter" | "flex" | "flexBasis" | "flexDirection" | "flexFlow" | "flexGrow" | "flexShrink" | "flexWrap" | "float" | "font" | "fontFamily" | "fontFeatureSettings" | "fontKerning" | "fontLanguageOverride" | "fontOpticalSizing" | "fontPalette" | "fontVariationSettings" | "fontSize" | "fontSizeAdjust" | "fontSmooth" | "fontStretch" | "fontStyle" | "fontSynthesis" | "fontSynthesisPosition" | "fontSynthesisSmallCaps" | "fontSynthesisStyle" | "fontSynthesisWeight" | "fontVariant" | "fontVariantAlternates" | "fontVariantCaps" | "fontVariantEastAsian" | "fontVariantEmoji" | "fontVariantLigatures" | "fontVariantNumeric" | "fontVariantPosition" | "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" | "inputSecurity" | "inset" | "insetBlock" | "insetBlockEnd" | "insetBlockStart" | "insetInline" | "insetInlineEnd" | "insetInlineStart" | "isolation" | "justifyContent" | "justifyItems" | "justifySelf" | "justifyTracks" | "left" | "letterSpacing" | "lineBreak" | "lineClamp" | "lineHeight" | "lineHeightStep" | "listStyle" | "listStyleImage" | "listStylePosition" | "listStyleType" | "margin" | "marginBlock" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInline" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "marginTrim" | "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" | "printColorAdjust" | "quotes" | "resize" | "right" | "rotate" | "rowGap" | "rubyAlign" | "rubyMerge" | "rubyPosition" | "scale" | "scrollbarColor" | "scrollbarGutter" | "scrollbarWidth" | "scrollBehavior" | "scrollMargin" | "scrollMarginBlock" | "scrollMarginBlockStart" | "scrollMarginBlockEnd" | "scrollMarginBottom" | "scrollMarginInline" | "scrollMarginInlineStart" | "scrollMarginInlineEnd" | "scrollMarginLeft" | "scrollMarginRight" | "scrollMarginTop" | "scrollPadding" | "scrollPaddingBlock" | "scrollPaddingBlockStart" | "scrollPaddingBlockEnd" | "scrollPaddingBottom" | "scrollPaddingInline" | "scrollPaddingInlineStart" | "scrollPaddingInlineEnd" | "scrollPaddingLeft" | "scrollPaddingRight" | "scrollPaddingTop" | "scrollSnapAlign" | "scrollSnapCoordinate" | "scrollSnapDestination" | "scrollSnapPointsX" | "scrollSnapPointsY" | "scrollSnapStop" | "scrollSnapType" | "scrollSnapTypeX" | "scrollSnapTypeY" | "scrollTimeline" | "scrollTimelineAxis" | "scrollTimelineName" | "shapeImageThreshold" | "shapeMargin" | "shapeOutside" | "tabSize" | "tableLayout" | "textAlign" | "textAlignLast" | "textCombineUpright" | "textDecoration" | "textDecorationColor" | "textDecorationLine" | "textDecorationSkip" | "textDecorationSkipInk" | "textDecorationStyle" | "textDecorationThickness" | "textEmphasis" | "textEmphasisColor" | "textEmphasisPosition" | "textEmphasisStyle" | "textIndent" | "textJustify" | "textOrientation" | "textOverflow" | "textRendering" | "textShadow" | "textSizeAdjust" | "textTransform" | "textUnderlineOffset" | "textUnderlinePosition" | "textWrap" | "timelineScope" | "top" | "touchAction" | "transform" | "transformBox" | "transformStyle" | "transition" | "transitionBehavior" | "transitionDelay" | "transitionDuration" | "transitionProperty" | "transitionTimingFunction" | "translate" | "unicodeBidi" | "userSelect" | "verticalAlign" | "viewTimeline" | "viewTimelineAxis" | "viewTimelineInset" | "viewTimelineName" | "viewTransitionName" | "visibility" | "whiteSpace" | "whiteSpaceCollapse" | "widows" | "width" | "willChange" | "wordBreak" | "wordSpacing" | "wordWrap" | "writingMode" | "zoom" | "alignmentBaseline" | "baselineShift" | "clipRule" | "colorInterpolation" | "colorRendering" | "dominantBaseline" | "fill" | "fillOpacity" | "fillRule" | "floodColor" | "floodOpacity" | "glyphOrientationVertical" | "lightingColor" | "marker" | "markerEnd" | "markerMid" | "markerStart" | "shapeRendering" | "stopColor" | "stopOpacity" | "stroke" | "strokeDasharray" | "strokeDashoffset" | "strokeLinecap" | "strokeLinejoin" | "strokeMiterlimit" | "strokeOpacity" | "strokeWidth" | "textAnchor" | "vectorEffect" | "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" | "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 & React.RefAttributes<HTMLDivElement>>;
+export { SectionRoot as Root, SectionHeader as Header, SectionTitle as Title, SectionDescription as Description, SectionBody as Body, };
+export type { SectionRootProps as RootProps, SectionHeaderProps as HeaderProps, SectionBodyProps as BodyProps, };

package/dist/components/section/section.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { chakra, } from '@chakra-ui/react';
+import { withContext, withProvider } from "./section.context.js";
+const SectionRoot = withProvider('div', 'root');
+const SectionBody = withContext('div', 'body');
+const SectionHeader = withContext((props) => {
+    const { title, description, children, ...rest } = props;
+    return (_jsxs(chakra.div, { ...rest, children: [typeof title === 'string' ? (_jsx(SectionTitle, { children: title })) : (title), typeof description === 'string' ? (_jsx(SectionDescription, { children: description })) : (description), children] }));
+}, 'header');
+const SectionTitle = withContext('h3', 'title');
+const SectionDescription = withContext('div', 'description');
+export { SectionRoot as Root, SectionHeader as Header, SectionTitle as Title, SectionDescription as Description, SectionBody as Body, };

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

@@ -0,0 +1,27 @@
+export declare const sectionSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<string, {
+    variant: {
+        annotated: {
+            root: {
+                flexDirection: {
+                    base: "column";
+                    md: "row";
+                };
+                mt: number;
+            };
+            header: {
+                width: {
+                    base: "full";
+                    md: "30%";
+                };
+                mb: {
+                    base: number;
+                    md: number;
+                };
+                pe: {
+                    base: number;
+                    md: number;
+                };
+            };
+        };
+    };
+}>;

package/dist/components/section/section.recipe.js

@@ -0,0 +1,63 @@
+import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
+const slots = ['root', 'header', 'title', 'description', 'body'];
+export const sectionSlotRecipe = defineSlotRecipe({
+    className: 'sui-section',
+    slots,
+    base: {
+        root: {
+            display: 'flex',
+            flexDirection: 'column',
+        },
+        header: {
+            flexShrink: 0,
+            mb: 4,
+        },
+        title: {
+            textStyle: 'heading',
+            fontWeight: 'semibold',
+            lineHeight: '110%',
+            letterSpacing: '-1%',
+            mb: 1,
+        },
+        description: {
+            color: 'fg.muted',
+            fontSize: 'md',
+            '& a': {
+                fontWeight: 'medium',
+                color: 'fg',
+            },
+        },
+        body: {
+            flex: 1,
+            minWidth: 0,
+        },
+    },
+    variants: {
+        variant: {
+            annotated: {
+                root: {
+                    flexDirection: {
+                        base: 'column',
+                        md: 'row',
+                    },
+                    mt: 4,
+                },
+                header: {
+                    width: {
+                        base: 'full',
+                        md: '30%',
+                    },
+                    mb: {
+                        base: 4,
+                        md: 0,
+                    },
+                    pe: {
+                        base: 4,
+                        md: 8,
+                    },
+                },
+            },
+        },
+    },
+    defaultVariants: {},
+});

package/dist/components/segmented-control/index.d.ts

@@ -1,2 +1,2 @@
-export { SegmentedControl_alias_1 as SegmentedControl } from '../../_tsup-dts-rollup.js';
-export { SegmentedControlProps_alias_1 as SegmentedControlProps } from '../../_tsup-dts-rollup.js';
+export { SegmentedControl } from './segmented-control.tsx';
+export type { SegmentedControlProps } from './segmented-control.tsx';

package/dist/components/segmented-control/index.js

@@ -1,8 +1 @@
-'use client'
-import {
-  SegmentedControl
-} from "../../chunk-KFDVVTMT.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  SegmentedControl
-};
+export { SegmentedControl } from "./segmented-control.js";

package/dist/components/segmented-control/segment-group.recipe.d.ts

@@ -0,0 +1,48 @@
+export declare const segmentGroupSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"label" | "indicator" | "root" | "item" | "itemText" | "itemControl", {
+    size: {
+        xs: {
+            root: {
+                '--segment-radius': "radii.control.sm";
+                height: "6";
+            };
+            item: {
+                textStyle: "xs";
+                px: "3";
+                gap: "1";
+            };
+        };
+        sm: {
+            root: {
+                '--segment-radius': "radii.control.md";
+                height: "7";
+            };
+            item: {
+                textStyle: "sm";
+                px: "4";
+                gap: "2";
+            };
+        };
+        md: {
+            root: {
+                '--segment-radius': "radii.control.md";
+                height: "8";
+            };
+            item: {
+                textStyle: "md";
+                px: "4";
+                gap: "2";
+            };
+        };
+        lg: {
+            root: {
+                '--segment-radius': "radii.control.lg";
+                height: "10";
+            };
+            item: {
+                textStyle: "md";
+                px: "5";
+                gap: "3";
+            };
+        };
+    };
+}>;

package/dist/components/segmented-control/segment-group.recipe.js

@@ -0,0 +1,127 @@
+import { segmentGroupAnatomy } from '@chakra-ui/react/anatomy';
+import { defineSlotRecipe } from '@chakra-ui/react/styled-system';
+export const segmentGroupSlotRecipe = defineSlotRecipe({
+    className: 'chakra-segment-group',
+    slots: segmentGroupAnatomy.keys(),
+    base: {
+        root: {
+            borderRadius: 'var(--segment-radius)',
+            display: 'inline-flex',
+            boxShadow: 'inset',
+            minW: 'max-content',
+            textAlign: 'center',
+            position: 'relative',
+            isolation: 'isolate',
+            bg: 'bg.muted',
+            borderWidth: '1px',
+        },
+        item: {
+            display: 'flex',
+            alignItems: 'center',
+            userSelect: 'none',
+            fontSize: 'sm',
+            position: 'relative',
+            color: 'fg.subtle',
+            cursor: 'button',
+            borderRadius: 'var(--segment-radius)',
+            _disabled: {
+                opacity: '0.5',
+            },
+            _hover: {
+                color: 'fg',
+            },
+            '&:has(input:focus-visible)': {
+                focusRing: 'inside',
+                focusRingWidth: '1px',
+            },
+            _before: {
+                content: '""',
+                position: 'absolute',
+                insetInlineStart: 0,
+                insetBlock: '0',
+                bg: 'border',
+                width: '1px',
+                transition: 'opacity 0.2s',
+            },
+            _checked: {
+                color: 'fg',
+            },
+            '& + &[data-state=checked], &[data-state=checked] + &, &:first-of-type': {
+                _before: {
+                    opacity: '0',
+                },
+            },
+            '&[data-state=checked][data-ssr]': {
+                shadow: 'sm',
+                bg: 'bg',
+                color: 'fg',
+                borderRadius: 'var(--segment-radius)',
+            },
+        },
+        indicator: {
+            shadow: 'sm',
+            pos: 'absolute',
+            bg: {
+                base: 'bg',
+                _dark: 'bg.emphasized',
+            },
+            width: 'var(--width)',
+            height: 'var(--height)',
+            top: 'var(--top)',
+            left: 'var(--left)',
+            zIndex: -1,
+            borderRadius: 'var(--segment-radius)',
+        },
+    },
+    variants: {
+        size: {
+            xs: {
+                root: {
+                    '--segment-radius': 'radii.control.sm',
+                    height: '6',
+                },
+                item: {
+                    textStyle: 'xs',
+                    px: '3',
+                    gap: '1',
+                },
+            },
+            sm: {
+                root: {
+                    '--segment-radius': 'radii.control.md',
+                    height: '7',
+                },
+                item: {
+                    textStyle: 'sm',
+                    px: '4',
+                    gap: '2',
+                },
+            },
+            md: {
+                root: {
+                    '--segment-radius': 'radii.control.md',
+                    height: '8',
+                },
+                item: {
+                    textStyle: 'md',
+                    px: '4',
+                    gap: '2',
+                },
+            },
+            lg: {
+                root: {
+                    '--segment-radius': 'radii.control.lg',
+                    height: '10',
+                },
+                item: {
+                    textStyle: 'md',
+                    px: '5',
+                    gap: '3',
+                },
+            },
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+    },
+});

package/dist/components/segmented-control/segmented-control.d.ts

@@ -0,0 +1,11 @@
+import { SegmentGroup } from '@chakra-ui/react/segment-group';
+interface Item {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface SegmentedControlProps extends SegmentGroup.RootProps {
+    items: Array<string | Item>;
+}
+export declare const SegmentedControl: import("react").ForwardRefExoticComponent<SegmentedControlProps & import("react").RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/segmented-control/segmented-control.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useMemo } from 'react';
+import { For } from '@chakra-ui/react/for';
+import { SegmentGroup } from '@chakra-ui/react/segment-group';
+function normalize(items) {
+    return items.map((item) => {
+        if (typeof item === 'string')
+            return { value: item, label: item };
+        return item;
+    });
+}
+export const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
+    const { items, ...rest } = props;
+    const data = useMemo(() => normalize(items), [items]);
+    return (_jsxs(SegmentGroup.Root, { ref: ref, ...rest, children: [_jsx(SegmentGroup.Indicator, {}), _jsx(For, { each: data, children: (item) => (_jsxs(SegmentGroup.Item, { value: item.value, disabled: item.disabled, children: [_jsx(SegmentGroup.ItemText, { children: item.label }), _jsx(SegmentGroup.ItemHiddenInput, {})] }, item.value)) })] }));
+});

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

@@ -1 +1 @@
-export { Select_alias_1 as Select } from '../../_tsup-dts-rollup.js';
+export * as Select from './namespace.ts';

package/dist/components/select/index.js

@@ -1,13 +1 @@
-'use client'
-import {
-  namespace_exports
-} from "../../chunk-BVISYY3B.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 {
-  namespace_exports as Select
-};
+export * as Select from "./namespace.js";

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

@@ -0,0 +1,2 @@
+export { SelectRoot as Root, SelectTrigger as Trigger, SelectContent as Content, SelectItem as Item, SelectLabel as Label, SelectItemGroup as ItemGroup, SelectItemText as ItemText, SelectValueText as ValueText, } from './select.tsx';
+export type { SelectRootProps as RootProps, SelectTriggerProps as TriggerProps, SelectContentProps as ContentProps, SelectItemGroupProps as ItemGroupProps, SelectValueTextProps as ValueTextProps, } from './select.tsx';

package/dist/components/select/namespace.js

@@ -0,0 +1 @@
+export { SelectRoot as Root, SelectTrigger as Trigger, SelectContent as Content, SelectItem as Item, SelectLabel as Label, SelectItemGroup as ItemGroup, SelectItemText as ItemText, SelectValueText as ValueText, } from "./select.js";

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

@@ -0,0 +1,25 @@
+import type { CollectionItem } from '@chakra-ui/react/collection';
+import { Select as SelectPrimitive } from '@chakra-ui/react/select';
+export interface SelectTriggerProps extends SelectPrimitive.ControlProps {
+    clearable?: boolean;
+}
+export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+export interface SelectContentProps extends SelectPrimitive.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+export declare const SelectContent: import("react").ForwardRefExoticComponent<SelectContentProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectPrimitive.ItemProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface SelectValueTextProps extends Omit<SelectPrimitive.ValueTextProps, 'children'> {
+    children?(items: CollectionItem[]): React.ReactNode;
+}
+export declare const SelectValueText: import("react").ForwardRefExoticComponent<SelectValueTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+export interface SelectRootProps<T> extends SelectPrimitive.RootProps<T> {
+}
+export declare const SelectRoot: <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+export interface SelectItemGroupProps extends SelectPrimitive.ItemGroupProps {
+    label: React.ReactNode;
+}
+export declare const SelectItemGroup: import("react").ForwardRefExoticComponent<SelectItemGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const SelectLabel: import("react").ForwardRefExoticComponent<SelectPrimitive.LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const SelectItemText: import("react").ForwardRefExoticComponent<SelectPrimitive.ItemTextProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/select/select.js

@@ -0,0 +1,43 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { Portal } from '@chakra-ui/react/portal';
+import { Select as SelectPrimitive } from '@chakra-ui/react/select';
+import { CloseButton } from "../close-button/index.js";
+export const SelectTrigger = forwardRef(function SelectTrigger(props, ref) {
+    const { children, clearable, ...rest } = props;
+    return (_jsxs(SelectPrimitive.Control, { ...rest, children: [_jsx(SelectPrimitive.Trigger, { ref: ref, children: children }), _jsxs(SelectPrimitive.IndicatorGroup, { children: [clearable && _jsx(SelectClearTrigger, {}), _jsx(SelectPrimitive.Indicator, {})] })] }));
+});
+const SelectClearTrigger = forwardRef(function SelectClearTrigger(props, ref) {
+    return (_jsx(SelectPrimitive.ClearTrigger, { asChild: true, ...props, ref: ref, children: _jsx(CloseButton, { size: "xs", variant: "plain", focusVisibleRing: "inside", focusRingWidth: "2px", pointerEvents: "auto" }) }));
+});
+export const SelectContent = forwardRef(function SelectContent(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return (_jsx(Portal, { disabled: !portalled, container: portalRef, children: _jsx(SelectPrimitive.Positioner, { children: _jsx(SelectPrimitive.Content, { ...rest, ref: ref }) }) }));
+});
+export const SelectItem = forwardRef(function SelectItem(props, ref) {
+    const { item, children, ...rest } = props;
+    return (_jsxs(SelectPrimitive.Item, { item: item, ...rest, ref: ref, children: [children, _jsx(SelectPrimitive.ItemIndicator, {})] }, item.value));
+});
+export const SelectValueText = forwardRef(function SelectValueText(props, ref) {
+    const { children, ...rest } = props;
+    return (_jsx(SelectPrimitive.ValueText, { ...rest, ref: ref, children: _jsx(SelectPrimitive.Context, { children: (select) => {
+                const items = select.selectedItems;
+                if (items.length === 0)
+                    return props.placeholder;
+                if (children)
+                    return children(items);
+                if (items.length === 1)
+                    return select.collection.stringifyItem(items[0]);
+                return `${items.length} selected`;
+            } }) }));
+});
+export const SelectRoot = forwardRef(function SelectRoot(props, ref) {
+    return (_jsx(SelectPrimitive.Root, { ...props, ref: ref, positioning: { sameWidth: true, ...props.positioning } }));
+});
+export const SelectItemGroup = forwardRef(function SelectItemGroup(props, ref) {
+    const { children, label, ...rest } = props;
+    return (_jsxs(SelectPrimitive.ItemGroup, { ...rest, ref: ref, children: [_jsx(SelectPrimitive.ItemGroupLabel, { children: label }), children] }));
+});
+export const SelectLabel = SelectPrimitive.Label;
+export const SelectItemText = SelectPrimitive.ItemText;