@sekiui/elements 0.0.49 → 0.0.51

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 (141) hide show
  1. package/dist/cdn/index.js +3 -3
  2. package/dist/cdn/{p-BLeUUc2-.js → p-bMBhrs0a.js} +29 -4
  3. package/dist/cdn/seki-button.js +2 -2
  4. package/dist/cdn/seki-field-description.js +2 -2
  5. package/dist/cdn/seki-field-error.js +2 -2
  6. package/dist/cdn/seki-field-group.js +2 -2
  7. package/dist/cdn/seki-field-label.js +2 -2
  8. package/dist/cdn/seki-field-legend.js +2 -2
  9. package/dist/cdn/seki-field.js +2 -2
  10. package/dist/cdn/seki-fieldset.js +2 -2
  11. package/dist/cdn/seki-input.js +2 -2
  12. package/dist/cdn/seki-select-content.d.ts +11 -0
  13. package/dist/cdn/seki-select-content.js +94 -0
  14. package/dist/cdn/seki-select-group.d.ts +11 -0
  15. package/dist/cdn/seki-select-group.js +42 -0
  16. package/dist/cdn/seki-select-option.d.ts +11 -0
  17. package/dist/cdn/seki-select-option.js +111 -0
  18. package/dist/cdn/seki-select-trigger.d.ts +11 -0
  19. package/dist/cdn/seki-select-trigger.js +149 -0
  20. package/dist/cdn/seki-select.d.ts +11 -0
  21. package/dist/cdn/seki-select.js +416 -0
  22. package/dist/cdn/seki-skeleton.js +3 -3
  23. package/dist/cjs/{index-BxD7Xe36.js → index-Dd6_-KaR.js} +29 -4
  24. package/dist/cjs/index.cjs.js +2 -2
  25. package/dist/cjs/loader.cjs.js +2 -2
  26. package/dist/cjs/seki-button.cjs.entry.js +2 -2
  27. package/dist/cjs/seki-field-description.cjs.entry.js +2 -2
  28. package/dist/cjs/seki-field-error.cjs.entry.js +2 -2
  29. package/dist/cjs/seki-field-group.cjs.entry.js +2 -2
  30. package/dist/cjs/seki-field-label.cjs.entry.js +2 -2
  31. package/dist/cjs/seki-field-legend.cjs.entry.js +2 -2
  32. package/dist/cjs/seki-field.cjs.entry.js +2 -2
  33. package/dist/cjs/seki-fieldset.cjs.entry.js +2 -2
  34. package/dist/cjs/seki-input.cjs.entry.js +2 -2
  35. package/dist/cjs/seki-select-content.cjs.entry.js +72 -0
  36. package/dist/cjs/seki-select-group.cjs.entry.js +21 -0
  37. package/dist/cjs/seki-select-option.cjs.entry.js +88 -0
  38. package/dist/cjs/seki-select-trigger.cjs.entry.js +128 -0
  39. package/dist/cjs/seki-select.cjs.entry.js +364 -0
  40. package/dist/cjs/seki-skeleton.cjs.entry.js +3 -3
  41. package/dist/cjs/seki-switch.cjs.entry.js +1 -1
  42. package/dist/cjs/sekiui.cjs.js +2 -2
  43. package/dist/collection/collection-manifest.json +5 -0
  44. package/dist/collection/components/button/seki-button.css +31 -0
  45. package/dist/collection/components/field/seki-field.css +31 -0
  46. package/dist/collection/components/field-description/seki-field-description.css +36 -3
  47. package/dist/collection/components/field-error/seki-field-error.css +36 -4
  48. package/dist/collection/components/field-group/seki-field-group.css +31 -0
  49. package/dist/collection/components/field-label/seki-field-label.css +36 -4
  50. package/dist/collection/components/field-legend/seki-field-legend.css +36 -4
  51. package/dist/collection/components/fieldset/seki-fieldset.css +31 -0
  52. package/dist/collection/components/input/seki-input.css +37 -3
  53. package/dist/collection/components/select/seki-select.css +441 -0
  54. package/dist/collection/components/select/seki-select.js +865 -0
  55. package/dist/collection/components/select-content/seki-select-content.css +434 -0
  56. package/dist/collection/components/select-content/seki-select-content.js +112 -0
  57. package/dist/collection/components/select-group/seki-select-group.css +428 -0
  58. package/dist/collection/components/select-group/seki-select-group.js +51 -0
  59. package/dist/collection/components/select-option/seki-select-option.css +458 -0
  60. package/dist/collection/components/select-option/seki-select-option.js +188 -0
  61. package/dist/collection/components/select-trigger/seki-select-trigger.css +514 -0
  62. package/dist/collection/components/select-trigger/seki-select-trigger.js +140 -0
  63. package/dist/collection/components/skeleton/seki-skeleton.css +31 -0
  64. package/dist/collection/components/skeleton/seki-skeleton.js +1 -1
  65. package/dist/collection/components/switch/seki-switch.css +31 -0
  66. package/dist/collection/utils/select/index.js +6 -0
  67. package/dist/collection/utils/select/select-context.js +38 -0
  68. package/dist/collection/utils/select/types.js +1 -0
  69. package/dist/components/index.js +3 -3
  70. package/dist/components/{p-BFmmBW7R.js → p-QhPshhKB.js} +29 -4
  71. package/dist/components/seki-button.js +2 -2
  72. package/dist/components/seki-field-description.js +2 -2
  73. package/dist/components/seki-field-error.js +2 -2
  74. package/dist/components/seki-field-group.js +2 -2
  75. package/dist/components/seki-field-label.js +2 -2
  76. package/dist/components/seki-field-legend.js +2 -2
  77. package/dist/components/seki-field.js +2 -2
  78. package/dist/components/seki-fieldset.js +2 -2
  79. package/dist/components/seki-input.js +2 -2
  80. package/dist/components/seki-select-content.d.ts +11 -0
  81. package/dist/components/seki-select-content.js +94 -0
  82. package/dist/components/seki-select-group.d.ts +11 -0
  83. package/dist/components/seki-select-group.js +42 -0
  84. package/dist/components/seki-select-option.d.ts +11 -0
  85. package/dist/components/seki-select-option.js +111 -0
  86. package/dist/components/seki-select-trigger.d.ts +11 -0
  87. package/dist/components/seki-select-trigger.js +149 -0
  88. package/dist/components/seki-select.d.ts +11 -0
  89. package/dist/components/seki-select.js +416 -0
  90. package/dist/components/seki-skeleton.js +3 -3
  91. package/dist/esm/{index-ByHohxc0.js → index-CuXbV_yz.js} +29 -4
  92. package/dist/esm/index.js +2 -2
  93. package/dist/esm/loader.js +3 -3
  94. package/dist/esm/seki-button.entry.js +2 -2
  95. package/dist/esm/seki-field-description.entry.js +2 -2
  96. package/dist/esm/seki-field-error.entry.js +2 -2
  97. package/dist/esm/seki-field-group.entry.js +2 -2
  98. package/dist/esm/seki-field-label.entry.js +2 -2
  99. package/dist/esm/seki-field-legend.entry.js +2 -2
  100. package/dist/esm/seki-field.entry.js +2 -2
  101. package/dist/esm/seki-fieldset.entry.js +2 -2
  102. package/dist/esm/seki-input.entry.js +2 -2
  103. package/dist/esm/seki-select-content.entry.js +70 -0
  104. package/dist/esm/seki-select-group.entry.js +19 -0
  105. package/dist/esm/seki-select-option.entry.js +86 -0
  106. package/dist/esm/seki-select-trigger.entry.js +126 -0
  107. package/dist/esm/seki-select.entry.js +362 -0
  108. package/dist/esm/seki-skeleton.entry.js +3 -3
  109. package/dist/esm/seki-switch.entry.js +1 -1
  110. package/dist/esm/sekiui.js +3 -3
  111. package/dist/sekiui/index.esm.js +1 -1
  112. package/dist/sekiui/{p-bc921daa.entry.js → p-0e89720a.entry.js} +1 -1
  113. package/dist/sekiui/{p-1b1a5e38.entry.js → p-0f64a7dd.entry.js} +1 -1
  114. package/dist/sekiui/p-20eb85c9.entry.js +1 -0
  115. package/dist/sekiui/{p-128cfe90.entry.js → p-23a61342.entry.js} +1 -1
  116. package/dist/sekiui/{p-459bb637.entry.js → p-4eef5a47.entry.js} +1 -1
  117. package/dist/sekiui/{p-d034b071.entry.js → p-5852ad8e.entry.js} +1 -1
  118. package/dist/sekiui/{p-1c923d08.entry.js → p-62236175.entry.js} +1 -1
  119. package/dist/sekiui/p-6e238adf.entry.js +1 -0
  120. package/dist/sekiui/{p-2ecf7587.entry.js → p-93d70750.entry.js} +1 -1
  121. package/dist/sekiui/{p-70281e83.entry.js → p-9fe07f6e.entry.js} +1 -1
  122. package/dist/sekiui/p-CuXbV_yz.js +2 -0
  123. package/dist/sekiui/{p-51f2af94.entry.js → p-aad78e67.entry.js} +1 -1
  124. package/dist/sekiui/{p-281803dd.entry.js → p-c878de6d.entry.js} +1 -1
  125. package/dist/sekiui/p-c93edddc.entry.js +1 -0
  126. package/dist/sekiui/p-d7492f49.entry.js +1 -0
  127. package/dist/sekiui/{p-3b2d3e96.entry.js → p-eb19f073.entry.js} +1 -1
  128. package/dist/sekiui/p-eefbc037.entry.js +1 -0
  129. package/dist/sekiui/sekiui.css +1 -1
  130. package/dist/sekiui/sekiui.esm.js +1 -1
  131. package/dist/types/components/select/seki-select.d.ts +92 -0
  132. package/dist/types/components/select-content/seki-select-content.d.ts +15 -0
  133. package/dist/types/components/select-group/seki-select-group.d.ts +10 -0
  134. package/dist/types/components/select-option/seki-select-option.d.ts +30 -0
  135. package/dist/types/components/select-trigger/seki-select-trigger.d.ts +21 -0
  136. package/dist/types/components.d.ts +314 -0
  137. package/dist/types/utils/select/index.d.ts +6 -0
  138. package/dist/types/utils/select/select-context.d.ts +19 -0
  139. package/dist/types/utils/select/types.d.ts +109 -0
  140. package/package.json +4 -1
  141. package/dist/sekiui/p-ByHohxc0.js +0 -2
