@incodetech/web 0.0.0-dev-20260223-3222aae → 0.0.0-dev-20260223-4e681c2

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 (7) hide show
  1. package/dist/base.css +265 -0
  2. package/dist/curp-validation/curp-validation.es.js +616 -429
  3. package/dist/curp-validation/styles.css +146 -21
  4. package/dist/flow/styles.css +125 -21
  5. package/dist/themes/dark.css +1 -0
  6. package/dist/themes/light.css +1 -0
  7. package/package.json +4 -4
package/dist/curp-validation/styles.css CHANGED
@@ -5,6 +5,9 @@
5
5
  --tw-font-weight: initial;
6
6
  --tw-border-style: solid;
7
7
  --tw-duration: initial;
8
+ --tw-translate-x: 0;
9
+ --tw-translate-y: 0;
10
+ --tw-translate-z: 0;
8
11
  --tw-leading: initial;
9
12
  --tw-tracking: initial;
10
13
  }
@@ -200,26 +203,39 @@
200
203
  font-size: var(--text-14, var(--primitive-typography-size-14));
201
204
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
202
205
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
203
- color: var(--color-input-text-label-default, var(--input-text-label-default));
206
+ color: var(--color-dropdown-text-label-default, var(--dropdown-text-label-default));
204
207
  font-family: var(--dropdown-text-label-font-family);
205
208
  display: inline-block;
206
209
  }
207
210
 
208
211
  .IncodeDropdownComposedRequired {
209
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
212
+ color: var(--color-dropdown-text-helper-negative, var(--dropdown-text-helper-negative));
210
213
  }
211
214
 
212
215
  .IncodeDropdownComposedWrapper {
213
216
  position: relative;
214
217
  }
215
218
 
219
+ .IncodeDropdownComposedTriggerRow {
220
+ display: flex;
221
+ }
222
+
223
+ .IncodeDropdownComposedTriggerRowWithSibling {
224
+ gap: var(--spacing-8, var(--spacing-8, 8px));
225
+ }
226
+
227
+ .IncodeDropdownComposedSibling {
228
+ flex: 1;
229
+ width: 100%;
230
+ }
231
+
216
232
  .IncodeDropdownComposedTrigger {
217
233
  cursor: pointer;
218
234
  border-radius: var(--radius-input, var(--input-border-radius));
219
235
  border-style: var(--tw-border-style);
220
236
  border-width: 1px;
221
- border-color: var(--color-input-border-default, var(--input-border-default));
222
- background-color: var(--color-input-surface-default, var(--input-surface-default));
237
+ border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
238
+ background-color: var(--color-dropdown-surface-default, var(--dropdown-surface-default));
223
239
  width: 100%;
224
240
  padding: var(--spacing-16, var(--spacing-16, 16px));
225
241
  text-align: left;
@@ -237,7 +253,7 @@
237
253
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
238
254
  --tw-duration: .2s;
239
255
  --tw-outline-style: none;
240
- color: var(--color-input-text-field-default, var(--input-text-field-default));
256
+ color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
241
257
  font-family: var(--dropdown-text-input-font-family);
242
258
  outline-style: none;
243
259
  justify-content: space-between;
@@ -247,25 +263,39 @@
247
263
  }
248
264
 
249
265
  .IncodeDropdownComposedTrigger:hover:not(:disabled) {
250
- border-color: var(--color-input-border-active, var(--input-border-active));
266
+ border-color: var(--color-dropdown-border-active, var(--dropdown-border-active));
251
267
  }
252
268
 
