@skeletonlabs/skeleton-common 4.6.0 → 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.
Files changed (3) hide show
  1. package/dist/{index.d.mts → classes.d.mts} +28 -76
  2. package/dist/{index.mjs → classes.mjs} +29 -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,21 @@ 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 switch_: {
233
197
  root: string;
234
198
  control: string;
235
199
  thumb: string;
236
200
  label: string;
237
201
  hiddenInput: string;
238
202
  };
239
- //#endregion
240
- //#region src/classes/tabs.d.ts
241
- declare const classesTabs: {
203
+ declare const tabs: {
242
204
  root: string;
243
205
  list: string;
244
206
  trigger: string;
245
207
  indicator: string;
246
208
  content: string;
247
209
  };
248
- //#endregion
249
- //#region src/classes/tags-input.d.ts
250
- declare const classesTagsInput: {
210
+ declare const tagsInput: {
251
211
  root: string;
252
212
  label: string;
253
213
  control: string;
@@ -260,9 +220,7 @@ declare const classesTagsInput: {
260
220
  clearTrigger: string;
261
221
  hiddenInput: string;
262
222
  };
263
- //#endregion
264
- //#region src/classes/toast.d.ts
265
- declare const classesToast: {
223
+ declare const toast: {
266
224
  root: string;
267
225
  group: string;
268
226
  message: string;
@@ -271,24 +229,18 @@ declare const classesToast: {
271
229
  actionTrigger: string;
272
230
  closeTrigger: string;
273
231
  };
274
- //#endregion
275
- //#region src/classes/toggle-group.d.ts
276
- declare const classesToggleGroup: {
232
+ declare const toggleGroup: {
277
233
  root: string;
278
234
  item: string;
279
235
  };
280
- //#endregion
281
- //#region src/classes/tooltip.d.ts
282
- declare const classesTooltip: {
236
+ declare const tooltip: {
283
237
  trigger: string;
284
238
  positioner: string;
285
239
  content: string;
286
240
  arrow: string;
287
241
  arrowTip: string;
288
242
  };
289
- //#endregion
290
- //#region src/classes/tree-view.d.ts
291
- declare const classesTreeView: {
243
+ declare const treeView: {
292
244
  root: string;
293
245
  tree: string;
294
246
  label: string;
@@ -301,5 +253,5 @@ declare const classesTreeView: {
301
253
  branchIndentGuide: string;
302
254
  };
303
255
  //#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
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
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,21 @@ 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 switch_ = {
251
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",
252
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",
253
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",
254
200
  "label": "skb:label-text",
255
201
  "hiddenInput": ""
256
202
  };
257
-
258
- //#endregion
259
- //#region src/classes/tabs.ts
260
- const classesTabs = {
203
+ const tabs = {
261
204
  "root": "skb:w-full skb:flex skb:data-[orientation=horizontal]:flex-col skb:data-[orientation=vertical]:flex-row",
262
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",
263
206
  "trigger": "skb:btn skb:hover:preset-tonal-primary skb:data-disabled:opacity-50",
264
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",
265
208
  "content": ""
266
209
  };
267
-
268
- //#endregion
269
- //#region src/classes/tags-input.ts
270
- const classesTagsInput = {
210
+ const tagsInput = {
271
211
  "root": "skb:w-full skb:space-y-2",
272
212
  "label": "skb:label-text",
273
213
  "control": "skb:input skb:flex skb:flex-wrap skb:gap-2 skb:p-2",
@@ -280,10 +220,7 @@ const classesTagsInput = {
280
220
  "clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
281
221
  "hiddenInput": ""
282
222
  };
283
-
284
- //#endregion
285
- //#region src/classes/toast.ts
286
- const classesToast = {
223
+ const toast = {
287
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)]",
288
225
  "group": "skb:w-[calc(100%-calc(var(--viewport-offset-left)+var(--viewport-offset-right)))]",
289
226
  "message": "skb:flex-1",
@@ -292,27 +229,18 @@ const classesToast = {
292
229
  "actionTrigger": "skb:btn skb:preset-filled",
293
230
  "closeTrigger": "skb:btn-icon skb:hover:preset-tonal"
294
231
  };
295
-
296
- //#endregion
297
- //#region src/classes/toggle-group.ts
298
- const classesToggleGroup = {
232
+ const toggleGroup = {
299
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",
300
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"
301
235
  };
302
-
303
- //#endregion
304
- //#region src/classes/tooltip.ts
305
- const classesTooltip = {
236
+ const tooltip = {
306
237
  "trigger": "",
307
238
  "positioner": "",
308
239
  "content": "",
309
240
  "arrow": "",
310
241
  "arrowTip": ""
311
242
  };
312
-
313
- //#endregion
314
- //#region src/classes/tree-view.ts
315
- const classesTreeView = {
243
+ const treeView = {
316
244
  "root": "skb:w-full skb:flex skb:flex-col skb:gap-2 skb:items-start skb:select-none",
317
245
  "tree": "skb:space-y-1",
318
246
  "label": "skb:label-text",
@@ -326,5 +254,5 @@ const classesTreeView = {
326
254
  };
327
255
 
328
256
  //#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
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.6.0",
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": [