package/dist/collection/components/field-error/seki-field-error.css CHANGED
@@ -257,6 +257,37 @@
257
257
  --seki-input-invalid-ring: var(--seki-destructive);
258
258
  --seki-input-disabled-opacity: 0.5;
259
259
  --seki-input-radius: var(--seki-radius-md);
260
+ --seki-input-ring-offset: 2px;
261
+
262
+ /* Select Component Colors */
263
+ --seki-select-trigger-bg: var(--seki-background);
264
+ --seki-select-trigger-border: 1px solid var(--seki-border);
265
+ --seki-select-trigger-bg-hover: var(--seki-muted);
266
+ --seki-select-trigger-radius: var(--seki-radius-md);
267
+ --seki-select-trigger-min-height: 2.5rem;
268
+ --seki-select-trigger-padding: 0.5rem 0.75rem;
269
+ --seki-select-trigger-gap: 0.5rem;
270
+
271
+ /* Select Content/Dropdown */
272
+ --seki-select-content-bg: var(--seki-popover);
273
+ --seki-select-content-border: 1px solid var(--seki-border);
274
+ --seki-select-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
275
+ --seki-select-content-radius: var(--seki-radius-md);
276
+ --seki-select-content-padding: 0.5rem 0;
277
+
278
+ /* Select Option */
279
+ --seki-select-option-padding: 0.5rem 0.75rem;
280
+ --seki-select-option-gap: 0.5rem;
281
+ --seki-select-option-radius: var(--seki-radius-sm);
282
+ --seki-select-option-bg-hover: var(--seki-muted);
283
+ --seki-select-option-bg-selected: var(--seki-muted);
284
+
285
+ /* Select Group */
286
+ --seki-select-group-label-padding: 0.5rem 0.75rem;
287
+ --seki-select-group-label-font-size: var(--seki-font-size-xs);
288
+ --seki-select-group-label-font-weight: var(--seki-font-semibold);
289
+ --seki-select-group-label-color: var(--seki-muted-foreground);
290
+ --seki-select-group-separator: 1px solid var(--seki-border);
260
291
  }