253
- .IncodeDropdownComposedTrigger:focus {
269
+ .IncodeDropdownComposedTrigger[data-focused="true"] {
254
270
  border-style: var(--tw-border-style);
255
271
  border-width: 2px;
256
- border-color: var(--color-input-border-focus, var(--input-border-focus));
257
- background-color: var(--color-input-surface-active, var(--input-surface-active));
272
+ border-color: var(--color-dropdown-border-focus, var(--dropdown-border-focus));
273
+ background-color: var(--color-dropdown-surface-active, var(--dropdown-surface-active));
274
+ }
275
+
276
+ .IncodeDropdownComposedTrigger[data-error="true"] {
277
+ border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
278
+ }
279
+
280
+ .IncodeDropdownComposedTrigger[data-error="true"][data-focused="true"] {
281
+ border-style: var(--tw-border-style);
282
+ border-width: 2px;
283
+ border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
258
284
  }
259
285
 
260
286
  .IncodeDropdownComposedTrigger:disabled {
261
287
  cursor: not-allowed;
262
- border-color: var(--color-input-border-disabled, var(--input-border-disabled));
263
- background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
264
- color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
288
+ border-color: var(--color-dropdown-border-disabled, var(--dropdown-border-disabled));
289
+ background-color: var(--color-dropdown-surface-disabled, var(--dropdown-surface-disabled));
290
+ color: var(--color-dropdown-text-input-disabled, var(--dropdown-text-input-disabled));
291
+ }
292
+
293
+ .IncodeDropdownComposedTriggerText {
294
+ color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
265
295
  }
266
296
 
267
297
  .IncodeDropdownComposedTriggerPlaceholder {
268
- color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
298
+ color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
269
299
  font-weight: 500;
270
300
  }
271
301
 
@@ -294,15 +324,79 @@
294
324
  border-radius: var(--radius-input, var(--input-border-radius));
295
325
  border-style: var(--tw-border-style);
296
326
  border-width: 1px;
297
- border-color: var(--color-input-border-default, var(--input-border-default));
298
- background-color: var(--color-input-surface-default, var(--input-surface-default));
327
+ border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
328
+ background-color: var(--color-dropdown-surface-default, var(--dropdown-surface-default));
329
+ flex-direction: column;
299
330
  max-height: 320px;
300
- padding-block: var(--spacing-4, var(--spacing-4, 4px));
331
+ display: flex;
301
332
  position: absolute;
302
- overflow-y: auto;
333
+ overflow: hidden;
303
334
  box-shadow: 0 2px 8px #00000026;
304
335
  }
305
336
 
337
+ .IncodeDropdownComposedList[data-error="true"] {
338
+ border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
339
+ }
340
+
341
+ .IncodeDropdownComposedSearchWrapper {
342
+ border-bottom-style: var(--tw-border-style);
343
+ border-bottom-width: 1px;
344
+ border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
345
+ padding: var(--spacing-8, var(--spacing-8, 8px));
346
+ flex-shrink: 0;
347
+ }
348
+
349
+ .IncodeDropdownComposedSearchInner {
350
+ position: relative;
351
+ }
352
+
353
+ .IncodeDropdownComposedSearchInput {
354
+ box-sizing: border-box;
355
+ border-style: var(--tw-border-style);
356
+ border-width: var(--border-width-none, var(--border-none));
357
+ --tw-border-style: none;
358
+ width: 100%;
359
+ padding-block: var(--spacing-8, var(--spacing-8, 8px));
360
+ padding-right: var(--spacing-40, var(--spacing-40, 40px));
361
+ padding-left: var(--spacing-12, var(--spacing-12, 12px));
362
+ font-family: var(--primitive-typography-family-dm-sans);
363
+ font-size: var(--typography-body-lg-size);
364
+ font-weight: var(--typography-body-lg-weight);
365
+ line-height: var(--typography-body-lg-line-height);
366
+ letter-spacing: var(--typography-body-lg-letter-spacing);
367
+ font-size: var(--text-lg, 1.125rem);
368
+ line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
369
+ --tw-font-weight: var(--font-weight-normal, 400);
370
+ font-weight: var(--font-weight-normal, 400);
371
+ --tw-outline-style: none;
372
+ color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
373
+ font-family: var(--dropdown-text-input-font-family);
374
+ background-color: #0000;
375
+ border-style: none;
376
+ outline-style: none;
377
+ }
378
+
379
+ .IncodeDropdownComposedSearchInput::placeholder {
380
+ color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
381
+ }
382
+
383
+ .IncodeDropdownComposedSearchIcon {
384
+ pointer-events: none;
385
+ top: 50%;
386
+ right: var(--spacing-16, var(--spacing-16, 16px));
387
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
388
+ translate: var(--tw-translate-x) var(--tw-translate-y);
389
+ align-items: center;
390
+ display: flex;
391
+ position: absolute;
392
+ }
393
+
394
+ .IncodeDropdownComposedOptionsScroll {
395
+ min-height: var(--spacing-0, var(--spacing-none, 0px));
396
+ flex: 1;
397
+ overflow-y: auto;
398
+ }
399
+
306
400
  .IncodeDropdownComposedOption {
307
401
  cursor: pointer;
308
402
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
@@ -310,16 +404,29 @@
310
404
  font-size: var(--text-16, var(--primitive-typography-size-16));
311
405
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
312
406
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
313
- color: var(--color-input-text-field-default, var(--input-text-field-default));
407
+ color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
314
408
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
315
409
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
316
410
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
317
411
  }
