@blakesteve/roster 5.13.0 → 5.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/README.md +187 -41
  2. package/dist/components/molecules/Carousel/Carousel.cjs +1 -1
  3. package/dist/components/molecules/Carousel/Carousel.d.ts +65 -3
  4. package/dist/components/molecules/Carousel/Carousel.js +376 -225
  5. package/dist/components/molecules/Carousel/carousel-math.cjs +1 -1
  6. package/dist/components/molecules/Carousel/carousel-math.d.ts +16 -0
  7. package/dist/components/molecules/Carousel/carousel-math.js +63 -44
  8. package/dist/components/molecules/Carousel/carousel-selection.cjs +1 -0
  9. package/dist/components/molecules/Carousel/carousel-selection.d.ts +28 -0
  10. package/dist/components/molecules/Carousel/carousel-selection.js +23 -0
  11. package/dist/components/molecules/LiquidTabs/LiquidCount.d.ts +2 -2
  12. package/dist/components/molecules/LiquidTabs/LiquidTabPanel.cjs +1 -1
  13. package/dist/components/molecules/LiquidTabs/LiquidTabPanel.d.ts +10 -49
  14. package/dist/components/molecules/LiquidTabs/LiquidTabPanel.js +5 -28
  15. package/dist/components/molecules/LiquidTabs/LiquidTabs.cjs +1 -1
  16. package/dist/components/molecules/LiquidTabs/LiquidTabs.d.ts +13 -40
  17. package/dist/components/molecules/LiquidTabs/LiquidTabs.js +5 -95
  18. package/dist/components/molecules/LiquidTabs/liquid-count.d.ts +7 -5
  19. package/dist/components/molecules/LiquidTabs/liquid-tab-id.cjs +1 -1
  20. package/dist/components/molecules/LiquidTabs/liquid-tab-id.d.ts +4 -9
  21. package/dist/components/molecules/LiquidTabs/liquid-tab-id.js +3 -4
  22. package/dist/components/molecules/Tabs/TabPanel.cjs +1 -0
  23. package/dist/components/molecules/Tabs/TabPanel.d.ts +53 -0
  24. package/dist/components/molecules/Tabs/TabPanel.js +32 -0
  25. package/dist/components/molecules/Tabs/Tabs.cjs +1 -0
  26. package/dist/components/molecules/Tabs/Tabs.d.ts +118 -0
  27. package/dist/components/molecules/Tabs/Tabs.js +145 -0
  28. package/dist/components/molecules/Tabs/tab-id.cjs +1 -0
  29. package/dist/components/molecules/Tabs/tab-id.d.ts +13 -0
  30. package/dist/components/molecules/Tabs/tab-id.js +6 -0
  31. package/dist/index.d.ts +3 -0
  32. package/dist/internal/dev.cjs +1 -0
  33. package/dist/internal/dev.d.ts +10 -0
  34. package/dist/internal/dev.js +10 -0
  35. package/dist/meta.json +3 -3
  36. package/dist/roster.cjs +1 -1
  37. package/dist/roster.css +1 -1
  38. package/dist/roster.js +116 -110
  39. package/package.json +1 -1
package/dist/roster.js CHANGED
@@ -6,7 +6,7 @@ import { badgeVariants as n } from "./components/atoms/Badge/badge-variants.js";
6
6
  import { Button as s } from "./components/atoms/Button/Button.js";
7
7
  import { buttonVariants as u } from "./components/atoms/Button/button-variants.js";
8
8
  import { Card as V } from "./components/atoms/Card/Card.js";
9
- import { cardVariants as b } from "./components/atoms/Card/card-variants.js";
9
+ import { cardVariants as c } from "./components/atoms/Card/card-variants.js";
10
10
  import { Checkbox as T } from "./components/atoms/Checkbox/Checkbox.js";
11
11
  import { checkboxVariants as g } from "./components/atoms/Checkbox/checkbox-variants.js";
12
12
  import { Disclosure as k } from "./components/atoms/Disclosure/Disclosure.js";
