@urbicon-ui/blocks 6.19.2 → 6.21.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 (30) hide show
  1. package/dist/components/Calendar/Calendar.svelte +8 -0
  2. package/dist/components/Calendar/CalendarGrid.svelte +19 -77
  3. package/dist/components/Calendar/calendar.context.d.ts +2 -0
  4. package/dist/components/Calendar/calendar.variants.d.ts +62 -62
  5. package/dist/i18n/index.d.ts +372 -2
  6. package/dist/icons/IconProvider.svelte +3 -0
  7. package/dist/mint/styles.css +1 -1
  8. package/dist/primitives/Accordion/Accordion.svelte +3 -0
  9. package/dist/primitives/Alert/alert.variants.d.ts +7 -7
  10. package/dist/primitives/Avatar/Avatar.svelte +74 -48
  11. package/dist/primitives/Avatar/avatar.variants.d.ts +32 -6
  12. package/dist/primitives/Avatar/avatar.variants.js +43 -18
  13. package/dist/primitives/Avatar/index.d.ts +6 -1
  14. package/dist/primitives/Checkbox/Checkbox.svelte +7 -4
  15. package/dist/primitives/Collapsible/Collapsible.svelte +3 -0
  16. package/dist/primitives/ConfirmDialog/index.d.ts +12 -0
  17. package/dist/primitives/Dialog/Dialog.svelte +2 -0
  18. package/dist/primitives/Drawer/Drawer.svelte +3 -1
  19. package/dist/primitives/JourneyTimeline/journey-timeline.variants.d.ts +21 -21
  20. package/dist/primitives/Menu/MenuSubmenu.svelte +1 -0
  21. package/dist/primitives/Select/Select.svelte +1 -1
  22. package/dist/primitives/Spinner/spinner.variants.d.ts +15 -15
  23. package/dist/primitives/Stepper/stepper.variants.d.ts +10 -10
  24. package/dist/primitives/Tab/Tab.svelte +3 -0
  25. package/dist/primitives/Toast/toast.variants.d.ts +8 -8
  26. package/dist/primitives/Toggle/Toggle.svelte +7 -4
  27. package/dist/primitives/Tooltip/tooltip.variants.d.ts +2 -2
  28. package/dist/style/interaction.css +1 -1
  29. package/dist/system/attachments/ContextIsolation.svelte +2 -0
  30. package/package.json +3 -3