261
292
 
262
293
  /**
@@ -359,10 +390,11 @@
359
390
  }
360
391
 
361
392
  .error {
362
- color: var(--seki-error-color, hsl(var(--seki-destructive)));
363
- font-size: var(--seki-error-font-size, 0.875rem);
364
- line-height: var(--seki-error-line-height, 1.4);
365
- font-weight: var(--seki-error-font-weight, 400);
393
+ color: var(--seki-error-color, var(--seki-destructive));
394
+ font-family: var(--seki-font-sans);
395
+ font-size: var(--seki-error-font-size, var(--seki-font-size-sm));
396
+ font-weight: var(--seki-error-font-weight, var(--seki-font-normal));
397
+ line-height: var(--seki-error-line-height, var(--seki-leading-relaxed));
366
398
  }
367
399
 
368
400
  /* Reduced motion */
package/dist/collection/components/field-group/seki-field-group.css CHANGED
@@ -257,6 +257,37 @@
257
257
  --seki-input-invalid-ring: var(--seki-destructive);
258
258
  --seki-input-disabled-opacity: 0.5;
259
259
  --seki-input-radius: var(--seki-radius-md);
260
+ --seki-input-ring-offset: 2px;
261
+
262
+ /* Select Component Colors */
263
+ --seki-select-trigger-bg: var(--seki-background);
264
+ --seki-select-trigger-border: 1px solid var(--seki-border);
265
+ --seki-select-trigger-bg-hover: var(--seki-muted);
266
+ --seki-select-trigger-radius: var(--seki-radius-md);
267
+ --seki-select-trigger-min-height: 2.5rem;
268
+ --seki-select-trigger-padding: 0.5rem 0.75rem;
269
+ --seki-select-trigger-gap: 0.5rem;
270
+
271
+ /* Select Content/Dropdown */
272
+ --seki-select-content-bg: var(--seki-popover);
273
+ --seki-select-content-border: 1px solid var(--seki-border);
274
+ --seki-select-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
275
+ --seki-select-content-radius: var(--seki-radius-md);
276
+ --seki-select-content-padding: 0.5rem 0;
277
+
278
+ /* Select Option */
279
+ --seki-select-option-padding: 0.5rem 0.75rem;
280
+ --seki-select-option-gap: 0.5rem;
281
+ --seki-select-option-radius: var(--seki-radius-sm);
282
+ --seki-select-option-bg-hover: var(--seki-muted);
283
+ --seki-select-option-bg-selected: var(--seki-muted);
284
+
285
+ /* Select Group */
286
+ --seki-select-group-label-padding: 0.5rem 0.75rem;
287
+ --seki-select-group-label-font-size: var(--seki-font-size-xs);
288
+ --seki-select-group-label-font-weight: var(--seki-font-semibold);
289
+ --seki-select-group-label-color: var(--seki-muted-foreground);
290
+ --seki-select-group-separator: 1px solid var(--seki-border);
260
291
  }
