@brycks/core-front 0.3.6 → 0.6.0

package/dist/index.js

@@ -1,6 +1,6 @@
 /* empty css           */
 import { useIsDesktop as t, useIsMobile as p, useIsTablet as m, useMediaQuery as a, usePrefersDarkMode as i, usePrefersReducedMotion as n } from "./hooks/useMediaQuery.js";
-import { useDisclosure as f } from "./hooks/useDisclosure.js";
+import { useDisclosure as s } from "./hooks/useDisclosure.js";
 import { useClickOutside as d } from "./hooks/useClickOutside.js";
 import { useKeyboardNavigation as l } from "./hooks/useKeyboardNavigation.js";
 import { useFocusTrap as g } from "./hooks/useFocusTrap.js";
@@ -8,23 +8,23 @@ import { useId as T, useIds as b } from "./hooks/useId.js";
 import { useControllable as h } from "./hooks/useControllable.js";
 import { buildSpacingStyles as C, cx as F, generateId as z, getSpacingValue as D, hexToRgba as P, spacingToCss as k } from "./utils/styles.js";
 import { createInteractionLazyComponent as L, createLazyComponent as w, preloadComponents as H } from "./utils/lazyComponent.js";
-import { accent as M, colors as R, error as B, info as G, neutrals as O, primary as V, success as W, warning as E } from "./design-system/tokens/colors.js";
-import { semanticSpacing as Q, spacing as q } from "./design-system/tokens/spacing.js";
+import { accent as B, colors as M, error as R, info as G, neutrals as O, primary as E, success as V, warning as W } from "./design-system/tokens/colors.js";
+import { semanticSpacing as N, spacing as Q } from "./design-system/tokens/spacing.js";
 import { fontFamilies as X, fontSizes as Y, fontWeights as Z, letterSpacings as j, lineHeights as J, textStyles as U } from "./design-system/tokens/typography.js";
 import { focusRings as $, glows as oo, shadows as eo } from "./design-system/tokens/shadows.js";
 import { borderStyles as to, borderWidths as po, radii as mo } from "./design-system/tokens/borders.js";
-import { breakpoints as io, containers as no, mediaQueries as so } from "./design-system/tokens/breakpoints.js";
+import { breakpoints as io, containers as no, mediaQueries as fo } from "./design-system/tokens/breakpoints.js";
 import { zIndex as xo } from "./design-system/tokens/zIndex.js";
 import { animations as lo, durations as uo, easings as go, transitions as So } from "./design-system/tokens/motion.js";
 import { componentGap as bo, componentHeights as Io, componentPaddingX as ho, componentPaddingY as yo, controlSizes as Co, iconSizes as Fo, modalWidths as zo, popoverSizing as Do, switchSizes as Po } from "./design-system/primitives/sizing.js";
-import { avatarSizes as vo, contentPadding as Lo, headerSizes as wo, iconButtonSizes as Ho, pageHeaderSpacing as Ao, quickActionSizes as Mo, searchInputSizes as Ro, sidebarSizes as Bo, statCardSizes as Go } from "./design-system/primitives/layout.js";
-import { focusRing as Vo, focusRingOffset as Wo, focusStyles as Eo } from "./design-system/primitives/focus.js";
-import { duration as Qo, easing as qo, keyframes as Ko, transition as Xo, transitionProperties as Yo } from "./design-system/primitives/transitions.js";
+import { avatarSizes as vo, contentPadding as Lo, headerSizes as wo, iconButtonSizes as Ho, pageHeaderSpacing as Ao, quickActionSizes as Bo, searchInputSizes as Mo, sidebarSizes as Ro, statCardSizes as Go } from "./design-system/primitives/layout.js";
+import { focusRing as Eo, focusRingOffset as Vo, focusStyles as Wo } from "./design-system/primitives/focus.js";
+import { duration as No, easing as Qo, keyframes as qo, transition as Xo, transitionProperties as Yo } from "./design-system/primitives/transitions.js";
 import { componentFontSize as jo, componentFontWeight as Jo, componentLineHeight as Uo, componentTypography as _o } from "./design-system/primitives/typography.js";
 import { opacity as oe, scale as ee, stateOpacity as re } from "./design-system/primitives/opacity.js";
 import { ThemeProvider as pe, useTheme as me, useThemeColors as ae } from "./design-system/themes/ThemeProvider.js";
 import { lightTheme as ne } from "./design-system/themes/lightTheme.js";
