@skeletonlabs/skeleton-common 4.7.1 → 4.7.2

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,268 +0,0 @@
1
- //#region src/classes.d.ts
2
- declare const accordion: {
3
- root: string;
4
- item: string;
5
- itemTrigger: string;
6
- itemIndicator: string;
7
- itemContent: string;
8
- };
9
- declare const appBar: {
10
- root: string;
11
- toolbar: string;
12
- lead: string;
13
- headline: string;
14
- trail: string;
15
- };
16
- declare const avatar: {
17
- root: string;
18
- image: string;
19
- fallback: string;
20
- };
21
- declare const collapsible: {
22
- root: string;
23
- trigger: string;
24
- indicator: string;
25
- content: string;
26
- };
27
- declare const combobox: {
28
- root: string;
29
- label: string;
30
- control: string;
31
- input: string;
32
- trigger: string;
33
- clearTrigger: string;
34
- positioner: string;
35
- content: string;
36
- itemGroup: string;
37
- itemGroupLabel: string;
38
- item: string;
39
- itemText: string;
40
- itemIndicator: string;
41
- };
42
- declare const datePicker: {
43
- root: string;
44
- label: string;
45
- control: string;
46
- input: string;
47
- trigger: string;
48
- clearTrigger: string;
49
- presetTrigger: string;
50
- positioner: string;
51
- content: string;
52
- yearSelect: string;
53
- monthSelect: string;
54
- view: string;
55
- viewControl: string;
56
- prevTrigger: string;
57
- viewTrigger: string;
58
- rangeText: string;
59
- nextTrigger: string;
60
- table: string;
61
- tableHead: string;
62
- tableRow: string;
63
- tableHeader: string;
64
- tableBody: string;
65
- tableCell: string;
66
- tableCellTrigger: string;
67
- };
68
- declare const dialog: {
69
- trigger: string;
70
- backdrop: string;
71
- positioner: string;
72
- content: string;
73
- title: string;
74
- description: string;
75
- closeTrigger: string;
76
- };
77
- declare const fileUpload: {
78
- root: string;
79
- label: string;
80
- dropzone: string;
81
- hiddenInput: string;
82
- trigger: string;
83
- clearTrigger: string;
84
- itemGroup: string;
85
- item: string;
86
- itemName: string;
87
- itemSizeText: string;
88
- itemDeleteTrigger: string;
89
- };
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: {
104
- root: string;
105
- label: string;
106
- input: string;
107
- content: string;
108
- itemGroup: string;
109
- itemGroupLabel: string;
110
- item: string;
111
- itemText: string;
112
- itemIndicator: string;
113
- };
114
- declare const menu: {
115
- trigger: string;
116
- contextTrigger: string;
117
- positioner: string;
118
- indicator: string;
119
- content: string;
120
- arrow: string;
121
- arrowTip: string;
122
- itemGroup: string;
123
- itemGroupLabel: string;
124
- item: string;
125
- itemText: string;
126
- itemIndicator: string;
127
- separator: string;
128
- };
129
- declare const navigation: {
130
- root: string;
131
- header: string;
132
- content: string;
133
- group: string;
134
- label: string;
135
- menu: string;
136
- footer: string;
137
- };
138
- declare const pagination: {
139
- root: string;
140
- firstTrigger: string;
141
- prevTrigger: string;
142
- item: string;
143
- ellipsis: string;
144
- nextTrigger: string;
145
- lastTrigger: string;
146
- };
147
- declare const popover: {
148
- anchor: string;
149
- trigger: string;
150
- positioner: string;
151
- content: string;
152
- arrow: string;
153
- arrowTip: string;
154
- title: string;
155
- description: string;
156
- closeTrigger: string;
157
- };
158
- declare const progress: {
159
- root: string;
160
- label: string;
161
- valueText: string;
162
- track: string;
163
- range: string;
164
- circle: string;
165
- circleTrack: string;
166
- circleRange: string;
167
- };
168
- declare const ratingGroup: {
169
- root: string;
170
- label: string;
171
- control: string;
172
- item: string;
173
- hiddenInput: string;
174
- };
175
- declare const segmentedControl: {
176
- root: string;
177
- label: string;
178
- control: string;
179
- indicator: string;
180
- item: string;
181
- itemText: string;
182
- itemHiddenInput: string;
183
- };
184
- declare const slider: {
185
- root: string;
186
- label: string;
187
- valueText: string;
188
- control: string;
189
- track: string;
190
- range: string;
191
- thumb: string;
192
- hiddenInput: string;
193
- markerGroup: string;
194
- marker: string;
195
- };
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_: {
208
- root: string;
209
- control: string;
210
- thumb: string;
211
- label: string;
212
- hiddenInput: string;
213
- };
214
- declare const tabs: {
215
- root: string;
216
- list: string;
217
- trigger: string;
218
- indicator: string;
219
- content: string;
220
- };
221
- declare const tagsInput: {
222
- root: string;
223
- label: string;
224
- control: string;
225
- item: string;
226
- itemPreview: string;
227
- itemText: string;
228
- itemDeleteTrigger: string;
229
- itemInput: string;
230
- input: string;
231
- clearTrigger: string;
232
- hiddenInput: string;
233
- };
234
- declare const toast: {
235
- root: string;
236
- group: string;
237
- message: string;
238
- title: string;
239
- description: string;
240
- actionTrigger: string;
241
- closeTrigger: string;
242
- };
243
- declare const toggleGroup: {
244
- root: string;
245
- item: string;
246
- };
247
- declare const tooltip: {
248
- trigger: string;
249
- positioner: string;
250
- content: string;
251
- arrow: string;
252
- arrowTip: string;
253
- };
254
- declare const treeView: {
255
- root: string;
256
- tree: string;
257
- label: string;
258
- item: string;
259
- branch: string;
260
- branchControl: string;
261
- branchIndicator: string;
262
- branchText: string;
263
- branchContent: string;
264
- branchIndentGuide: string;
265
- };
266
- //#endregion
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/classes.mjs DELETED
@@ -1,269 +0,0 @@
1
- //#region src/classes.ts
2
- const accordion = {
3
- "root": "skb:flex skb:gap-2 skb:w-full skb:data-[orientation=vertical]:flex-col skb:data-[orientation=horizontal]:flex-row",
4
- "item": "skb:flex skb:gap-2 skb:data-[orientation=vertical]:flex-col skb:data-[orientation=horizontal]:flex-row",
5
- "itemTrigger": "skb:px-4 skb:py-2 skb:rounded-base skb:w-full skb:text-start skb:hover:preset-tonal-primary",
6
- "itemIndicator": "",
7
- "itemContent": "skb:py-2 skb:px-4"
8
- };
9
- const appBar = {
10
- "root": "skb:w-full skb:bg-surface-100-900 skb:p-4 skb:space-y-4",
11
- "toolbar": "skb:grid skb:items-center skb:justify-between skb:gap-4",
12
- "lead": "",
13
- "headline": "",
14
- "trail": "skb:flex skb:gap-2"
15
- };
16
- const avatar = {
17
- "root": "skb:isolate skb:bg-surface-400-600 skb:size-16 skb:rounded-full skb:overflow-hidden",
18
- "image": "skb:w-full skb:object-cover",
19
- "fallback": "skb:size-full skb:flex skb:justify-center skb:items-center"
20
- };
21
- const collapsible = {
22
- "root": "skb:w-full skb:flex skb:flex-col skb:items-center skb:data-[state=open]:gap-2",
23
- "trigger": "skb:data-disabled:opacity-50 skb:data-disabled:pointer-events-none",
24
- "indicator": "",
25
- "content": ""
26
- };
27
- const combobox = {
28
- "root": "skb:w-full skb:space-y-2",
29
- "label": "skb:label-text",
30
- "control": "skb:relative",
31
- "input": "skb:input",
32
- "trigger": "skb:btn-icon skb:btn-icon-sm skb:preset-tonal skb:absolute skb:end-1.5 skb:top-1/2 skb:-translate-y-1/2",
33
- "clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
34
- "positioner": "",
35
- "content": "skb:card skb:bg-surface-50-950 skb:border skb:border-surface-200-800 skb:p-2 skb:flex skb:flex-col skb:gap-2",
36
- "itemGroup": "",
37
- "itemGroupLabel": "skb:text-surface-600-400 skb:text-xs skb:px-2 skb:py-1",
38
- "item": "skb:flex skb:justify-between skb:items-center skb:px-2 skb:py-1 skb:rounded skb:cursor-pointer skb:data-[state=checked]:preset-filled skb:data-highlighted:preset-tonal skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50",
39
- "itemText": "",
40
- "itemIndicator": ""
41
- };
42
- const datePicker = {
43
- "root": "skb:space-y-2",
44
- "label": "skb:label-text",
45
- "control": "skb:relative skb:space-y-2",
46
- "input": "skb:input",
47
- "trigger": "skb:btn-icon skb:btn-icon-sm skb:preset-tonal skb:absolute skb:end-1.5 skb:top-1.25",
48
- "clearTrigger": "",
49
- "presetTrigger": "skb:btn skb:hover:preset-tonal",
50
- "positioner": "",
51
- "content": "skb:card skb:bg-surface-50-950 skb:border skb:border-surface-200-800 skb:p-2 skb:space-y-2",
52
- "yearSelect": "skb:select",
53
- "monthSelect": "skb:select",
54
- "view": "skb:space-y-2",
55
- "viewControl": "skb:flex skb:gap-2 skb:justify-between",
56
- "prevTrigger": "skb:btn-icon skb:hover:preset-tonal",
57
- "viewTrigger": "skb:btn skb:hover:preset-tonal",
58
- "rangeText": "",
59
- "nextTrigger": "skb:btn-icon skb:hover:preset-tonal",
60
- "table": "skb:border-separate skb:border-spacing-2",
61
- "tableHead": "",
62
- "tableRow": "",
63
- "tableHeader": "skb:text-sm skb:size-8",
64
- "tableBody": "",
65
- "tableCell": "skb:size-8",
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"
67
- };
68
- const dialog = {
69
- "trigger": "",
70
- "backdrop": "",
71
- "positioner": "",
72
- "content": "",
73
- "title": "",
74
- "description": "",
75
- "closeTrigger": ""
76
- };
77
- const fileUpload = {
78
- "root": "skb:w-full skb:space-y-2 skb:data-disabled:disabled",
79
- "label": "skb:label-text",
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",
81
- "hiddenInput": "",
82
- "trigger": "skb:btn skb:preset-filled",
83
- "clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
84
- "itemGroup": "skb:flex skb:flex-col skb:gap-2",
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",
86
- "itemName": "skb:text-sm",
87
- "itemSizeText": "skb:text-xs skb:opacity-60",
88
- "itemDeleteTrigger": "skb:btn-icon"
89
- };
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 = {
104
- "root": "skb:flex skb:flex-col skb:items-stretch skb:gap-2",
105
- "label": "skb:label-text",
106
- "input": "skb:input",
107
- "content": "skb:card skb:bg-surface-50-950 skb:border skb:border-surface-200-800 skb:p-2 skb:flex skb:flex-col skb:gap-2",
108
- "itemGroup": "",
109
- "itemGroupLabel": "skb:text-surface-600-400 skb:text-xs skb:px-2 skb:py-1",
110
- "item": "skb:flex skb:justify-between skb:items-center skb:px-2 skb:py-1 skb:rounded skb:cursor-pointer skb:hover:preset-tonal skb:data-selected:preset-filled skb:data-highlighted:preset-tonal skb:data-disabled:pointer-events-none skb:data-disabled:opacity-50",
111
- "itemText": "",
112
- "itemIndicator": ""
113
- };
114
- const menu = {
115
- "trigger": "",
116
- "contextTrigger": "",
117
- "positioner": "",
118
- "indicator": "",
119
- "content": "skb:card skb:bg-surface-50-950 skb:border skb:border-surface-200-800 skb:p-2 skb:flex skb:flex-col skb:items-stretch skb:gap-2 skb:shadow-lg skb:min-w-48",
120
- "arrow": "skb:[--arrow-size:--spacing(2)] skb:[--arrow-background:var(--color-surface-50-950)]",
121
- "arrowTip": "",
122
- "itemGroup": "",
123
- "itemGroupLabel": "skb:text-surface-600-400 skb:text-xs skb:px-2 skb:py-1",
124
- "item": "skb:flex skb:justify-between skb:items-center skb:px-2 skb:py-1 skb:rounded skb:cursor-pointer skb:data-highlighted:preset-tonal",
125
- "itemText": "",
126
- "itemIndicator": "",
127
- "separator": "skb:hr"
128
- };
129
- const navigation = {
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",
131
- "header": "",
132
- "content": "skb:data-[layout=rail]:contents skb:data-[layout=sidebar]:space-y-4",
133
- "group": "skb:data-[layout=rail]:contents skb:data-[layout=sidebar]:flex skb:flex-col skb:gap-2",
134
- "label": "skb:text-xs skb:text-surface-700-300",
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",
136
- "footer": ""
137
- };
138
- const pagination = {
139
- "root": "skb:inline-flex skb:gap-2 skb:p-2 skb:rounded-container skb:preset-outlined-surface-200-800 skb:w-fit",
140
- "firstTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
141
- "prevTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
142
- "item": "skb:btn skb:btn-sm skb:preset-tonal skb:cursor-pointer skb:select-none skb:data-selected:preset-filled",
143
- "ellipsis": "skb:btn skb:btn-sm skb:preset-tonal skb:pointer-events-none",
144
- "nextTrigger": "skb:btn skb:btn-sm skb:preset-tonal",
145
- "lastTrigger": "skb:btn skb:btn-sm skb:preset-tonal"
146
- };
147
- const popover = {
148
- "anchor": "",
149
- "trigger": "",
150
- "positioner": "",
151
- "content": "",
152
- "arrow": "",
153
- "arrowTip": "",
154
- "title": "",
155
- "description": "",
156
- "closeTrigger": ""
157
- };
158
- const progress = {
159
- "root": "skb:flex skb:flex-col skb:gap-2 skb:data-[orientation=horizontal]:w-full skb:data-[orientation=vertical]:items-center",
160
- "label": "skb:whitespace-nowrap",
161
- "valueText": "",
162
- "track": "skb:bg-surface-200-800 skb:rounded-base skb:overflow-hidden skb:data-[orientation=horizontal]:w-full skb:data-[orientation=horizontal]:h-2 skb:data-[orientation=vertical]:w-2 skb:data-[orientation=vertical]:h-[100px] skb:data-[orientation=vertical]:flex skb:data-[orientation=vertical]:flex-col-reverse",
163
- "range": "skb:h-full skb:bg-surface-950-50 skb:rounded-base skb:data-[orientation=horizontal]:transition-[width] skb:data-[orientation=horizontal]:data-[state=indeterminate]:animate-progress-linear-indeterminate-horizontal skb:data-[orientation=vertical]:transition-[height] skb:data-[orientation=vertical]:data-[state=indeterminate]:animate-progress-linear-indeterminate-vertical",
164
- "circle": "skb:[--size:--spacing(24)] skb:[--thickness:calc(var(--size)/12)]",
165
- "circleTrack": "skb:stroke-surface-200-800",
166
- "circleRange": "skb:stroke-primary-500 skb:transition-[stroke-dashoffset] skb:ease-in-out skb:data-[state=indeterminate]:animate-progress-circular-indeterminate"
167
- };
168
- const ratingGroup = {
169
- "root": "skb:flex skb:flex-col skb:gap-2",
170
- "label": "skb:label-text",
171
- "control": "skb:flex skb:gap-2 skb:data-disabled:cursor-not-allowed skb:data-disabled:opacity-50",
172
- "item": "",
173
- "hiddenInput": ""
174
- };
175
- const segmentedControl = {
176
- "root": "skb:flex skb:flex-col skb:gap-2 group",
177
- "label": "skb:label-text",
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",
179
- "indicator": "skb:top-(--top) skb:left-(--left) skb:w-(--width) skb:h-(--height) skb:preset-filled skb:rounded skb:data-disabled:opacity-50",
180
- "item": "skb:btn skb:cursor-pointer skb:z-10 skb:flex-1 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",
181
- "itemText": "skb:transition-colors skb:data-[state=checked]:text-surface-contrast-950 skb:data-[state=checked]:dark:text-surface-contrast-50",
182
- "itemHiddenInput": ""
183
- };
184
- const slider = {
185
- "root": "skb:w-full skb:flex skb:flex-col skb:gap-2",
186
- "label": "skb:label-text",
187
- "valueText": "",
188
- "control": "skb:flex skb:items-center skb:data-disabled:opacity-50",
189
- "track": "skb:bg-surface-200-800 skb:rounded-base skb:h-2 skb:overflow-hidden skb:flex-1",
190
- "range": "skb:bg-surface-950-50 skb:h-full",
191
- "thumb": "skb:size-5 skb:bg-surface-50-950 skb:ring-inset skb:ring-2 skb:ring-surface-950-50 skb:rounded-full skb:focus-visible:outline-2 skb:focus-visible:outline-offset-1 skb:focus-visible:outline-surface-950-50",
192
- "hiddenInput": "",
193
- "markerGroup": "",
194
- "marker": "skb:text-xs skb:text-surface-600-400"
195
- };
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_ = {
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",
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",
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",
211
- "label": "skb:label-text",
212
- "hiddenInput": ""
213
- };
214
- const tabs = {
215
- "root": "skb:w-full skb:flex skb:data-[orientation=horizontal]:flex-col skb:data-[orientation=vertical]:flex-row",
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",
217
- "trigger": "skb:btn skb:hover:preset-tonal-primary skb:data-disabled:opacity-50",
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",
219
- "content": ""
220
- };
221
- const tagsInput = {
222
- "root": "skb:w-full skb:space-y-2",
223
- "label": "skb:label-text",
224
- "control": "skb:input skb:flex skb:flex-wrap skb:gap-2 skb:p-2",
225
- "item": "",
226
- "itemPreview": "skb:chip skb:flex skb:gap-0 skb:p-0 skb:preset-filled skb:hover:brightness-100 skb:w-fit skb:data-highlighted:ring skb:data-highlighted:ring-primary-500",
227
- "itemText": "skb:leading-none skb:px-2 skb:py-1",
228
- "itemDeleteTrigger": "skb:hover:preset-tonal skb:px-2 skb:py-1",
229
- "itemInput": "skb:input skb:text-xs",
230
- "input": "skb:input-ghost",
231
- "clearTrigger": "skb:btn skb:btn-sm skb:preset-tonal skb:hover:preset-filled-error-500",
232
- "hiddenInput": ""
233
- };
234
- const toast = {
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)]",
236
- "group": "skb:w-[calc(100%-calc(var(--viewport-offset-left)+var(--viewport-offset-right)))]",
237
- "message": "skb:flex-1",
238
- "title": "skb:font-medium skb:text-sm",
239
- "description": "skb:text-sm",
240
- "actionTrigger": "skb:btn skb:preset-filled",
241
- "closeTrigger": "skb:btn-icon skb:hover:preset-tonal"
242
- };
243
- const toggleGroup = {
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",
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"
246
- };
247
- const tooltip = {
248
- "trigger": "",
249
- "positioner": "",
250
- "content": "",
251
- "arrow": "",
252
- "arrowTip": ""
253
- };
254
- const treeView = {
255
- "root": "skb:w-full skb:flex skb:flex-col skb:gap-2 skb:items-start skb:select-none",
256
- "tree": "skb:space-y-1",
257
- "label": "skb:label-text",
258
- "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)]",
259
- "branch": "skb:space-y-1",
260
- "branchControl": "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)*2)]",
261
- "branchIndicator": "skb:data-[state=open]:rotate-90",
262
- "branchText": "skb:flex skb:items-center skb:gap-2",
263
- "branchContent": "skb:space-y-1 skb:relative",
264
- "branchIndentGuide": "skb:absolute skb:bg-surface-500/50 skb:w-0.5 skb:h-full skb:rounded-base skb:left-[calc(var(--depth)*var(--spacing)*6)] skb:-translate-x-1/2"
265
- };
266
-
267
- //#endregion
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/dist/index.css DELETED
@@ -1 +0,0 @@
1
- @source './';