@skeletonlabs/skeleton-common 4.6.0 → 4.7.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 (3) hide show
  1. package/dist/{index.d.mts → classes.d.mts} +39 -76
  2. package/dist/{index.mjs → classes.mjs} +40 -101
  3. package/package.json +5 -3
package/dist/{index.d.mts → classes.d.mts} RENAMED
@@ -1,38 +1,30 @@
1
- //#region src/classes/accordion.d.ts
2
- declare const classesAccordion: {
1
+ //#region src/classes.d.ts
2
+ declare const accordion: {
3
3
  root: string;
4
4
  item: string;
5
5
  itemTrigger: string;
6
6
  itemIndicator: string;
7
7
  itemContent: string;
8
8
  };
9
- //#endregion
10
- //#region src/classes/app-bar.d.ts
11
- declare const classesAppBar: {
9
+ declare const appBar: {
12
10
  root: string;
13
11
  toolbar: string;
14
12
  lead: string;
15
13
  headline: string;
16
14
  trail: string;
17
15
  };
18
- //#endregion
19
- //#region src/classes/avatar.d.ts
20
- declare const classesAvatar: {
16
+ declare const avatar: {
21
17
  root: string;
22
18
  image: string;
23
19
  fallback: string;
24
20
  };
25
- //#endregion
26
- //#region src/classes/collapsible.d.ts
27
- declare const classesCollapsible: {
21
+ declare const collapsible: {
28
22
  root: string;
29
23
  trigger: string;
30
24
  indicator: string;
31
25
  content: string;
32
26
  };
33
- //#endregion
34
- //#region src/classes/combobox.d.ts
35
- declare const classesCombobox: {
27
+ declare const combobox: {
36
28
  root: string;
37
29
  label: string;
38
30
  control: string;
@@ -47,9 +39,7 @@ declare const classesCombobox: {
47
39
  itemText: string;
48
40
  itemIndicator: string;
49
41
  };
50
- //#endregion
51
- //#region src/classes/date-picker.d.ts
52
- declare const classesDatePicker: {
42
+ declare const datePicker: {
53
43
  root: string;
54
44
  label: string;
55
45
  control: string;
@@ -75,9 +65,7 @@ declare const classesDatePicker: {
75
65
  tableCell: string;
76
66
  tableCellTrigger: string;
77
67
  };
78
- //#endregion
79
- //#region src/classes/dialog.d.ts
80
- declare const classesDialog: {
68
+ declare const dialog: {
81
69
  trigger: string;
82
70
  backdrop: string;
83
71
  positioner: string;
@@ -86,9 +74,7 @@ declare const classesDialog: {
86
74
  description: string;
87
75
  closeTrigger: string;
88
76
  };
89
- //#endregion
90
- //#region src/classes/file-upload.d.ts
91
- declare const classesFileUpload: {
77
+ declare const fileUpload: {
92
78
  root: string;
93
79
  label: string;
94
80
  dropzone: string;
@@ -101,9 +87,7 @@ declare const classesFileUpload: {
101
87
  itemSizeText: string;
102
88
  itemDeleteTrigger: string;
103
89
  };
104
- //#endregion
105
- //#region src/classes/floating-panel.d.ts
106
- declare const classesFloatingPanel: {
90
+ declare const floatingPanel: {
107
91
  trigger: string;
108
92
  positioner: string;
109
93
  content: string;
@@ -116,9 +100,7 @@ declare const classesFloatingPanel: {
116
100
  body: string;
117
101
  resizeTrigger: string;
118
102
  };
119
- //#endregion
120
- //#region src/classes/listbox.d.ts
121
- declare const classesListbox: {
103
+ declare const listbox: {
122
104
  root: string;
123
105
  label: string;
124
106
  input: string;
@@ -129,9 +111,7 @@ declare const classesListbox: {
129
111
  itemText: string;
130
112
  itemIndicator: string;
131
113
  };
132
- //#endregion
133
- //#region src/classes/menu.d.ts
134
- declare const classesMenu: {
114
+ declare const menu: {
135
115
  trigger: string;
136
116
  contextTrigger: string;
137
117
  positioner: string;
@@ -146,9 +126,7 @@ declare const classesMenu: {
146
126
  itemIndicator: string;
147
127
  separator: string;
148
128
  };
149
- //#endregion
150
- //#region src/classes/navigation.d.ts
151
- declare const classesNavigation: {
129
+ declare const navigation: {
152
130
  root: string;
153
131
  header: string;
154
132
  content: string;
@@ -157,9 +135,7 @@ declare const classesNavigation: {
157
135
  menu: string;
158
136
  footer: string;
159
137
  };
160
- //#endregion
161
- //#region src/classes/pagination.d.ts
162
- declare const classesPagination: {
138
+ declare const pagination: {
163
139
  root: string;
164
140
  firstTrigger: string;
165
141
  prevTrigger: string;
@@ -168,9 +144,7 @@ declare const classesPagination: {
168
144
  nextTrigger: string;
169
145
  lastTrigger: string;
170
146
  };
171
- //#endregion
172
- //#region src/classes/popover.d.ts
173
- declare const classesPopover: {
147
+ declare const popover: {
174
148
  anchor: string;
175
149
  trigger: string;
176
150
  positioner: string;
@@ -181,9 +155,7 @@ declare const classesPopover: {
181
155
  description: string;
182
156
  closeTrigger: string;
183
157
  };
184
- //#endregion
185
- //#region src/classes/progress.d.ts
186
- declare const classesProgress: {
158
+ declare const progress: {
187
159
  root: string;
188
160
  label: string;
189
161
  valueText: string;
@@ -193,18 +165,14 @@ declare const classesProgress: {
193
165
  circleTrack: string;
194
166
  circleRange: string;
195
167
  };
196
- //#endregion
197
- //#region src/classes/rating-group.d.ts
198
- declare const classesRatingGroup: {
168
+ declare const ratingGroup: {
199
169
  root: string;
200
170
  label: string;
201
171
  control: string;
202
172
  item: string;
203
173
  hiddenInput: string;
204
174
  };
205
- //#endregion
206
- //#region src/classes/segmented-control.d.ts
207
- declare const classesSegmentedControl: {
175
+ declare const segmentedControl: {
208
176
  root: string;
209
177
  label: string;
210
178
  control: string;
@@ -213,9 +181,7 @@ declare const classesSegmentedControl: {
213
181
  itemText: string;
214
182
  itemHiddenInput: string;
215
183
  };
216
- //#endregion
217
- //#region src/classes/slider.d.ts
218
- declare const classesSlider: {
184
+ declare const slider: {
219
185
  root: string;
220
186
  label: string;
221
187
  valueText: string;
@@ -227,27 +193,32 @@ declare const classesSlider: {
227
193
  markerGroup: string;
228
194
  marker: string;
229
195
  };
230
- //#endregion
231
- //#region src/classes/switch.d.ts
232
- declare const classesSwitch: {
196
+ declare const steps: {
197
+ root: string;
198
+ list: string;
199
+ item: string;
200
+ trigger: string;
201
+ indicator: string;
202
+ separator: string;
203
+ content: string;
204
+ prevTrigger: string;
205
+ nextTrigger: string;
206
+ };
207
+ declare const switch_: {
233
208
  root: string;
234
209
  control: string;
235
210
  thumb: string;
236
211
  label: string;
237
212
  hiddenInput: string;
238
213
  };
239
- //#endregion
240
- //#region src/classes/tabs.d.ts
241
- declare const classesTabs: {
214
+ declare const tabs: {
242
215
  root: string;
243
216
  list: string;
244
217
  trigger: string;
245
218
  indicator: string;
246
219
  content: string;
247
220
  };
248
- //#endregion
249
- //#region src/classes/tags-input.d.ts
250
- declare const classesTagsInput: {
221
+ declare const tagsInput: {
251
222
  root: string;
252
223
  label: string;
253
224
  control: string;
@@ -260,9 +231,7 @@ declare const classesTagsInput: {
260
231
  clearTrigger: string;
261
232
  hiddenInput: string;
262
233
  };
263
- //#endregion
264
- //#region src/classes/toast.d.ts
265
- declare const classesToast: {
234
+ declare const toast: {
266
235
  root: string;
267
236
  group: string;
268
237
  message: string;
@@ -271,24 +240,18 @@ declare const classesToast: {
271
240
  actionTrigger: string;
272
241
  closeTrigger: string;
273
242
  };
274
- //#endregion
275
- //#region src/classes/toggle-group.d.ts
276
- declare const classesToggleGroup: {
243
+ declare const toggleGroup: {
277
244
  root: string;
278
245
  item: string;
279
246
  };
280
- //#endregion
281
- //#region src/classes/tooltip.d.ts
282
- declare const classesTooltip: {
247
+ declare const tooltip: {
283
248
  trigger: string;
284
249
  positioner: string;
285
250
  content: string;
286
251
  arrow: string;
287
252
  arrowTip: string;
288
253
  };
289
- //#endregion
290
- //#region src/classes/tree-view.d.ts
291
- declare const classesTreeView: {
254
+ declare const treeView: {
292
255
  root: string;
293
256
  tree: string;
294
257
  label: string;
@@ -301,5 +264,5 @@ declare const classesTreeView: {
301
264
  branchIndentGuide: string;
302
265
  };
303
266
  //#endregion
304
- export { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesFloatingPanel, classesListbox, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView };
305
- //# sourceMappingURL=index.d.mts.map
267
+ export { accordion, appBar, avatar, collapsible, combobox, datePicker, dialog, fileUpload, floatingPanel, listbox, menu, navigation, pagination, popover, progress, ratingGroup, segmentedControl, slider, steps, switch_ as switch, tabs, tagsInput, toast, toggleGroup, tooltip, treeView };
268
+ //# sourceMappingURL=classes.d.mts.map
package/dist/{index.mjs → classes.mjs} RENAMED
@@ -1,42 +1,30 @@
1
- //#region src/classes/accordion.ts
2
- const classesAccordion = {
1
+ //#region src/classes.ts
2
+ const accordion = {
3
3
  "root": "skb:flex skb:gap-2 skb:w-full skb:data-[orientation=vertical]:flex-col skb:data-[orientation=horizontal]:flex-row",
4
4
  "item": "skb:flex skb:gap-2 skb:data-[orientation=vertical]:flex-col skb:data-[orientation=horizontal]:flex-row",
5
5
  "itemTrigger": "skb:px-4 skb:py-2 skb:rounded-base skb:w-full skb:text-start skb:hover:preset-tonal-primary",
6
6
  "itemIndicator": "",
7
7
  "itemContent": "skb:py-2 skb:px-4"
8
8
  };
9
-
10
- //#endregion
11
- //#region src/classes/app-bar.ts
12
- const classesAppBar = {
9
+ const appBar = {
13
10
  "root": "skb:w-full skb:bg-surface-100-900 skb:p-4 skb:space-y-4",
14
11
  "toolbar": "skb:grid skb:items-center skb:justify-between skb:gap-4",
15
12
  "lead": "",
16
13
  "headline": "",
17
14
  "trail": "skb:flex skb:gap-2"
18
15
  };
19
-
20
- //#endregion
21
- //#region src/classes/avatar.ts
22
- const classesAvatar = {
16
+ const avatar = {
23
17
  "root": "skb:isolate skb:bg-surface-400-600 skb:size-16 skb:rounded-full skb:overflow-hidden",
24
18
  "image": "skb:w-full skb:object-cover",
25
19
  "fallback": "skb:size-full skb:flex skb:justify-center skb:items-center"
26
20
  };
27
-
28
- //#endregion
29
- //#region src/classes/collapsible.ts
30
- const classesCollapsible = {
21
+ const collapsible = {
31
22
  "root": "skb:w-full skb:flex skb:flex-col skb:items-center skb:data-[state=open]:gap-2",
32
23
  "trigger": "skb:data-disabled:opacity-50 skb:data-disabled:pointer-events-none",
33
24
  "indicator": "",
34
25
  "content": ""
35
26
  };
36
-
37
- //#endregion
38
- //#region src/classes/combobox.ts
39
- const classesCombobox = {
27
+ const combobox = {
40
28
  "root": "skb:w-full skb:space-y-2",
41
29
  "label": "skb:label-text",
42
30
  "control": "skb:relative",
@@ -51,10 +39,7 @@ const classesCombobox = {
51
39
  "itemText": "",
52
40
  "itemIndicator": ""
53
41
  };
54
-
55
- //#endregion
56
- //#region src/classes/date-picker.ts
57
- const classesDatePicker = {
42
+ const datePicker = {
58
43
  "root": "skb:space-y-2",
59
44
  "label": "skb:label-text",
60
45
  "control": "skb:relative skb:space-y-2",
@@ -80,10 +65,7 @@ const classesDatePicker = {
80
65
  "tableCell": "skb:size-8",
81
66
  "tableCellTrigger": "skb:text-sm skb:size-full skb:btn skb:p-0 skb:hover:preset-tonal skb:cursor-pointer skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50 skb:data-selected:preset-filled skb:data-in-range:preset-filled skb:data-today:underline skb:data-today:underline-offset-4 skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50"
82
67
  };
83
-
84
- //#endregion
85
- //#region src/classes/dialog.ts
86
- const classesDialog = {
68
+ const dialog = {
87
69
  "trigger": "",
88
70
  "backdrop": "",
89
71
  "positioner": "",
@@ -92,10 +74,7 @@ const classesDialog = {
92
74
  "description": "",
93
75
  "closeTrigger": ""
94
76
  };
95
-
96
- //#endregion
97
- //#region src/classes/file-upload.ts
98
- const classesFileUpload = {
77
+ const fileUpload = {
99
78
  "root": "skb:w-full skb:space-y-2 skb:data-disabled:disabled",
100
79
  "label": "skb:label-text",
101
80
  "dropzone": "skb:card skb:px-4 skb:py-10 skb:border skb:border-dashed skb:border-surface-200-800 skb:flex skb:flex-col skb:justify-center skb:items-center skb:gap-2 skb:data-dragging:preset-tonal",
@@ -108,10 +87,7 @@ const classesFileUpload = {
108
87
  "itemSizeText": "skb:text-xs skb:opacity-60",
109
88
  "itemDeleteTrigger": "skb:btn-icon"
110
89
  };
111
-
112
- //#endregion
113
- //#region src/classes/floating-panel.ts
114
- const classesFloatingPanel = {
90
+ const floatingPanel = {
115
91
  "trigger": "",
116
92
  "positioner": "",
117
93
  "content": "skb:card skb:overflow-hidden skb:shadow-lg skb:border skb:border-surface-300-700",
@@ -122,12 +98,9 @@ const classesFloatingPanel = {
122
98
  "stageTrigger": "skb:btn-icon skb:hover:preset-tonal",
123
99
  "closeTrigger": "skb:btn-icon skb:hover:preset-tonal",
124
100
  "body": "skb:h-full skb:bg-surface-100-900 skb:p-4 skb:overflow-y-auto",
125
- "resizeTrigger": "skb:data-[axis*=n]:h-2 skb:data-[axis*=s]:h-2 skb:data-[axis*=e]:w-2 skb:data-[axis*=w]:w-2 skb:data-[axis=n]:top-0"
101
+ "resizeTrigger": "skb:data-[axis*=n]:h-2 skb:data-[axis*=s]:h-2 skb:data-[axis*=e]:w-2 skb:data-[axis*=w]:w-2"
126
102
  };
127
-
128
- //#endregion
129
- //#region src/classes/listbox.ts
130
- const classesListbox = {
103
+ const listbox = {
131
104
  "root": "skb:flex skb:flex-col skb:items-stretch skb:gap-2",
132
105
  "label": "skb:label-text",
133
106
  "input": "skb:input",
@@ -138,10 +111,7 @@ const classesListbox = {
138
111
  "itemText": "",
139
112
  "itemIndicator": ""
140
113
  };
141
-
142
- //#endregion
143
- //#region src/classes/menu.ts
144
- const classesMenu = {
114
+ const menu = {
145
115
  "trigger": "",
146
116
  "contextTrigger": "",
147
117
  "positioner": "",
@@ -156,10 +126,7 @@ const classesMenu = {
156
126
  "itemIndicator": "",
157
127
  "separator": "skb:hr"
158
128
  };
159
-
160
- //#endregion
161
- //#region src/classes/navigation.ts
162
- const classesNavigation = {
129
+ const navigation = {
163
130
  "root": "skb:bg-surface-100-900 skb:overflow-x-hidden skb:transition-[width] skb:duration-200 skb:data-[layout=bar]:w-full skb:data-[layout=bar]:p-2 skb:data-[layout=rail]:w-[100px] skb:data-[layout=rail]:h-full skb:data-[layout=rail]:overflow-y-hidden skb:data-[layout=rail]:p-2 skb:data-[layout=rail]:flex skb:data-[layout=rail]:flex-col skb:data-[layout=rail]:gap-4 skb:data-[layout=sidebar]:w-[280px] skb:data-[layout=sidebar]:h-full skb:data-[layout=sidebar]:overflow-y-auto skb:data-[layout=sidebar]:p-4",
164
131
  "header": "",
165
132
  "content": "skb:data-[layout=rail]:contents skb:data-[layout=sidebar]:space-y-4",
@@ -168,10 +135,7 @@ const classesNavigation = {
168
135
  "menu": "skb:flex-1 skb:flex skb:gap-2 skb:data-[layout=bar]:items-stretch skb:data-[layout=rail]:flex-col skb:data-[layout=rail]:justify-center skb:data-[layout=sidebar]:flex-col skb:data-[layout=sidebar]:items-stretch",
169
136
  "footer": ""
170
137
  };
171
-
172
- //#endregion
173
- //#region src/classes/pagination.ts
174
- const classesPagination = {
138
+ const pagination = {
175
139
  "root": "skb:inline-flex skb:gap-2 skb:p-2 skb:rounded-container skb:preset-outlined-surface-200-800 skb:w-fit",
176
140
  "firstTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
177
141
  "prevTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
@@ -180,10 +144,7 @@ const classesPagination = {
180
144
  "nextTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
181
145
  "lastTrigger": "skb:btn skb:btn-sm skb:preset-tonal"
182
146
  };
183
-
184
- //#endregion
185
- //#region src/classes/popover.ts
186
- const classesPopover = {
147
+ const popover = {
187
148
  "anchor": "",
188
149
  "trigger": "",
189
150
  "positioner": "",
@@ -194,10 +155,7 @@ const classesPopover = {
194
155
  "description": "",
195
156
  "closeTrigger": ""
196
157
  };
197
-
198
- //#endregion
199
- //#region src/classes/progress.ts
200
- const classesProgress = {
158
+ const progress = {
201
159
  "root": "skb:flex skb:flex-col skb:gap-2 skb:data-[orientation=horizontal]:w-full skb:data-[orientation=vertical]:items-center",
202
160
  "label": "skb:whitespace-nowrap",
203
161
  "valueText": "",
@@ -207,20 +165,14 @@ const classesProgress = {
207
165
  "circleTrack": "skb:stroke-surface-200-800",
208
166
  "circleRange": "skb:stroke-primary-500 skb:transition-[stroke-dashoffset] skb:ease-in-out skb:data-[state=indeterminate]:animate-progress-circular-indeterminate"
209
167
  };
210
-
211
- //#endregion
212
- //#region src/classes/rating-group.ts
213
- const classesRatingGroup = {
168
+ const ratingGroup = {
214
169
  "root": "skb:flex skb:flex-col skb:gap-2",
215
170
  "label": "skb:label-text",
216
171
  "control": "skb:flex skb:gap-2 skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50",
217
172
  "item": "",
218
173
  "hiddenInput": ""
219
174
  };
220
-
221
- //#endregion
222
- //#region src/classes/segmented-control.ts
223
- const classesSegmentedControl = {
175
+ const segmentedControl = {
224
176
  "root": "skb:flex skb:flex-col skb:gap-2 group",
225
177
  "label": "skb:label-text",
226
178
  "control": "skb:inline-flex skb:preset-outlined-surface-200-800 skb:p-2 skb:gap-2 skb:rounded skb:group-data-[orientation=horizontal]:flex-row skb:group-data-[orientation=vertical]:flex-col",
@@ -229,10 +181,7 @@ const classesSegmentedControl = {
229
181
  "itemText": "skb:transition-colors skb:data-[state=checked]:text-surface-contrast-950 skb:data-[state=checked]:dark:text-surface-contrast-50",
230
182
  "itemHiddenInput": ""
231
183
  };
232
-
233
- //#endregion
234
- //#region src/classes/slider.ts
235
- const classesSlider = {
184
+ const slider = {
236
185
  "root": "skb:w-full skb:flex skb:flex-col skb:gap-2",
237
186
  "label": "skb:label-text",
238
187
  "valueText": "",
@@ -244,30 +193,32 @@ const classesSlider = {
244
193
  "markerGroup": "",
245
194
  "marker": "skb:text-xs skb:text-surface-600-400"
246
195
  };
247
-
248
- //#endregion
249
- //#region src/classes/switch.ts
250
- const classesSwitch = {
196
+ const steps = {
197
+ "root": "skb:data-[orientation=horizontal]:space-y-4 skb:data-[orientation=vertical]:flex skb:data-[orientation=vertical]:space-x-4",
198
+ "list": "skb:flex skb:gap-2 skb:data-[orientation=horizontal]:items-center skb:data-[orientation=vertical]:flex-col skb:data-[orientation=vertical]:items-start",
199
+ "item": "skb:flex skb:gap-2 skb:grow skb:last:flex-initial skb:data-[orientation=horizontal]:items-center skb:data-[orientation=vertical]:flex-col skb:data-[orientation=vertical]:items-start",
200
+ "trigger": "skb:flex skb:items-center skb:gap-1",
201
+ "indicator": "skb:size-8 skb:rounded-full skb:content-center skb:not-data-complete:not-data-current:preset-outlined-surface-200-800 skb:data-complete:preset-filled-primary-500 skb:data-current:preset-outlined-primary-500",
202
+ "separator": "skb:h-0 skb:border-surface-200-800 skb:grow skb:data-complete:border-primary-500 skb:data-[orientation=horizontal]:border-t skb:data-[orientation=vertical]:border-s skb:data-[orientation=vertical]:ms-4 skb:data-[orientation=vertical]:min-h-4",
203
+ "content": "",
204
+ "prevTrigger": "",
205
+ "nextTrigger": ""
206
+ };
207
+ const switch_ = {
251
208
  "root": "skb:cursor-pointer skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50 skb:inline-flex skb:gap-2 skb:items-center skb:rounded skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50",
252
209
  "control": "skb:preset-filled-surface-200-800 skb:h-6 skb:w-10 skb:p-0.5 skb:rounded-full skb:flex skb:justify-start skb:data-[state=checked]:preset-filled-primary-500",
253
210
  "thumb": "skb:grid skb:justify-center skb:items-center skb:h-full skb:aspect-square skb:rounded-full skb:bg-surface-50 skb:text-surface-contrast-50 skb:fill-surface-contrast-50 skb:transition-transform skb:duration-100 skb:data-[state=checked]:translate-x-4 skb:rtl:data-[state=checked]:-translate-x-4",
254
211
  "label": "skb:label-text",
255
212
  "hiddenInput": ""
256
213
  };
257
-
258
- //#endregion
259
- //#region src/classes/tabs.ts
260
- const classesTabs = {
214
+ const tabs = {
261
215
  "root": "skb:w-full skb:flex skb:data-[orientation=horizontal]:flex-col skb:data-[orientation=vertical]:flex-row",
262
216
  "list": "skb:relative skb:flex skb:gap-2 skb:border-surface-200-800 skb:data-[orientation=horizontal]:pb-2 skb:data-[orientation=horizontal]:mb-4 skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=horizontal]:border-b skb:data-[orientation=vertical]:pe-2 skb:data-[orientation=vertical]:me-4 skb:data-[orientation=vertical]:flex-col skb:data-[orientation=vertical]:border-e",
263
217
  "trigger": "skb:btn skb:hover:preset-tonal-primary skb:data-disabled:opacity-50",
264
218
  "indicator": "skb:bg-surface-950-50 skb:data-[orientation=horizontal]:w-(--width) skb:data-[orientation=horizontal]:h-0.5 skb:data-[orientation=horizontal]:bottom-0 skb:data-[orientation=vertical]:w-0.5 skb:data-[orientation=vertical]:h-(--height) skb:data-[orientation=vertical]:end-0",
265
219
  "content": ""
266
220
  };
267
-
268
- //#endregion
269
- //#region src/classes/tags-input.ts
270
- const classesTagsInput = {
221
+ const tagsInput = {
271
222
  "root": "skb:w-full skb:space-y-2",
272
223
  "label": "skb:label-text",
273
224
  "control": "skb:input skb:flex skb:flex-wrap skb:gap-2 skb:p-2",
@@ -280,10 +231,7 @@ const classesTagsInput = {
280
231
  "clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
281
232
  "hiddenInput": ""
282
233
  };
283
-
284
- //#endregion
285
- //#region src/classes/toast.ts
286
- const classesToast = {
234
+ const toast = {
287
235
  "root": "skb:card skb:p-3 skb:w-full skb:max-w-sm skb:ring skb:flex skb:items-center skb:gap-2 skb:preset-filled-surface-50-950 skb:ring-surface-200-800 skb:data-[type=success]:preset-filled-success-500 skb:data-[type=warning]:preset-filled-warning-500 skb:data-[type=error]:preset-filled-error-500 skb:translate-x-(--x) skb:translate-y-(--y) skb:scale-(--scale) skb:z-(--z-index) skb:h-(--height) skb:opacity-(--opacity) skb:will-change-[translate,scale,opacity] skb:transition skb:duration-400 skb:ease-[cubic-bezier(0.21,1.02,0.73,1)] skb:data-[state=closed]:ease-[cubic-bezier(0.06,0.71,0.55,1)]",
288
236
  "group": "skb:w-[calc(100%-calc(var(--viewport-offset-left)+var(--viewport-offset-right)))]",
289
237
  "message": "skb:flex-1",
@@ -292,27 +240,18 @@ const classesToast = {
292
240
  "actionTrigger": "skb:btn skb:preset-filled",
293
241
  "closeTrigger": "skb:btn-icon skb:hover:preset-tonal"
294
242
  };
295
-
296
- //#endregion
297
- //#region src/classes/toggle-group.ts
298
- const classesToggleGroup = {
243
+ const toggleGroup = {
299
244
  "root": "skb:inline-flex skb:preset-outlined-surface-200-800 skb:divide-surface-200-800 skb:overflow-hidden skb:rounded-base skb:data-[orientation=horizontal]:divide-x skb:data-[orientation=vertical]:divide-y skb:data-[orientation=horizontal]:flex-row skb:data-[orientation=vertical]:flex-col",
300
245
  "item": "skb:flex skb:justify-center skb:items-center skb:w-9 skb:aspect-square skb:hover:preset-tonal skb:data-[state=on]:preset-filled skb:data-focus-visible:outline-2 skb:data-focus-visible:outline-offset-1 skb:data-focus-visible:outline-surface-950-50 skb:data-readonly:pointer-events-none skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50"
301
246
  };
302
-
303
- //#endregion
304
- //#region src/classes/tooltip.ts
305
- const classesTooltip = {
247
+ const tooltip = {
306
248
  "trigger": "",
307
249
  "positioner": "",
308
250
  "content": "",
309
251
  "arrow": "",
310
252
  "arrowTip": ""
311
253
  };
312
-
313
- //#endregion
314
- //#region src/classes/tree-view.ts
315
- const classesTreeView = {
254
+ const treeView = {
316
255
  "root": "skb:w-full skb:flex skb:flex-col skb:gap-2 skb:items-start skb:select-none",
317
256
  "tree": "skb:space-y-1",
318
257
  "label": "skb:label-text",
@@ -326,5 +265,5 @@ const classesTreeView = {
326
265
  };
327
266
 
328
267
  //#endregion
329
- export { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesFloatingPanel, classesListbox, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView };
330
- //# sourceMappingURL=index.mjs.map
268
+ export { accordion, appBar, avatar, collapsible, combobox, datePicker, dialog, fileUpload, floatingPanel, listbox, menu, navigation, pagination, popover, progress, ratingGroup, segmentedControl, slider, steps, switch_ as switch, tabs, tagsInput, toast, toggleGroup, tooltip, treeView };
269
+ //# sourceMappingURL=classes.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skeletonlabs/skeleton-common",
3
- "version": "4.6.0",
3
+ "version": "4.7.0",
4
4
  "description": "The common package for Skeleton.",
5
5
  "author": "endigo9740 <chris@skeletonlabs.dev>",
6
6
  "repository": {
@@ -10,9 +10,11 @@
10
10
  },
11
11
  "exports": {
12
12
  ".": {
13
- "types": "./dist/index.d.mts",
14
- "import": "./dist/index.mjs",
15
13
  "style": "./dist/index.css"
14
+ },
15
+ "./classes": {
16
+ "types": "./dist/classes.d.mts",
17
+ "import": "./dist/classes.mjs"
16
18
  }
17
19
  },
18
20
  "files": [