package/dist/primitives/Spinner/spinner.variants.d.ts CHANGED
@@ -92,7 +92,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
92
92
  base: (props?: ({
93
93
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
94
94
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
95
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
95
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
96
96
  speed?: "fast" | "slow" | "normal" | undefined;
97
97
  } & {
98
98
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -101,7 +101,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
101
101
  svg: (props?: ({
102
102
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
103
103
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
104
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
104
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
105
105
  speed?: "fast" | "slow" | "normal" | undefined;
106
106
  } & {
107
107
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -110,7 +110,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
110
110
  svgCircle: (props?: ({
111
111
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
112
112
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
113
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
113
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
114
114
  speed?: "fast" | "slow" | "normal" | undefined;
115
115
  } & {
116
116
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -119,7 +119,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
119
119
  svgPath: (props?: ({
120
120
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
121
121
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
122
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
122
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
123
123
  speed?: "fast" | "slow" | "normal" | undefined;
124
124
  } & {
125
125
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -128,7 +128,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
128
128
  dots: (props?: ({
129
129
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
130
130
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
131
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
131
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
132
132
  speed?: "fast" | "slow" | "normal" | undefined;
133
133
  } & {
134
134
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -137,7 +137,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
137
137
  dot: (props?: ({
138
138
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
139
139
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
140
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
140
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
141
141
  speed?: "fast" | "slow" | "normal" | undefined;
142
142
  } & {
143
143
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -146,7 +146,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
146
146
  pulse: (props?: ({
147
147
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
148
148
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
149
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
149
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
150
150
  speed?: "fast" | "slow" | "normal" | undefined;
151
151
  } & {
152
152
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -155,7 +155,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
155
155
  pulseCenter: (props?: ({
156
156
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
157
157
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
158
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
158
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
159
159
  speed?: "fast" | "slow" | "normal" | undefined;
160
160
  } & {
161
161
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -164,7 +164,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
164
164
  pulseRing: (props?: ({
165
165
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
166
166
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
167
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
167
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
168
168
  speed?: "fast" | "slow" | "normal" | undefined;
169
169
  } & {
170
170
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -173,7 +173,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
173
173
  ring: (props?: ({
174
174
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
175
175
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
176
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
176
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
177
177
  speed?: "fast" | "slow" | "normal" | undefined;
178
178
  } & {
179
179
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -182,7 +182,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
182
182
  ringElement: (props?: ({
183
183
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
184
184
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
185
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
185
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
186
186
  speed?: "fast" | "slow" | "normal" | undefined;
187
187
  } & {
188
188
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -191,7 +191,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
191
191
  bars: (props?: ({
192
192
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
193
193
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
194
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
194
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
195
195
  speed?: "fast" | "slow" | "normal" | undefined;
196
196
  } & {
197
197
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -200,7 +200,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
200
200
  bar: (props?: ({
201
201
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
202
202
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
203
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
203
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
204
204
  speed?: "fast" | "slow" | "normal" | undefined;
205
205
  } & {
206
206
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -209,7 +209,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
209
209
  content: (props?: ({
210
210
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
211
211
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
212
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
212
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
213
213
  speed?: "fast" | "slow" | "normal" | undefined;
214
214
  } & {
215
215
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -218,7 +218,7 @@ export declare const spinnerVariants: (props?: import("../../utils/variants.js")
218
218
  srOnly: (props?: ({
219
219
  variant?: "pulse" | "default" | "ring" | "bars" | "dots" | undefined;
220
220
  size?: "sm" | "md" | "lg" | "xl" | "xs" | undefined;
221
- intent?: "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | "current" | undefined;
221
+ intent?: "current" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
222
222
  speed?: "fast" | "slow" | "normal" | undefined;
223
223
  } & {
224
224
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
package/dist/primitives/Stepper/stepper.variants.d.ts CHANGED
@@ -104,7 +104,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
104
104
  orientation?: "horizontal" | "vertical" | undefined;
105
105
  size?: "sm" | "md" | "lg" | undefined;
106
106
  variant?: "default" | "outlined" | "minimal" | undefined;
107
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
107
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
108
108
  clickable?: boolean | undefined;
109
109
  stepDisabled?: boolean | undefined;
110
110
  separatorComplete?: boolean | undefined;
@@ -117,7 +117,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
117
117
  orientation?: "horizontal" | "vertical" | undefined;
118
118
  size?: "sm" | "md" | "lg" | undefined;
119
119
  variant?: "default" | "outlined" | "minimal" | undefined;
120
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
120
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
121
121
  clickable?: boolean | undefined;
122
122
  stepDisabled?: boolean | undefined;
123
123
  separatorComplete?: boolean | undefined;
@@ -130,7 +130,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
130
130
  orientation?: "horizontal" | "vertical" | undefined;
131
131
  size?: "sm" | "md" | "lg" | undefined;
132
132
  variant?: "default" | "outlined" | "minimal" | undefined;
133
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
133
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
134
134
  clickable?: boolean | undefined;
135
135
  stepDisabled?: boolean | undefined;
136
136
  separatorComplete?: boolean | undefined;
@@ -143,7 +143,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
143
143
  orientation?: "horizontal" | "vertical" | undefined;
144
144
  size?: "sm" | "md" | "lg" | undefined;
145
145
  variant?: "default" | "outlined" | "minimal" | undefined;
146
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
146
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
147
147
  clickable?: boolean | undefined;
148
148
  stepDisabled?: boolean | undefined;
149
149
  separatorComplete?: boolean | undefined;
@@ -156,7 +156,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
156
156
  orientation?: "horizontal" | "vertical" | undefined;
157
157
  size?: "sm" | "md" | "lg" | undefined;
158
158
  variant?: "default" | "outlined" | "minimal" | undefined;
159
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
159
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
160
160
  clickable?: boolean | undefined;
161
161
  stepDisabled?: boolean | undefined;
162
162
  separatorComplete?: boolean | undefined;
@@ -169,7 +169,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
169
169
  orientation?: "horizontal" | "vertical" | undefined;
170
170
  size?: "sm" | "md" | "lg" | undefined;
171
171
  variant?: "default" | "outlined" | "minimal" | undefined;
172
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
172
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
173
173
  clickable?: boolean | undefined;
174
174
  stepDisabled?: boolean | undefined;
175
175
  separatorComplete?: boolean | undefined;
@@ -182,7 +182,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
182
182
  orientation?: "horizontal" | "vertical" | undefined;
183
183
  size?: "sm" | "md" | "lg" | undefined;
184
184
  variant?: "default" | "outlined" | "minimal" | undefined;
185
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
185
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
186
186
  clickable?: boolean | undefined;
187
187
  stepDisabled?: boolean | undefined;
188
188
  separatorComplete?: boolean | undefined;
@@ -195,7 +195,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
195
195
  orientation?: "horizontal" | "vertical" | undefined;
196
196
  size?: "sm" | "md" | "lg" | undefined;
197
197
  variant?: "default" | "outlined" | "minimal" | undefined;
198
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
198
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
199
199
  clickable?: boolean | undefined;
200
200
  stepDisabled?: boolean | undefined;
201
201
  separatorComplete?: boolean | undefined;
@@ -208,7 +208,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
208
208
  orientation?: "horizontal" | "vertical" | undefined;
209
209
  size?: "sm" | "md" | "lg" | undefined;
210
210
  variant?: "default" | "outlined" | "minimal" | undefined;
211
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
211
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
212
212
  clickable?: boolean | undefined;
213
213
  stepDisabled?: boolean | undefined;
214
214
  separatorComplete?: boolean | undefined;
@@ -221,7 +221,7 @@ export declare const stepperVariants: (props?: import("../../utils/variants.js")
221
221
  orientation?: "horizontal" | "vertical" | undefined;
222
222
  size?: "sm" | "md" | "lg" | undefined;
223
223
  variant?: "default" | "outlined" | "minimal" | undefined;
224
- stepState?: "error" | "warning" | "active" | "inactive" | "complete" | undefined;
224
+ stepState?: "complete" | "active" | "error" | "warning" | "inactive" | undefined;
225
225
  clickable?: boolean | undefined;
226
226
  stepDisabled?: boolean | undefined;
227
227
  separatorComplete?: boolean | undefined;
package/dist/primitives/Tab/Tab.svelte CHANGED
@@ -38,6 +38,9 @@
38
38
  let tabListElement = $state<HTMLDivElement>();
39
39
  let indicatorStyle = $state('');
40
40
 
41
+ // Uncontrolled seed: capture only the initial `defaultValue`; later changes
42
+ // must not clobber user interaction.
43
+ // svelte-ignore state_referenced_locally
41
44
  let internalValue = $state(defaultValue || '');
42
45
 
43
46
  const activeValue = $derived(value !== undefined ? value : internalValue);
package/dist/primitives/Toast/toast.variants.d.ts CHANGED
@@ -54,56 +54,56 @@ export declare const toastVariants: (props?: import("../../utils/variants.js").T
54
54
  };
55
55
  }> | undefined) => {
56
56
  container: (props?: ({
57
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
57
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
58
58
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
59
59
  } & {
60
60
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
61
61
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
62
62
  }) | undefined) => string;
63
63
  toast: (props?: ({
64
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
64
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
65
65
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
66
66
  } & {
67
67
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
68
68
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
69
69
  }) | undefined) => string;
70
70
  icon: (props?: ({
71
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
71
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
72
72
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
73
73
  } & {
74
74
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
75
75
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
76
76
  }) | undefined) => string;
77
77
  content: (props?: ({
78
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
78
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
79
79
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
80
80
  } & {
81
81
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
82
82
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
83
83
  }) | undefined) => string;
84
84
  title: (props?: ({
85
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
85
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
86
86
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
87
87
  } & {
88
88
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
89
89
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
90
90
  }) | undefined) => string;
91
91
  description: (props?: ({
92
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
92
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
93
93
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
94
94
  } & {
95
95
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
96
96
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
97
97
  }) | undefined) => string;
98
98
  dismissButton: (props?: ({
99
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
99
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
100
100
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
101
101
  } & {
102
102
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
103
103
  className?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
104
104
  }) | undefined) => string;
105
105
  progress: (props?: ({
106
- intent?: "primary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
106
+ intent?: "info" | "primary" | "success" | "warning" | "danger" | "neutral" | undefined;
107
107
  placement?: "bottom-right" | "top-right" | "bottom-left" | "top-left" | "top-center" | "bottom-center" | undefined;
108
108
  } & {
109
109
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
package/dist/primitives/Toggle/Toggle.svelte CHANGED
@@ -43,7 +43,7 @@
43
43
  const blocksConfig = getBlocksConfig();
44
44
  const unstyled = $derived(unstyledProp || blocksConfig?.unstyled || false);
45
45
 
46
- let rootEl = $state<HTMLElement>();
46
+ let trackElement = $state<HTMLElement>();
47
47
 
48
48
  // Tier precedence (closest wins): own prop → TierContext (Toolbar / ButtonGroup)
49
49
  // → 'commit' default. A bare Toggle is a Pill switch; a Toolbar tier="modify"
@@ -72,9 +72,12 @@
72
72
 
73
73
  const dataState = $derived(checked ? 'checked' : 'unchecked');
74
74
 
75
+ // Mint targets the directional switch track, not the enclosing <label> that
76
+ // also wraps the text — a hover/scale effect belongs to the control surface,
77
+ // mirroring SegmentItem/Button (XC-1).
75
78
  $effect(() => {
76
- if (rootEl && mint && mint !== 'none' && !disabled) {
77
- return mintRegistry.apply(rootEl, mint);
79
+ if (trackElement && mint && mint !== 'none' && !disabled) {
80
+ return mintRegistry.apply(trackElement, mint);
78
81
  }
79
82
  });
80
83
 
@@ -93,7 +96,6 @@
93
96
  class={unstyled
94
97
  ? (slotClasses?.control ?? '')
95
98
  : styles.control({ class: slotClasses?.control })}
96
- bind:this={rootEl}
97
99
  for={ff.fieldId}
98
100
  >
99
101
  <input
@@ -115,6 +117,7 @@
115
117
 
116
118
  <span
117
119
  class={unstyled ? (slotClasses?.track ?? '') : styles.track({ class: slotClasses?.track })}
120
+ bind:this={trackElement}
118
121
  aria-hidden="true"
119
122
  data-state={dataState}
120
123
  >
package/dist/primitives/Tooltip/tooltip.variants.d.ts CHANGED
@@ -45,7 +45,7 @@ export declare const tooltipVariants: (props?: import("../../utils/variants.js")
45
45
  }> | undefined) => {
46
46
  base: (props?: ({
47
47
  visible?: boolean | undefined;
48
- intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
48
+ intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
49
49
  size?: "sm" | "md" | "lg" | undefined;
50
50
  } & {
51
51
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
@@ -53,7 +53,7 @@ export declare const tooltipVariants: (props?: import("../../utils/variants.js")
53
53
  }) | undefined) => string;
54
54
  arrow: (props?: ({
55
55
  visible?: boolean | undefined;
56
- intent?: "primary" | "secondary" | "info" | "success" | "warning" | "danger" | "neutral" | undefined;
56
+ intent?: "info" | "primary" | "secondary" | "success" | "warning" | "danger" | "neutral" | undefined;
57
57
  size?: "sm" | "md" | "lg" | undefined;
58
58
  } & {
59
59
  class?: string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | (string | false | /*elided*/ any | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined)[] | null | undefined;
package/dist/style/interaction.css CHANGED
@@ -157,7 +157,7 @@
157
157
  }
158
158
 
159
159
  /* ===== HIGH CONTRAST MODE ===== */
160
- @media (prefers-contrast: high) {
160
+ @media (prefers-contrast: more) {
161
161
  :root {
162
162
  /* Increase contrast ratios — overrides the semantic tokens that
163
163
  components actually consume. */
package/dist/system/attachments/ContextIsolation.svelte CHANGED
@@ -27,6 +27,8 @@
27
27
  buttonGroup: () => setButtonGroupContext(undefined)
28
28
  };
29
29
 
30
+ // Isolation is applied once at init — the prop is not meant to change reactively.
31
+ // svelte-ignore state_referenced_locally
30
32
  for (const key of isolate) {
31
33
  ISOLATIONS[key]?.();
32
34
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@urbicon-ui/blocks",
3
- "version": "6.19.2",
3
+ "version": "6.21.0",
4
4
  "description": "Svelte 5 UI component library with Tailwind CSS 4, OKLCH design tokens and zero runtime dependencies",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -91,8 +91,8 @@
91
91
  "@sveltejs/package": "^2.5.8",
92
92
  "@sveltejs/vite-plugin-svelte": "^7.0.0",
93
93
  "@tailwindcss/vite": "^4.3.1",
94
- "@urbicon-ui/i18n": "6.19.2",
95
- "@urbicon-ui/shared-types": "6.19.2",
94
+ "@urbicon-ui/i18n": "6.21.0",
95
+ "@urbicon-ui/shared-types": "6.21.0",
96
96
  "prettier": "^3.8.4",
97
97
  "prettier-plugin-svelte": "^4.1.1",
98
98
  "prettier-plugin-tailwindcss": "^0.8.0",