261
292
 
262
293
  /**
package/dist/collection/components/field-label/seki-field-label.css CHANGED
@@ -257,6 +257,37 @@
257
257
  --seki-input-invalid-ring: var(--seki-destructive);
258
258
  --seki-input-disabled-opacity: 0.5;
259
259
  --seki-input-radius: var(--seki-radius-md);
260
+ --seki-input-ring-offset: 2px;
261
+
262
+ /* Select Component Colors */
263
+ --seki-select-trigger-bg: var(--seki-background);
264
+ --seki-select-trigger-border: 1px solid var(--seki-border);
265
+ --seki-select-trigger-bg-hover: var(--seki-muted);
266
+ --seki-select-trigger-radius: var(--seki-radius-md);
267
+ --seki-select-trigger-min-height: 2.5rem;
268
+ --seki-select-trigger-padding: 0.5rem 0.75rem;
269
+ --seki-select-trigger-gap: 0.5rem;
270
+
271
+ /* Select Content/Dropdown */
272
+ --seki-select-content-bg: var(--seki-popover);
273
+ --seki-select-content-border: 1px solid var(--seki-border);
274
+ --seki-select-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
275
+ --seki-select-content-radius: var(--seki-radius-md);
276
+ --seki-select-content-padding: 0.5rem 0;
277
+
278
+ /* Select Option */
279
+ --seki-select-option-padding: 0.5rem 0.75rem;
280
+ --seki-select-option-gap: 0.5rem;
281
+ --seki-select-option-radius: var(--seki-radius-sm);
282
+ --seki-select-option-bg-hover: var(--seki-muted);
283
+ --seki-select-option-bg-selected: var(--seki-muted);
284
+
285
+ /* Select Group */
286
+ --seki-select-group-label-padding: 0.5rem 0.75rem;
287
+ --seki-select-group-label-font-size: var(--seki-font-size-xs);
288
+ --seki-select-group-label-font-weight: var(--seki-font-semibold);
289
+ --seki-select-group-label-color: var(--seki-muted-foreground);
290
+ --seki-select-group-separator: 1px solid var(--seki-border);
260
291
  }
