@skeletonlabs/skeleton-common 4.5.3 → 4.6.1

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.
@@ -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,23 +74,33 @@ 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;
95
81
  hiddenInput: string;
96
82
  trigger: string;
83
+ clearTrigger: string;
97
84
  itemGroup: string;
98
85
  item: string;
99
86
  itemName: string;
100
87
  itemSizeText: string;
101
88
  itemDeleteTrigger: string;
102
89
  };
103
- //#endregion
104
- //#region src/classes/listbox.d.ts
105
- declare const classesListbox: {
90
+ declare const floatingPanel: {
91
+ trigger: string;
92
+ positioner: string;
93
+ content: string;
94
+ dragTrigger: string;
95
+ header: string;
96
+ title: string;
97
+ control: string;
98
+ stageTrigger: string;
99
+ closeTrigger: string;
100
+ body: string;
101
+ resizeTrigger: string;
102
+ };
103
+ declare const listbox: {
106
104
  root: string;
107
105
  label: string;
108
106
  input: string;
@@ -113,9 +111,7 @@ declare const classesListbox: {
113
111
  itemText: string;
114
112
  itemIndicator: string;
115
113
  };
116
- //#endregion
117
- //#region src/classes/menu.d.ts
118
- declare const classesMenu: {
114
+ declare const menu: {
119
115
  trigger: string;
120
116
  contextTrigger: string;
121
117
  positioner: string;
@@ -130,9 +126,7 @@ declare const classesMenu: {
130
126
  itemIndicator: string;
131
127
  separator: string;
132
128
  };
133
- //#endregion
134
- //#region src/classes/navigation.d.ts
135
- declare const classesNavigation: {
129
+ declare const navigation: {
136
130
  root: string;
137
131
  header: string;
138
132
  content: string;
@@ -141,9 +135,7 @@ declare const classesNavigation: {
141
135
  menu: string;
142
136
  footer: string;
143
137
  };
144
- //#endregion
145
- //#region src/classes/pagination.d.ts
146
- declare const classesPagination: {
138
+ declare const pagination: {
147
139
  root: string;
148
140
  firstTrigger: string;
149
141
  prevTrigger: string;
@@ -152,9 +144,7 @@ declare const classesPagination: {
152
144
  nextTrigger: string;
153
145
  lastTrigger: string;
154
146
  };
155
- //#endregion
156
- //#region src/classes/popover.d.ts
157
- declare const classesPopover: {
147
+ declare const popover: {
158
148
  anchor: string;
159
149
  trigger: string;
160
150
  positioner: string;
@@ -165,9 +155,7 @@ declare const classesPopover: {
165
155
  description: string;
166
156
  closeTrigger: string;
167
157
  };
168
- //#endregion
169
- //#region src/classes/progress.d.ts
170
- declare const classesProgress: {
158
+ declare const progress: {
171
159
  root: string;
172
160
  label: string;
173
161
  valueText: string;
@@ -177,18 +165,14 @@ declare const classesProgress: {
177
165
  circleTrack: string;
178
166
  circleRange: string;
179
167
  };
180
- //#endregion
181
- //#region src/classes/rating-group.d.ts
182
- declare const classesRatingGroup: {
168
+ declare const ratingGroup: {
183
169
  root: string;
184
170
  label: string;
185
171
  control: string;
186
172
  item: string;
187
173
  hiddenInput: string;
188
174
  };
189
- //#endregion
190
- //#region src/classes/segmented-control.d.ts
191
- declare const classesSegmentedControl: {
175
+ declare const segmentedControl: {
192
176
  root: string;
193
177
  label: string;
194
178
  control: string;
@@ -197,9 +181,7 @@ declare const classesSegmentedControl: {
197
181
  itemText: string;
198
182
  itemHiddenInput: string;
199
183
  };
200
- //#endregion
201
- //#region src/classes/slider.d.ts
202
- declare const classesSlider: {
184
+ declare const slider: {
203
185
  root: string;
204
186
  label: string;
205
187
  valueText: string;
@@ -211,27 +193,21 @@ declare const classesSlider: {
211
193
  markerGroup: string;
212
194
  marker: string;
213
195
  };
214
- //#endregion
215
- //#region src/classes/switch.d.ts
216
- declare const classesSwitch: {
196
+ declare const switch_: {
217
197
  root: string;
218
198
  control: string;
219
199
  thumb: string;
220
200
  label: string;
221
201
  hiddenInput: string;
222
202
  };
223
- //#endregion
224
- //#region src/classes/tabs.d.ts
225
- declare const classesTabs: {
203
+ declare const tabs: {
226
204
  root: string;
227
205
  list: string;
228
206
  trigger: string;
229
207
  indicator: string;
230
208
  content: string;
231
209
  };
232
- //#endregion
233
- //#region src/classes/tags-input.d.ts
234
- declare const classesTagsInput: {
210
+ declare const tagsInput: {
235
211
  root: string;
236
212
  label: string;
237
213
  control: string;
@@ -244,9 +220,7 @@ declare const classesTagsInput: {
244
220
  clearTrigger: string;
245
221
  hiddenInput: string;
246
222
  };
247
- //#endregion
248
- //#region src/classes/toast.d.ts
249
- declare const classesToast: {
223
+ declare const toast: {
250
224
  root: string;
251
225
  group: string;
252
226
  message: string;
@@ -255,24 +229,18 @@ declare const classesToast: {
255
229
  actionTrigger: string;
256
230
  closeTrigger: string;
257
231
  };
258
- //#endregion
259
- //#region src/classes/toggle-group.d.ts
260
- declare const classesToggleGroup: {
232
+ declare const toggleGroup: {
261
233
  root: string;
262
234
  item: string;
263
235
  };
264
- //#endregion
265
- //#region src/classes/tooltip.d.ts
266
- declare const classesTooltip: {
236
+ declare const tooltip: {
267
237
  trigger: string;
268
238
  positioner: string;
269
239
  content: string;
270
240
  arrow: string;
271
241
  arrowTip: string;
272
242
  };
273
- //#endregion
274
- //#region src/classes/tree-view.d.ts
275
- declare const classesTreeView: {
243
+ declare const treeView: {
276
244
  root: string;
277
245
  tree: string;
278
246
  label: string;
@@ -285,5 +253,5 @@ declare const classesTreeView: {
285
253
  branchIndentGuide: string;
286
254
  };
287
255
  //#endregion
288
- export { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesListbox, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView };
289
- //# sourceMappingURL=index.d.mts.map
256
+ export { accordion, appBar, avatar, collapsible, combobox, datePicker, dialog, fileUpload, floatingPanel, listbox, menu, navigation, pagination, popover, progress, ratingGroup, segmentedControl, slider, switch_ as switch, tabs, tagsInput, toast, toggleGroup, tooltip, treeView };
257
+ //# sourceMappingURL=classes.d.mts.map
@@ -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,25 +74,33 @@ const classesDialog = {
92
74
  "description": "",
93
75
  "closeTrigger": ""
94
76
  };
95
-
96
- //#endregion
97
- //#region src/classes/file-upload.ts
98
- const classesFileUpload = {
99
- "root": "skb:flex skb:flex-col skb:gap-2 skb:w-full skb:data-disabled:disabled",
77
+ const fileUpload = {
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",
102
81
  "hiddenInput": "",
103
82
  "trigger": "skb:btn skb:preset-filled",
83
+ "clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
104
84
  "itemGroup": "skb:flex skb:flex-col skb:gap-2",
105
85
  "item": "skb:grid skb:grid-cols-[auto_1fr_auto] skb:gap-4 skb:items-center skb:preset-tonal skb:px-4 skb:py-2 skb:rounded",
106
86
  "itemName": "skb:text-sm",
107
87
  "itemSizeText": "skb:text-xs skb:opacity-60",
108
88
  "itemDeleteTrigger": "skb:btn-icon"
109
89
  };
110
-
111
- //#endregion
112
- //#region src/classes/listbox.ts
113
- const classesListbox = {
90
+ const floatingPanel = {
91
+ "trigger": "",
92
+ "positioner": "",
93
+ "content": "skb:card skb:overflow-hidden skb:shadow-lg skb:border skb:border-surface-300-700",
94
+ "dragTrigger": "",
95
+ "header": "skb:px-4 skb:py-2 skb:grid skb:grid-cols-[1fr_auto] skb:gap-2 skb:items-center skb:bg-surface-200-800 skb:overflow-y-hidden",
96
+ "title": "skb:flex skb:justify-start skb:items-center skb:gap-2 skb:whitespace-nowrap",
97
+ "control": "skb:flex skb:gap-1",
98
+ "stageTrigger": "skb:btn-icon skb:hover:preset-tonal",
99
+ "closeTrigger": "skb:btn-icon skb:hover:preset-tonal",
100
+ "body": "skb:h-full skb:bg-surface-100-900 skb:p-4 skb:overflow-y-auto",
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"
102
+ };
103
+ const listbox = {
114
104
  "root": "skb:flex skb:flex-col skb:items-stretch skb:gap-2",
115
105
  "label": "skb:label-text",
116
106
  "input": "skb:input",
@@ -121,10 +111,7 @@ const classesListbox = {
121
111
  "itemText": "",
122
112
  "itemIndicator": ""
123
113
  };
124
-
125
- //#endregion
126
- //#region src/classes/menu.ts
127
- const classesMenu = {
114
+ const menu = {
128
115
  "trigger": "",
129
116
  "contextTrigger": "",
130
117
  "positioner": "",
@@ -139,10 +126,7 @@ const classesMenu = {
139
126
  "itemIndicator": "",
140
127
  "separator": "skb:hr"
141
128
  };
142
-
143
- //#endregion
144
- //#region src/classes/navigation.ts
145
- const classesNavigation = {
129
+ const navigation = {
146
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",
147
131
  "header": "",
148
132
  "content": "skb:data-[layout=rail]:contents skb:data-[layout=sidebar]:space-y-4",
@@ -151,10 +135,7 @@ const classesNavigation = {
151
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",
152
136
  "footer": ""
153
137
  };
154
-
155
- //#endregion
156
- //#region src/classes/pagination.ts
157
- const classesPagination = {
138
+ const pagination = {
158
139
  "root": "skb:inline-flex skb:gap-2 skb:p-2 skb:rounded-container skb:preset-outlined-surface-200-800 skb:w-fit",
159
140
  "firstTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
160
141
  "prevTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
@@ -163,10 +144,7 @@ const classesPagination = {
163
144
  "nextTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
164
145
  "lastTrigger": "skb:btn skb:btn-sm skb:preset-tonal"
165
146
  };
166
-
167
- //#endregion
168
- //#region src/classes/popover.ts
169
- const classesPopover = {
147
+ const popover = {
170
148
  "anchor": "",
171
149
  "trigger": "",
172
150
  "positioner": "",
@@ -177,10 +155,7 @@ const classesPopover = {
177
155
  "description": "",
178
156
  "closeTrigger": ""
179
157
  };
180
-
181
- //#endregion
182
- //#region src/classes/progress.ts
183
- const classesProgress = {
158
+ const progress = {
184
159
  "root": "skb:flex skb:flex-col skb:gap-2 skb:data-[orientation=horizontal]:w-full skb:data-[orientation=vertical]:items-center",
185
160
  "label": "skb:whitespace-nowrap",
186
161
  "valueText": "",
@@ -190,20 +165,14 @@ const classesProgress = {
190
165
  "circleTrack": "skb:stroke-surface-200-800",
191
166
  "circleRange": "skb:stroke-primary-500 skb:transition-[stroke-dashoffset] skb:ease-in-out skb:data-[state=indeterminate]:animate-progress-circular-indeterminate"
192
167
  };
193
-
194
- //#endregion
195
- //#region src/classes/rating-group.ts
196
- const classesRatingGroup = {
168
+ const ratingGroup = {
197
169
  "root": "skb:flex skb:flex-col skb:gap-2",
198
170
  "label": "skb:label-text",
199
171
  "control": "skb:flex skb:gap-2 skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50",
200
172
  "item": "",
201
173
  "hiddenInput": ""
202
174
  };
203
-
204
- //#endregion
205
- //#region src/classes/segmented-control.ts
206
- const classesSegmentedControl = {
175
+ const segmentedControl = {
207
176
  "root": "skb:flex skb:flex-col skb:gap-2 group",
208
177
  "label": "skb:label-text",
209
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",
@@ -212,11 +181,8 @@ const classesSegmentedControl = {
212
181
  "itemText": "skb:transition-colors skb:data-[state=checked]:text-surface-contrast-950 skb:data-[state=checked]:dark:text-surface-contrast-50",
213
182
  "itemHiddenInput": ""
214
183
  };
215
-
216
- //#endregion
217
- //#region src/classes/slider.ts
218
- const classesSlider = {
219
- "root": "skb:flex skb:flex-col skb:gap-2 skb:w-full",
184
+ const slider = {
185
+ "root": "skb:w-full skb:flex skb:flex-col skb:gap-2",
220
186
  "label": "skb:label-text",
221
187
  "valueText": "",
222
188
  "control": "skb:flex skb:items-center skb:data-disabled:opacity-50",
@@ -227,30 +193,21 @@ const classesSlider = {
227
193
  "markerGroup": "",
228
194
  "marker": "skb:text-xs skb:text-surface-600-400"
229
195
  };
230
-
231
- //#endregion
232
- //#region src/classes/switch.ts
233
- const classesSwitch = {
196
+ const switch_ = {
234
197
  "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",
235
198
  "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",
236
199
  "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",
237
200
  "label": "skb:label-text",
238
201
  "hiddenInput": ""
239
202
  };
240
-
241
- //#endregion
242
- //#region src/classes/tabs.ts
243
- const classesTabs = {
203
+ const tabs = {
244
204
  "root": "skb:w-full skb:flex skb:data-[orientation=horizontal]:flex-col skb:data-[orientation=vertical]:flex-row",
245
205
  "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",
246
206
  "trigger": "skb:btn skb:hover:preset-tonal-primary skb:data-disabled:opacity-50",
247
207
  "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",
248
208
  "content": ""
249
209
  };
250
-
251
- //#endregion
252
- //#region src/classes/tags-input.ts
253
- const classesTagsInput = {
210
+ const tagsInput = {
254
211
  "root": "skb:w-full skb:space-y-2",
255
212
  "label": "skb:label-text",
256
213
  "control": "skb:input skb:flex skb:flex-wrap skb:gap-2 skb:p-2",
@@ -263,10 +220,7 @@ const classesTagsInput = {
263
220
  "clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
264
221
  "hiddenInput": ""
265
222
  };
266
-
267
- //#endregion
268
- //#region src/classes/toast.ts
269
- const classesToast = {
223
+ const toast = {
270
224
  "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)]",
271
225
  "group": "skb:w-[calc(100%-calc(var(--viewport-offset-left)+var(--viewport-offset-right)))]",
272
226
  "message": "skb:flex-1",
@@ -275,28 +229,19 @@ const classesToast = {
275
229
  "actionTrigger": "skb:btn skb:preset-filled",
276
230
  "closeTrigger": "skb:btn-icon skb:hover:preset-tonal"
277
231
  };
278
-
279
- //#endregion
280
- //#region src/classes/toggle-group.ts
281
- const classesToggleGroup = {
232
+ const toggleGroup = {
282
233
  "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",
283
234
  "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"
284
235
  };
285
-
286
- //#endregion
287
- //#region src/classes/tooltip.ts
288
- const classesTooltip = {
236
+ const tooltip = {
289
237
  "trigger": "",
290
238
  "positioner": "",
291
239
  "content": "",
292
240
  "arrow": "",
293
241
  "arrowTip": ""
294
242
  };
295
-
296
- //#endregion
297
- //#region src/classes/tree-view.ts
298
- const classesTreeView = {
299
- "root": "skb:w-full skb:space-y-2 skb:select-none",
243
+ const treeView = {
244
+ "root": "skb:w-full skb:flex skb:flex-col skb:gap-2 skb:items-start skb:select-none",
300
245
  "tree": "skb:space-y-1",
301
246
  "label": "skb:label-text",
302
247
  "item": "skb:flex skb:items-center skb:gap-2 skb:pe-4 skb:py-2 skb:rounded-base skb:hover:preset-tonal skb:data-selected:preset-filled skb:ps-[calc(var(--depth)*var(--spacing)*6+var(--spacing)*4)]",
@@ -309,5 +254,5 @@ const classesTreeView = {
309
254
  };
310
255
 
311
256
  //#endregion
312
- export { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesListbox, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView };
313
- //# sourceMappingURL=index.mjs.map
257
+ export { accordion, appBar, avatar, collapsible, combobox, datePicker, dialog, fileUpload, floatingPanel, listbox, menu, navigation, pagination, popover, progress, ratingGroup, segmentedControl, slider, switch_ as switch, tabs, tagsInput, toast, toggleGroup, tooltip, treeView };
258
+ //# sourceMappingURL=classes.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skeletonlabs/skeleton-common",
3
- "version": "4.5.3",
3
+ "version": "4.6.1",
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": [