@mortenbrudvik/waveui 0.7.0 → 0.9.0

package/dist/index.mjs

@@ -2,90 +2,104 @@ import { cn as e } from "./lib/cn.mjs";
 import { renderSlot as t, resolveSlot as n } from "./lib/slot.mjs";
 import { composeEventHandlers as r } from "./lib/composeEventHandlers.mjs";
 import { mergeRefs as i } from "./lib/mergeRefs.mjs";
-import { useEventCallback as a } from "./hooks/useEventCallback.mjs";
-import { useControllable as o } from "./hooks/useControllable.mjs";
-import { useId as s } from "./hooks/useId.mjs";
-import { useRovingTabIndex as c } from "./hooks/useRovingTabIndex.mjs";
-import { useMergedRefs as l } from "./hooks/useMergedRefs.mjs";
-import { useIsClient as u } from "./hooks/useIsClient.mjs";
-import { useFieldControl as d } from "./hooks/useFieldControl.mjs";
-import { announce as f, useAnnounce as p } from "./hooks/useAnnounce.mjs";
-import { usePresence as m } from "./hooks/usePresence.mjs";
-import { getThemeClassName as h } from "./lib/theme.mjs";
-import { WaveProvider as g, useWaveTheme as _ } from "./components/provider/WaveProvider.mjs";
-import { Portal as v } from "./components/portal/Portal.mjs";
-import { Button as y } from "./components/button/Button.mjs";
-import { CompoundButton as b } from "./components/button/CompoundButton.mjs";
-import { ToggleButton as x } from "./components/button/ToggleButton.mjs";
-import { SplitButton as S } from "./components/button/SplitButton.mjs";
-import { MenuButton as C } from "./components/button/MenuButton.mjs";
-import { Link as w } from "./components/button/Link.mjs";
-import { ToolbarButton as T, ToolbarDivider as E, ToolbarGroup as D, ToolbarRadioButton as O, ToolbarRadioGroup as k, ToolbarToggleButton as A } from "./components/button/Toolbar.parts.mjs";
-import { Toolbar as j } from "./components/button/Toolbar.mjs";
-import { Input as M } from "./components/input/Input.mjs";
-import { Textarea as N } from "./components/input/Textarea.mjs";
-import { Field as P } from "./components/input/Field.mjs";
-import { Checkbox as F } from "./components/input/Checkbox.mjs";
-import { RadioGroup as I, RadioGroupItem as L, RadioItem as R } from "./components/input/RadioGroup.mjs";
-import { Switch as z } from "./components/input/Switch.mjs";
-import { Select as B } from "./components/input/Select.mjs";
-import { SearchBox as V } from "./components/input/SearchBox.mjs";
-import { Slider as H } from "./components/input/Slider.mjs";
-import { SpinButton as U } from "./components/input/SpinButton.mjs";
-import { Label as W } from "./components/input/Label.mjs";
-import { Option as G, OptionGroup as K } from "./components/input/Option.mjs";
-import { Combobox as q, ComboboxOption as J, ComboboxOptionGroup as Y } from "./components/input/Combobox.mjs";
-import { Dropdown as X, DropdownOption as Z, DropdownOptionGroup as Q } from "./components/input/Dropdown.mjs";
-import { SwatchPicker as $ } from "./components/input/SwatchPicker.mjs";
-import { ColorPicker as ee } from "./components/input/ColorPicker.mjs";
-import { TagPicker as te } from "./components/input/TagPicker.mjs";
-import { Rating as ne, RatingDisplay as re } from "./components/input/Rating.mjs";
-import { TimePicker as ie } from "./components/input/TimePicker.mjs";
-import { DatePicker as ae } from "./components/input/DatePicker.mjs";
-import { Avatar as oe } from "./components/data-display/Avatar.mjs";
-import { AvatarGroup as se } from "./components/data-display/AvatarGroup.mjs";
-import { Badge as ce } from "./components/data-display/Badge.mjs";
-import { PresenceBadge as le } from "./components/data-display/PresenceBadge.mjs";
-import { CounterBadge as ue } from "./components/data-display/CounterBadge.mjs";
-import { Tag as de } from "./components/data-display/Tag.mjs";
-import { Persona as fe } from "./components/data-display/Persona.mjs";
-import { Divider as pe } from "./components/data-display/Divider.mjs";
-import { InfoLabel as me } from "./components/data-display/InfoLabel.mjs";
-import { Image as he } from "./components/data-display/Image.mjs";
-import { List as ge, ListItem as _e } from "./components/data-display/List.mjs";
-import { Text as ve } from "./components/typography/Text.mjs";
-import { Card as ye, CardBody as be, CardFooter as xe, CardHeader as Se } from "./components/layout/Card.mjs";
-import { Accordion as Ce, AccordionItem as we, AccordionPanel as Te, AccordionTrigger as Ee } from "./components/layout/Accordion.mjs";
-import { TabList as De, TabListPanel as Oe, TabListPanels as ke, TabListTab as Ae } from "./components/layout/TabList.mjs";
-import { Tree as je, TreeItem as Me } from "./components/layout/Tree.mjs";
-import { Carousel as Ne, CarouselItem as Pe } from "./components/layout/Carousel.mjs";
-import { Overflow as Fe, OverflowItem as Ie, useIsOverflowItemVisible as Le, useIsOverflowing as Re, useOverflowMenu as ze } from "./components/layout/Overflow.mjs";
-import { Stack as Be } from "./components/layout/Stack.mjs";
-import { Flex as Ve } from "./components/layout/Flex.mjs";
-import { Grid as He } from "./components/layout/Grid.mjs";
-import { Breadcrumb as Ue, BreadcrumbItem as We } from "./components/navigation/Breadcrumb.mjs";
-import { MenuDivider as Ge, MenuItem as Ke } from "./components/navigation/Menu.items.mjs";
-import { MenuGroup as qe, MenuGroupHeader as Je } from "./components/navigation/Menu.group.mjs";
-import { MenuItemLink as Ye } from "./components/navigation/Menu.link.mjs";
-import { MenuPopover as Xe } from "./components/navigation/Menu.popover.mjs";
-import { MenuTrigger as Ze } from "./components/navigation/Menu.trigger.mjs";
-import { MenuItemCheckbox as Qe, MenuItemRadio as $e, MenuItemSwitch as et } from "./components/navigation/Menu.selectable.mjs";
-import { MenuSplitGroup as tt } from "./components/navigation/Menu.splitGroup.mjs";
-import { Menu as nt } from "./components/navigation/Menu.mjs";
-import { Nav as rt, NavCategory as it, NavItem as at, NavSubItem as ot } from "./components/navigation/Nav.mjs";
-import { Pagination as st } from "./components/navigation/Pagination.mjs";
-import { Stepper as ct, StepperStep as lt } from "./components/navigation/Stepper.mjs";
-import { MessageBar as ut } from "./components/feedback/MessageBar.mjs";
-import { ProgressBar as dt } from "./components/feedback/ProgressBar.mjs";
-import { Spinner as ft } from "./components/feedback/Spinner.mjs";
-import { Skeleton as pt, SkeletonGroup as mt } from "./components/feedback/Skeleton.mjs";
-import { Toast as ht, Toaster as gt, useToastController as _t } from "./components/feedback/Toast.mjs";
-import { Dialog as vt, DialogClose as yt, DialogContent as bt, DialogFooter as xt, DialogTitle as St, DialogTrigger as Ct } from "./components/overlays/Dialog.mjs";
-import { Popover as wt, PopoverContent as Tt, PopoverTrigger as Et } from "./components/overlays/Popover.mjs";
-import { Tooltip as Dt } from "./components/overlays/Tooltip.mjs";
-import { Drawer as Ot, DrawerClose as kt, DrawerTitle as At, DrawerTrigger as jt } from "./components/overlays/Drawer.mjs";
-import { TeachingPopover as Mt } from "./components/overlays/TeachingPopover.mjs";
-import { Table as Nt, TableBody as Pt, TableCell as Ft, TableHead as It, TableHeadCell as Lt, TableHeader as Rt, TableHeaderCell as zt, TableRow as Bt } from "./components/table/Table.mjs";
-import { DataGrid as Vt, DataGridBody as Ht, DataGridCell as Ut, DataGridHeader as Wt, DataGridHeaderCell as Gt, DataGridRow as Kt } from "./components/table/DataGrid.mjs";
-import { Presence as qt } from "./components/motion/Presence.mjs";
-export { Ce as Accordion, we as AccordionItem, Te as AccordionPanel, Ee as AccordionTrigger, oe as Avatar, se as AvatarGroup, ce as Badge, Ue as Breadcrumb, We as BreadcrumbItem, y as Button, ye as Card, be as CardBody, xe as CardFooter, Se as CardHeader, Ne as Carousel, Pe as CarouselItem, F as Checkbox, ee as ColorPicker, q as Combobox, J as ComboboxOption, Y as ComboboxOptionGroup, b as CompoundButton, ue as CounterBadge, Vt as DataGrid, Ht as DataGridBody, Ut as DataGridCell, Wt as DataGridHeader, Gt as DataGridHeaderCell, Kt as DataGridRow, ae as DatePicker, vt as Dialog, yt as DialogClose, bt as DialogContent, xt as DialogFooter, St as DialogTitle, Ct as DialogTrigger, pe as Divider, Ot as Drawer, kt as DrawerClose, At as DrawerTitle, jt as DrawerTrigger, X as Dropdown, Z as DropdownOption, Q as DropdownOptionGroup, P as Field, Ve as Flex, He as Grid, he as Image, me as InfoLabel, M as Input, W as Label, w as Link, ge as List, _e as ListItem, nt as Menu, C as MenuButton, Ge as MenuDivider, qe as MenuGroup, Je as MenuGroupHeader, Ke as MenuItem, Qe as MenuItemCheckbox, Ye as MenuItemLink, $e as MenuItemRadio, et as MenuItemSwitch, Xe as MenuPopover, tt as MenuSplitGroup, Ze as MenuTrigger, ut as MessageBar, rt as Nav, it as NavCategory, at as NavItem, ot as NavSubItem, G as Option, K as OptionGroup, Fe as Overflow, Ie as OverflowItem, st as Pagination, fe as Persona, wt as Popover, Tt as PopoverContent, Et as PopoverTrigger, v as Portal, qt as Presence, le as PresenceBadge, dt as ProgressBar, I as RadioGroup, L as RadioGroupItem, R as RadioItem, ne as Rating, re as RatingDisplay, V as SearchBox, B as Select, pt as Skeleton, mt as SkeletonGroup, H as Slider, U as SpinButton, ft as Spinner, S as SplitButton, Be as Stack, ct as Stepper, lt as StepperStep, $ as SwatchPicker, z as Switch, De as TabList, Oe as TabListPanel, ke as TabListPanels, Ae as TabListTab, Nt as Table, Pt as TableBody, Ft as TableCell, It as TableHead, Lt as TableHeadCell, Rt as TableHeader, zt as TableHeaderCell, Bt as TableRow, de as Tag, te as TagPicker, Mt as TeachingPopover, ve as Text, N as Textarea, ie as TimePicker, ht as Toast, gt as Toaster, x as ToggleButton, j as Toolbar, T as ToolbarButton, E as ToolbarDivider, D as ToolbarGroup, O as ToolbarRadioButton, k as ToolbarRadioGroup, A as ToolbarToggleButton, Dt as Tooltip, je as Tree, Me as TreeItem, g as WaveProvider, f as announce, e as cn, r as composeEventHandlers, h as getThemeClassName, i as mergeRefs, t as renderSlot, n as resolveSlot, p as useAnnounce, o as useControllable, a as useEventCallback, d as useFieldControl, s as useId, u as useIsClient, Le as useIsOverflowItemVisible, Re as useIsOverflowing, l as useMergedRefs, ze as useOverflowMenu, m as usePresence, c as useRovingTabIndex, _t as useToastController, _ as useWaveTheme };
+import { accordionClassNames as a, accordionItemClassNames as o, accordionPanelClassNames as s, accordionTriggerClassNames as c, alphaSliderClassNames as l, avatarClassNames as u, avatarGroupClassNames as d, badgeClassNames as f, breadcrumbClassNames as p, breadcrumbItemClassNames as m, buttonClassNames as h, cardBodyClassNames as g, cardClassNames as _, cardFooterClassNames as v, cardHeaderClassNames as y, carouselClassNames as b, carouselItemClassNames as x, checkboxClassNames as S, colorAreaClassNames as C, colorPickerClassNames as w, colorPickerHexFieldClassNames as T, colorPickerPreviewClassNames as E, colorPickerSwatchesClassNames as D, colorSliderClassNames as O, comboboxClassNames as k, compoundButtonClassNames as A, counterBadgeClassNames as j, dataGridBodyClassNames as M, dataGridCellClassNames as N, dataGridClassNames as P, dataGridHeaderCellClassNames as F, dataGridHeaderClassNames as I, dataGridRowClassNames as L, datePickerClassNames as R, dialogContentClassNames as z, dialogFooterClassNames as B, dialogTitleClassNames as V, dividerClassNames as H, drawerClassNames as U, drawerTitleClassNames as W, dropdownClassNames as G, fieldClassNames as K, flexClassNames as q, gridClassNames as J, imageClassNames as Y, infoButtonClassNames as X, infoLabelClassNames as Z, inputClassNames as Q, labelClassNames as $, linkClassNames as ee, listClassNames as te, listItemClassNames as ne, menuButtonClassNames as re, menuClassNames as ie, menuDividerClassNames as ae, menuGroupClassNames as oe, menuGroupHeaderClassNames as se, menuItemCheckboxClassNames as ce, menuItemClassNames as le, menuItemLinkClassNames as ue, menuItemRadioClassNames as de, menuItemSwitchClassNames as fe, menuPopoverClassNames as pe, menuSplitGroupClassNames as me, messageBarActionsClassNames as he, messageBarClassNames as ge, messageBarTitleClassNames as _e, navCategoryClassNames as ve, navClassNames as ye, navItemClassNames as be, navSubItemClassNames as xe, optionClassNames as Se, optionGroupClassNames as Ce, overflowClassNames as we, overflowItemClassNames as Te, paginationClassNames as Ee, personaClassNames as De, popoverContentClassNames as Oe, portalClassNames as ke, presenceBadgeClassNames as Ae, progressBarClassNames as je, radioGroupClassNames as Me, radioGroupItemClassNames as Ne, ratingClassNames as Pe, ratingDisplayClassNames as Fe, ratingItemClassNames as Ie, searchBoxClassNames as Le, selectClassNames as Re, skeletonClassNames as ze, skeletonGroupClassNames as Be, sliderClassNames as Ve, spinButtonClassNames as He, spinnerClassNames as Ue, splitButtonClassNames as We, stackClassNames as Ge, stepperClassNames as Ke, stepperStepClassNames as qe, swatchPickerClassNames as Je, switchClassNames as Ye, tabListClassNames as Xe, tabListPanelClassNames as Ze, tabListPanelsClassNames as Qe, tabListTabClassNames as $e, tableBodyClassNames as et, tableCellClassNames as tt, tableClassNames as nt, tableHeaderCellClassNames as rt, tableHeaderClassNames as it, tableRowClassNames as at, tagClassNames as ot, tagPickerClassNames as st, teachingPopoverClassNames as ct, textClassNames as lt, textareaClassNames as ut, timePickerClassNames as dt, toastBodyClassNames as ft, toastClassNames as pt, toastFooterClassNames as mt, toastTitleClassNames as ht, toasterClassNames as gt, toggleButtonClassNames as _t, toolbarButtonClassNames as vt, toolbarClassNames as yt, toolbarDividerClassNames as bt, toolbarGroupClassNames as xt, toolbarRadioButtonClassNames as St, toolbarRadioGroupClassNames as Ct, toolbarToggleButtonClassNames as wt, tooltipClassNames as Tt, treeClassNames as Et, treeItemClassNames as Dt, treeItemPersonaLayoutClassNames as Ot, waveProviderClassNames as kt } from "./lib/classNames.mjs";
+import { hexToHsv as At, hsvToHex as jt } from "./lib/color.mjs";
+import { createToaster as Mt } from "./lib/toaster.mjs";
+import { useEventCallback as Nt } from "./hooks/useEventCallback.mjs";
+import { useControllable as Pt } from "./hooks/useControllable.mjs";
+import { useId as Ft } from "./hooks/useId.mjs";
+import { useRovingTabIndex as It } from "./hooks/useRovingTabIndex.mjs";
+import { useMergedRefs as Lt } from "./hooks/useMergedRefs.mjs";
+import { useIsClient as Rt } from "./hooks/useIsClient.mjs";
+import { useFieldControl as zt } from "./hooks/useFieldControl.mjs";
+import { announce as Bt, useAnnounce as Vt } from "./hooks/useAnnounce.mjs";
+import { usePresence as Ht } from "./hooks/usePresence.mjs";
+import { getThemeClassName as Ut } from "./lib/theme.mjs";
+import { WaveProvider as Wt, useWaveTheme as Gt } from "./components/provider/WaveProvider.mjs";
+import { Portal as Kt } from "./components/portal/Portal.mjs";
+import { Button as qt } from "./components/button/Button.mjs";
+import { CompoundButton as Jt } from "./components/button/CompoundButton.mjs";
+import { ToggleButton as Yt } from "./components/button/ToggleButton.mjs";
+import { SplitButton as Xt } from "./components/button/SplitButton.mjs";
+import { MenuButton as Zt } from "./components/button/MenuButton.mjs";
+import { Link as Qt } from "./components/button/Link.mjs";
+import { ToolbarButton as $t, ToolbarDivider as en, ToolbarGroup as tn, ToolbarRadioButton as nn, ToolbarRadioGroup as rn, ToolbarToggleButton as an } from "./components/button/Toolbar.parts.mjs";
+import { Toolbar as on } from "./components/button/Toolbar.mjs";
+import { Input as sn } from "./components/input/Input.mjs";
+import { Textarea as cn } from "./components/input/Textarea.mjs";
+import { Field as ln } from "./components/input/Field.mjs";
+import { Checkbox as un } from "./components/input/Checkbox.mjs";
+import { RadioGroup as dn, RadioGroupItem as fn, RadioItem as pn } from "./components/input/RadioGroup.mjs";
+import { Switch as mn } from "./components/input/Switch.mjs";
+import { Select as hn } from "./components/input/Select.mjs";
+import { SearchBox as gn } from "./components/input/SearchBox.mjs";
+import { Slider as _n } from "./components/input/Slider.mjs";
+import { SpinButton as vn } from "./components/input/SpinButton.mjs";
+import { Label as yn } from "./components/input/Label.mjs";
+import { Option as bn, OptionGroup as xn } from "./components/input/Option.mjs";
+import { Combobox as Sn, ComboboxOption as Cn, ComboboxOptionGroup as wn } from "./components/input/Combobox.mjs";
+import { Dropdown as Tn, DropdownOption as En, DropdownOptionGroup as Dn } from "./components/input/Dropdown.mjs";
+import { SwatchPicker as On } from "./components/input/SwatchPicker.mjs";
+import { ColorPickerHexField as kn, ColorPickerPreview as An, ColorPickerSwatches as jn } from "./components/input/ColorPicker.parts.mjs";
+import { AlphaSlider as Mn } from "./components/input/AlphaSlider.mjs";
+import { ColorArea as Nn } from "./components/input/ColorArea.mjs";
+import { ColorSlider as Pn } from "./components/input/ColorSlider.mjs";
+import { ColorPicker as Fn } from "./components/input/ColorPicker.mjs";
+import { TagPicker as In } from "./components/input/TagPicker.mjs";
+import { RatingItem as Ln } from "./components/input/Rating.item.mjs";
+import { Rating as Rn, RatingDisplay as zn, RatingDisplayItem as Bn } from "./components/input/Rating.mjs";
+import { TimePicker as Vn } from "./components/input/TimePicker.mjs";
+import { DatePicker as Hn } from "./components/input/DatePicker.mjs";
+import { Avatar as Un } from "./components/data-display/Avatar.mjs";
+import { AvatarGroup as Wn } from "./components/data-display/AvatarGroup.mjs";
+import { Badge as Gn } from "./components/data-display/Badge.mjs";
+import { PresenceBadge as Kn } from "./components/data-display/PresenceBadge.mjs";
+import { CounterBadge as qn } from "./components/data-display/CounterBadge.mjs";
+import { Tag as Jn } from "./components/data-display/Tag.mjs";
+import { Persona as Yn } from "./components/data-display/Persona.mjs";
+import { Divider as Xn } from "./components/data-display/Divider.mjs";
+import { InfoButton as Zn } from "./components/data-display/InfoButton.mjs";
+import { InfoLabel as Qn } from "./components/data-display/InfoLabel.mjs";
+import { Image as $n } from "./components/data-display/Image.mjs";
+import { List as er, ListItem as tr } from "./components/data-display/List.mjs";
+import { Text as nr } from "./components/typography/Text.mjs";
+import { Card as rr, CardBody as ir, CardFooter as ar, CardHeader as or } from "./components/layout/Card.mjs";
+import { Accordion as sr, AccordionItem as cr, AccordionPanel as lr, AccordionTrigger as ur } from "./components/layout/Accordion.mjs";
+import { TabList as dr, TabListPanel as fr, TabListPanels as pr, TabListTab as mr } from "./components/layout/TabList.mjs";
+import { TreeItem as hr } from "./components/layout/Tree.core.mjs";
+import { TreeItemPersonaLayout as gr } from "./components/layout/Tree.itemPersonaLayout.mjs";
+import { Tree as _r } from "./components/layout/Tree.mjs";
+import { Carousel as vr, CarouselItem as yr } from "./components/layout/Carousel.mjs";
+import { Overflow as br, OverflowItem as xr, useIsOverflowItemVisible as Sr, useIsOverflowing as Cr, useOverflowMenu as wr } from "./components/layout/Overflow.mjs";
+import { Stack as Tr } from "./components/layout/Stack.mjs";
+import { Flex as Er } from "./components/layout/Flex.mjs";
+import { Grid as Dr } from "./components/layout/Grid.mjs";
+import { Breadcrumb as Or, BreadcrumbItem as kr } from "./components/navigation/Breadcrumb.mjs";
+import { MenuDivider as Ar, MenuItem as jr } from "./components/navigation/Menu.items.mjs";
+import { MenuGroup as Mr, MenuGroupHeader as Nr } from "./components/navigation/Menu.group.mjs";
+import { MenuItemLink as Pr } from "./components/navigation/Menu.link.mjs";
+import { MenuPopover as Fr } from "./components/navigation/Menu.popover.mjs";
+import { MenuTrigger as Ir } from "./components/navigation/Menu.trigger.mjs";
+import { MenuItemCheckbox as Lr, MenuItemRadio as Rr, MenuItemSwitch as zr } from "./components/navigation/Menu.selectable.mjs";
+import { MenuSplitGroup as Br } from "./components/navigation/Menu.splitGroup.mjs";
+import { Menu as Vr } from "./components/navigation/Menu.mjs";
+import { Nav as Hr, NavCategory as Ur, NavItem as Wr, NavSubItem as Gr } from "./components/navigation/Nav.mjs";
+import { Pagination as Kr } from "./components/navigation/Pagination.mjs";
+import { Stepper as qr, StepperStep as Jr } from "./components/navigation/Stepper.mjs";
+import { MessageBarActions as Yr, MessageBarTitle as Xr } from "./components/feedback/MessageBar.parts.mjs";
+import { MessageBar as Zr } from "./components/feedback/MessageBar.mjs";
+import { ProgressBar as Qr } from "./components/feedback/ProgressBar.mjs";
+import { Spinner as $r } from "./components/feedback/Spinner.mjs";
+import { Skeleton as ei, SkeletonGroup as ti } from "./components/feedback/Skeleton.mjs";
+import { ToastBody as ni, ToastClose as ri, ToastFooter as ii, ToastTitle as ai } from "./components/feedback/Toast.parts.mjs";
+import { Toaster as oi, useToastController as si } from "./components/feedback/Toaster.mjs";
+import { Toast as ci } from "./components/feedback/Toast.mjs";
+import { Dialog as li, DialogClose as ui, DialogContent as di, DialogFooter as fi, DialogTitle as pi, DialogTrigger as mi } from "./components/overlays/Dialog.mjs";
+import { Popover as hi, PopoverContent as gi, PopoverTrigger as _i } from "./components/overlays/Popover.mjs";
+import { Tooltip as vi } from "./components/overlays/Tooltip.mjs";
+import { Drawer as yi, DrawerClose as bi, DrawerTitle as xi, DrawerTrigger as Si } from "./components/overlays/Drawer.mjs";
+import { TeachingPopover as Ci } from "./components/overlays/TeachingPopover.mjs";
+import { Table as wi, TableBody as Ti, TableCell as Ei, TableHead as Di, TableHeadCell as Oi, TableHeader as ki, TableHeaderCell as Ai, TableRow as ji } from "./components/table/Table.mjs";
+import { DataGrid as Mi, DataGridBody as Ni, DataGridCell as Pi, DataGridHeader as Fi, DataGridHeaderCell as Ii, DataGridRow as Li } from "./components/table/DataGrid.mjs";
+import { Presence as Ri } from "./components/motion/Presence.mjs";
+export { sr as Accordion, cr as AccordionItem, lr as AccordionPanel, ur as AccordionTrigger, Mn as AlphaSlider, Un as Avatar, Wn as AvatarGroup, Gn as Badge, Or as Breadcrumb, kr as BreadcrumbItem, qt as Button, rr as Card, ir as CardBody, ar as CardFooter, or as CardHeader, vr as Carousel, yr as CarouselItem, un as Checkbox, Nn as ColorArea, Fn as ColorPicker, kn as ColorPickerHexField, An as ColorPickerPreview, jn as ColorPickerSwatches, Pn as ColorSlider, Sn as Combobox, Cn as ComboboxOption, wn as ComboboxOptionGroup, Jt as CompoundButton, qn as CounterBadge, Mi as DataGrid, Ni as DataGridBody, Pi as DataGridCell, Fi as DataGridHeader, Ii as DataGridHeaderCell, Li as DataGridRow, Hn as DatePicker, li as Dialog, ui as DialogClose, di as DialogContent, fi as DialogFooter, pi as DialogTitle, mi as DialogTrigger, Xn as Divider, yi as Drawer, bi as DrawerClose, xi as DrawerTitle, Si as DrawerTrigger, Tn as Dropdown, En as DropdownOption, Dn as DropdownOptionGroup, ln as Field, Er as Flex, Dr as Grid, $n as Image, Zn as InfoButton, Qn as InfoLabel, sn as Input, yn as Label, Qt as Link, er as List, tr as ListItem, Vr as Menu, Zt as MenuButton, Ar as MenuDivider, Mr as MenuGroup, Nr as MenuGroupHeader, jr as MenuItem, Lr as MenuItemCheckbox, Pr as MenuItemLink, Rr as MenuItemRadio, zr as MenuItemSwitch, Fr as MenuPopover, Br as MenuSplitGroup, Ir as MenuTrigger, Zr as MessageBar, Yr as MessageBarActions, Xr as MessageBarTitle, Hr as Nav, Ur as NavCategory, Wr as NavItem, Gr as NavSubItem, bn as Option, xn as OptionGroup, br as Overflow, xr as OverflowItem, Kr as Pagination, Yn as Persona, hi as Popover, gi as PopoverContent, _i as PopoverTrigger, Kt as Portal, Ri as Presence, Kn as PresenceBadge, Qr as ProgressBar, dn as RadioGroup, fn as RadioGroupItem, pn as RadioItem, Rn as Rating, zn as RatingDisplay, Bn as RatingDisplayItem, Ln as RatingItem, gn as SearchBox, hn as Select, ei as Skeleton, ti as SkeletonGroup, _n as Slider, vn as SpinButton, $r as Spinner, Xt as SplitButton, Tr as Stack, qr as Stepper, Jr as StepperStep, On as SwatchPicker, mn as Switch, dr as TabList, fr as TabListPanel, pr as TabListPanels, mr as TabListTab, wi as Table, Ti as TableBody, Ei as TableCell, Di as TableHead, Oi as TableHeadCell, ki as TableHeader, Ai as TableHeaderCell, ji as TableRow, Jn as Tag, In as TagPicker, Ci as TeachingPopover, nr as Text, cn as Textarea, Vn as TimePicker, ci as Toast, ni as ToastBody, ri as ToastClose, ii as ToastFooter, ai as ToastTitle, oi as Toaster, Yt as ToggleButton, on as Toolbar, $t as ToolbarButton, en as ToolbarDivider, tn as ToolbarGroup, nn as ToolbarRadioButton, rn as ToolbarRadioGroup, an as ToolbarToggleButton, vi as Tooltip, _r as Tree, hr as TreeItem, gr as TreeItemPersonaLayout, Wt as WaveProvider, a as accordionClassNames, o as accordionItemClassNames, s as accordionPanelClassNames, c as accordionTriggerClassNames, l as alphaSliderClassNames, Bt as announce, u as avatarClassNames, d as avatarGroupClassNames, f as badgeClassNames, p as breadcrumbClassNames, m as breadcrumbItemClassNames, h as buttonClassNames, g as cardBodyClassNames, _ as cardClassNames, v as cardFooterClassNames, y as cardHeaderClassNames, b as carouselClassNames, x as carouselItemClassNames, S as checkboxClassNames, e as cn, C as colorAreaClassNames, w as colorPickerClassNames, T as colorPickerHexFieldClassNames, E as colorPickerPreviewClassNames, D as colorPickerSwatchesClassNames, O as colorSliderClassNames, k as comboboxClassNames, r as composeEventHandlers, A as compoundButtonClassNames, j as counterBadgeClassNames, Mt as createToaster, M as dataGridBodyClassNames, N as dataGridCellClassNames, P as dataGridClassNames, F as dataGridHeaderCellClassNames, I as dataGridHeaderClassNames, L as dataGridRowClassNames, R as datePickerClassNames, z as dialogContentClassNames, B as dialogFooterClassNames, V as dialogTitleClassNames, H as dividerClassNames, U as drawerClassNames, W as drawerTitleClassNames, G as dropdownClassNames, K as fieldClassNames, q as flexClassNames, Ut as getThemeClassName, J as gridClassNames, At as hexToHsv, jt as hsvToHex, Y as imageClassNames, X as infoButtonClassNames, Z as infoLabelClassNames, Q as inputClassNames, $ as labelClassNames, ee as linkClassNames, te as listClassNames, ne as listItemClassNames, re as menuButtonClassNames, ie as menuClassNames, ae as menuDividerClassNames, oe as menuGroupClassNames, se as menuGroupHeaderClassNames, ce as menuItemCheckboxClassNames, le as menuItemClassNames, ue as menuItemLinkClassNames, de as menuItemRadioClassNames, fe as menuItemSwitchClassNames, pe as menuPopoverClassNames, me as menuSplitGroupClassNames, i as mergeRefs, he as messageBarActionsClassNames, ge as messageBarClassNames, _e as messageBarTitleClassNames, ve as navCategoryClassNames, ye as navClassNames, be as navItemClassNames, xe as navSubItemClassNames, Se as optionClassNames, Ce as optionGroupClassNames, we as overflowClassNames, Te as overflowItemClassNames, Ee as paginationClassNames, De as personaClassNames, Oe as popoverContentClassNames, ke as portalClassNames, Ae as presenceBadgeClassNames, je as progressBarClassNames, Me as radioGroupClassNames, Ne as radioGroupItemClassNames, Pe as ratingClassNames, Fe as ratingDisplayClassNames, Ie as ratingItemClassNames, t as renderSlot, n as resolveSlot, Le as searchBoxClassNames, Re as selectClassNames, ze as skeletonClassNames, Be as skeletonGroupClassNames, Ve as sliderClassNames, He as spinButtonClassNames, Ue as spinnerClassNames, We as splitButtonClassNames, Ge as stackClassNames, Ke as stepperClassNames, qe as stepperStepClassNames, Je as swatchPickerClassNames, Ye as switchClassNames, Xe as tabListClassNames, Ze as tabListPanelClassNames, Qe as tabListPanelsClassNames, $e as tabListTabClassNames, et as tableBodyClassNames, tt as tableCellClassNames, nt as tableClassNames, rt as tableHeaderCellClassNames, it as tableHeaderClassNames, at as tableRowClassNames, ot as tagClassNames, st as tagPickerClassNames, ct as teachingPopoverClassNames, lt as textClassNames, ut as textareaClassNames, dt as timePickerClassNames, ft as toastBodyClassNames, pt as toastClassNames, mt as toastFooterClassNames, ht as toastTitleClassNames, gt as toasterClassNames, _t as toggleButtonClassNames, vt as toolbarButtonClassNames, yt as toolbarClassNames, bt as toolbarDividerClassNames, xt as toolbarGroupClassNames, St as toolbarRadioButtonClassNames, Ct as toolbarRadioGroupClassNames, wt as toolbarToggleButtonClassNames, Tt as tooltipClassNames, Et as treeClassNames, Dt as treeItemClassNames, Ot as treeItemPersonaLayoutClassNames, Vt as useAnnounce, Pt as useControllable, Nt as useEventCallback, zt as useFieldControl, Ft as useId, Rt as useIsClient, Sr as useIsOverflowItemVisible, Cr as useIsOverflowing, Lt as useMergedRefs, wr as useOverflowMenu, Ht as usePresence, It as useRovingTabIndex, si as useToastController, Gt as useWaveTheme, kt as waveProviderClassNames };

