shadcn-ui-react 0.7.9 → 0.7.10

package/dist/style.css

@@ -64,6 +64,7 @@
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
+    --container-xl: 36rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -347,12 +348,6 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
-  .start {
-    inset-inline-start: var(--spacing);
-  }
-  .end {
-    inset-inline-end: var(--spacing);
-  }
   .-top-12 {
     top: calc(var(--spacing) * -12);
   }
@@ -564,9 +559,6 @@
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
   }
-  .h-\(--radix-select-trigger-height\) {
-    height: var(--radix-select-trigger-height);
-  }
   .h-1\.5 {
     height: calc(var(--spacing) * 1.5);
   }
@@ -639,21 +631,27 @@
   .max-h-72 {
     max-height: calc(var(--spacing) * 72);
   }
-  .max-h-96 {
-    max-height: calc(var(--spacing) * 96);
-  }
   .max-h-\[300px\] {
     max-height: 300px;
   }
+  .max-h-\[min\(20rem\,var\(--radix-select-content-available-height\)\)\] {
+    max-height: min(20rem, var(--radix-select-content-available-height));
+  }
   .max-h-screen {
     max-height: 100vh;
   }
   .min-h-0 {
     min-height: calc(var(--spacing) * 0);
   }
+  .min-h-10 {
+    min-height: calc(var(--spacing) * 10);
+  }
   .min-h-\[60px\] {
     min-height: 60px;
   }
+  .min-h-screen {
+    min-height: 100vh;
+  }
   .w-\(--radix-select-trigger-width\) {
     width: var(--radix-select-trigger-width);
   }
@@ -749,6 +747,9 @@
   .max-w-md {
     max-width: var(--container-md);
   }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
   .min-w-\(--radix-select-trigger-width\) {
     min-width: var(--radix-select-trigger-width);
   }
@@ -853,6 +854,9 @@
   .touch-none {
     touch-action: none;
   }
+  .\[scrollbar-gutter\:stable\] {
+    scrollbar-gutter: stable;
+  }
   .list-none {
     list-style-type: none;
   }
@@ -907,6 +911,9 @@
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
+  .gap-6 {
+    gap: calc(var(--spacing) * 6);
+  }
   .space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1023,9 +1030,17 @@
     border-top-left-radius: 10px;
     border-top-right-radius: 10px;
   }
+  .rounded-l-md {
+    border-top-left-radius: calc(var(--radius) - 2px);
+    border-bottom-left-radius: calc(var(--radius) - 2px);
+  }
   .rounded-tl-sm {
     border-top-left-radius: calc(var(--radius) - 4px);
   }
+  .rounded-r-md {
+    border-top-right-radius: calc(var(--radius) - 2px);
+    border-bottom-right-radius: calc(var(--radius) - 2px);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1411,6 +1426,9 @@
   .p-6 {
     padding: calc(var(--spacing) * 6);
   }
+  .p-10 {
+    padding: calc(var(--spacing) * 10);
+  }
   .p-\[1px\] {
     padding: 1px;
   }
@@ -1498,6 +1516,9 @@
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
+  .pb-230 {
+    padding-bottom: calc(var(--spacing) * 230);
+  }
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
@@ -1950,9 +1971,6 @@
     -moz-user-select: none;
     user-select: none;
   }
-  .\[scrollbar-gutter\:stable\] {
-    scrollbar-gutter: stable;
-  }
   .duration-200 {
     animation-duration: 200ms;
   }
@@ -2152,6 +2170,11 @@
       z-index: 20;
     }
   }
+  .focus-within\:border-primary {
+    &:focus-within {
+      border-color: var(--primary);
+    }
+  }
   .focus-within\:border-primary\/60 {
     &:focus-within {
       border-color: var(--primary);
@@ -2374,13 +2397,6 @@
       }
     }
   }
-  .hover\:bg-primary {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--primary);
-      }
-    }
-  }
   .hover\:bg-primary\/15 {
     &:hover {
       @media (hover: hover) {
@@ -2507,13 +2523,6 @@
       }
     }
   }
-  .hover\:text-primary-foreground {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--primary-foreground);
-      }
-    }
-  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -2682,21 +2691,11 @@
       }
     }
   }
-  .focus\:bg-primary {
-    &:focus {
-      background-color: var(--primary);
-    }
-  }
   .focus\:text-accent-foreground {
     &:focus {
       color: var(--accent-foreground);
     }
   }
-  .focus\:text-primary-foreground {
-    &:focus {
-      color: var(--primary-foreground);
-    }
-  }
   .focus\:underline {
     &:focus {
       text-decoration-line: underline;
@@ -2949,34 +2948,11 @@
       background-color: var(--accent);
     }
   }