318
412
 
319
- .IncodeDropdownComposedOption:hover, .IncodeDropdownComposedOption[data-highlighted="true"] {
413
+ .IncodeDropdownComposedOption[aria-selected="true"] {
320
414
  background-color: var(--surface-neutral-100, var(--color-surface-neutral-100));
321
415
  }
322
416
 
417
+ .IncodeDropdownComposedOption:hover, .IncodeDropdownComposedOption[data-highlighted="true"] {
418
+ background-color: var(--surface-neutral-200, var(--color-surface-neutral-200));
419
+ }
420
+
421
+ .IncodeDropdownComposedNoResults {
422
+ padding: var(--spacing-16, var(--spacing-16, 16px));
423
+ text-align: center;
424
+ font-size: var(--text-16, var(--primitive-typography-size-16));
425
+ --tw-font-weight: var(--font-weight-normal, 400);
426
+ font-weight: var(--font-weight-normal, 400);
427
+ color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
428
+ }
429
+
323
430
  .IncodeDropdownComposedErrorWrapper, .IncodeDropdownComposedHelperWrapper {
324
431
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
325
432
  align-items: center;
@@ -336,7 +443,7 @@
336
443
  font-size: var(--text-14, var(--primitive-typography-size-14));
337
444
  --tw-font-weight: var(--font-weight-normal, 400);
338
445
  font-weight: var(--font-weight-normal, 400);
339
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
446
+ color: var(--color-dropdown-text-helper-negative, var(--dropdown-text-helper-negative));
340
447
  font-family: inherit;
341
448
  display: inline-block;
342
449
  }
@@ -346,7 +453,7 @@
346
453
  font-size: var(--text-14, var(--primitive-typography-size-14));
347
454
  --tw-font-weight: var(--font-weight-normal, 400);
348
455
  font-weight: var(--font-weight-normal, 400);
349
- color: var(--color-input-text-helper-default, var(--input-text-helper-default));
456
+ color: var(--color-dropdown-text-helper-default, var(--dropdown-text-helper-default));
350
457
  font-family: inherit;
351
458
  display: inline-block;
352
459
  }
@@ -486,6 +593,24 @@
486
593
  inherits: false
487
594
  }
488
595
 
596
+ @property --tw-translate-x {
597
+ syntax: "*";
598
+ inherits: false;
599
+ initial-value: 0;
600
+ }
601
+
602
+ @property --tw-translate-y {
603
+ syntax: "*";
604
+ inherits: false;
605
+ initial-value: 0;
606
+ }
607
+
608
+ @property --tw-translate-z {
609
+ syntax: "*";
610
+ inherits: false;
611
+ initial-value: 0;
612
+ }
613
+
489
614
  @property --tw-leading {
490
615
  syntax: "*";
491
616
  inherits: false
package/dist/flow/styles.css CHANGED
@@ -3986,26 +3986,39 @@
3986
3986
  font-size: var(--text-14, var(--primitive-typography-size-14));
3987
3987
  --tw-font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
3988
3988
  font-weight: var(--font-weight-bold, var(--primitive-typography-weight-bold));
3989
- color: var(--color-input-text-label-default, var(--input-text-label-default));
3989
+ color: var(--color-dropdown-text-label-default, var(--dropdown-text-label-default));
3990
3990
  font-family: var(--dropdown-text-label-font-family);
3991
3991
  display: inline-block;
3992
3992
  }
3993
3993
 
3994
3994
  .IncodeDropdownComposedRequired {
3995
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
3995
+ color: var(--color-dropdown-text-helper-negative, var(--dropdown-text-helper-negative));
3996
3996
  }
3997
3997
 
3998
3998
  .IncodeDropdownComposedWrapper {
3999
3999
  position: relative;
4000
4000
  }
4001
4001
 
