shadcn-ui-react 0.7.7 → 0.7.9

package/dist/style.css

@@ -312,6 +312,9 @@
   .invisible {
     visibility: hidden;
   }
+  .visible {
+    visibility: visible;
+  }
   .sr-only {
     position: absolute;
     width: 1px;
@@ -422,6 +425,9 @@
   .left-3 {
     left: calc(var(--spacing) * 3);
   }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
   .left-\[50\%\] {
     left: 50%;
   }
@@ -521,9 +527,6 @@
   .hidden {
     display: none;
   }
-  .inline {
-    display: inline;
-  }
   .inline-flex {
     display: inline-flex;
   }
@@ -533,10 +536,30 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .size-3 {
+    width: calc(var(--spacing) * 3);
+    height: calc(var(--spacing) * 3);
+  }
+  .size-3\.5 {
+    width: calc(var(--spacing) * 3.5);
+    height: calc(var(--spacing) * 3.5);
+  }
   .size-4 {
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-5 {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+  .size-6 {
+    width: calc(var(--spacing) * 6);
+    height: calc(var(--spacing) * 6);
+  }
+  .size-7 {
+    width: calc(var(--spacing) * 7);
+    height: calc(var(--spacing) * 7);
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -586,6 +609,9 @@
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
+  .h-14 {
+    height: calc(var(--spacing) * 14);
+  }
   .h-28 {
     height: calc(var(--spacing) * 28);
   }
@@ -610,8 +636,8 @@
   .h-px {
     height: 1px;
   }
-  .max-h-80 {
-    max-height: calc(var(--spacing) * 80);
+  .max-h-72 {
+    max-height: calc(var(--spacing) * 72);
   }
   .max-h-96 {
     max-height: calc(var(--spacing) * 96);
@@ -628,6 +654,9 @@
   .min-h-\[60px\] {
     min-height: 60px;
   }
+  .w-\(--radix-select-trigger-width\) {
+    width: var(--radix-select-trigger-width);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -729,9 +758,6 @@
   .min-w-32 {
     min-width: calc(var(--spacing) * 32);
   }
-  .min-w-48 {
-    min-width: calc(var(--spacing) * 48);
-  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -803,6 +829,9 @@
   .rotate-90 {
     rotate: 90deg;
   }
+  .rotate-180 {
+    rotate: 180deg;
+  }
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
@@ -934,12 +963,20 @@
   .gap-y-1 {
     row-gap: calc(var(--spacing) * 1);
   }
+  .truncate {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
   .overflow-auto {
     overflow: auto;
   }
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-hidden\! {
+    overflow: hidden !important;
+  }
   .overflow-visible {
     overflow: visible;
   }
@@ -949,6 +986,9 @@
   .overflow-y-auto {
     overflow-y: auto;
   }
+  .overscroll-contain {
+    overscroll-behavior: contain;
+  }
   .rounded {
     border-radius: 0.25rem;
   }
@@ -1452,6 +1492,9 @@
   .pr-12 {
     padding-right: calc(var(--spacing) * 12);
   }
+  .pr-14 {
+    padding-right: calc(var(--spacing) * 14);
+  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -1473,6 +1516,9 @@
   .pl-12 {
     padding-left: calc(var(--spacing) * 12);
   }
+  .pl-14 {
+    padding-left: calc(var(--spacing) * 14);
+  }
   .text-center {
     text-align: center;
   }
@@ -1505,6 +1551,15 @@
   .text-\[0\.8rem\] {
     font-size: 0.8rem;
   }
+  .text-\[0\.85rem\] {
+    font-size: 0.85rem;
+  }
+  .text-\[1\.2rem\] {
+    font-size: 1.2rem;
+  }
+  .text-\[1\.3rem\] {
+    font-size: 1.3rem;
+  }
   .text-\[1\.15rem\] {
     font-size: 1.15rem;
   }
@@ -1557,7 +1612,7 @@
     --tw-tracking: var(--tracking-widest);
     letter-spacing: var(--tracking-widest);
   }
-  .break-words {
+  .wrap-break-word {
     overflow-wrap: break-word;
   }
   .whitespace-nowrap {
@@ -1653,6 +1708,9 @@
   .opacity-90 {
     opacity: 90%;
   }
+  .opacity-100 {
+    opacity: 100%;
+  }
   .shadow {
     --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
     box-shadow:
@@ -1725,6 +1783,15 @@
       var(--tw-ring-shadow),
       var(--tw-shadow);
   }
+  .shadow-xl {
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
   .ring-0 {
     --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
     box-shadow:
@@ -1883,6 +1950,9 @@
     -moz-user-select: none;
     user-select: none;
   }
+  .\[scrollbar-gutter\:stable\] {
+    scrollbar-gutter: stable;
+  }
   .duration-200 {
     animation-duration: 200ms;
   }
@@ -2082,6 +2152,33 @@
       z-index: 20;
     }
   }
+  .focus-within\:border-primary\/60 {
+    &:focus-within {
+      border-color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--primary) 60%, transparent);
+      }
+    }
+  }
+  .focus-within\:ring-2 {
+    &:focus-within {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow:
+        var(--tw-inset-shadow),
+        var(--tw-inset-ring-shadow),
+        var(--tw-ring-offset-shadow),
+        var(--tw-ring-shadow),
+        var(--tw-shadow);
+    }
+  }
+  .focus-within\:ring-primary\/20 {
+    &:focus-within {
+      --tw-ring-color: var(--primary);
+      @supports (color: color-mix(in lab, red, red)) {
+        --tw-ring-color: color-mix(in oklab, var(--primary) 20%, transparent);
+      }
+    }
+  }
   .hover\:border-gray-400 {
     &:hover {
       @media (hover: hover) {
@@ -2126,6 +2223,16 @@
       }
     }
   }
+  .hover\:bg-accent\/70 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--accent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--accent) 70%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-amber-500\/10 {
     &:hover {
       @media (hover: hover) {
@@ -2662,14 +2769,6 @@
       --tw-ring-color: var(--ring);
     }
   }
-  .focus\:ring-ring\/40 {
-    &:focus {
-      --tw-ring-color: var(--ring);
-      @supports (color: color-mix(in lab, red, red)) {
-        --tw-ring-color: color-mix(in oklab, var(--ring) 40%, transparent);
-      }
-    }
-  }
   .focus\:ring-offset-2 {
     &:focus {
       --tw-ring-offset-width: 2px;
@@ -3736,11 +3835,6 @@
       max-width: 420px;
     }
   }
-  .md\:max-w-sm {
-    @media (width >= 48rem) {
-      max-width: var(--container-sm);
-    }
-  }
   .lg\:block {
     @media (width >= 64rem) {
       display: block;
@@ -3900,6 +3994,26 @@
       width: calc(var(--spacing) * 5);
     }
   }
+  .\[\&_\[data-radix-select-viewport\]\]\:max-h-72 {
+    & [data-radix-select-viewport] {
+      max-height: calc(var(--spacing) * 72);
+    }
+  }
+  .\[\&_\[data-radix-select-viewport\]\]\:overflow-y-auto {
+    & [data-radix-select-viewport] {
+      overflow-y: auto;
+    }
+  }
+  .\[\&_\[data-radix-select-viewport\]\]\:overscroll-contain {
+    & [data-radix-select-viewport] {
+      overscroll-behavior: contain;
+    }
+  }
+  .\[\&_\[data-radix-select-viewport\]\]\:\[scrollbar-gutter\:stable\] {
+    & [data-radix-select-viewport] {
+      scrollbar-gutter: stable;
+    }
+  }
   .\[\&_p\]\:leading-relaxed {
     & p {
       --tw-leading: var(--leading-relaxed);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shadcn-ui-react",
-  "version": "0.7.7",
+  "version": "0.7.9",
   "private": false,
   "author": "Bleker <bleker@gliyen.com>",
   "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",
@@ -29,11 +29,12 @@
   },
   "keywords": [
     "shadcn-ui-react",
-    "react",
-    "react-component",
     "ui",
     "shadcn",
-    "shadcn-ui"
+    "shadcn/ui",
+    "shadcn-ui",
+    "react",
+    "react-component"
   ],
   "repository": {
     "type": "git",
@@ -58,45 +59,45 @@
     "@eslint/config-array": "^0.23.5",
     "@eslint/object-schema": "^3.0.5",
     "@hookform/resolvers": "^5.2.2",
-    "@tailwindcss/postcss": "^4.2.4",
-    "@tailwindcss/vite": "^4.2.4",
+    "@tailwindcss/postcss": "^4.3.0",
+    "@tailwindcss/vite": "^4.3.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest": "^30.0.0",
-    "@types/node": "^25.6.0",
+    "@types/node": "^25.6.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@typescript-eslint/eslint-plugin": "^8.59.2",
     "@typescript-eslint/parser": "^8.59.2",
     "autoprefixer": "^10.5.0",
-    "babel-jest": "^30.3.0",
+    "babel-jest": "^30.4.1",
     "cross-env": "^10.1.0",
     "eslint": "^10.3.0",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.5.2",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.3.0",
-    "jest-environment-jsdom": "^30.3.0",
-    "react": "^19.2.5",
-    "react-day-picker": "^9.14.0",
-    "react-dom": "^19.2.5",
-    "react-test-renderer": "^19.2.5",
+    "jest": "^30.4.2",
+    "jest-environment-jsdom": "^30.4.1",
+    "react": "^19.2.6",
+    "react-day-picker": "^10.0.0",
+    "react-dom": "^19.2.6",
+    "react-test-renderer": "^19.2.6",
     "rimraf": "^6.1.3",
-    "tailwindcss": "^4.2.4",
+    "tailwindcss": "^4.3.0",
     "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.5.1",
     "typescript": "^6.0.3",
     "vaul": "^1.1.2",
-    "vite": "^8.0.10",
+    "vite": "^8.0.11",
     "vite-plugin-dts": "^5.0.0",
     "vite-plugin-ts-alias": "^0.1.1",
     "zod": "^4.4.3"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.3.1 || ^19.2.5 || ^20.0.0",
-    "react-dom": "^17.0.0 || ^18.3.1 || ^19.2.5 || ^20.0.0"
+    "react": "^17.0.0 || ^18.3.1 || ^19.2.6 || ^20.0.0",
+    "react-dom": "^17.0.0 || ^18.3.1 || ^19.2.6 || ^20.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -151,4 +152,4 @@
     "use-debounce": "^10.1.1",
     "vaul": "^1.1.2"
   }
-}
+}