261
292
 
262
293
  /**
@@ -360,10 +391,11 @@
360
391
 
361
392
  label {
362
393
  display: inline-block;
363
- color: var(--seki-label-color, hsl(var(--seki-foreground)));
364
- font-size: var(--seki-label-font-size, 0.875rem);
365
- font-weight: var(--seki-label-font-weight, 500);
366
- line-height: var(--seki-label-line-height, 1.25);
394
+ color: var(--seki-label-color, var(--seki-foreground));
395
+ font-family: var(--seki-font-sans);
396
+ font-size: var(--seki-label-font-size, var(--seki-font-size-sm));
397
+ font-weight: var(--seki-label-font-weight, var(--seki-font-medium));
398
+ line-height: var(--seki-label-line-height, var(--seki-leading-tight));
367
399
  cursor: pointer;
368
400
  }
369
401
 
package/dist/collection/components/field-legend/seki-field-legend.css CHANGED
@@ -257,6 +257,37 @@
257
257
  --seki-input-invalid-ring: var(--seki-destructive);
258
258
  --seki-input-disabled-opacity: 0.5;
259
259
  --seki-input-radius: var(--seki-radius-md);
260
+ --seki-input-ring-offset: 2px;
261
+
262
+ /* Select Component Colors */
263
+ --seki-select-trigger-bg: var(--seki-background);
264
+ --seki-select-trigger-border: 1px solid var(--seki-border);
265
+ --seki-select-trigger-bg-hover: var(--seki-muted);
266
+ --seki-select-trigger-radius: var(--seki-radius-md);
267
+ --seki-select-trigger-min-height: 2.5rem;
268
+ --seki-select-trigger-padding: 0.5rem 0.75rem;
269
+ --seki-select-trigger-gap: 0.5rem;
270
+
271
+ /* Select Content/Dropdown */
272
+ --seki-select-content-bg: var(--seki-popover);
273
+ --seki-select-content-border: 1px solid var(--seki-border);
274
+ --seki-select-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
275
+ --seki-select-content-radius: var(--seki-radius-md);
276
+ --seki-select-content-padding: 0.5rem 0;
277
+
278
+ /* Select Option */
279
+ --seki-select-option-padding: 0.5rem 0.75rem;
280
+ --seki-select-option-gap: 0.5rem;
281
+ --seki-select-option-radius: var(--seki-radius-sm);
282
+ --seki-select-option-bg-hover: var(--seki-muted);
283
+ --seki-select-option-bg-selected: var(--seki-muted);
284
+
285
+ /* Select Group */
286
+ --seki-select-group-label-padding: 0.5rem 0.75rem;
287
+ --seki-select-group-label-font-size: var(--seki-font-size-xs);
288
+ --seki-select-group-label-font-weight: var(--seki-font-semibold);
289
+ --seki-select-group-label-color: var(--seki-muted-foreground);
290
+ --seki-select-group-separator: 1px solid var(--seki-border);
260
291
  }