4002
+ .IncodeDropdownComposedTriggerRow {
4003
+ display: flex;
4004
+ }
4005
+
4006
+ .IncodeDropdownComposedTriggerRowWithSibling {
4007
+ gap: var(--spacing-8, var(--spacing-8, 8px));
4008
+ }
4009
+
4010
+ .IncodeDropdownComposedSibling {
4011
+ flex: 1;
4012
+ width: 100%;
4013
+ }
4014
+
4002
4015
  .IncodeDropdownComposedTrigger {
4003
4016
  cursor: pointer;
4004
4017
  border-radius: var(--radius-input, var(--input-border-radius));
4005
4018
  border-style: var(--tw-border-style);
4006
4019
  border-width: 1px;
4007
- border-color: var(--color-input-border-default, var(--input-border-default));
4008
- background-color: var(--color-input-surface-default, var(--input-surface-default));
4020
+ border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
4021
+ background-color: var(--color-dropdown-surface-default, var(--dropdown-surface-default));
4009
4022
  width: 100%;
4010
4023
  padding: var(--spacing-16, var(--spacing-16, 16px));
4011
4024
  text-align: left;
@@ -4023,7 +4036,7 @@
4023
4036
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
4024
4037
  --tw-duration: .2s;
4025
4038
  --tw-outline-style: none;
4026
- color: var(--color-input-text-field-default, var(--input-text-field-default));
4039
+ color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
4027
4040
  font-family: var(--dropdown-text-input-font-family);
4028
4041
  outline-style: none;
4029
4042
  justify-content: space-between;
@@ -4033,25 +4046,39 @@
4033
4046
  }
4034
4047
 
4035
4048
  .IncodeDropdownComposedTrigger:hover:not(:disabled) {
4036
- border-color: var(--color-input-border-active, var(--input-border-active));
4049
+ border-color: var(--color-dropdown-border-active, var(--dropdown-border-active));
4037
4050
  }
4038
4051
 
4039
- .IncodeDropdownComposedTrigger:focus {
4052
+ .IncodeDropdownComposedTrigger[data-focused="true"] {
4040
4053
  border-style: var(--tw-border-style);
4041
4054
  border-width: 2px;
4042
- border-color: var(--color-input-border-focus, var(--input-border-focus));
4043
- background-color: var(--color-input-surface-active, var(--input-surface-active));
4055
+ border-color: var(--color-dropdown-border-focus, var(--dropdown-border-focus));
4056
+ background-color: var(--color-dropdown-surface-active, var(--dropdown-surface-active));
4057
+ }
4058
+
4059
+ .IncodeDropdownComposedTrigger[data-error="true"] {
4060
+ border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
4061
+ }
4062
+
4063
+ .IncodeDropdownComposedTrigger[data-error="true"][data-focused="true"] {
4064
+ border-style: var(--tw-border-style);
4065
+ border-width: 2px;
4066
+ border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
4044
4067
  }
4045
4068
 
4046
4069
  .IncodeDropdownComposedTrigger:disabled {
4047
4070
  cursor: not-allowed;
4048
- border-color: var(--color-input-border-disabled, var(--input-border-disabled));
4049
- background-color: var(--color-input-surface-disabled, var(--input-surface-disabled));
4050
- color: var(--color-input-text-field-disabled, var(--input-text-field-disabled));
4071
+ border-color: var(--color-dropdown-border-disabled, var(--dropdown-border-disabled));
4072
+ background-color: var(--color-dropdown-surface-disabled, var(--dropdown-surface-disabled));
4073
+ color: var(--color-dropdown-text-input-disabled, var(--dropdown-text-input-disabled));
4074
+ }
4075
+
4076
+ .IncodeDropdownComposedTriggerText {
4077
+ color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
4051
4078
  }
4052
4079
 
4053
4080
  .IncodeDropdownComposedTriggerPlaceholder {
4054
- color: var(--color-input-text-field-placeholder, var(--input-text-field-placeholder));
4081
+ color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
4055
4082
  font-weight: 500;
4056
4083
  }
4057
4084
 
@@ -4080,15 +4107,79 @@
4080
4107
  border-radius: var(--radius-input, var(--input-border-radius));
4081
4108
  border-style: var(--tw-border-style);
4082
4109
  border-width: 1px;
4083
- border-color: var(--color-input-border-default, var(--input-border-default));
4084
- background-color: var(--color-input-surface-default, var(--input-surface-default));
4110
+ border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
4111
+ background-color: var(--color-dropdown-surface-default, var(--dropdown-surface-default));
4112
+ flex-direction: column;
4085
4113
  max-height: 320px;
4086
- padding-block: var(--spacing-4, var(--spacing-4, 4px));
4114
+ display: flex;
4087
4115
  position: absolute;
4088
- overflow-y: auto;
4116
+ overflow: hidden;
4089
4117
  box-shadow: 0 2px 8px #00000026;
4090
4118
  }