-import { darkTheme as fe } from "./design-system/themes/darkTheme.js";
+import { darkTheme as se } from "./design-system/themes/darkTheme.js";
 import { cssVar as de } from "./design-system/themes/cssVariables.js";
 import { Box as le } from "./components/layout/Box/Box.js";
 import { HStack as ge, Stack as Se, VStack as Te } from "./components/layout/Stack/Stack.js";
@@ -33,179 +33,191 @@ import { Container as Ce } from "./components/layout/Container/Container.js";
 import { Card as ze, CardBody as De, CardFooter as Pe, CardHeader as ke } from "./components/layout/Card/Card.js";
 import { Section as Le } from "./components/layout/Section/Section.js";
 import { Spacer as He } from "./components/layout/Spacer/Spacer.js";
-import { Flex as Me, FlexItem as Re } from "./components/layout/Flex/Flex.js";
+import { Flex as Be, FlexItem as Me } from "./components/layout/Flex/Flex.js";
 import { AspectRatio as Ge } from "./components/layout/AspectRatio/AspectRatio.js";
-import { Image as Ve } from "./components/media/Image/Image.js";
-import { Video as Ee } from "./components/media/Video/Video.js";
-import { ImageThumbnail as Qe } from "./components/media/ImageThumbnail/ImageThumbnail.js";
-import { Code as Ke, Text as Xe } from "./components/typography/Text/Text.js";
+import { Image as Ee } from "./components/media/Image/Image.js";
+import { Video as We } from "./components/media/Video/Video.js";
+import { ImageThumbnail as Ne } from "./components/media/ImageThumbnail/ImageThumbnail.js";
+import { Code as qe, Text as Xe } from "./components/typography/Text/Text.js";
 import { Display as Ze, Heading as je } from "./components/typography/Heading/Heading.js";
 import { Button as Ue, IconButton as _e } from "./components/primitives/Button/Button.js";
 import { Icon as or } from "./components/primitives/Icon/Icon.js";
 import { iconPaths as rr } from "./components/primitives/Icon/iconPaths.js";
 import { Input as pr } from "./components/form/Input/Input.js";