package/dist/lib/classNames.cjs

@@ -0,0 +1,2 @@
+var e={root:`wave-button`,icon:`wave-button__icon`},t={root:`wave-compound-button`,icon:`wave-compound-button__icon`,contentContainer:`wave-compound-button__content-container`,primaryText:`wave-compound-button__primary-text`,secondaryText:`wave-compound-button__secondary-text`},n={root:`wave-toggle-button`,icon:`wave-toggle-button__icon`},r={root:`wave-split-button`,primaryActionButton:`wave-split-button__primary-action-button`,menuButton:`wave-split-button__menu-button`,icon:`wave-split-button__icon`,menuIcon:`wave-split-button__menu-icon`},i={root:`wave-menu-button`,icon:`wave-menu-button__icon`,menuIcon:`wave-menu-button__menu-icon`},a={root:`wave-link`},o={root:`wave-toolbar`},s={root:`wave-toolbar-button`,icon:`wave-toolbar-button__icon`},c={root:`wave-toolbar-toggle-button`,icon:`wave-toolbar-toggle-button__icon`},l={root:`wave-toolbar-radio-button`,icon:`wave-toolbar-radio-button__icon`},u={root:`wave-toolbar-radio-group`},d={root:`wave-toolbar-group`},f={root:`wave-toolbar-divider`},p={root:`wave-avatar`,visual:`wave-avatar__visual`,image:`wave-avatar__image`,icon:`wave-avatar__icon`,initials:`wave-avatar__initials`,badge:`wave-avatar__badge`},m={root:`wave-avatar-group`,item:`wave-avatar-group__item`,overflowButton:`wave-avatar-group__overflow-button`,surface:`wave-avatar-group__surface`,list:`wave-avatar-group__list`,listItem:`wave-avatar-group__list-item`},h={root:`wave-badge`},g={root:`wave-counter-badge`},_={root:`wave-presence-badge`,icon:`wave-presence-badge__icon`},v={root:`wave-tag`,primaryText:`wave-tag__primary-text`,dismissButton:`wave-tag__dismiss-button`,dismissIcon:`wave-tag__dismiss-icon`},y={root:`wave-persona`,avatar:`wave-persona__avatar`,badge:`wave-persona__badge`,primaryText:`wave-persona__primary-text`,secondaryText:`wave-persona__secondary-text`},b={root:`wave-divider`,line:`wave-divider__line`,label:`wave-divider__label`},x={root:`wave-info-button`,info:`wave-info-button__info`,beak:`wave-info-button__beak`},S={root:`wave-info-label`,label:`wave-info-label__label`,infoButton:`wave-info-label__info-button`,info:`wave-info-label__info`},C={root:`wave-image`},w={root:`wave-list`},T={root:`wave-list-item`,content:`wave-list-item__content`,action:`wave-list-item__action`},E={root:`wave-message-bar`,icon:`wave-message-bar__icon`,body:`wave-message-bar__body`,dismissButton:`wave-message-bar__dismiss-button`,dismissIcon:`wave-message-bar__dismiss-icon`},D={root:`wave-message-bar-title`},O={root:`wave-message-bar-actions`},k={root:`wave-progress-bar`,bar:`wave-progress-bar__bar`,label:`wave-progress-bar__label`},A={root:`wave-spinner`,spinner:`wave-spinner__spinner`,label:`wave-spinner__label`},j={root:`wave-skeleton`},M={root:`wave-skeleton-group`},N={root:`wave-toast`,icon:`wave-toast__icon`,content:`wave-toast__content`,dismissButton:`wave-toast__dismiss-button`},P={root:`wave-toast-title`,label:`wave-toast-title__label`,action:`wave-toast-title__action`},F={root:`wave-toast-body`,subtitle:`wave-toast-body__subtitle`},I={root:`wave-toast-footer`},L={root:`wave-toaster`,toast:`wave-toaster__toast`},R={root:`wave-input`,input:`wave-input__input`,contentBefore:`wave-input__content-before`,contentAfter:`wave-input__content-after`,errorMessage:`wave-input__error-message`},z={root:`wave-textarea`,errorMessage:`wave-textarea__error-message`},B={root:`wave-select`,errorMessage:`wave-select__error-message`},V={root:`wave-field`,label:`wave-field__label`,required:`wave-field__required`,validationMessage:`wave-field__validation-message`,validationMessageIcon:`wave-field__validation-message-icon`,hint:`wave-field__hint`},H={root:`wave-label`,required:`wave-label__required`},U={root:`wave-checkbox`,indicator:`wave-checkbox__indicator`,label:`wave-checkbox__label`},W={root:`wave-radio-group`},G={root:`wave-radio-group-item`,indicator:`wave-radio-group-item__indicator`,label:`wave-radio-group-item__label`},K={root:`wave-switch`,track:`wave-switch__track`,thumb:`wave-switch__thumb`,label:`wave-switch__label`},q={root:`wave-search-box`,contentBefore:`wave-search-box__content-before`,input:`wave-search-box__input`,contentAfter:`wave-search-box__content-after`,dismissButton:`wave-search-box__dismiss-button`,dismissIcon:`wave-search-box__dismiss-icon`},J={root:`wave-slider`},Y={root:`wave-spin-button`,decrementButton:`wave-spin-button__decrement-button`,input:`wave-spin-button__input`,incrementButton:`wave-spin-button__increment-button`},X={root:`wave-option`,checkIcon:`wave-option__check-icon`,content:`wave-option__content`},Z={root:`wave-option-group`,label:`wave-option-group__label`,list:`wave-option-group__list`},Q={root:`wave-combobox`,input:`wave-combobox__input`,clearButton:`wave-combobox__clear-button`,expandButton:`wave-combobox__expand-button`,expandIcon:`wave-combobox__expand-icon`,listbox:`wave-combobox__listbox`,surface:`wave-combobox__surface`,emptyMessage:`wave-combobox__empty-message`},$={root:`wave-dropdown`,button:`wave-dropdown__button`,value:`wave-dropdown__value`,expandIcon:`wave-dropdown__expand-icon`,clearButton:`wave-dropdown__clear-button`,listbox:`wave-dropdown__listbox`,surface:`wave-dropdown__surface`},ee={root:`wave-tag-picker`,control:`wave-tag-picker__control`,group:`wave-tag-picker__group`,tag:`wave-tag-picker__tag`,removeButton:`wave-tag-picker__remove-button`,input:`wave-tag-picker__input`,listbox:`wave-tag-picker__listbox`,option:`wave-tag-picker__option`,surface:`wave-tag-picker__surface`,emptyMessage:`wave-tag-picker__empty-message`},te={root:`wave-time-picker`,input:`wave-time-picker__input`,clearButton:`wave-time-picker__clear-button`,expandButton:`wave-time-picker__expand-button`,expandIcon:`wave-time-picker__expand-icon`,errorMessage:`wave-time-picker__error-message`,listbox:`wave-time-picker__listbox`,option:`wave-time-picker__option`,checkIcon:`wave-time-picker__check-icon`,surface:`wave-time-picker__surface`,emptyMessage:`wave-time-picker__empty-message`},ne={root:`wave-date-picker`,input:`wave-date-picker__input`,clearButton:`wave-date-picker__clear-button`,openCalendarButton:`wave-date-picker__open-calendar-button`,errorMessage:`wave-date-picker__error-message`,surface:`wave-date-picker__surface`,header:`wave-date-picker__header`,previousMonthButton:`wave-date-picker__previous-month-button`,heading:`wave-date-picker__heading`,nextMonthButton:`wave-date-picker__next-month-button`,grid:`wave-date-picker__grid`,weekday:`wave-date-picker__weekday`,day:`wave-date-picker__day`},re={root:`wave-swatch-picker`,swatch:`wave-swatch-picker__swatch`},ie={root:`wave-color-picker`,opacityLabel:`wave-color-picker__opacity-label`,opacityValue:`wave-color-picker__opacity-value`},ae={root:`wave-color-picker-hex-field`,label:`wave-color-picker-hex-field__label`,input:`wave-color-picker-hex-field__input`,errorMessage:`wave-color-picker-hex-field__error-message`},oe={root:`wave-color-picker-swatches`},se={root:`wave-color-picker-preview`},ce={root:`wave-color-area`,field:`wave-color-area__field`,thumb:`wave-color-area__thumb`},le={root:`wave-color-slider`,rail:`wave-color-slider__rail`,thumb:`wave-color-slider__thumb`},ue={root:`wave-alpha-slider`,rail:`wave-alpha-slider__rail`,thumb:`wave-alpha-slider__thumb`},de={root:`wave-rating`,star:`wave-rating__star`,icon:`wave-rating__icon`},fe={root:`wave-rating-item`,icon:`wave-rating-item__icon`},pe={root:`wave-rating-display`,star:`wave-rating-display__star`,icon:`wave-rating-display__icon`,value:`wave-rating-display__value`,count:`wave-rating-display__count`},me={root:`wave-card`,checkbox:`wave-card__checkbox`,checkmark:`wave-card__checkmark`},he={root:`wave-card-header`,title:`wave-card-header__title`,subtitle:`wave-card-header__subtitle`},ge={root:`wave-card-body`},_e={root:`wave-card-footer`},ve={root:`wave-accordion`},ye={root:`wave-accordion-item`},be={root:`wave-accordion-trigger`,heading:`wave-accordion-trigger__heading`,expandIcon:`wave-accordion-trigger__expand-icon`},xe={root:`wave-accordion-panel`},Se={root:`wave-tab-list`},Ce={root:`wave-tab-list-tab`},we={root:`wave-tab-list-panel`},Te={root:`wave-tab-list-panels`},Ee={root:`wave-tree`},De={root:`wave-tree-item`,row:`wave-tree-item__row`,expandIcon:`wave-tree-item__expand-icon`,indicator:`wave-tree-item__indicator`,icon:`wave-tree-item__icon`,label:`wave-tree-item__label`,iconAfter:`wave-tree-item__icon-after`,aside:`wave-tree-item__aside`,actions:`wave-tree-item__actions`,group:`wave-tree-item__group`},Oe={root:`wave-tree-item-persona-layout`,media:`wave-tree-item-persona-layout__media`,main:`wave-tree-item-persona-layout__main`,description:`wave-tree-item-persona-layout__description`},ke={root:`wave-carousel`,autoPlayButton:`wave-carousel__auto-play-button`,track:`wave-carousel__track`,slide:`wave-carousel__slide`,previousButton:`wave-carousel__previous-button`,nextButton:`wave-carousel__next-button`,picker:`wave-carousel__picker`,pickerButton:`wave-carousel__picker-button`,pickerIndicator:`wave-carousel__picker-indicator`},Ae={root:`wave-carousel-item`},je={root:`wave-overflow`,overflowButton:`wave-overflow__overflow-button`},Me={root:`wave-overflow-item`},Ne={root:`wave-stack`},Pe={root:`wave-flex`},Fe={root:`wave-grid`},Ie={root:`wave-breadcrumb`,list:`wave-breadcrumb__list`,listItem:`wave-breadcrumb__list-item`,divider:`wave-breadcrumb__divider`},Le={root:`wave-breadcrumb-item`,icon:`wave-breadcrumb-item__icon`},Re={root:`wave-menu`},ze={root:`wave-menu-item`,checkmark:`wave-menu-item__checkmark`,icon:`wave-menu-item__icon`,content:`wave-menu-item__content`,shortcut:`wave-menu-item__shortcut`,submenuIndicator:`wave-menu-item__submenu-indicator`},Be={root:`wave-menu-item-checkbox`,checkmark:`wave-menu-item-checkbox__checkmark`,icon:`wave-menu-item-checkbox__icon`,content:`wave-menu-item-checkbox__content`,shortcut:`wave-menu-item-checkbox__shortcut`},Ve={root:`wave-menu-item-radio`,checkmark:`wave-menu-item-radio__checkmark`,icon:`wave-menu-item-radio__icon`,content:`wave-menu-item-radio__content`,shortcut:`wave-menu-item-radio__shortcut`},He={root:`wave-menu-item-switch`,icon:`wave-menu-item-switch__icon`,content:`wave-menu-item-switch__content`,shortcut:`wave-menu-item-switch__shortcut`,track:`wave-menu-item-switch__track`,thumb:`wave-menu-item-switch__thumb`},Ue={root:`wave-menu-item-link`,icon:`wave-menu-item-link__icon`,content:`wave-menu-item-link__content`,shortcut:`wave-menu-item-link__shortcut`},We={root:`wave-menu-divider`},Ge={root:`wave-menu-popover`},Ke={root:`wave-menu-group`},qe={root:`wave-menu-group-header`},Je={root:`wave-menu-split-group`},Ye={root:`wave-nav`,list:`wave-nav__list`},Xe={root:`wave-nav-category`,button:`wave-nav-category__button`,icon:`wave-nav-category__icon`,label:`wave-nav-category__label`,expandIcon:`wave-nav-category__expand-icon`,list:`wave-nav-category__list`},Ze={root:`wave-nav-item`,listItem:`wave-nav-item__list-item`,icon:`wave-nav-item__icon`,content:`wave-nav-item__content`},Qe={root:`wave-nav-sub-item`,listItem:`wave-nav-sub-item__list-item`},$e={root:`wave-pagination`,list:`wave-pagination__list`,listItem:`wave-pagination__list-item`,firstButton:`wave-pagination__first-button`,previousButton:`wave-pagination__previous-button`,pageButton:`wave-pagination__page-button`,nextButton:`wave-pagination__next-button`,lastButton:`wave-pagination__last-button`,ellipsis:`wave-pagination__ellipsis`},et={root:`wave-stepper`,list:`wave-stepper__list`},tt={root:`wave-stepper-step`,listItem:`wave-stepper-step__list-item`,button:`wave-stepper-step__button`,indicator:`wave-stepper-step__indicator`,icon:`wave-stepper-step__icon`,label:`wave-stepper-step__label`,description:`wave-stepper-step__description`,connector:`wave-stepper-step__connector`},nt={root:`wave-dialog-content`,backdrop:`wave-dialog-content__backdrop`,closeButton:`wave-dialog-content__close-button`,body:`wave-dialog-content__body`},rt={root:`wave-dialog-title`},it={root:`wave-dialog-footer`},at={root:`wave-popover-content`,beak:`wave-popover-content__beak`,title:`wave-popover-content__title`},ot={root:`wave-tooltip`,content:`wave-tooltip__content`},st={root:`wave-drawer`,backdrop:`wave-drawer__backdrop`,header:`wave-drawer__header`,closeButton:`wave-drawer__close-button`,body:`wave-drawer__body`},ct={root:`wave-drawer-title`},lt={root:`wave-teaching-popover`,beak:`wave-teaching-popover__beak`,closeButton:`wave-teaching-popover__close-button`,title:`wave-teaching-popover__title`,body:`wave-teaching-popover__body`,footer:`wave-teaching-popover__footer`,dot:`wave-teaching-popover__dot`,backButton:`wave-teaching-popover__back-button`,nextButton:`wave-teaching-popover__next-button`},ut={root:`wave-table`,container:`wave-table__container`},dt={root:`wave-table-header`},ft={root:`wave-table-header-cell`},pt={root:`wave-table-body`},mt={root:`wave-table-row`},ht={root:`wave-table-cell`},gt={root:`wave-data-grid`,container:`wave-data-grid__container`},_t={root:`wave-data-grid-header`,selectionCell:`wave-data-grid-header__selection-cell`,selectAllCheckbox:`wave-data-grid-header__select-all-checkbox`},vt={root:`wave-data-grid-header-cell`,button:`wave-data-grid-header-cell__button`,sortIcon:`wave-data-grid-header-cell__sort-icon`},yt={root:`wave-data-grid-body`},bt={root:`wave-data-grid-row`,selectionCell:`wave-data-grid-row__selection-cell`,selectionControl:`wave-data-grid-row__selection-control`},xt={root:`wave-data-grid-cell`},St={root:`wave-text`},Ct={root:`wave-root`},wt={root:`wave-portal`};exports.accordionClassNames=ve,exports.accordionItemClassNames=ye,exports.accordionPanelClassNames=xe,exports.accordionTriggerClassNames=be,exports.alphaSliderClassNames=ue,exports.avatarClassNames=p,exports.avatarGroupClassNames=m,exports.badgeClassNames=h,exports.breadcrumbClassNames=Ie,exports.breadcrumbItemClassNames=Le,exports.buttonClassNames=e,exports.cardBodyClassNames=ge,exports.cardClassNames=me,exports.cardFooterClassNames=_e,exports.cardHeaderClassNames=he,exports.carouselClassNames=ke,exports.carouselItemClassNames=Ae,exports.checkboxClassNames=U,exports.colorAreaClassNames=ce,exports.colorPickerClassNames=ie,exports.colorPickerHexFieldClassNames=ae,exports.colorPickerPreviewClassNames=se,exports.colorPickerSwatchesClassNames=oe,exports.colorSliderClassNames=le,exports.comboboxClassNames=Q,exports.compoundButtonClassNames=t,exports.counterBadgeClassNames=g,exports.dataGridBodyClassNames=yt,exports.dataGridCellClassNames=xt,exports.dataGridClassNames=gt,exports.dataGridHeaderCellClassNames=vt,exports.dataGridHeaderClassNames=_t,exports.dataGridRowClassNames=bt,exports.datePickerClassNames=ne,exports.dialogContentClassNames=nt,exports.dialogFooterClassNames=it,exports.dialogTitleClassNames=rt,exports.dividerClassNames=b,exports.drawerClassNames=st,exports.drawerTitleClassNames=ct,exports.dropdownClassNames=$,exports.fieldClassNames=V,exports.flexClassNames=Pe,exports.gridClassNames=Fe,exports.imageClassNames=C,exports.infoButtonClassNames=x,exports.infoLabelClassNames=S,exports.inputClassNames=R,exports.labelClassNames=H,exports.linkClassNames=a,exports.listClassNames=w,exports.listItemClassNames=T,exports.menuButtonClassNames=i,exports.menuClassNames=Re,exports.menuDividerClassNames=We,exports.menuGroupClassNames=Ke,exports.menuGroupHeaderClassNames=qe,exports.menuItemCheckboxClassNames=Be,exports.menuItemClassNames=ze,exports.menuItemLinkClassNames=Ue,exports.menuItemRadioClassNames=Ve,exports.menuItemSwitchClassNames=He,exports.menuPopoverClassNames=Ge,exports.menuSplitGroupClassNames=Je,exports.messageBarActionsClassNames=O,exports.messageBarClassNames=E,exports.messageBarTitleClassNames=D,exports.navCategoryClassNames=Xe,exports.navClassNames=Ye,exports.navItemClassNames=Ze,exports.navSubItemClassNames=Qe,exports.optionClassNames=X,exports.optionGroupClassNames=Z,exports.overflowClassNames=je,exports.overflowItemClassNames=Me,exports.paginationClassNames=$e,exports.personaClassNames=y,exports.popoverContentClassNames=at,exports.portalClassNames=wt,exports.presenceBadgeClassNames=_,exports.progressBarClassNames=k,exports.radioGroupClassNames=W,exports.radioGroupItemClassNames=G,exports.ratingClassNames=de,exports.ratingDisplayClassNames=pe,exports.ratingItemClassNames=fe,exports.searchBoxClassNames=q,exports.selectClassNames=B,exports.skeletonClassNames=j,exports.skeletonGroupClassNames=M,exports.sliderClassNames=J,exports.spinButtonClassNames=Y,exports.spinnerClassNames=A,exports.splitButtonClassNames=r,exports.stackClassNames=Ne,exports.stepperClassNames=et,exports.stepperStepClassNames=tt,exports.swatchPickerClassNames=re,exports.switchClassNames=K,exports.tabListClassNames=Se,exports.tabListPanelClassNames=we,exports.tabListPanelsClassNames=Te,exports.tabListTabClassNames=Ce,exports.tableBodyClassNames=pt,exports.tableCellClassNames=ht,exports.tableClassNames=ut,exports.tableHeaderCellClassNames=ft,exports.tableHeaderClassNames=dt,exports.tableRowClassNames=mt,exports.tagClassNames=v,exports.tagPickerClassNames=ee,exports.teachingPopoverClassNames=lt,exports.textClassNames=St,exports.textareaClassNames=z,exports.timePickerClassNames=te,exports.toastBodyClassNames=F,exports.toastClassNames=N,exports.toastFooterClassNames=I,exports.toastTitleClassNames=P,exports.toasterClassNames=L,exports.toggleButtonClassNames=n,exports.toolbarButtonClassNames=s,exports.toolbarClassNames=o,exports.toolbarDividerClassNames=f,exports.toolbarGroupClassNames=d,exports.toolbarRadioButtonClassNames=l,exports.toolbarRadioGroupClassNames=u,exports.toolbarToggleButtonClassNames=c,exports.tooltipClassNames=ot,exports.treeClassNames=Ee,exports.treeItemClassNames=De,exports.treeItemPersonaLayoutClassNames=Oe,exports.waveProviderClassNames=Ct;
+//# sourceMappingURL=classNames.cjs.map