4091
4119
 
4120
+ .IncodeDropdownComposedList[data-error="true"] {
4121
+ border-color: var(--color-dropdown-border-negative, var(--dropdown-border-negative));
4122
+ }
4123
+
4124
+ .IncodeDropdownComposedSearchWrapper {
4125
+ border-bottom-style: var(--tw-border-style);
4126
+ border-bottom-width: 1px;
4127
+ border-color: var(--color-dropdown-border-default, var(--dropdown-border-default));
4128
+ padding: var(--spacing-8, var(--spacing-8, 8px));
4129
+ flex-shrink: 0;
4130
+ }
4131
+
4132
+ .IncodeDropdownComposedSearchInner {
4133
+ position: relative;
4134
+ }
4135
+
4136
+ .IncodeDropdownComposedSearchInput {
4137
+ box-sizing: border-box;
4138
+ border-style: var(--tw-border-style);
4139
+ border-width: var(--border-width-none, var(--border-none));
4140
+ --tw-border-style: none;
4141
+ width: 100%;
4142
+ padding-block: var(--spacing-8, var(--spacing-8, 8px));
4143
+ padding-right: var(--spacing-40, var(--spacing-40, 40px));
4144
+ padding-left: var(--spacing-12, var(--spacing-12, 12px));
4145
+ font-family: var(--primitive-typography-family-dm-sans);
4146
+ font-size: var(--typography-body-lg-size);
4147
+ font-weight: var(--typography-body-lg-weight);
4148
+ line-height: var(--typography-body-lg-line-height);
4149
+ letter-spacing: var(--typography-body-lg-letter-spacing);
4150
+ font-size: var(--text-lg, 1.125rem);
4151
+ line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
4152
+ --tw-font-weight: var(--font-weight-normal, 400);
4153
+ font-weight: var(--font-weight-normal, 400);
4154
+ --tw-outline-style: none;
4155
+ color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
4156
+ font-family: var(--dropdown-text-input-font-family);
4157
+ background-color: #0000;
4158
+ border-style: none;
4159
+ outline-style: none;
4160
+ }
4161
+
4162
+ .IncodeDropdownComposedSearchInput::placeholder {
4163
+ color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
4164
+ }
4165
+
4166
+ .IncodeDropdownComposedSearchIcon {
4167
+ pointer-events: none;
4168
+ top: 50%;
4169
+ right: var(--spacing-16, var(--spacing-16, 16px));
4170
+ --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
4171
+ translate: var(--tw-translate-x) var(--tw-translate-y);
4172
+ align-items: center;
4173
+ display: flex;
4174
+ position: absolute;
4175
+ }
4176
+
4177
+ .IncodeDropdownComposedOptionsScroll {
4178
+ min-height: var(--spacing-0, var(--spacing-none, 0px));
4179
+ flex: 1;
4180
+ overflow-y: auto;
4181
+ }
4182
+
4092
4183
  .IncodeDropdownComposedOption {
4093
4184
  cursor: pointer;
4094
4185
  padding-inline: var(--spacing-16, var(--spacing-16, 16px));
@@ -4096,16 +4187,29 @@
4096
4187
  font-size: var(--text-16, var(--primitive-typography-size-16));
4097
4188
  --tw-font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
4098
4189
  font-weight: var(--font-weight-medium, var(--primitive-typography-weight-medium));
4099
- color: var(--color-input-text-field-default, var(--input-text-field-default));
4190
+ color: var(--color-dropdown-text-input-default, var(--dropdown-text-input-default));
4100
4191
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
4101
4192
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));
4102
4193
  transition-duration: var(--tw-duration, var(--default-transition-duration, .15s));
4103
4194
  }
4104
4195
 