-import { TextField as ar } from "./components/form/TextField/TextField.js";
-import { Select as nr } from "./components/form/Select/Select.js";
-import { Checkbox as fr } from "./components/form/Checkbox/Checkbox.js";
-import { Switch as dr } from "./components/form/Switch/Switch.js";
-import { Textarea as lr } from "./components/form/Textarea/Textarea.js";
-import { Radio as gr, RadioGroup as Sr } from "./components/form/Radio/Radio.js";
-import { Slider as br } from "./components/form/Slider/Slider.js";
-import { DateInput as hr } from "./components/form/DateInput/DateInput.js";
-import { FileInput as Cr } from "./components/form/FileInput/FileInput.js";
-import { FormField as zr } from "./components/form/FormField/FormField.js";
-import { FieldError as Pr } from "./components/form/FieldError/FieldError.js";
-import { Form as vr } from "./components/form/Form/Form.js";
-import { FormLabel as wr } from "./components/form/FormLabel/FormLabel.js";
-import { FormGroup as Ar } from "./components/form/FormGroup/FormGroup.js";
-import { DropZone as Rr } from "./components/form/DropZone/DropZone.js";
-import { FormCard as Gr } from "./components/form/FormCard/FormCard.js";
-import { Modal as Vr } from "./components/feedback/Modal/Modal.js";
-import { Alert as Er } from "./components/feedback/Alert/Alert.js";
-import { Tooltip as Qr } from "./components/feedback/Tooltip/Tooltip.js";
-import { Toast as Kr, ToastProvider as Xr } from "./components/feedback/Toast/Toast.js";
-import { useToast as Zr } from "./components/feedback/Toast/ToastContext.js";
-import { Drawer as Jr } from "./components/feedback/Drawer/Drawer.js";
-import { Popover as _r } from "./components/feedback/Popover/Popover.js";
-import { Progress as ot } from "./components/feedback/Progress/Progress.js";
-import { Tab as rt, TabList as tt, TabPanel as pt, TabPanels as mt, Tabs as at } from "./components/navigation/Tabs/Tabs.js";
-import { Accordion as nt, AccordionContent as st, AccordionItem as ft, AccordionTrigger as xt } from "./components/navigation/Accordion/Accordion.js";
-import { Dropdown as ct, DropdownDivider as lt, DropdownItem as ut, DropdownLabel as gt } from "./components/navigation/Dropdown/Dropdown.js";
-import { Menu as Tt, MenuDivider as bt, MenuGroup as It, MenuItem as ht } from "./components/navigation/Menu/Menu.js";
-import { Pagination as Ct } from "./components/navigation/Pagination/Pagination.js";
-import { Breadcrumb as zt, BreadcrumbItem as Dt } from "./components/navigation/Breadcrumb/Breadcrumb.js";
-import { Table as kt, TableBody as vt, TableCaption as Lt, TableCell as wt, TableFoot as Ht, TableHead as At, TableHeader as Mt, TableRow as Rt } from "./components/data/Table/Table.js";
-import { List as Gt, ListDivider as Ot, ListHeader as Vt, ListItem as Wt } from "./components/data/List/List.js";
-import { InfoItem as Nt, InfoList as Qt } from "./components/data/InfoItem/InfoItem.js";
-import { Badge as Kt } from "./components/utility/Badge/Badge.js";
-import { Loader as Yt, Spinner as Zt } from "./components/utility/Loader/Loader.js";
-import { Skeleton as Jt, SkeletonText as Ut } from "./components/utility/Skeleton/Skeleton.js";
-import { Divider as $t } from "./components/utility/Divider/Divider.js";
-import { EmptyState as ep, EmptyStateIcon as rp } from "./components/utility/EmptyState/EmptyState.js";
-import { Portal as pp } from "./components/utility/Portal/Portal.js";
-import { FocusTrap as ap } from "./components/utility/FocusTrap/FocusTrap.js";
-import { Overlay as np } from "./components/utility/Overlay/Overlay.js";
-import { ScreenReaderOnly as fp, SrOnly as xp } from "./components/utility/ScreenReaderOnly/ScreenReaderOnly.js";
-import { Avatar as cp } from "./components/utility/Avatar/Avatar.js";
-import { Logo as up } from "./components/utility/Logo/Logo.js";
-import { Article as Sp, Aside as Tp, Footer as bp, Header as Ip, Main as hp, Nav as yp } from "./components/layout/Semantic/Semantic.js";
+import { SearchInput as ar } from "./components/form/SearchInput/SearchInput.js";
+import { TextField as nr } from "./components/form/TextField/TextField.js";
+import { Select as sr } from "./components/form/Select/Select.js";
+import { Checkbox as dr } from "./components/form/Checkbox/Checkbox.js";
+import { Switch as lr } from "./components/form/Switch/Switch.js";
+import { Textarea as gr } from "./components/form/Textarea/Textarea.js";
+import { Radio as Tr, RadioGroup as br } from "./components/form/Radio/Radio.js";
+import { Slider as hr } from "./components/form/Slider/Slider.js";
+import { DateInput as Cr } from "./components/form/DateInput/DateInput.js";
+import { FileInput as zr } from "./components/form/FileInput/FileInput.js";
+import { FormField as Pr } from "./components/form/FormField/FormField.js";
+import { FieldError as vr } from "./components/form/FieldError/FieldError.js";
+import { Form as wr } from "./components/form/Form/Form.js";
+import { FormLabel as Ar } from "./components/form/FormLabel/FormLabel.js";
+import { FormGroup as Mr } from "./components/form/FormGroup/FormGroup.js";
+import { DropZone as Gr } from "./components/form/DropZone/DropZone.js";
+import { FormCard as Er } from "./components/form/FormCard/FormCard.js";
+import { Modal as Wr } from "./components/feedback/Modal/Modal.js";
+import { Alert as Nr } from "./components/feedback/Alert/Alert.js";
+import { Banner as qr } from "./components/feedback/Banner/Banner.js";
+import { ConfirmDialog as Yr } from "./components/feedback/ConfirmDialog/ConfirmDialog.js";
+import { Tooltip as jr } from "./components/feedback/Tooltip/Tooltip.js";
+import { Toast as Ur, ToastProvider as _r } from "./components/feedback/Toast/Toast.js";
+import { useToast as ot } from "./components/feedback/Toast/ToastContext.js";
+import { Drawer as rt } from "./components/feedback/Drawer/Drawer.js";
+import { Popover as pt } from "./components/feedback/Popover/Popover.js";
+import { Progress as at } from "./components/feedback/Progress/Progress.js";
+import { Tab as nt, TabList as ft, TabPanel as st, TabPanels as xt, Tabs as dt } from "./components/navigation/Tabs/Tabs.js";
+import { Accordion as lt, AccordionContent as ut, AccordionItem as gt, AccordionTrigger as St } from "./components/navigation/Accordion/Accordion.js";
+import { Dropdown as bt, DropdownDivider as It, DropdownItem as ht, DropdownLabel as yt } from "./components/navigation/Dropdown/Dropdown.js";
+import { Menu as Ft, MenuDivider as zt, MenuGroup as Dt, MenuItem as Pt } from "./components/navigation/Menu/Menu.js";
+import { Pagination as vt } from "./components/navigation/Pagination/Pagination.js";
+import { Breadcrumb as wt, BreadcrumbItem as Ht } from "./components/navigation/Breadcrumb/Breadcrumb.js";
+import { SegmentedControl as Bt } from "./components/navigation/SegmentedControl/SegmentedControl.js";
+import { Table as Rt, TableBody as Gt, TableCaption as Ot, TableCell as Et, TableEmpty as Vt, TableFoot as Wt, TableHead as Kt, TableHeader as Nt, TableRow as Qt, TableSkeleton as qt } from "./components/data/Table/Table.js";
+import { List as Yt, ListDivider as Zt, ListHeader as jt, ListItem as Jt } from "./components/data/List/List.js";
+import { InfoItem as _t, InfoList as $t } from "./components/data/InfoItem/InfoItem.js";
+import { Badge as ep } from "./components/utility/Badge/Badge.js";
+import { Loader as tp, Spinner as pp } from "./components/utility/Loader/Loader.js";
+import { Skeleton as ap, SkeletonText as ip } from "./components/utility/Skeleton/Skeleton.js";
+import { Divider as fp } from "./components/utility/Divider/Divider.js";
+import { EmptyState as xp, EmptyStateIcon as dp } from "./components/utility/EmptyState/EmptyState.js";
+import { Portal as lp } from "./components/utility/Portal/Portal.js";
+import { FocusTrap as gp } from "./components/utility/FocusTrap/FocusTrap.js";
+import { Overlay as Tp } from "./components/utility/Overlay/Overlay.js";
+import { ScreenReaderOnly as Ip, SrOnly as hp } from "./components/utility/ScreenReaderOnly/ScreenReaderOnly.js";
+import { Avatar as Cp } from "./components/utility/Avatar/Avatar.js";
+import { Logo as zp } from "./components/utility/Logo/Logo.js";
+import { Kbd as Pp } from "./components/utility/Kbd/Kbd.js";
+import { Article as vp, Aside as Lp, Footer as wp, Header as Hp, Main as Ap, Nav as Bp } from "./components/layout/Semantic/Semantic.js";
 export {
-  nt as Accordion,
-  st as AccordionContent,
-  ft as AccordionItem,
-  xt as AccordionTrigger,
-  Er as Alert,
-  Sp as Article,
-  Tp as Aside,
+  lt as Accordion,
+  ut as AccordionContent,
+  gt as AccordionItem,
+  St as AccordionTrigger,
+  Nr as Alert,
+  vp as Article,
+  Lp as Aside,
   Ge as AspectRatio,
-  cp as Avatar,
-  Kt as Badge,
+  Cp as Avatar,
+  ep as Badge,
+  qr as Banner,
   le as Box,
-  zt as Breadcrumb,
-  Dt as BreadcrumbItem,
+  wt as Breadcrumb,
+  Ht as BreadcrumbItem,
   Ue as Button,
   ze as Card,
   De as CardBody,
   Pe as CardFooter,
   ke as CardHeader,
-  fr as Checkbox,
-  Ke as Code,
+  dr as Checkbox,
+  qe as Code,
+  Yr as ConfirmDialog,
   Ce as Container,
-  hr as DateInput,
+  Cr as DateInput,
   Ze as Display,
-  $t as Divider,
-  Jr as Drawer,
-  Rr as DropZone,
-  ct as Dropdown,
-  lt as DropdownDivider,
-  ut as DropdownItem,
-  gt as DropdownLabel,
-  ep as EmptyState,
-  rp as EmptyStateIcon,
-  Pr as FieldError,
-  Cr as FileInput,
-  Me as Flex,
-  Re as FlexItem,
-  ap as FocusTrap,
-  bp as Footer,
-  vr as Form,
-  Gr as FormCard,
-  zr as FormField,
-  Ar as FormGroup,
-  wr as FormLabel,
+  fp as Divider,
+  rt as Drawer,
+  Gr as DropZone,
+  bt as Dropdown,
+  It as DropdownDivider,
+  ht as DropdownItem,
+  yt as DropdownLabel,
+  xp as EmptyState,
+  dp as EmptyStateIcon,
+  vr as FieldError,
+  zr as FileInput,
+  Be as Flex,
+  Me as FlexItem,
+  gp as FocusTrap,
+  wp as Footer,
+  wr as Form,
+  Er as FormCard,
+  Pr as FormField,
+  Mr as FormGroup,
+  Ar as FormLabel,
   Ie as Grid,
   he as GridItem,
   ge as HStack,
-  Ip as Header,
+  Hp as Header,
   je as Heading,
   or as Icon,
   _e as IconButton,
-  Ve as Image,
-  Qe as ImageThumbnail,
-  Nt as InfoItem,
-  Qt as InfoList,
+  Ee as Image,
+  Ne as ImageThumbnail,
+  _t as InfoItem,
+  $t as InfoList,
   pr as Input,
-  Gt as List,
-  Ot as ListDivider,
-  Vt as ListHeader,
-  Wt as ListItem,
-  Yt as Loader,
-  up as Logo,
-  hp as Main,
-  Tt as Menu,
-  bt as MenuDivider,
-  It as MenuGroup,
-  ht as MenuItem,
-  Vr as Modal,
-  yp as Nav,
-  np as Overlay,
-  Ct as Pagination,
-  _r as Popover,
-  pp as Portal,
-  ot as Progress,
-  gr as Radio,
-  Sr as RadioGroup,
-  fp as ScreenReaderOnly,
+  Pp as Kbd,
+  Yt as List,
+  Zt as ListDivider,
+  jt as ListHeader,
+  Jt as ListItem,
+  tp as Loader,
+  zp as Logo,
+  Ap as Main,
+  Ft as Menu,
+  zt as MenuDivider,
+  Dt as MenuGroup,
+  Pt as MenuItem,
+  Wr as Modal,
+  Bp as Nav,
+  Tp as Overlay,
+  vt as Pagination,
+  pt as Popover,
+  lp as Portal,
+  at as Progress,
+  Tr as Radio,
+  br as RadioGroup,
+  Ip as ScreenReaderOnly,
+  ar as SearchInput,
   Le as Section,
-  nr as Select,
-  Jt as Skeleton,
-  Ut as SkeletonText,
-  br as Slider,
+  Bt as SegmentedControl,
+  sr as Select,
+  ap as Skeleton,
+  ip as SkeletonText,
+  hr as Slider,
   He as Spacer,
-  Zt as Spinner,
-  xp as SrOnly,
+  pp as Spinner,
+  hp as SrOnly,
   Se as Stack,
-  dr as Switch,
-  rt as Tab,
-  tt as TabList,
-  pt as TabPanel,
-  mt as TabPanels,
-  kt as Table,
-  vt as TableBody,
-  Lt as TableCaption,
-  wt as TableCell,
-  Ht as TableFoot,
-  At as TableHead,
-  Mt as TableHeader,
-  Rt as TableRow,
-  at as Tabs,
+  lr as Switch,
+  nt as Tab,
+  ft as TabList,
+  st as TabPanel,
+  xt as TabPanels,
+  Rt as Table,
+  Gt as TableBody,
+  Ot as TableCaption,
+  Et as TableCell,
+  Vt as TableEmpty,
+  Wt as TableFoot,
+  Kt as TableHead,
+  Nt as TableHeader,
+  Qt as TableRow,
+  qt as TableSkeleton,
+  dt as Tabs,
   Xe as Text,
-  ar as TextField,
-  lr as Textarea,
+  nr as TextField,
+  gr as Textarea,
   pe as ThemeProvider,
-  Kr as Toast,
-  Xr as ToastProvider,
-  Qr as Tooltip,
+  Ur as Toast,
+  _r as ToastProvider,
+  jr as Tooltip,
   Te as VStack,
-  Ee as Video,
-  M as accent,
+  We as Video,
+  B as accent,
   lo as animations,
   vo as avatarSizes,
   to as borderStyles,
   po as borderWidths,
   io as breakpoints,
   C as buildSpacingStyles,
-  R as colors,
+  M as colors,
   jo as componentFontSize,
   Jo as componentFontWeight,
   bo as componentGap,
@@ -221,16 +233,16 @@ export {
   w as createLazyComponent,
   de as cssVar,
   F as cx,
-  fe as darkTheme,
-  Qo as duration,
+  se as darkTheme,
+  No as duration,
   uo as durations,
-  qo as easing,
+  Qo as easing,
   go as easings,
-  B as error,
-  Vo as focusRing,
-  Wo as focusRingOffset,
+  R as error,
+  Eo as focusRing,
+  Vo as focusRingOffset,
   $ as focusRings,
-  Eo as focusStyles,
+  Wo as focusStyles,
   X as fontFamilies,
   Y as fontSizes,
   Z as fontWeights,
@@ -243,30 +255,30 @@ export {
   rr as iconPaths,
   Fo as iconSizes,
   G as info,
-  Ko as keyframes,
+  qo as keyframes,
   j as letterSpacings,
   ne as lightTheme,
   J as lineHeights,
-  so as mediaQueries,
+  fo as mediaQueries,
   zo as modalWidths,
   O as neutrals,
   oe as opacity,
   Ao as pageHeaderSpacing,
   Do as popoverSizing,
   H as preloadComponents,
-  V as primary,
-  Mo as quickActionSizes,
+  E as primary,
+  Bo as quickActionSizes,
   mo as radii,
   ee as scale,
-  Ro as searchInputSizes,
-  Q as semanticSpacing,
+  Mo as searchInputSizes,
+  N as semanticSpacing,
   eo as shadows,
-  Bo as sidebarSizes,
-  q as spacing,
+  Ro as sidebarSizes,
+  Q as spacing,
   k as spacingToCss,
   Go as statCardSizes,
   re as stateOpacity,
-  W as success,
+  V as success,
   Po as switchSizes,
   U as textStyles,
   Xo as transition,
@@ -274,7 +286,7 @@ export {
   So as transitions,
   d as useClickOutside,
   h as useControllable,
-  f as useDisclosure,
+  s as useDisclosure,
   g as useFocusTrap,
   T as useId,
   b as useIds,
@@ -287,8 +299,8 @@ export {
   n as usePrefersReducedMotion,
   me as useTheme,
   ae as useThemeColors,
-  Zr as useToast,
-  E as warning,
+  ot as useToast,
+  W as warning,
   xo as zIndex
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/navigation.d.ts

@@ -1,3 +1,4 @@
+import { default as default_2 } from 'react';
 import { ElementType } from 'react';
 import { ForwardRefExoticComponent } from 'react';
 import { HTMLAttributes } from 'react';
@@ -285,6 +286,44 @@ export declare type PaginationSize = 'sm' | 'md' | 'lg';
 
 export declare type PaginationVariant = 'default' | 'simple' | 'minimal';
 
+export declare const SegmentedControl: <T extends string = string>(props: SegmentedControlProps<T> & {
+    ref?: default_2.ForwardedRef<HTMLDivElement>;
+}) => default_2.JSX.Element;
+
+export declare interface SegmentedControlOption<T extends string = string> {
+    /** Unique value */
+    value: T;
+    /** Display label */
+    label: ReactNode;
+    /** Optional leading icon */
+    icon?: ReactNode;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+}
+
+export declare interface SegmentedControlProps<T extends string = string> {
+    /** Available options */
+    options: SegmentedControlOption<T>[];
+    /** Currently selected value (controlled) */
+    value: T;
+    /** Callback when the selection changes */
+    onValueChange: (value: T) => void;
+    /** Component size */
+    size?: SegmentedControlSize;
+    /** Whether the control should fill its container width */
+    fullWidth?: boolean;
+    /** Accessible label for the group */
+    'aria-label'?: string;
+    /** ID of an element that labels the group */
+    'aria-labelledby'?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type SegmentedControlSize = 'sm' | 'md' | 'lg';
+
 export declare const Step: ForwardRefExoticComponent<StepProps & RefAttributes<HTMLDivElement>>;
 
 export declare const Stepper: ForwardRefExoticComponent<StepperProps & RefAttributes<HTMLDivElement>>;