@@ -31,7 +31,7 @@ import { statSourceClass as xr, statValueVariants as nr } from "./components/ato
31
31
  import { ThemeToggle as sr } from "./components/atoms/ThemeToggle/ThemeToggle.js";
32
32
  import { MultiSelect as ur } from "./components/atoms/MultiSelect/MultiSelect.js";
33
33
  import { Select as Vr } from "./components/atoms/Select/Select.js";
34
- import { selectOptionVariants as br, selectTriggerVariants as Sr } from "./components/atoms/Select/select-variants.js";
34
+ import { selectOptionVariants as cr, selectTriggerVariants as Sr } from "./components/atoms/Select/select-variants.js";
35
35
  import { Spinner as Cr } from "./components/atoms/Spinner/Spinner.js";
36
36
  import { Switch as hr } from "./components/atoms/Switch/Switch.js";
37
37
  import { switchThumbVariants as Mr, switchTrackVariants as wr } from "./components/atoms/Switch/switch-variants.js";
@@ -55,166 +55,171 @@ import { DescriptionList as mo } from "./components/molecules/DescriptionList/De
55
55
  import { descriptionListVariants as no } from "./components/molecules/DescriptionList/description-list-variants.js";
56
56
  import { Pullquote as so } from "./components/molecules/Pullquote/Pullquote.js";
57
57
  import { pullquoteVariants as uo } from "./components/molecules/Pullquote/pullquote-variants.js";
58
- import { CheckboxGroup as co } from "./components/molecules/CheckboxGroup/CheckboxGroup.js";
58
+ import { CheckboxGroup as bo } from "./components/molecules/CheckboxGroup/CheckboxGroup.js";
59
59
  import { checkboxGroupOptionsVariants as So, checkboxGroupPanelVariants as To } from "./components/molecules/CheckboxGroup/checkbox-group-variants.js";
60
60
  import { RadioGroup as go } from "./components/molecules/RadioGroup/RadioGroup.js";
61
61
  import { radioDotVariants as ko, radioGroupOptionsVariants as Mo, radioOptionVariants as wo, radioVariants as Po } from "./components/molecules/RadioGroup/radio-group-variants.js";
62
62
  import { Breadcrumbs as vo } from "./components/molecules/Breadcrumbs/Breadcrumbs.js";
63
63
  import { breadcrumbVariants as Do } from "./components/molecules/Breadcrumbs/breadcrumb-variants.js";