-  .aria-selected\:bg-accent\/50 {
-    &[aria-selected=true] {
-      background-color: var(--accent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
-      }
-    }
-  }
   .aria-selected\:text-accent-foreground {
     &[aria-selected=true] {
       color: var(--accent-foreground);
     }
   }
-  .aria-selected\:text-muted-foreground {
-    &[aria-selected=true] {
-      color: var(--muted-foreground);
-    }
-  }
-  .aria-selected\:opacity-30 {
-    &[aria-selected=true] {
-      opacity: 30%;
-    }
-  }
-  .aria-selected\:opacity-100 {
-    &[aria-selected=true] {
-      opacity: 100%;
-    }
-  }
   .aria-\[orientation\=vertical\]\:flex-col {
     &[aria-orientation=vertical] {
       flex-direction: column;
@@ -3765,13 +3741,10 @@
       gap: calc(var(--spacing) * 8);
     }
   }
-  .sm\:space-y-0 {
+  .sm\:gap-x-4 {
     @media (width >= 40rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-y-reverse: 0;
-        margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
-        margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)));
-      }
+      -moz-column-gap: calc(var(--spacing) * 4);
+      column-gap: calc(var(--spacing) * 4);
     }
   }
   .sm\:space-x-2 {
@@ -3783,13 +3756,9 @@
       }
     }
   }
-  .sm\:space-x-4 {
+  .sm\:gap-y-0 {
     @media (width >= 40rem) {
-      :where(& > :not(:last-child)) {
-        --tw-space-x-reverse: 0;
-        margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));
-        margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
-      }
+      row-gap: calc(var(--spacing) * 0);
     }
   }
   .sm\:rounded-lg {
@@ -3999,6 +3968,11 @@
       max-height: calc(var(--spacing) * 72);
     }
   }
+  .\[\&_\[data-radix-select-viewport\]\]\:\[scrollbar-gutter\:stable\] {
+    & [data-radix-select-viewport] {
+      scrollbar-gutter: stable;
+    }
+  }
   .\[\&_\[data-radix-select-viewport\]\]\:overflow-y-auto {
     & [data-radix-select-viewport] {
       overflow-y: auto;
@@ -4009,11 +3983,6 @@
       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);
@@ -4246,69 +4215,84 @@
       line-height: var(--tw-leading, var(--text-xs--line-height));
     }
   }
