@yuva-devlab/ui 1.4.1 → 1.4.3

package/dist/styles/components.css

@@ -416,21 +416,21 @@
 
   /* Sizes */
   .dl-btn--sm {
-    height: 2rem;
+    height: var(--control-height-sm, 2rem);
     padding: 0 0.75rem;
     font-size: 0.75rem;
   }
   .dl-btn--md {
-    height: 2.25rem;
+    height: var(--control-height-md, 2.25rem);
     padding: 0 1rem;
   }
   .dl-btn--lg {
-    height: 2.5rem;
+    height: var(--control-height-lg, 2.5rem);
     padding: 0 2rem;
   }
   .dl-btn--icon {
-    width: 2.25rem;
-    height: 2.25rem;
+    width: var(--control-height-md, 2.25rem);
+    height: var(--control-height-md, 2.25rem);
     padding: 0;
   }
 
@@ -1247,7 +1247,7 @@
   .dl-input {
     display: block;
     width: 100%;
-    height: 2.25rem;
+    height: var(--control-height-md, 2.25rem);
     border-radius: var(--radius-md, 0.375rem);
     border: 1px solid var(--input);
     background-color: transparent;
@@ -1332,8 +1332,8 @@
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 2.25rem;
-    height: 2.25rem;
+    width: var(--control-height-md, 2.25rem);
+    height: var(--control-height-md, 2.25rem);
     border-top: 1px solid var(--input);
     border-bottom: 1px solid var(--input);
     border-right: 1px solid var(--input);
@@ -2086,19 +2086,26 @@
   /* ── select ── */
   .dl-select-trigger {
     display: inline-flex;
-    min-height: 1.75rem;
+    width: 100%;
+    height: var(--control-height-md, 2.25rem);
+    min-height: var(--control-height-md, 2.25rem);
     align-items: center;
     justify-content: space-between;
     white-space: nowrap;
     border-radius: var(--radius-md, 0.375rem);
     border: 1px solid var(--input);
     background-color: transparent;
-    padding: 0 0.5rem;
-    font-size: 0.75rem;
+    padding: 0 0.75rem;
+    font-size: 0.875rem;
+    line-height: 1.25rem;
     font-family: inherit;
+    font-weight: 400;
     cursor: pointer;
     color: var(--foreground);
     box-shadow: 0 1px 2px rgb(0 0 0/0.05);
+    transition:
+      border-color 0.15s ease,
+      box-shadow 0.15s ease;
   }
   .dl-select-trigger[data-placeholder] {
     color: var(--muted-foreground);
@@ -2113,16 +2120,32 @@
   }
   .dl-select-trigger > svg {
     opacity: 0.5;
-    width: 0.75rem;
-    height: 0.75rem;
+    width: 1rem;
+    height: 1rem;
     flex-shrink: 0;
   }
 
+  /* Sizes */
+  .dl-select-trigger--sm {
+    height: var(--control-height-sm, 2rem);
+    min-height: var(--control-height-sm, 2rem);
+    padding: 0 0.5rem;
+    font-size: 0.75rem;
+  }
+  .dl-select-trigger--lg {
+    height: var(--control-height-lg, 2.5rem);
+    min-height: var(--control-height-lg, 2.5rem);
+    padding: 0 1rem;
+    font-size: 1rem;
+  }
+
   .dl-select-content {
     position: relative;
     z-index: 50;
     max-height: 24rem;
-    min-width: 8rem;
+    min-width: var(--radix-select-trigger-width, 8rem);
+    width: var(--radix-select-trigger-width, max-content);
+    max-width: var(--radix-select-content-available-width, 100vw);
     overflow: hidden;
     border-radius: var(--radius-md, 0.375rem);
     border: 1px solid var(--border);
@@ -2137,6 +2160,8 @@
     animation: dl-fade-out 100ms ease;
   }
   .dl-select-viewport {
+    width: 100%;
+    min-width: var(--radix-select-trigger-width, 8rem);
     padding: 0.25rem;
   }
 
@@ -2147,10 +2172,13 @@
     cursor: pointer;
     align-items: center;
     border-radius: var(--radius-sm, 0.25rem);
-    padding: 0.25rem 0.5rem 0.25rem 1.75rem;
-    font-size: 0.75rem;
+    padding: 0.375rem 0.625rem 0.375rem 2rem;
+    font-size: 0.875rem;
     outline: none;
     user-select: none;
+    transition:
+      background-color 0.15s ease,
+      color 0.15s ease;
   }
   .dl-select-item:focus,
   .dl-select-item[data-highlighted] {
@@ -2163,12 +2191,12 @@
   }
   .dl-select-item__indicator {
     position: absolute;
-    left: 0.5rem;
+    left: 0.625rem;
     display: flex;
     align-items: center;
     justify-content: center;
-    width: 0.75rem;
-    height: 0.75rem;
+    width: 0.875rem;
+    height: 0.875rem;
   }
   .dl-select-label {
     padding: 0.25rem 0.5rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yuva-devlab/ui",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",