64
- import { LiquidTabs as Ro } from "./components/molecules/LiquidTabs/LiquidTabs.js";
65
- import { LiquidNav as Lo } from "./components/molecules/LiquidTabs/LiquidNav.js";
66
- import { liquidTabId as qo } from "./components/molecules/LiquidTabs/liquid-tab-id.js";
67
- import { LiquidTabPanel as Fo } from "./components/molecules/LiquidTabs/LiquidTabPanel.js";
68
- import { Carousel as Ho } from "./components/molecules/Carousel/Carousel.js";
69
- import { CallToAction as No } from "./components/molecules/CallToAction/CallToAction.js";
70
- import { ctaVariants as _o } from "./components/molecules/CallToAction/call-to-action-variants.js";
71
- import { EmptyState as Wo } from "./components/molecules/EmptyState/EmptyState.js";
72
- import { emptyStateVariants as Yo } from "./components/molecules/EmptyState/empty-state-variants.js";
73
- import { MediaPreview as zo } from "./components/molecules/MediaPreview/MediaPreview.js";
74
- import { FileUpload as Zo } from "./components/molecules/FileUpload/FileUpload.js";
75
- import { Pagination as re } from "./components/molecules/Pagination/Pagination.js";
76
- import { SkeletonAvatar as ee, SkeletonCard as te, SkeletonStat as ae, SkeletonTableRow as pe } from "./components/molecules/SkeletonPresets/SkeletonPresets.js";
77
- import { ProgressField as me } from "./components/molecules/ProgressField/ProgressField.js";
78
- import { StepProgress as ne } from "./components/molecules/StepProgress/StepProgress.js";
79
- import { ErrorState as se } from "./components/molecules/ErrorState/ErrorState.js";
80
- import { errorStateVariants as ue } from "./components/molecules/ErrorState/error-state-variants.js";
81
- import { MatchupCard as Ve } from "./components/molecules/MatchupCard/MatchupCard.js";
82
- import { Menu as be, MenuButton as Se, MenuCheckboxItem as Te, MenuGroup as Ce, MenuItem as ge, MenuItems as he, MenuRadioGroup as ke, MenuRadioItem as Me, MenuSeparator as we, MenuSubmenu as Pe } from "./components/molecules/Menu/Menu.js";
83
- import { Slider as ve } from "./components/molecules/Slider/Slider.js";
84
- import { RangeSlider as De } from "./components/molecules/RangeSlider/RangeSlider.js";
85
- import { ActionBar as Re } from "./components/organisms/ActionBar/ActionBar.js";
86
- import { actionBarVariants as Le } from "./components/organisms/ActionBar/action-bar-variants.js";
87
- import { Countdown as qe } from "./components/organisms/Countdown/Countdown.js";
88
- import { Dialog as Fe } from "./components/organisms/Dialog/Dialog.js";
89
- import { Footer as He } from "./components/organisms/Footer/Footer.js";
90
- import { Navbar as Ne } from "./components/organisms/Navbar/Navbar.js";
91
- import { navbarVariants as _e } from "./components/organisms/Navbar/navbar-variants.js";
92
- import { Sheet as We } from "./components/organisms/Sheet/Sheet.js";
93
- import { ModerationQueue as Ye } from "./components/organisms/ModerationQueue/ModerationQueue.js";
94
- import { editAction as ze } from "./components/organisms/ModerationQueue/queue-actions.js";
95
- import { QueueEditDialog as Ze } from "./components/organisms/ModerationQueue/QueueEditDialog.js";
96
- import { QueueEditSheet as rt } from "./components/organisms/ModerationQueue/QueueEditSheet.js";
97
- import { Table as et, TableBody as tt, TableCaption as at, TableCell as pt, TableFooter as it, TableHead as mt, TableHeader as xt, TableRow as nt } from "./components/organisms/Table/Table.js";
98
- import { tableCellVariants as st, tableHeadVariants as lt, tableHeaderVariants as ut, tableRowVariants as dt, tableVariants as Vt, tableWrapperVariants as ct } from "./components/organisms/Table/table-variants.js";
99
- import { useCountdown as St } from "./hooks/useCountdown.js";
100
- import { KONAMI_CODE as Ct, useKeySequence as gt } from "./hooks/useKeySequence.js";
101
- import { KEY_FOCUS as kt, useKeyFocus as Mt } from "./internal/key-focus.js";
102
- import { cn as Pt } from "./lib/utils.js";
64
+ import { Tabs as Ro } from "./components/molecules/Tabs/Tabs.js";
65
+ import { TabPanel as Lo } from "./components/molecules/Tabs/TabPanel.js";
66
+ import { tabId as qo } from "./components/molecules/Tabs/tab-id.js";
67
+ import { LiquidTabs as Fo } from "./components/molecules/LiquidTabs/LiquidTabs.js";
68
+ import { LiquidNav as Ho } from "./components/molecules/LiquidTabs/LiquidNav.js";
69
+ import { liquidTabId as No } from "./components/molecules/LiquidTabs/liquid-tab-id.js";
70
+ import { LiquidTabPanel as _o } from "./components/molecules/LiquidTabs/LiquidTabPanel.js";
71
+ import { Carousel as Wo } from "./components/molecules/Carousel/Carousel.js";
72
+ import { CallToAction as Yo } from "./components/molecules/CallToAction/CallToAction.js";
73
+ import { ctaVariants as zo } from "./components/molecules/CallToAction/call-to-action-variants.js";
74
+ import { EmptyState as Zo } from "./components/molecules/EmptyState/EmptyState.js";
75
+ import { emptyStateVariants as re } from "./components/molecules/EmptyState/empty-state-variants.js";
76
+ import { MediaPreview as ee } from "./components/molecules/MediaPreview/MediaPreview.js";
77
+ import { FileUpload as ae } from "./components/molecules/FileUpload/FileUpload.js";
78
+ import { Pagination as ie } from "./components/molecules/Pagination/Pagination.js";
79
+ import { SkeletonAvatar as xe, SkeletonCard as ne, SkeletonStat as fe, SkeletonTableRow as se } from "./components/molecules/SkeletonPresets/SkeletonPresets.js";
80
+ import { ProgressField as ue } from "./components/molecules/ProgressField/ProgressField.js";
81
+ import { StepProgress as Ve } from "./components/molecules/StepProgress/StepProgress.js";
82
+ import { ErrorState as ce } from "./components/molecules/ErrorState/ErrorState.js";
83
+ import { errorStateVariants as Te } from "./components/molecules/ErrorState/error-state-variants.js";
84
+ import { MatchupCard as ge } from "./components/molecules/MatchupCard/MatchupCard.js";
85
+ import { Menu as ke, MenuButton as Me, MenuCheckboxItem as we, MenuGroup as Pe, MenuItem as Ie, MenuItems as ve, MenuRadioGroup as Ae, MenuRadioItem as De, MenuSeparator as Ee, MenuSubmenu as Re } from "./components/molecules/Menu/Menu.js";
86
+ import { Slider as Le } from "./components/molecules/Slider/Slider.js";
87
+ import { RangeSlider as qe } from "./components/molecules/RangeSlider/RangeSlider.js";
88
+ import { ActionBar as Fe } from "./components/organisms/ActionBar/ActionBar.js";
89
+ import { actionBarVariants as He } from "./components/organisms/ActionBar/action-bar-variants.js";
90
+ import { Countdown as Ne } from "./components/organisms/Countdown/Countdown.js";
91
+ import { Dialog as _e } from "./components/organisms/Dialog/Dialog.js";
92
+ import { Footer as We } from "./components/organisms/Footer/Footer.js";
93
+ import { Navbar as Ye } from "./components/organisms/Navbar/Navbar.js";
94
+ import { navbarVariants as ze } from "./components/organisms/Navbar/navbar-variants.js";
95
+ import { Sheet as Ze } from "./components/organisms/Sheet/Sheet.js";
96
+ import { ModerationQueue as rt } from "./components/organisms/ModerationQueue/ModerationQueue.js";
97
+ import { editAction as et } from "./components/organisms/ModerationQueue/queue-actions.js";
98
+ import { QueueEditDialog as at } from "./components/organisms/ModerationQueue/QueueEditDialog.js";
99
+ import { QueueEditSheet as it } from "./components/organisms/ModerationQueue/QueueEditSheet.js";
100
+ import { Table as xt, TableBody as nt, TableCaption as ft, TableCell as st, TableFooter as lt, TableHead as ut, TableHeader as dt, TableRow as Vt } from "./components/organisms/Table/Table.js";
101
+ import { tableCellVariants as ct, tableHeadVariants as St, tableHeaderVariants as Tt, tableRowVariants as Ct, tableVariants as gt, tableWrapperVariants as ht } from "./components/organisms/Table/table-variants.js";
102
+ import { useCountdown as Mt } from "./hooks/useCountdown.js";
103
+ import { KONAMI_CODE as Pt, useKeySequence as It } from "./hooks/useKeySequence.js";
104
+ import { KEY_FOCUS as At, useKeyFocus as Dt } from "./internal/key-focus.js";
105
+ import { cn as Rt } from "./lib/utils.js";
103
106
  export {
104
107
  po as Accordion,
105
- Re as ActionBar,
108
+ Fe as ActionBar,
106
109
  oo as Alert,
107
110
  t as Avatar,
108
111
  Er as AvatarStrip,
109
112
  m as Badge,
110
113
  vo as Breadcrumbs,
111
114
  s as Button,
112
- No as CallToAction,
115
+ Yo as CallToAction,
113
116
  V as Card,
114
- Ho as Carousel,
117
+ Wo as Carousel,
115
118
  T as Checkbox,
116
- co as CheckboxGroup,
119
+ bo as CheckboxGroup,
117
120
  K as Chip,
118
121
  Or as CollapsibleSection,
119
122
  G as Combobox,
120
- qe as Countdown,
123
+ Ne as Countdown,
121
124
  mo as DescriptionList,
122
- Fe as Dialog,
125
+ _e as Dialog,
123
126
  k as Disclosure,
124
- Wo as EmptyState,
125
- se as ErrorState,
127
+ Zo as EmptyState,
128
+ ce as ErrorState,
126
129
  z as Eyebrow,
127
- Zo as FileUpload,
128
- He as Footer,
130
+ ae as FileUpload,
131
+ We as Footer,
129
132
  rr as InlineCode,
130
133
  v as Input,
131
- kt as KEY_FOCUS,
132
- Ct as KONAMI_CODE,
134
+ At as KEY_FOCUS,
135
+ Pt as KONAMI_CODE,
133
136
  ar as LabeledDivider,
134
137
  B as Link,
135
- Lo as LiquidNav,
136
- Fo as LiquidTabPanel,
137
- Ro as LiquidTabs,
138
+ Ho as LiquidNav,
139
+ _o as LiquidTabPanel,
140
+ Fo as LiquidTabs,
138
141
  _r as LoadingDots,
139
- Ve as MatchupCard,
140
- zo as MediaPreview,
141
- be as Menu,
142
- Se as MenuButton,
143
- Te as MenuCheckboxItem,
144
- Ce as MenuGroup,
145
- ge as MenuItem,
146
- he as MenuItems,
147
- ke as MenuRadioGroup,
148
- Me as MenuRadioItem,
149
- we as MenuSeparator,
150
- Pe as MenuSubmenu,
151
- Ye as ModerationQueue,
142
+ ge as MatchupCard,
143
+ ee as MediaPreview,
144
+ ke as Menu,
145
+ Me as MenuButton,
146
+ we as MenuCheckboxItem,
147
+ Pe as MenuGroup,
148
+ Ie as MenuItem,
149
+ ve as MenuItems,
150
+ Ae as MenuRadioGroup,
151
+ De as MenuRadioItem,
152
+ Ee as MenuSeparator,
153
+ Re as MenuSubmenu,
154
+ rt as ModerationQueue,
152
155
  ur as MultiSelect,
153
- Ne as Navbar,
154
- re as Pagination,
156
+ Ye as Navbar,
157
+ ie as Pagination,
155
158
  y as PasswordInput,
156
159
  U as Pill,
157
160
  Nr as Progress,
158
- me as ProgressField,
161
+ ue as ProgressField,
159
162
  so as Pullquote,
160
- Ze as QueueEditDialog,
161
- rt as QueueEditSheet,
163
+ at as QueueEditDialog,
164
+ it as QueueEditSheet,
162
165
  go as RadioGroup,
163
- De as RangeSlider,
166
+ qe as RangeSlider,
164
167
  yr as SegmentBar,
165
168
  Vr as Select,
166
- We as Sheet,
169
+ Ze as Sheet,
167
170
  Gr as Skeleton,
168
- ee as SkeletonAvatar,
169
- te as SkeletonCard,
171
+ xe as SkeletonAvatar,
172
+ ne as SkeletonCard,
170
173
  Hr as SkeletonRegion,
171
- ae as SkeletonStat,
172
- pe as SkeletonTableRow,
173
- ve as Slider,
174
+ fe as SkeletonStat,
175
+ se as SkeletonTableRow,
176
+ Le as Slider,
174
177
  Cr as Spinner,
175
178
  ir as Stat,
176
- ne as StepProgress,
179
+ Ve as StepProgress,
177
180
  hr as Switch,
178
181
  Zr as TONE_PREFIX,
179
- et as Table,
180
- tt as TableBody,
181
- at as TableCaption,
182
- pt as TableCell,
183
- it as TableFooter,
184
- mt as TableHead,
185
- xt as TableHeader,
186
- nt as TableRow,
182
+ Lo as TabPanel,
183
+ xt as Table,
184
+ nt as TableBody,
185
+ ft as TableCaption,
186
+ st as TableCell,
187
+ lt as TableFooter,
188
+ ut as TableHead,
189
+ dt as TableHeader,
190
+ Vt as TableRow,
191
+ Ro as Tabs,
187
192
  Ir as Textarea,
188
193
  sr as ThemeToggle,
189
194
  Wr as Toast,
190
195
  zr as Toaster,
191
196
  Br as Tooltip,
192
- Le as actionBarVariants,
197
+ He as actionBarVariants,
193
198
  to as alertVariants,
194
199
  p as avatarVariants,
195
200
  n as badgeVariants,
196
201
  Do as breadcrumbVariants,
197
202
  u as buttonVariants,
198
- b as cardVariants,
203
+ c as cardVariants,
199
204
  So as checkboxGroupOptionsVariants,
200
205
  To as checkboxGroupPanelVariants,
201
206
  g as checkboxVariants,
202
207
  Q as chipVariants,
203
- Pt as cn,
204
- _o as ctaVariants,
208
+ Rt as cn,
209
+ zo as ctaVariants,
205
210
  no as descriptionListVariants,
206
211
  w as disclosureContentVariants,
207
212
  P as disclosureTriggerVariants,
208
- ze as editAction,
209
- Yo as emptyStateVariants,
210
- ue as errorStateVariants,
213
+ et as editAction,
214
+ re as emptyStateVariants,
215
+ Te as errorStateVariants,
211
216
  Z as eyebrowVariants,
212
217
  D as iconVariants,
213
218
  er as inlineCodeVariants,
214
219
  E as inputVariants,
215
220
  O as linkVariants,
216
- qo as liquidTabId,
217
- _e as navbarVariants,
221
+ No as liquidTabId,
222
+ ze as navbarVariants,
218
223
  X as pillDotVariants,
219
224
  Y as pillVariants,
220
225
  uo as pullquoteVariants,
@@ -222,22 +227,23 @@ export {
222
227
  Mo as radioGroupOptionsVariants,
223
228
  wo as radioOptionVariants,
224
229
  Po as radioVariants,
225
- br as selectOptionVariants,
230
+ cr as selectOptionVariants,
226
231
  Sr as selectTriggerVariants,
227
232
  xr as statSourceClass,
228
233
  nr as statValueVariants,
229
234
  Mr as switchThumbVariants,
230
235
  wr as switchTrackVariants,
231
- st as tableCellVariants,
232
- lt as tableHeadVariants,
233
- ut as tableHeaderVariants,
234
- dt as tableRowVariants,
235
- Vt as tableVariants,
236
- ct as tableWrapperVariants,
236
+ qo as tabId,
237
+ ct as tableCellVariants,
238
+ St as tableHeadVariants,
239
+ Tt as tableHeaderVariants,
240
+ Ct as tableRowVariants,
241
+ gt as tableVariants,
242
+ ht as tableWrapperVariants,
237
243
  Ar as textareaVariants,
238
244
  $r as toast,
239
245
  Yr as toastVariants,
240
- St as useCountdown,
241
- Mt as useKeyFocus,
242
- gt as useKeySequence
246
+ Mt as useCountdown,
247
+ Dt as useKeyFocus,
248
+ It as useKeySequence
243
249
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blakesteve/roster",
3
- "version": "5.13.0",
3
+ "version": "5.15.0",
4
4
  "description": "A production-grade atomic component library: accessible, theme-aware, and documented in Storybook. React 19, TypeScript, Tailwind CSS v4.",
5
5
  "keywords": [
6
6
  "react",