-  .\[\&\:has\(\>\.day-range-end\)\]\:rounded-r-md {
-    &:has(> .day-range-end) {
-      border-top-right-radius: calc(var(--radius) - 2px);
-      border-bottom-right-radius: calc(var(--radius) - 2px);
+  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
+    &:has([role=checkbox]) {
+      padding-right: calc(var(--spacing) * 0);
+    }
+  }
+  .\*\:\[\[role\=checkbox\]\]\:translate-y-0\.5 {
+    :is(& > *) {
+      &:is([role=checkbox]) {
+        --tw-translate-y: calc(var(--spacing) * 0.5);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .\[\&\>button\]\:cursor-not-allowed {
+    & > button {
+      cursor: not-allowed;
     }
   }
-  .\[\&\:has\(\>\.day-range-start\)\]\:rounded-l-md {
-    &:has(> .day-range-start) {
+  .\[\&\>button\]\:rounded-none {
+    & > button {
+      border-radius: 0;
+    }
+  }
+  .\[\&\>button\]\:rounded-l-md {
+    & > button {
       border-top-left-radius: calc(var(--radius) - 2px);
       border-bottom-left-radius: calc(var(--radius) - 2px);
     }
   }
-  .\[\&\:has\(\[aria-selected\]\)\]\:rounded-md {
-    &:has([aria-selected]) {
-      border-radius: calc(var(--radius) - 2px);
+  .\[\&\>button\]\:rounded-r-md {
+    & > button {
+      border-top-right-radius: calc(var(--radius) - 2px);
+      border-bottom-right-radius: calc(var(--radius) - 2px);
     }
   }
-  .\[\&\:has\(\[aria-selected\]\)\]\:bg-accent {
-    &:has([aria-selected]) {
+  .\[\&\>button\]\:bg-accent {
+    & > button {
       background-color: var(--accent);
     }
   }
-  .first\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-l-md {
-    &:first-child {
-      &:has([aria-selected]) {
-        border-top-left-radius: calc(var(--radius) - 2px);
-        border-bottom-left-radius: calc(var(--radius) - 2px);
-      }
+  .\[\&\>button\]\:bg-primary {
+    & > button {
+      background-color: var(--primary);
     }
   }
-  .last\:\[\&\:has\(\[aria-selected\]\)\]\:rounded-r-md {
-    &:last-child {
-      &:has([aria-selected]) {
-        border-top-right-radius: calc(var(--radius) - 2px);
-        border-bottom-right-radius: calc(var(--radius) - 2px);
-      }
+  .\[\&\>button\]\:text-accent-foreground {
+    & > button {
+      color: var(--accent-foreground);
     }
   }
-  .\[\&\:has\(\[aria-selected\]\.day-outside\)\]\:bg-accent\/50 {
-    &:has([aria-selected].day-outside) {
-      background-color: var(--accent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
-      }
+  .\[\&\>button\]\:text-muted-foreground {
+    & > button {
+      color: var(--muted-foreground);
     }
   }
-  .\[\&\:has\(\[aria-selected\]\.day-range-end\)\]\:rounded-r-md {
-    &:has([aria-selected].day-range-end) {
-      border-top-right-radius: calc(var(--radius) - 2px);
-      border-bottom-right-radius: calc(var(--radius) - 2px);
+  .\[\&\>button\]\:text-primary-foreground {
+    & > button {
+      color: var(--primary-foreground);
     }
   }
-  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0 {
-    &:has([role=checkbox]) {
-      padding-right: calc(var(--spacing) * 0);
+  .\[\&\>button\:focus\]\:bg-primary {
+    & > button:focus {
+      background-color: var(--primary);
     }
   }
-  .\*\:\[\[role\=checkbox\]\]\:translate-y-0\.5 {
-    :is(& > *) {
-      &:is([role=checkbox]) {
-        --tw-translate-y: calc(var(--spacing) * 0.5);
-        translate: var(--tw-translate-x) var(--tw-translate-y);
-      }
+  .\[\&\>button\:focus\]\:text-primary-foreground {
+    & > button:focus {
+      color: var(--primary-foreground);
+    }
+  }
+  .\[\&\>button\:hover\]\:bg-primary {
+    & > button:hover {
+      background-color: var(--primary);
+    }
+  }
+  .\[\&\>button\:hover\]\:text-primary-foreground {
+    & > button:hover {
+      color: var(--primary-foreground);
     }
   }
   .\[\&\>span\]\:line-clamp-1 {
@@ -4658,4 +4642,4 @@
     }
   }
 }
-/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */

package/package.json

@@ -1,28 +1,27 @@
 {
   "name": "shadcn-ui-react",
-  "version": "0.7.9",
+  "version": "0.7.10",
   "private": false,
   "author": "Bleker <bleker@gliyen.com>",
   "description": "A collection of components for building beautiful and accessible user interfaces with React and Tailwind CSS.",
-  "sideEffect": [
-    "**/*.css"
-  ],
   "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "style": "dist/style.css",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "style": "./dist/style.css",
   "files": [
     "dist",
-    "dist/style.css",
     "bin",
-    "templates"
+    "templates",
+    "README.md",
+    "LICENSE"
   ],
   "bin": {
     "shadcn-ui-react": "./bin/shadcn-ui-react.mjs"
   },
   "sideEffects": [
-    "dist/*.css"
+    "**/*.css",
+    "./dist/style.css"
   ],
   "lint-staged": {
     "*.{js,jsx,ts,tsx}": "eslint --fix"
@@ -47,9 +46,12 @@
   "homepage": "https://github.com/blencm/shadcn-ui-react#readme",
   "scripts": {
     "dev": "vite",
-    "build": "cross-env NODE_ENV=production && rimraf ./dist && vite build && tsup && node scripts/postbuild.js",
+    "build": "rimraf ./dist && tsup && node scripts/postbuild.js",
     "test": "cross-env NODE_ENV=test && jest",
-    "test:watch": "jest --watch"
+    "test:watch": "jest --watch",
+    "clean": "rimraf ./dist",
+    "build:vite": "vite build",
+    "prepack": "npm run build"
   },
   "devDependencies": {
     "@babel/core": "^7.29.0",
@@ -93,11 +95,13 @@
     "vite": "^8.0.11",
     "vite-plugin-dts": "^5.0.0",
     "vite-plugin-ts-alias": "^0.1.1",
-    "zod": "^4.4.3"
+    "zod": "^4.4.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "@vitejs/plugin-react-swc": "^4.3.0"
   },
   "peerDependencies": {
-    "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"
+    "react": ">=17.0.0 <21.0.0",
+    "react-dom": ">=17.0.0 <21.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -132,8 +136,6 @@
     "@radix-ui/react-toggle-group": "^1.1.11",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tanstack/react-table": "^8.21.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "@vitejs/plugin-react-swc": "^4.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
@@ -151,5 +153,15 @@
     "tailwind-variants": "^3.2.2",
     "use-debounce": "^10.1.1",
     "vaul": "^1.1.2"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./style.css": "./dist/style.css",
+    "./dist/style.css": "./dist/style.css",
+    "./package.json": "./package.json"
   }
-}
+}