4105
- .IncodeDropdownComposedOption:hover, .IncodeDropdownComposedOption[data-highlighted="true"] {
4196
+ .IncodeDropdownComposedOption[aria-selected="true"] {
4106
4197
  background-color: var(--surface-neutral-100, var(--color-surface-neutral-100));
4107
4198
  }
4108
4199
 
4200
+ .IncodeDropdownComposedOption:hover, .IncodeDropdownComposedOption[data-highlighted="true"] {
4201
+ background-color: var(--surface-neutral-200, var(--color-surface-neutral-200));
4202
+ }
4203
+
4204
+ .IncodeDropdownComposedNoResults {
4205
+ padding: var(--spacing-16, var(--spacing-16, 16px));
4206
+ text-align: center;
4207
+ font-size: var(--text-16, var(--primitive-typography-size-16));
4208
+ --tw-font-weight: var(--font-weight-normal, 400);
4209
+ font-weight: var(--font-weight-normal, 400);
4210
+ color: var(--color-dropdown-text-input-placeholder, var(--dropdown-text-input-placeholder));
4211
+ }
4212
+
4109
4213
  .IncodeDropdownComposedErrorWrapper, .IncodeDropdownComposedHelperWrapper {
4110
4214
  margin-top: var(--spacing-8, var(--spacing-8, 8px));
4111
4215
  align-items: center;
@@ -4122,7 +4226,7 @@
4122
4226
  font-size: var(--text-14, var(--primitive-typography-size-14));
4123
4227
  --tw-font-weight: var(--font-weight-normal, 400);
4124
4228
  font-weight: var(--font-weight-normal, 400);
4125
- color: var(--color-input-text-helper-negative, var(--input-text-helper-negative));
4229
+ color: var(--color-dropdown-text-helper-negative, var(--dropdown-text-helper-negative));
4126
4230
  font-family: inherit;
4127
4231
  display: inline-block;
4128
4232
  }
@@ -4132,7 +4236,7 @@
4132
4236
  font-size: var(--text-14, var(--primitive-typography-size-14));
4133
4237
  --tw-font-weight: var(--font-weight-normal, 400);
4134
4238
  font-weight: var(--font-weight-normal, 400);
4135
- color: var(--color-input-text-helper-default, var(--input-text-helper-default));
4239
+ color: var(--color-dropdown-text-helper-default, var(--dropdown-text-helper-default));
4136
4240
  font-family: inherit;
4137
4241
  display: inline-block;
4138
4242
  }
package/dist/themes/dark.css CHANGED
@@ -630,6 +630,7 @@
630
630
  --dropdown-border-active: var(--border-brand-500-static);
631
631
  --dropdown-border-disabled: var(--border-neutral-100);
632
632
  --dropdown-border-negative: var(--border-status-negative);
633
+ --dropdown-border-focus: var(--border-status-focus);
633
634
 
634
635
  --dropdown-icon-default: var(--surface-neutral-300);
635
636
  --dropdown-icon-positive: var(--surface-status-positive-600-static);
package/dist/themes/light.css CHANGED
@@ -630,6 +630,7 @@
630
630
  --dropdown-border-active: var(--border-brand-500-static);
631
631
  --dropdown-border-disabled: var(--border-neutral-100);
632
632
  --dropdown-border-negative: var(--border-status-negative);
633
+ --dropdown-border-focus: var(--border-status-focus);
633
634
 
634
635
  --dropdown-icon-default: var(--surface-neutral-300);
635
636
  --dropdown-icon-positive: var(--surface-status-positive-600-static);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@incodetech/web",
3
- "version": "0.0.0-dev-20260223-3222aae",
3
+ "version": "0.0.0-dev-20260223-4e681c2",
4
4
  "type": "module",
5
5
  "main": "./dist/index.es.js",
6
6
  "types": "./dist/types/index.d.ts",
@@ -86,7 +86,7 @@
86
86
  "libphonenumber-js": "^1.11.0",
87
87
  "preact-custom-element": "^4.6.0",
88
88
  "tailwindcss": "^4.1.17",
89
- "@incodetech/core": "0.0.0-dev-20260223-3222aae"
89
+ "@incodetech/core": "0.0.0-dev-20260223-4e681c2"
90
90
  },
91
91
  "devDependencies": {
92
92
  "@microsoft/api-extractor": "^7.53.3",
@@ -121,8 +121,8 @@
121
121
  "coverage": "vitest run --coverage",
122
122
  "lint": "eslint .",
123
123
  "lint:fix": "eslint . --fix",
124
- "format": "prettier --write .",
125
- "format:check": "prettier --check .",
124
+ "format": "prettier --write . --ignore-path ../../.prettierignore",
125
+ "format:check": "prettier --check . --ignore-path ../../.prettierignore",
126
126
  "typecheck": "tsc -p tsconfig.json --noEmit",
127
127
  "storybook": "storybook dev -p 6006",
128
128
  "build-storybook": "storybook build"