package/dist/lib/classNames.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"classNames.cjs","names":["buttonClassNames","compoundButtonClassNames","toggleButtonClassNames","splitButtonClassNames","menuButtonClassNames","linkClassNames","toolbarClassNames","toolbarButtonClassNames","toolbarToggleButtonClassNames","toolbarRadioButtonClassNames","toolbarRadioGroupClassNames","toolbarGroupClassNames","toolbarDividerClassNames","avatarClassNames","avatarGroupClassNames","badgeClassNames","counterBadgeClassNames","presenceBadgeClassNames","tagClassNames","personaClassNames","dividerClassNames","infoButtonClassNames","infoLabelClassNames","imageClassNames","listClassNames","listItemClassNames","messageBarClassNames","messageBarTitleClassNames","messageBarActionsClassNames","progressBarClassNames","spinnerClassNames","skeletonClassNames","skeletonGroupClassNames","toastClassNames","toastTitleClassNames","toastBodyClassNames","toastFooterClassNames","toasterClassNames","inputClassNames","textareaClassNames","selectClassNames","fieldClassNames","labelClassNames","checkboxClassNames","radioGroupClassNames","radioGroupItemClassNames","switchClassNames","searchBoxClassNames","sliderClassNames","spinButtonClassNames","optionClassNames","optionGroupClassNames","comboboxClassNames","dropdownClassNames","tagPickerClassNames","timePickerClassNames","datePickerClassNames","swatchPickerClassNames","colorPickerClassNames","colorPickerHexFieldClassNames","colorPickerSwatchesClassNames","colorPickerPreviewClassNames","colorAreaClassNames","colorSliderClassNames","alphaSliderClassNames","ratingClassNames","ratingItemClassNames","ratingDisplayClassNames","cardClassNames","cardHeaderClassNames","cardBodyClassNames","cardFooterClassNames","accordionClassNames","accordionItemClassNames","accordionTriggerClassNames","accordionPanelClassNames","tabListClassNames","tabListTabClassNames","tabListPanelClassNames","tabListPanelsClassNames","treeClassNames","treeItemClassNames","treeItemPersonaLayoutClassNames","carouselClassNames","carouselItemClassNames","overflowClassNames","overflowItemClassNames","stackClassNames","flexClassNames","gridClassNames","breadcrumbClassNames","breadcrumbItemClassNames","menuClassNames","menuItemClassNames","menuItemCheckboxClassNames","menuItemRadioClassNames","menuItemSwitchClassNames","menuItemLinkClassNames","menuDividerClassNames","menuPopoverClassNames","menuGroupClassNames","menuGroupHeaderClassNames","menuSplitGroupClassNames","navClassNames","navCategoryClassNames","navItemClassNames","navSubItemClassNames","paginationClassNames","stepperClassNames","stepperStepClassNames","dialogContentClassNames","dialogTitleClassNames","dialogFooterClassNames","popoverContentClassNames","tooltipClassNames","drawerClassNames","drawerTitleClassNames","teachingPopoverClassNames","tableClassNames","tableHeaderClassNames","tableHeaderCellClassNames","tableBodyClassNames","tableRowClassNames","tableCellClassNames","dataGridClassNames","dataGridHeaderClassNames","dataGridHeaderCellClassNames","dataGridBodyClassNames","dataGridRowClassNames","dataGridCellClassNames","textClassNames","waveProviderClassNames","portalClassNames"],"sources":["../../src/lib/classNames.ts"],"sourcesContent":["/**\n * Stable class names of every public component and part. A root class sits on the element that\n * receives your `className`, and a part class on each element that a prop or slot fills or that\n * draws structure (an icon, a dismiss button, a track, a surface). Style them from your own CSS,\n * or build a typed selector from a constant (`` `.${buttonClassNames.icon}` ``). This module\n * imports nothing and holds string constants only, so a React Server Component can read it.\n *\n * - **Names.** A root is `wave-` plus the kebab-cased flat export name (`Button` → `wave-button`,\n *   `CardHeader` → `wave-card-header`); a part is the root, two underscores and the kebab-cased\n *   part key (`wave-button__icon`); a constant is the camel-cased flat name plus `ClassNames`\n *   (`cardHeaderClassNames`). WaveProvider and Portal keep their existing scope classes,\n *   `wave-root` and `wave-portal`.\n * - **Placement.** A component puts its root class first in its class list, so your `className`\n *   still wins a conflict; a slot part keeps its class when a slot object renders another element\n *   (`icon={{ as: 'img', … }}`).\n * - **Variants and nesting.** A variant also carries the classes of the component it is built on\n *   (ToggleButton's root is `wave-button wave-toggle-button`, its icon\n *   `wave-button__icon wave-toggle-button__icon`), and a public component rendered inside another\n *   also carries the parent's part class (SplitButton's halves are `wave-button` plus\n *   `wave-split-button__primary-action-button` or `wave-split-button__menu-button`).\n * - **No state classes.** State lives in `data-*` attributes and ARIA (`[data-pressed]`,\n *   `[data-disabled]`, `[aria-expanded='true']`).\n * - **Stability.** Before 1.0 no class is removed; a renamed part keeps its old class next to the\n *   new one until then.\n *\n * Not to be confused with the internal `buttonClassName()` helper of `buttonStyles.ts` (one\n * letter shorter), which returns Button's utility classes.\n */\n\n// ---------------------------------------------------------------------------\n// button\n// ---------------------------------------------------------------------------\n\n/**\n * Button: `root` on the rendered element (`<button>`, or your `as`); `icon` on the icon box.\n * Style them from your own CSS (`.wave-button`, `.wave-button__icon`). State is not a class: use\n * the `data-*` attributes (`[data-pressed]`, `[data-disabled]`).\n */\nexport const buttonClassNames = {\n  root: 'wave-button',\n  icon: 'wave-button__icon',\n} as const;\n\n/**\n * CompoundButton (also carries Button's root and icon classes): `root` on the rendered element;\n * `icon` on the icon box (Button's icon span in the icon-only layout); `contentContainer` on the\n * text column; `primaryText` on the main line; `secondaryText` on the second line.\n */\nexport const compoundButtonClassNames = {\n  root: 'wave-compound-button',\n  icon: 'wave-compound-button__icon',\n  contentContainer: 'wave-compound-button__content-container',\n  primaryText: 'wave-compound-button__primary-text',\n  secondaryText: 'wave-compound-button__secondary-text',\n} as const;\n\n/**\n * ToggleButton (also carries Button's root and icon classes): `root` on the `<button>`; `icon` on\n * Button's icon span.\n */\nexport const toggleButtonClassNames = {\n  root: 'wave-toggle-button',\n  icon: 'wave-toggle-button__icon',\n} as const;\n\n/**\n * SplitButton: `root` on the `role=\"group\"` element; `primaryActionButton` and `menuButton` on its\n * two Buttons (which also carry Button's root); `icon` on the primary half's icon span and\n * `menuIcon` on the menu half's (both also carry Button's icon class).\n */\nexport const splitButtonClassNames = {\n  root: 'wave-split-button',\n  primaryActionButton: 'wave-split-button__primary-action-button',\n  menuButton: 'wave-split-button__menu-button',\n  icon: 'wave-split-button__icon',\n  menuIcon: 'wave-split-button__menu-icon',\n} as const;\n\n/**\n * MenuButton (also carries Button's root and icon classes): `root` on the `<button>`; `icon` on\n * Button's icon span; `menuIcon` on the default chevron `<svg>`, or on the span of your\n * `menuIcon`.\n */\nexport const menuButtonClassNames = {\n  root: 'wave-menu-button',\n  icon: 'wave-menu-button__icon',\n  menuIcon: 'wave-menu-button__menu-icon',\n} as const;\n\n/** Link: `root` on the rendered element (`<a>`, or your `as`). */\nexport const linkClassNames = { root: 'wave-link' } as const;\n\n/** Toolbar: `root` on the `role=\"toolbar\"` element (your `as`, default `<div>`). */\nexport const toolbarClassNames = { root: 'wave-toolbar' } as const;\n\n/**\n * Toolbar.Button (also carries Button's root and icon classes): `root` on the rendered element;\n * `icon` on Button's icon span (the icon box of `vertical`).\n */\nexport const toolbarButtonClassNames = {\n  root: 'wave-toolbar-button',\n  icon: 'wave-toolbar-button__icon',\n} as const;\n\n/**\n * Toolbar.ToggleButton (also carries the root and icon classes of Button and ToggleButton):\n * `root` on the `<button>`; `icon` on the icon span.\n */\nexport const toolbarToggleButtonClassNames = {\n  root: 'wave-toolbar-toggle-button',\n  icon: 'wave-toolbar-toggle-button__icon',\n} as const;\n\n/**\n * Toolbar.RadioButton (also carries the root and icon classes of Button and ToggleButton):\n * `root` on the `role=\"radio\"` button; `icon` on the icon span.\n */\nexport const toolbarRadioButtonClassNames = {\n  root: 'wave-toolbar-radio-button',\n  icon: 'wave-toolbar-radio-button__icon',\n} as const;\n\n/** Toolbar.RadioGroup: `root` on the `role=\"radiogroup\"` element. */\nexport const toolbarRadioGroupClassNames = { root: 'wave-toolbar-radio-group' } as const;\n\n/** Toolbar.Group: `root` on the group element. */\nexport const toolbarGroupClassNames = { root: 'wave-toolbar-group' } as const;\n\n/** Toolbar.Divider: `root` on the `role=\"separator\"` element. */\nexport const toolbarDividerClassNames = { root: 'wave-toolbar-divider' } as const;\n\n// ---------------------------------------------------------------------------\n// data-display\n// ---------------------------------------------------------------------------\n\n/**\n * Avatar: `root` on the avatar span (with `badge`, on the outer wrapper); `visual` on the circle\n * (the root without `badge`, the inner span with it); `image` on the `<img>` (or the element of\n * your `image` slot); `icon` on the `icon` slot, else on the default person `<svg>`; `initials`\n * on the initials span; `badge` on the `badge` slot.\n */\nexport const avatarClassNames = {\n  root: 'wave-avatar',\n  visual: 'wave-avatar__visual',\n  image: 'wave-avatar__image',\n  icon: 'wave-avatar__icon',\n  initials: 'wave-avatar__initials',\n  badge: 'wave-avatar__badge',\n} as const;\n\n/**\n * AvatarGroup: `root` on the `role=\"group\"` element; `item` on the wrapper around each shown\n * member; `overflowButton` on the \"+N\" button; `surface` on its popup; `list` on the popup's\n * `<ul>`; `listItem` on each of its `<li>`.\n */\nexport const avatarGroupClassNames = {\n  root: 'wave-avatar-group',\n  item: 'wave-avatar-group__item',\n  overflowButton: 'wave-avatar-group__overflow-button',\n  surface: 'wave-avatar-group__surface',\n  list: 'wave-avatar-group__list',\n  listItem: 'wave-avatar-group__list-item',\n} as const;\n\n/** Badge: `root` on the badge span. */\nexport const badgeClassNames = { root: 'wave-badge' } as const;\n\n/**\n * CounterBadge (also carries Badge's root): `root` on the badge span (a count it does not show\n * renders no element).\n */\nexport const counterBadgeClassNames = { root: 'wave-counter-badge' } as const;\n\n/** PresenceBadge: `root` on the `role=\"img\"` span; `icon` on the status glyph `<svg>`. */\nexport const presenceBadgeClassNames = {\n  root: 'wave-presence-badge',\n  icon: 'wave-presence-badge__icon',\n} as const;\n\n/**\n * Tag: `root` on the rendered element (your `as`, default `<span>`); `primaryText` on the content\n * span; `dismissButton` on the Dismiss button; `dismissIcon` on the icon inside it (what\n * `dismissIcon` renders, a merged Button's icon span, else the default `<svg>`).\n */\nexport const tagClassNames = {\n  root: 'wave-tag',\n  primaryText: 'wave-tag__primary-text',\n  dismissButton: 'wave-tag__dismiss-button',\n  dismissIcon: 'wave-tag__dismiss-icon',\n} as const;\n\n/**\n * Persona: `root` on the persona element; `avatar` on the built-in Avatar (which also carries\n * Avatar's root and `visual` classes) or on your `avatar` slot; `badge` on the element that\n * places the badge; `primaryText` on the name; `secondaryText` on the second line.\n */\nexport const personaClassNames = {\n  root: 'wave-persona',\n  avatar: 'wave-persona__avatar',\n  badge: 'wave-persona__badge',\n  primaryText: 'wave-persona__primary-text',\n  secondaryText: 'wave-persona__secondary-text',\n} as const;\n\n/**\n * Divider: `root` on the `<hr>` of a plain horizontal divider, else on the `role=\"separator\"`\n * element (or your `as`); `line` on each of the two line elements of a labelled divider; `label`\n * on its label span.\n */\nexport const dividerClassNames = {\n  root: 'wave-divider',\n  line: 'wave-divider__line',\n  label: 'wave-divider__label',\n} as const;\n\n/**\n * InfoButton: `root` on the `<button>`; `info` on the `role=\"note\"` popup that shows your `info`\n * (Fluent's `info` slot, the popover surface); `beak` on its arrow.\n */\nexport const infoButtonClassNames = {\n  root: 'wave-info-button',\n  info: 'wave-info-button__info',\n  beak: 'wave-info-button__beak',\n} as const;\n\n/**\n * InfoLabel: `root` on the outer span; `label` on its Label (which also carries Label's root);\n * `infoButton` on its InfoButton (which also carries InfoButton's root); `info` on the popup, the\n * InfoButton's note (which also carries InfoButton's `info`).\n */\nexport const infoLabelClassNames = {\n  root: 'wave-info-label',\n  label: 'wave-info-label__label',\n  infoButton: 'wave-info-label__info-button',\n  info: 'wave-info-label__info',\n} as const;\n\n/** Image: `root` on the `<img>`. */\nexport const imageClassNames = { root: 'wave-image' } as const;\n\n/** List: `root` on the `<ul>` (the `role=\"grid\"` element of a selectable list with actions). */\nexport const listClassNames = { root: 'wave-list' } as const;\n\n/**\n * List.Item: `root` on the `<li>` (the `role=\"row\"` element of a list with actions); `content` on\n * the content element; `action` on the action cell.\n */\nexport const listItemClassNames = {\n  root: 'wave-list-item',\n  content: 'wave-list-item__content',\n  action: 'wave-list-item__action',\n} as const;\n\n// ---------------------------------------------------------------------------\n// feedback\n// ---------------------------------------------------------------------------\n\n/**\n * MessageBar: `root` on the bar; `icon` on the status icon span; `body` on the text column (it\n * holds `MessageBar.Title`); `dismissButton` on the Dismiss button; `dismissIcon` on the icon\n * inside it (what `dismiss` renders, a merged Button's icon span, else the default `<svg>`).\n */\nexport const messageBarClassNames = {\n  root: 'wave-message-bar',\n  icon: 'wave-message-bar__icon',\n  body: 'wave-message-bar__body',\n  dismissButton: 'wave-message-bar__dismiss-button',\n  dismissIcon: 'wave-message-bar__dismiss-icon',\n} as const;\n\n/** MessageBar.Title: `root` on the title span. */\nexport const messageBarTitleClassNames = { root: 'wave-message-bar-title' } as const;\n\n/** MessageBar.Actions: `root` on the element that holds the actions. */\nexport const messageBarActionsClassNames = { root: 'wave-message-bar-actions' } as const;\n\n/**\n * ProgressBar: `root` on the `role=\"progressbar\"` element (the track); `bar` on the fill; `label`\n * on the label of `showLabel` (a sibling of the root).\n */\nexport const progressBarClassNames = {\n  root: 'wave-progress-bar',\n  bar: 'wave-progress-bar__bar',\n  label: 'wave-progress-bar__label',\n} as const;\n\n/**\n * Spinner: `root` on the outer span; `spinner` on the ring; `label` on the label span (also while\n * only screen readers get it, without `labelVisible`).\n */\nexport const spinnerClassNames = {\n  root: 'wave-spinner',\n  spinner: 'wave-spinner__spinner',\n  label: 'wave-spinner__label',\n} as const;\n\n/** Skeleton: `root` on the placeholder element. */\nexport const skeletonClassNames = { root: 'wave-skeleton' } as const;\n\n/** Skeleton.Group: `root` on the group element. */\nexport const skeletonGroupClassNames = { root: 'wave-skeleton-group' } as const;\n\n/**\n * Toast: `root` on the toast; `icon` on the status icon span (or your `icon` slot); `content` on\n * the text column that holds the title, body and footer; `dismissButton` on the Dismiss button.\n */\nexport const toastClassNames = {\n  root: 'wave-toast',\n  icon: 'wave-toast__icon',\n  content: 'wave-toast__content',\n  dismissButton: 'wave-toast__dismiss-button',\n} as const;\n\n/**\n * Toast.Title: `root` on the title row (also the one the `title` prop renders); `label` on the\n * title text, which names the toast; `action` on the `action` slot at the row's end.\n */\nexport const toastTitleClassNames = {\n  root: 'wave-toast-title',\n  label: 'wave-toast-title__label',\n  action: 'wave-toast-title__action',\n} as const;\n\n/**\n * Toast.Body: `root` on the body element (also the one plain children render); `subtitle` on the\n * `subtitle` line inside it.\n */\nexport const toastBodyClassNames = {\n  root: 'wave-toast-body',\n  subtitle: 'wave-toast-body__subtitle',\n} as const;\n\n/** Toast.Footer: `root` on the row of actions. */\nexport const toastFooterClassNames = { root: 'wave-toast-footer' } as const;\n\n/**\n * Toaster: `root` on the portaled toast region; `toast` on the `role=\"group\"` container the\n * Toaster renders around each toast.\n */\nexport const toasterClassNames = {\n  root: 'wave-toaster',\n  toast: 'wave-toaster__toast',\n} as const;\n\n// ---------------------------------------------------------------------------\n// input\n// ---------------------------------------------------------------------------\n\n/**\n * Input: `root` on the `<input>`, or, with `contentBefore` or `contentAfter` content, on the\n * wrapper that draws the field; `input` on the `<input>` (also when it is the root);\n * `contentBefore` and `contentAfter` on the slot spans; `errorMessage` on the `role=\"alert\"`\n * message after the control.\n */\nexport const inputClassNames = {\n  root: 'wave-input',\n  input: 'wave-input__input',\n  contentBefore: 'wave-input__content-before',\n  contentAfter: 'wave-input__content-after',\n  errorMessage: 'wave-input__error-message',\n} as const;\n\n/** Textarea: `root` on the `<textarea>`; `errorMessage` on the message after it, as Input's. */\nexport const textareaClassNames = {\n  root: 'wave-textarea',\n  errorMessage: 'wave-textarea__error-message',\n} as const;\n\n/** Select: `root` on the `<select>`; `errorMessage` on the message after it, as Input's. */\nexport const selectClassNames = {\n  root: 'wave-select',\n  errorMessage: 'wave-select__error-message',\n} as const;\n\n/**\n * Field: `root` on the field element; `label` on the `<label>`; `required` on the asterisk;\n * `validationMessage` on the message; `validationMessageIcon` on its icon; `hint` on the hint.\n */\nexport const fieldClassNames = {\n  root: 'wave-field',\n  label: 'wave-field__label',\n  required: 'wave-field__required',\n  validationMessage: 'wave-field__validation-message',\n  validationMessageIcon: 'wave-field__validation-message-icon',\n  hint: 'wave-field__hint',\n} as const;\n\n/** Label: `root` on the `<label>`; `required` on the asterisk. */\nexport const labelClassNames = {\n  root: 'wave-label',\n  required: 'wave-label__required',\n} as const;\n\n/**\n * Checkbox: `root` on the `<label>`; `indicator` on the `role=\"checkbox\"` button (the box);\n * `label` on the label text.\n */\nexport const checkboxClassNames = {\n  root: 'wave-checkbox',\n  indicator: 'wave-checkbox__indicator',\n  label: 'wave-checkbox__label',\n} as const;\n\n/** RadioGroup: `root` on the `role=\"radiogroup\"` element. */\nexport const radioGroupClassNames = { root: 'wave-radio-group' } as const;\n\n/**\n * RadioGroup.Item: `root` on the `<label>` (where `className` lands; `ref` and the other props go\n * to the radio); `indicator` on the `role=\"radio\"` button; `label` on the label text.\n */\nexport const radioGroupItemClassNames = {\n  root: 'wave-radio-group-item',\n  indicator: 'wave-radio-group-item__indicator',\n  label: 'wave-radio-group-item__label',\n} as const;\n\n/**\n * Switch: `root` on the `<label>`; `track` on the `role=\"switch\"` button; `thumb` on its thumb;\n * `label` on the label text.\n */\nexport const switchClassNames = {\n  root: 'wave-switch',\n  track: 'wave-switch__track',\n  thumb: 'wave-switch__thumb',\n  label: 'wave-switch__label',\n} as const;\n\n/**\n * SearchBox: `root` on the element that draws the field; `contentBefore` on the span that holds\n * the search icon or your slot; `input` on the `<input type=\"search\">`; `contentAfter` on the span\n * that holds your slot; `dismissButton` on the clear button; `dismissIcon` on the icon inside it\n * (what `dismiss` renders, a merged Button's icon span, else the default `<svg>`).\n */\nexport const searchBoxClassNames = {\n  root: 'wave-search-box',\n  contentBefore: 'wave-search-box__content-before',\n  input: 'wave-search-box__input',\n  contentAfter: 'wave-search-box__content-after',\n  dismissButton: 'wave-search-box__dismiss-button',\n  dismissIcon: 'wave-search-box__dismiss-icon',\n} as const;\n\n/** Slider: `root` on the `<input type=\"range\">` (its rail and thumb are pseudo-elements). */\nexport const sliderClassNames = { root: 'wave-slider' } as const;\n\n/**\n * SpinButton: `root` on the outer element; `decrementButton` on the − button; `input` on the\n * `role=\"spinbutton\"` input; `incrementButton` on the + button.\n */\nexport const spinButtonClassNames = {\n  root: 'wave-spin-button',\n  decrementButton: 'wave-spin-button__decrement-button',\n  input: 'wave-spin-button__input',\n  incrementButton: 'wave-spin-button__increment-button',\n} as const;\n\n/**\n * Option (also Combobox.Option and Dropdown.Option): `root` on the `role=\"option\"` element;\n * `checkIcon` on the check `<svg>`; `content` on the content span.\n */\nexport const optionClassNames = {\n  root: 'wave-option',\n  checkIcon: 'wave-option__check-icon',\n  content: 'wave-option__content',\n} as const;\n\n/**\n * OptionGroup (also Combobox.OptionGroup and Dropdown.OptionGroup): `root` on the group's entry\n * in the list; `label` on its heading; `list` on the `role=\"group\"` list of its options.\n */\nexport const optionGroupClassNames = {\n  root: 'wave-option-group',\n  label: 'wave-option-group__label',\n  list: 'wave-option-group__list',\n} as const;\n\n/**\n * Combobox: `root` on the outer element; `input` on the `role=\"combobox\"` input; `clearButton` on\n * the clear button; `expandButton` on the expand button and `expandIcon` on its glyph; `listbox`\n * on the `role=\"listbox\"` list; `surface` on its portaled popup; `emptyMessage` on the\n * \"No matches\" row.\n */\nexport const comboboxClassNames = {\n  root: 'wave-combobox',\n  input: 'wave-combobox__input',\n  clearButton: 'wave-combobox__clear-button',\n  expandButton: 'wave-combobox__expand-button',\n  expandIcon: 'wave-combobox__expand-icon',\n  listbox: 'wave-combobox__listbox',\n  surface: 'wave-combobox__surface',\n  emptyMessage: 'wave-combobox__empty-message',\n} as const;\n\n/**\n * Dropdown: `root` on the outer element; `button` on the `role=\"combobox\"` button; `value` on the\n * value or placeholder span; `expandIcon` on the chevron `<svg>`; `clearButton` on the clear\n * button; `listbox` on the `role=\"listbox\"` list; `surface` on its portaled popup.\n */\nexport const dropdownClassNames = {\n  root: 'wave-dropdown',\n  button: 'wave-dropdown__button',\n  value: 'wave-dropdown__value',\n  expandIcon: 'wave-dropdown__expand-icon',\n  clearButton: 'wave-dropdown__clear-button',\n  listbox: 'wave-dropdown__listbox',\n  surface: 'wave-dropdown__surface',\n} as const;\n\n/**\n * TagPicker: `root` on the outer element; `control` on the tag area; `group` on the list of tags;\n * `tag` on each tag; `removeButton` on each tag's remove button; `input` on the `role=\"combobox\"`\n * input; `listbox` on the `role=\"listbox\"` list; `option` on each Option it renders (which also\n * carries Option's classes); `surface` on the portaled popup; `emptyMessage` on the \"No matches\"\n * row.\n */\nexport const tagPickerClassNames = {\n  root: 'wave-tag-picker',\n  control: 'wave-tag-picker__control',\n  group: 'wave-tag-picker__group',\n  tag: 'wave-tag-picker__tag',\n  removeButton: 'wave-tag-picker__remove-button',\n  input: 'wave-tag-picker__input',\n  listbox: 'wave-tag-picker__listbox',\n  option: 'wave-tag-picker__option',\n  surface: 'wave-tag-picker__surface',\n  emptyMessage: 'wave-tag-picker__empty-message',\n} as const;\n\n/**\n * TimePicker: `root` on the outer element; `input` on the `role=\"combobox\"` input; `clearButton`\n * on the clear button; `expandButton` on the expand button and `expandIcon` on its glyph;\n * `errorMessage` on the `role=\"alert\"` message; `listbox` on the `role=\"listbox\"` list; `option`\n * on each option; `checkIcon` on each option's check column; `surface` on the portaled popup;\n * `emptyMessage` on its status row.\n */\nexport const timePickerClassNames = {\n  root: 'wave-time-picker',\n  input: 'wave-time-picker__input',\n  clearButton: 'wave-time-picker__clear-button',\n  expandButton: 'wave-time-picker__expand-button',\n  expandIcon: 'wave-time-picker__expand-icon',\n  errorMessage: 'wave-time-picker__error-message',\n  listbox: 'wave-time-picker__listbox',\n  option: 'wave-time-picker__option',\n  checkIcon: 'wave-time-picker__check-icon',\n  surface: 'wave-time-picker__surface',\n  emptyMessage: 'wave-time-picker__empty-message',\n} as const;\n\n/**\n * DatePicker: `root` on the outer element; `input` on the text input; `clearButton` on the clear\n * button; `openCalendarButton` on the calendar button; `errorMessage` on the `role=\"alert\"`\n * message; `surface` on the portaled `role=\"dialog\"` calendar; `header` on its month row;\n * `previousMonthButton` and `nextMonthButton` on the month buttons; `heading` on the month\n * `<h2>`; `grid` on the calendar's `role=\"grid\"` element; `weekday` on each weekday header cell;\n * `day` on each day button.\n */\nexport const datePickerClassNames = {\n  root: 'wave-date-picker',\n  input: 'wave-date-picker__input',\n  clearButton: 'wave-date-picker__clear-button',\n  openCalendarButton: 'wave-date-picker__open-calendar-button',\n  errorMessage: 'wave-date-picker__error-message',\n  surface: 'wave-date-picker__surface',\n  header: 'wave-date-picker__header',\n  previousMonthButton: 'wave-date-picker__previous-month-button',\n  heading: 'wave-date-picker__heading',\n  nextMonthButton: 'wave-date-picker__next-month-button',\n  grid: 'wave-date-picker__grid',\n  weekday: 'wave-date-picker__weekday',\n  day: 'wave-date-picker__day',\n} as const;\n\n/** SwatchPicker: `root` on the `role=\"radiogroup\"` element; `swatch` on each `role=\"radio\"` button. */\nexport const swatchPickerClassNames = {\n  root: 'wave-swatch-picker',\n  swatch: 'wave-swatch-picker__swatch',\n} as const;\n\n/**\n * ColorPicker: `root` on the `role=\"group\"` element; `opacityLabel` on the caption and\n * `opacityValue` on the percentage of the default layout's opacity row. Its color area and\n * sliders carry their own classes (ColorArea, ColorSlider, AlphaSlider).\n */\nexport const colorPickerClassNames = {\n  root: 'wave-color-picker',\n  opacityLabel: 'wave-color-picker__opacity-label',\n  opacityValue: 'wave-color-picker__opacity-value',\n} as const;\n\n/**\n * ColorPicker.HexField: `root` on the field's outer element; `label` on the caption; `input` on\n * the hex `<input>`; `errorMessage` on the error text.\n */\nexport const colorPickerHexFieldClassNames = {\n  root: 'wave-color-picker-hex-field',\n  label: 'wave-color-picker-hex-field__label',\n  input: 'wave-color-picker-hex-field__input',\n  errorMessage: 'wave-color-picker-hex-field__error-message',\n} as const;\n\n/**\n * ColorPicker.Swatches (also carries SwatchPicker's root): `root` on the SwatchPicker it renders;\n * its swatches keep SwatchPicker's own `swatch` class.\n */\nexport const colorPickerSwatchesClassNames = { root: 'wave-color-picker-swatches' } as const;\n\n/** ColorPicker.Preview: `root` on the preview swatch. */\nexport const colorPickerPreviewClassNames = { root: 'wave-color-picker-preview' } as const;\n\n/**\n * ColorArea: `root` on the `role=\"group\"` element; `field` on the gradient layer; `thumb` on the\n * thumb (the two range inputs are not parts).\n */\nexport const colorAreaClassNames = {\n  root: 'wave-color-area',\n  field: 'wave-color-area__field',\n  thumb: 'wave-color-area__thumb',\n} as const;\n\n/** ColorSlider: `root` on the slider element; `rail` on the gradient rail; `thumb` on the thumb. */\nexport const colorSliderClassNames = {\n  root: 'wave-color-slider',\n  rail: 'wave-color-slider__rail',\n  thumb: 'wave-color-slider__thumb',\n} as const;\n\n/** AlphaSlider: `root` on the slider element; `rail` on the rail; `thumb` on the thumb. */\nexport const alphaSliderClassNames = {\n  root: 'wave-alpha-slider',\n  rail: 'wave-alpha-slider__rail',\n  thumb: 'wave-alpha-slider__thumb',\n} as const;\n\n/**\n * Rating: `root` on the `role=\"radiogroup\"` element; `star` on each star (a RatingItem: the\n * `role=\"radio\"` button, or with `step={0.5}` the span around its two radios); `icon` on each\n * star glyph (the default `<svg>`, or the span of your `iconFilled`/`iconOutline`).\n */\nexport const ratingClassNames = {\n  root: 'wave-rating',\n  star: 'wave-rating__star',\n  icon: 'wave-rating__icon',\n} as const;\n\n/**\n * RatingItem (also Rating.Item, RatingDisplay.Item and RatingDisplayItem): `root` on the star\n * element (the `role=\"radio\"` button in a Rating, the span around its two radios with\n * `step={0.5}`, the star span in a RatingDisplay), which also carries its rating's `star` class;\n * `icon` on each glyph it draws (the default `<svg>`, or the span of an `iconFilled`/`iconOutline`\n * glyph), which also carries its rating's `icon` class.\n */\nexport const ratingItemClassNames = {\n  root: 'wave-rating-item',\n  icon: 'wave-rating-item__icon',\n} as const;\n\n/**\n * RatingDisplay: `root` on the `role=\"img\"` element; `star` on each star span (a RatingItem, and\n * the one star of `compact`); `icon` on the star glyphs; `value` on the value span; `count` on the\n * count span.\n */\nexport const ratingDisplayClassNames = {\n  root: 'wave-rating-display',\n  star: 'wave-rating-display__star',\n  icon: 'wave-rating-display__icon',\n  value: 'wave-rating-display__value',\n  count: 'wave-rating-display__count',\n} as const;\n\n// ---------------------------------------------------------------------------\n// layout\n// ---------------------------------------------------------------------------\n\n/**\n * Card: `root` on the rendered element (your `as`, default `<div>`); `checkbox` on the built-in\n * selection checkbox; `checkmark` on the corner check `<svg>` of a selected card.\n */\nexport const cardClassNames = {\n  root: 'wave-card',\n  checkbox: 'wave-card__checkbox',\n  checkmark: 'wave-card__checkmark',\n} as const;\n\n/** Card.Header: `root` on the rendered element; `title` on the title; `subtitle` on the subtitle. */\nexport const cardHeaderClassNames = {\n  root: 'wave-card-header',\n  title: 'wave-card-header__title',\n  subtitle: 'wave-card-header__subtitle',\n} as const;\n\n/** Card.Body: `root` on the rendered element. */\nexport const cardBodyClassNames = { root: 'wave-card-body' } as const;\n\n/** Card.Footer: `root` on the rendered element. */\nexport const cardFooterClassNames = { root: 'wave-card-footer' } as const;\n\n/** Accordion: `root` on the accordion element. */\nexport const accordionClassNames = { root: 'wave-accordion' } as const;\n\n/** Accordion.Item: `root` on the item element. */\nexport const accordionItemClassNames = { root: 'wave-accordion-item' } as const;\n\n/**\n * Accordion.Trigger: `root` on the `<button>`; `heading` on the heading element around it (`<h1>`\n * to `<h6>`, from `headingLevel`); `expandIcon` on the chevron `<svg>`.\n */\nexport const accordionTriggerClassNames = {\n  root: 'wave-accordion-trigger',\n  heading: 'wave-accordion-trigger__heading',\n  expandIcon: 'wave-accordion-trigger__expand-icon',\n} as const;\n\n/** Accordion.Panel: `root` on the `role=\"region\"` element. */\nexport const accordionPanelClassNames = { root: 'wave-accordion-panel' } as const;\n\n/** TabList: `root` on the `role=\"tablist\"` element. */\nexport const tabListClassNames = { root: 'wave-tab-list' } as const;\n\n/** TabList.Tab: `root` on the `role=\"tab\"` button. */\nexport const tabListTabClassNames = { root: 'wave-tab-list-tab' } as const;\n\n/** TabList.Panel: `root` on the `role=\"tabpanel\"` element. */\nexport const tabListPanelClassNames = { root: 'wave-tab-list-panel' } as const;\n\n/** TabList.Panels: `root` on the element around the panels. */\nexport const tabListPanelsClassNames = { root: 'wave-tab-list-panels' } as const;\n\n/** Tree: `root` on the `role=\"tree\"` element. */\nexport const treeClassNames = { root: 'wave-tree' } as const;\n\n/**\n * Tree.Item: `root` on the `role=\"treeitem\"` element; `row` on its row; `expandIcon` on the\n * chevron (or your `expandIcon`); `indicator` on the checkbox of a multi-select tree or the radio\n * of a single-select one; `icon` on the icon span; `label` on the label span; `iconAfter` on the\n * icon after the label; `aside` on the aside content; `actions` on the row's actions toolbar;\n * `group` on the `role=\"group\"` element of its nested items.\n */\nexport const treeItemClassNames = {\n  root: 'wave-tree-item',\n  row: 'wave-tree-item__row',\n  expandIcon: 'wave-tree-item__expand-icon',\n  indicator: 'wave-tree-item__indicator',\n  icon: 'wave-tree-item__icon',\n  label: 'wave-tree-item__label',\n  iconAfter: 'wave-tree-item__icon-after',\n  aside: 'wave-tree-item__aside',\n  actions: 'wave-tree-item__actions',\n  group: 'wave-tree-item__group',\n} as const;\n\n/**\n * Tree.ItemPersonaLayout: `root` on the layout span; `media` on the picture; `main` on the name;\n * `description` on the description line.\n */\nexport const treeItemPersonaLayoutClassNames = {\n  root: 'wave-tree-item-persona-layout',\n  media: 'wave-tree-item-persona-layout__media',\n  main: 'wave-tree-item-persona-layout__main',\n  description: 'wave-tree-item-persona-layout__description',\n} as const;\n\n/**\n * Carousel: `root` on the `role=\"region\"` element; `autoPlayButton` on the pause and start\n * button; `track` on the moving element around the slides; `slide` on each slide wrapper;\n * `previousButton` and `nextButton` on the arrow buttons; `picker` on the `role=\"group\"` of\n * picker buttons; `pickerButton` on each of them; `pickerIndicator` on each button's dot.\n */\nexport const carouselClassNames = {\n  root: 'wave-carousel',\n  autoPlayButton: 'wave-carousel__auto-play-button',\n  track: 'wave-carousel__track',\n  slide: 'wave-carousel__slide',\n  previousButton: 'wave-carousel__previous-button',\n  nextButton: 'wave-carousel__next-button',\n  picker: 'wave-carousel__picker',\n  pickerButton: 'wave-carousel__picker-button',\n  pickerIndicator: 'wave-carousel__picker-indicator',\n} as const;\n\n/** Carousel.Item: `root` on the item element. */\nexport const carouselItemClassNames = { root: 'wave-carousel-item' } as const;\n\n/**\n * Overflow: `root` on the overflow element; `overflowButton` on the element around what\n * `overflowButton` renders.\n */\nexport const overflowClassNames = {\n  root: 'wave-overflow',\n  overflowButton: 'wave-overflow__overflow-button',\n} as const;\n\n/** Overflow.Item: `root` on the item element. */\nexport const overflowItemClassNames = { root: 'wave-overflow-item' } as const;\n\n/** Stack: `root` on the rendered element. */\nexport const stackClassNames = { root: 'wave-stack' } as const;\n\n/** Flex: `root` on the rendered element. */\nexport const flexClassNames = { root: 'wave-flex' } as const;\n\n/** Grid: `root` on the rendered element. */\nexport const gridClassNames = { root: 'wave-grid' } as const;\n\n// ---------------------------------------------------------------------------\n// navigation\n// ---------------------------------------------------------------------------\n\n/**\n * Breadcrumb: `root` on the `<nav>`; `list` on its `<ol>`; `listItem` on each `<li>`; `divider`\n * on each separator `<svg>`.\n */\nexport const breadcrumbClassNames = {\n  root: 'wave-breadcrumb',\n  list: 'wave-breadcrumb__list',\n  listItem: 'wave-breadcrumb__list-item',\n  divider: 'wave-breadcrumb__divider',\n} as const;\n\n/**\n * Breadcrumb.Item: `root` on the link, button or text span it renders (or your `asChild`\n * element); `icon` on the icon span.\n */\nexport const breadcrumbItemClassNames = {\n  root: 'wave-breadcrumb-item',\n  icon: 'wave-breadcrumb-item__icon',\n} as const;\n\n/** Menu: `root` on the `role=\"menu\"` element of a static menu (a popup menu has Menu.Popover's). */\nexport const menuClassNames = { root: 'wave-menu' } as const;\n\n/**\n * Menu.Item: `root` on the `role=\"menuitem\"` element; `checkmark` on the check column; `icon` on\n * the icon span; `content` on the label span; `shortcut` on the shortcut span;\n * `submenuIndicator` on the chevron `<svg>` of a submenu trigger.\n */\nexport const menuItemClassNames = {\n  root: 'wave-menu-item',\n  checkmark: 'wave-menu-item__checkmark',\n  icon: 'wave-menu-item__icon',\n  content: 'wave-menu-item__content',\n  shortcut: 'wave-menu-item__shortcut',\n  submenuIndicator: 'wave-menu-item__submenu-indicator',\n} as const;\n\n/**\n * Menu.ItemCheckbox (also carries Menu.Item's root and matching part classes): `root` on the\n * `role=\"menuitemcheckbox\"` element; `checkmark`, `icon`, `content` and `shortcut` as on\n * Menu.Item.\n */\nexport const menuItemCheckboxClassNames = {\n  root: 'wave-menu-item-checkbox',\n  checkmark: 'wave-menu-item-checkbox__checkmark',\n  icon: 'wave-menu-item-checkbox__icon',\n  content: 'wave-menu-item-checkbox__content',\n  shortcut: 'wave-menu-item-checkbox__shortcut',\n} as const;\n\n/**\n * Menu.ItemRadio (also carries Menu.Item's root and matching part classes): `root` on the\n * `role=\"menuitemradio\"` element; `checkmark`, `icon`, `content` and `shortcut` as on Menu.Item.\n */\nexport const menuItemRadioClassNames = {\n  root: 'wave-menu-item-radio',\n  checkmark: 'wave-menu-item-radio__checkmark',\n  icon: 'wave-menu-item-radio__icon',\n  content: 'wave-menu-item-radio__content',\n  shortcut: 'wave-menu-item-radio__shortcut',\n} as const;\n\n/**\n * Menu.ItemSwitch (also carries Menu.Item's root, `icon`, `content` and `shortcut` classes):\n * `root` on the `role=\"menuitemcheckbox\"` element; `icon`, `content` and `shortcut` as on\n * Menu.Item; `track` on the switch; `thumb` on its thumb.\n */\nexport const menuItemSwitchClassNames = {\n  root: 'wave-menu-item-switch',\n  icon: 'wave-menu-item-switch__icon',\n  content: 'wave-menu-item-switch__content',\n  shortcut: 'wave-menu-item-switch__shortcut',\n  track: 'wave-menu-item-switch__track',\n  thumb: 'wave-menu-item-switch__thumb',\n} as const;\n\n/**\n * Menu.ItemLink (also carries Menu.Item's root and matching part classes): `root` on the\n * `role=\"menuitem\"` link (`<a>`, or your `as`); `icon`, `content` and `shortcut` as on Menu.Item.\n */\nexport const menuItemLinkClassNames = {\n  root: 'wave-menu-item-link',\n  icon: 'wave-menu-item-link__icon',\n  content: 'wave-menu-item-link__content',\n  shortcut: 'wave-menu-item-link__shortcut',\n} as const;\n\n/** Menu.Divider: `root` on the `role=\"separator\"` element. */\nexport const menuDividerClassNames = { root: 'wave-menu-divider' } as const;\n\n/** Menu.Popover: `root` on the portaled `role=\"menu\"` element. */\nexport const menuPopoverClassNames = { root: 'wave-menu-popover' } as const;\n\n/** Menu.Group: `root` on the `role=\"group\"` element. */\nexport const menuGroupClassNames = { root: 'wave-menu-group' } as const;\n\n/** Menu.GroupHeader: `root` on the header element. */\nexport const menuGroupHeaderClassNames = { root: 'wave-menu-group-header' } as const;\n\n/** Menu.SplitGroup: `root` on the `role=\"group\"` element. */\nexport const menuSplitGroupClassNames = { root: 'wave-menu-split-group' } as const;\n\n/** Nav: `root` on the `<nav>`; `list` on its `<ul>`. */\nexport const navClassNames = {\n  root: 'wave-nav',\n  list: 'wave-nav__list',\n} as const;\n\n/**\n * Nav.Category: `root` on its `<li>`; `button` on the toggle button; `icon` on the icon span;\n * `label` on the label span; `expandIcon` on the chevron `<svg>`; `list` on the `<ul>` of its\n * sub-items.\n */\nexport const navCategoryClassNames = {\n  root: 'wave-nav-category',\n  button: 'wave-nav-category__button',\n  icon: 'wave-nav-category__icon',\n  label: 'wave-nav-category__label',\n  expandIcon: 'wave-nav-category__expand-icon',\n  list: 'wave-nav-category__list',\n} as const;\n\n/**\n * Nav.Item: `root` on the `<a>` (with `href`) or `<button>`; `listItem` on the `<li>` around it;\n * `icon` on the icon span; `content` on the label span.\n */\nexport const navItemClassNames = {\n  root: 'wave-nav-item',\n  listItem: 'wave-nav-item__list-item',\n  icon: 'wave-nav-item__icon',\n  content: 'wave-nav-item__content',\n} as const;\n\n/** Nav.SubItem: `root` on the `<a>` or `<button>`; `listItem` on the `<li>` around it. */\nexport const navSubItemClassNames = {\n  root: 'wave-nav-sub-item',\n  listItem: 'wave-nav-sub-item__list-item',\n} as const;\n\n/**\n * Pagination: `root` on the `<nav>`; `list` on its `<ol>`; `listItem` on each `<li>`;\n * `firstButton`, `previousButton`, `pageButton`, `nextButton` and `lastButton` on its buttons;\n * `ellipsis` on each \"…\" span.\n */\nexport const paginationClassNames = {\n  root: 'wave-pagination',\n  list: 'wave-pagination__list',\n  listItem: 'wave-pagination__list-item',\n  firstButton: 'wave-pagination__first-button',\n  previousButton: 'wave-pagination__previous-button',\n  pageButton: 'wave-pagination__page-button',\n  nextButton: 'wave-pagination__next-button',\n  lastButton: 'wave-pagination__last-button',\n  ellipsis: 'wave-pagination__ellipsis',\n} as const;\n\n/** Stepper: `root` on the `role=\"group\"` element; `list` on its `<ol>`. */\nexport const stepperClassNames = {\n  root: 'wave-stepper',\n  list: 'wave-stepper__list',\n} as const;\n\n/**\n * Stepper.Step: `root` on the step's element inside its `<li>`; `listItem` on the `<li>`; `button`\n * on the `role=\"button\"` element; `indicator` on the circle; `icon` on the `icon` slot inside it;\n * `label` on the label; `description` on the description; `connector` on the line to the next\n * step.\n */\nexport const stepperStepClassNames = {\n  root: 'wave-stepper-step',\n  listItem: 'wave-stepper-step__list-item',\n  button: 'wave-stepper-step__button',\n  indicator: 'wave-stepper-step__indicator',\n  icon: 'wave-stepper-step__icon',\n  label: 'wave-stepper-step__label',\n  description: 'wave-stepper-step__description',\n  connector: 'wave-stepper-step__connector',\n} as const;\n\n// ---------------------------------------------------------------------------\n// overlays\n// ---------------------------------------------------------------------------\n\n/**\n * Dialog.Content: `root` on the surface (`role=\"dialog\"` or `\"alertdialog\"`); `backdrop` on the\n * backdrop around it; `closeButton` on the built-in Close button (which also carries Button's\n * root); `body` on the scrolling body. The heading of its `title` prop carries Dialog.Title's\n * class.\n */\nexport const dialogContentClassNames = {\n  root: 'wave-dialog-content',\n  backdrop: 'wave-dialog-content__backdrop',\n  closeButton: 'wave-dialog-content__close-button',\n  body: 'wave-dialog-content__body',\n} as const;\n\n/** Dialog.Title: `root` on the `<h2>`. */\nexport const dialogTitleClassNames = { root: 'wave-dialog-title' } as const;\n\n/** Dialog.Footer: `root` on the footer element. */\nexport const dialogFooterClassNames = { root: 'wave-dialog-footer' } as const;\n\n/**\n * Popover.Content: `root` on the portaled `role=\"dialog\"` surface; `beak` on the arrow; `title`\n * on the `<h2>` of `title`.\n */\nexport const popoverContentClassNames = {\n  root: 'wave-popover-content',\n  beak: 'wave-popover-content__beak',\n  title: 'wave-popover-content__title',\n} as const;\n\n/** Tooltip: `root` on the span around your child; `content` on the portaled tooltip. */\nexport const tooltipClassNames = {\n  root: 'wave-tooltip',\n  content: 'wave-tooltip__content',\n} as const;\n\n/**\n * Drawer: `root` on the portaled panel (`role=\"dialog\"`, while open); `backdrop` on the backdrop;\n * `header` on the header row; `closeButton` on the Close button (which also carries Button's\n * root); `body` on the scrolling body. The heading of its `title` prop carries Drawer.Title's\n * class.\n */\nexport const drawerClassNames = {\n  root: 'wave-drawer',\n  backdrop: 'wave-drawer__backdrop',\n  header: 'wave-drawer__header',\n  closeButton: 'wave-drawer__close-button',\n  body: 'wave-drawer__body',\n} as const;\n\n/** Drawer.Title: `root` on the `<h2>`. */\nexport const drawerTitleClassNames = { root: 'wave-drawer-title' } as const;\n\n/**\n * TeachingPopover: `root` on the `role=\"dialog\"` surface; `beak` on the arrow; `closeButton`,\n * `backButton` and `nextButton` on its buttons (which also carry Button's root); `title` on the\n * `<h3>`; `body` on the step body; `footer` on the bottom row; `dot` on each step dot.\n */\nexport const teachingPopoverClassNames = {\n  root: 'wave-teaching-popover',\n  beak: 'wave-teaching-popover__beak',\n  closeButton: 'wave-teaching-popover__close-button',\n  title: 'wave-teaching-popover__title',\n  body: 'wave-teaching-popover__body',\n  footer: 'wave-teaching-popover__footer',\n  dot: 'wave-teaching-popover__dot',\n  backButton: 'wave-teaching-popover__back-button',\n  nextButton: 'wave-teaching-popover__next-button',\n} as const;\n\n// ---------------------------------------------------------------------------\n// table\n// ---------------------------------------------------------------------------\n\n/** Table: `root` on the `<table>`; `container` on the scroll wrapper around it. */\nexport const tableClassNames = {\n  root: 'wave-table',\n  container: 'wave-table__container',\n} as const;\n\n/** Table.Header (and the deprecated Table.Head): `root` on the `<thead>`. */\nexport const tableHeaderClassNames = { root: 'wave-table-header' } as const;\n\n/** Table.HeaderCell (and the deprecated Table.HeadCell): `root` on the `<th>`. */\nexport const tableHeaderCellClassNames = { root: 'wave-table-header-cell' } as const;\n\n/** Table.Body: `root` on the `<tbody>`. */\nexport const tableBodyClassNames = { root: 'wave-table-body' } as const;\n\n/** Table.Row: `root` on the `<tr>`. */\nexport const tableRowClassNames = { root: 'wave-table-row' } as const;\n\n/** Table.Cell: `root` on the `<td>`. */\nexport const tableCellClassNames = { root: 'wave-table-cell' } as const;\n\n/** DataGrid: `root` on the grid element (`role=\"grid\"`); `container` on the wrapper around it. */\nexport const dataGridClassNames = {\n  root: 'wave-data-grid',\n  container: 'wave-data-grid__container',\n} as const;\n\n/**\n * DataGrid.Header: `root` on the `<thead>`; `selectionCell` on the selection column's cell of\n * each header row; `selectAllCheckbox` on its checkbox.\n */\nexport const dataGridHeaderClassNames = {\n  root: 'wave-data-grid-header',\n  selectionCell: 'wave-data-grid-header__selection-cell',\n  selectAllCheckbox: 'wave-data-grid-header__select-all-checkbox',\n} as const;\n\n/**\n * DataGrid.HeaderCell: `root` on the `<th>`; `button` on the sort button; `sortIcon` on its\n * direction `<svg>`.\n */\nexport const dataGridHeaderCellClassNames = {\n  root: 'wave-data-grid-header-cell',\n  button: 'wave-data-grid-header-cell__button',\n  sortIcon: 'wave-data-grid-header-cell__sort-icon',\n} as const;\n\n/** DataGrid.Body: `root` on the `<tbody>`. */\nexport const dataGridBodyClassNames = { root: 'wave-data-grid-body' } as const;\n\n/**\n * DataGrid.Row: `root` on the `<tr>`; `selectionCell` on its selection cell; `selectionControl`\n * on the checkbox or radio in it.\n */\nexport const dataGridRowClassNames = {\n  root: 'wave-data-grid-row',\n  selectionCell: 'wave-data-grid-row__selection-cell',\n  selectionControl: 'wave-data-grid-row__selection-control',\n} as const;\n\n/** DataGrid.Cell: `root` on the `role=\"gridcell\"` cell. */\nexport const dataGridCellClassNames = { root: 'wave-data-grid-cell' } as const;\n\n// ---------------------------------------------------------------------------\n// typography, provider, portal\n// ---------------------------------------------------------------------------\n\n/** Text: `root` on the rendered element (your `as`, default `<span>`). */\nexport const textClassNames = { root: 'wave-text' } as const;\n\n/** WaveProvider: `root` on the themed element (the existing `wave-root` scope class). */\nexport const waveProviderClassNames = { root: 'wave-root' } as const;\n\n/**\n * Portal: `root` on the portal wrapper (the existing `wave-portal` scope class; the wrapper also\n * takes your `className`).\n */\nexport const portalClassNames = { root: 'wave-portal' } as const;\n"],"mappings":"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"}