261
292
 
262
293
  /**
@@ -360,10 +391,11 @@
360
391
 
361
392
  legend {
362
393
  display: block;
363
- color: var(--seki-label-color, hsl(var(--seki-foreground)));
364
- font-size: var(--seki-label-font-size, 0.875rem);
365
- font-weight: var(--seki-label-font-weight, 500);
366
- line-height: var(--seki-label-line-height, 1.25);
394
+ color: var(--seki-label-color, var(--seki-foreground));
395
+ font-family: var(--seki-font-sans);
396
+ font-size: var(--seki-label-font-size, var(--seki-font-size-sm));
397
+ font-weight: var(--seki-label-font-weight, var(--seki-font-medium));
398
+ line-height: var(--seki-label-line-height, var(--seki-leading-tight));
367
399
  margin-bottom: var(--seki-field-spacing, 0.5rem);
368
400
  }
369
401
 
package/dist/collection/components/fieldset/seki-fieldset.css CHANGED
@@ -257,6 +257,37 @@
257
257
  --seki-input-invalid-ring: var(--seki-destructive);
258
258
  --seki-input-disabled-opacity: 0.5;
259
259
  --seki-input-radius: var(--seki-radius-md);
260
+ --seki-input-ring-offset: 2px;
261
+
262
+ /* Select Component Colors */
263
+ --seki-select-trigger-bg: var(--seki-background);
264
+ --seki-select-trigger-border: 1px solid var(--seki-border);
265
+ --seki-select-trigger-bg-hover: var(--seki-muted);
266
+ --seki-select-trigger-radius: var(--seki-radius-md);
267
+ --seki-select-trigger-min-height: 2.5rem;
268
+ --seki-select-trigger-padding: 0.5rem 0.75rem;
269
+ --seki-select-trigger-gap: 0.5rem;
270
+
271
+ /* Select Content/Dropdown */
272
+ --seki-select-content-bg: var(--seki-popover);
273
+ --seki-select-content-border: 1px solid var(--seki-border);
274
+ --seki-select-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
275
+ --seki-select-content-radius: var(--seki-radius-md);
276
+ --seki-select-content-padding: 0.5rem 0;
277
+
278
+ /* Select Option */
279
+ --seki-select-option-padding: 0.5rem 0.75rem;
280
+ --seki-select-option-gap: 0.5rem;
281
+ --seki-select-option-radius: var(--seki-radius-sm);
282
+ --seki-select-option-bg-hover: var(--seki-muted);
283
+ --seki-select-option-bg-selected: var(--seki-muted);
284
+
285
+ /* Select Group */
286
+ --seki-select-group-label-padding: 0.5rem 0.75rem;
287
+ --seki-select-group-label-font-size: var(--seki-font-size-xs);
288
+ --seki-select-group-label-font-weight: var(--seki-font-semibold);
289
+ --seki-select-group-label-color: var(--seki-muted-foreground);
290
+ --seki-select-group-separator: 1px solid var(--seki-border);
260
291
  }
261
292
 
262
293
  /**
package/dist/collection/components/input/seki-input.css CHANGED
@@ -257,6 +257,37 @@
257
257
  --seki-input-invalid-ring: var(--seki-destructive);
258
258
  --seki-input-disabled-opacity: 0.5;
259
259
  --seki-input-radius: var(--seki-radius-md);
260
+ --seki-input-ring-offset: 2px;
261
+
262
+ /* Select Component Colors */
263
+ --seki-select-trigger-bg: var(--seki-background);
264
+ --seki-select-trigger-border: 1px solid var(--seki-border);
265
+ --seki-select-trigger-bg-hover: var(--seki-muted);
266
+ --seki-select-trigger-radius: var(--seki-radius-md);
267
+ --seki-select-trigger-min-height: 2.5rem;
268
+ --seki-select-trigger-padding: 0.5rem 0.75rem;
269
+ --seki-select-trigger-gap: 0.5rem;
270
+
271
+ /* Select Content/Dropdown */
272
+ --seki-select-content-bg: var(--seki-popover);
273
+ --seki-select-content-border: 1px solid var(--seki-border);
274
+ --seki-select-content-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
275
+ --seki-select-content-radius: var(--seki-radius-md);
276
+ --seki-select-content-padding: 0.5rem 0;
277
+
278
+ /* Select Option */
279
+ --seki-select-option-padding: 0.5rem 0.75rem;
280
+ --seki-select-option-gap: 0.5rem;
281
+ --seki-select-option-radius: var(--seki-radius-sm);
282
+ --seki-select-option-bg-hover: var(--seki-muted);
283
+ --seki-select-option-bg-selected: var(--seki-muted);
284
+
285
+ /* Select Group */
286
+ --seki-select-group-label-padding: 0.5rem 0.75rem;
287
+ --seki-select-group-label-font-size: var(--seki-font-size-xs);
288
+ --seki-select-group-label-font-weight: var(--seki-font-semibold);
289
+ --seki-select-group-label-color: var(--seki-muted-foreground);
290
+ --seki-select-group-separator: 1px solid var(--seki-border);
260
291
  }
261
292
 
262
293
  /**
@@ -364,7 +395,9 @@
364
395
  box-sizing: border-box;
365
396
  width: 100%;
366
397
  font-family: var(--seki-font-sans);
367
- font-size: var(--seki-input-font-size);
398
+ font-size: var(--seki-input-font-size, var(--seki-font-size-base));
399
+ font-weight: var(--seki-font-normal);
400
+ line-height: var(--seki-leading-normal);
368
401
  border-radius: var(--seki-input-radius);
369
402
  border: 1px solid var(--seki-input-border);
370
403
  background: var(--seki-input-bg);
@@ -409,17 +442,18 @@
409
442
  /* Size variants */
410
443
  .input--sm {
411
444
  height: var(--seki-input-height-sm);
412
- font-size: calc(var(--seki-input-font-size) * 0.875); /* 12px */
445
+ font-size: var(--seki-font-size-sm);
413
446
  padding: calc(var(--seki-input-padding-y) * 0.75) calc(var(--seki-input-padding-x) * 0.875);
414
447
  }
415
448
 
416
449
  .input--md {
417
450
  height: var(--seki-input-height-md);
451
+ font-size: var(--seki-font-size-base);
418
452
  }
419
453
 
420
454
  .input--lg {
421
455
  height: var(--seki-input-height-lg);
422
- font-size: calc(var(--seki-input-font-size) * 1.125); /* 16px */
456
+ font-size: var(--seki-font-size-lg);
423
457
  padding: calc(var(--seki-input-padding-y) * 1.25) calc(var(--seki-input-padding-x) * 1.125);
424
458
  }
425
459