@iit/precision-ui 0.7.2 → 0.8.0

package/dist/styles.css

@@ -558,6 +558,10 @@ body{
 .row-end-3{
     grid-row-end: 3;
 }
+.-mx-1{
+    margin-left: -0.25rem;
+    margin-right: -0.25rem;
+}
 .mx-auto{
     margin-left: auto;
     margin-right: auto;
@@ -593,6 +597,12 @@ body{
 .mb-6{
     margin-bottom: 1.5rem;
 }
+.ml-auto{
+    margin-left: auto;
+}
+.mr-2{
+    margin-right: 0.5rem;
+}
 .mt-12{
     margin-top: 3rem;
 }
@@ -680,6 +690,9 @@ body{
 .h-9{
     height: 2.25rem;
 }
+.h-96{
+    height: 24rem;
+}
 .h-\[10px\]{
     height: 10px;
 }
@@ -702,6 +715,12 @@ body{
 .h-full{
     height: 100%;
 }
+.h-px{
+    height: 1px;
+}
+.max-h-\[300px\]{
+    max-height: 300px;
+}
 .max-h-\[calc\(100dvh-0\.75rem\)\]{
     max-height: calc(100dvh - 0.75rem);
 }
@@ -756,6 +775,9 @@ body{
 .w-\[18px\]{
     width: 18px;
 }
+.w-\[200px\]{
+    width: 200px;
+}
 .w-\[456px\]{
     width: 456px;
 }
@@ -843,6 +865,9 @@ body{
 .transform{
     transform: translate(var(--precision-ui-tw-translate-x), var(--precision-ui-tw-translate-y)) rotate(var(--precision-ui-tw-rotate)) skewX(var(--precision-ui-tw-skew-x)) skewY(var(--precision-ui-tw-skew-y)) scaleX(var(--precision-ui-tw-scale-x)) scaleY(var(--precision-ui-tw-scale-y));
 }
+.cursor-default{
+    cursor: default;
+}
 .cursor-not-allowed{
     cursor: not-allowed;
 }
@@ -962,6 +987,12 @@ body{
 .overflow-hidden{
     overflow: hidden;
 }
+.overflow-y-auto{
+    overflow-y: auto;
+}
+.overflow-x-hidden{
+    overflow-x: hidden;
+}
 .whitespace-nowrap{
     white-space: nowrap;
 }
@@ -1080,6 +1111,9 @@ body{
 .border-t-transparent{
     border-top-color: transparent;
 }
+.bg-accent{
+    background-color: hsl(var(--precision-ui-tw-accent));
+}
 .bg-background{
     background-color: hsl(var(--precision-ui-tw-background));
 }
@@ -1214,6 +1248,10 @@ body{
 .p-\[8px\]{
     padding: 8px;
 }
+.px-2{
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+}
 .px-3{
     padding-left: 0.75rem;
     padding-right: 0.75rem;
@@ -1258,6 +1296,10 @@ body{
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
 }
+.py-3{
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+}
 .py-4{
     padding-top: 1rem;
     padding-bottom: 1rem;
@@ -1371,6 +1413,10 @@ body{
     font-size: 0.875rem;
     line-height: 1.25rem;
 }
+.text-xs{
+    font-size: 0.75rem;
+    line-height: 1rem;
+}
 .font-medium{
     font-weight: 500;
 }
@@ -1383,6 +1429,9 @@ body{
 .tracking-tight{
     letter-spacing: -0.025em;
 }
+.tracking-widest{
+    letter-spacing: 0.1em;
+}
 .text-black{
     --precision-ui-tw-text-opacity: 1;
     color: rgb(0 0 0 / var(--precision-ui-tw-text-opacity));
@@ -1457,6 +1506,12 @@ body{
 .underline-offset-4{
     text-underline-offset: 4px;
 }
+.opacity-0{
+    opacity: 0;
+}
+.opacity-100{
+    opacity: 1;
+}
 .opacity-40{
     opacity: 0.4;
 }
@@ -2464,6 +2519,9 @@ html {
 .peer:disabled ~ .peer-disabled\:opacity-70{
     opacity: 0.7;
 }
+.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{
+    pointer-events: none;
+}
 @keyframes accordion-up{
     from{
         height: var(--radix-accordion-content-height);
@@ -2486,6 +2544,9 @@ html {
 .data-\[state\=open\]\:animate-accordion-down[data-state=open]{
     animation: accordion-down 0.2s ease-out;
 }
+.data-\[selected\=\'true\'\]\:bg-accent[data-selected='true']{
+    background-color: hsl(var(--precision-ui-tw-accent));
+}
 .data-\[state\=active\]\:bg-background[data-state=active]{
     background-color: hsl(var(--precision-ui-tw-background));
 }
@@ -2498,6 +2559,9 @@ html {
 .data-\[state\=open\]\:bg-accent[data-state=open]{
     background-color: hsl(var(--precision-ui-tw-accent));
 }
+.data-\[selected\=true\]\:text-accent-foreground[data-selected=true]{
+    color: hsl(var(--precision-ui-tw-accent-foreground));
+}
 .data-\[state\=active\]\:text-navy[data-state=active]{
     color: hsl(var(--precision-ui-tw-navy));
 }
@@ -2510,6 +2574,9 @@ html {
 .data-\[state\=open\]\:text-muted-foreground[data-state=open]{
     color: hsl(var(--precision-ui-tw-muted-foreground));
 }
+.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{
+    opacity: 0.5;
+}
 .data-\[state\=active\]\:shadow-sm[data-state=active]{
     --precision-ui-tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
     --precision-ui-tw-shadow-colored: 0 1px 2px 0 var(--precision-ui-tw-shadow-color);
@@ -2673,6 +2740,9 @@ html {
     .md\:max-w-2xl{
         max-width: 42rem;
     }
+    .md\:max-w-xl{
+        max-width: 36rem;
+    }
     .md\:basis-1\/2{
         flex-basis: 50%;
     }
@@ -2796,6 +2866,64 @@ html {
 .\[\&\[data-state\=open\]\]\:bg-transparent[data-state=open]{
     background-color: transparent;
 }
+.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+}
+.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{
+    padding-top: 0.375rem;
+    padding-bottom: 0.375rem;
+}
+.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{
+    font-size: 0.75rem;
+    line-height: 1rem;
+}
+.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{
+    font-weight: 500;
+}
+.\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading]{
+    color: hsl(var(--precision-ui-tw-muted-foreground));
+}
+.\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group]{
+    padding-top: 0px;
+}
+.\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group]{
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+}
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg{
+    height: 1.25rem;
+}
+.\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg{
+    width: 1.25rem;
+}
+.\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input]{
+    height: 3rem;
+}
+.\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item]{
+    padding-left: 0.5rem;
+    padding-right: 0.5rem;
+}
+.\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item]{
+    padding-top: 0.75rem;
+    padding-bottom: 0.75rem;
+}
+.\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg{
+    height: 1.25rem;
+}
+.\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg{
+    width: 1.25rem;
+}
 .\[\&_p\]\:leading-relaxed p{
     line-height: 1.625;
 }
+.\[\&_svg\]\:pointer-events-none svg{
+    pointer-events: none;
+}
+.\[\&_svg\]\:size-4 svg{
+    width: 1rem;
+    height: 1rem;
+}
+.\[\&_svg\]\:shrink-0 svg{
+    flex-shrink: 0;
+}

package/package.json

@@ -13,7 +13,7 @@
     "type": "git",
     "url": "git+https://github.com/wowxoxo/precision-ui.git"
   },
-  "version": "0.7.2",
+  "version": "0.8.0",
   "type": "module",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
@@ -49,7 +49,7 @@
     "@iit/precision-ui-icons": "^0.4.0",
     "@radix-ui/react-accordion": "^1.2.3",
     "@radix-ui/react-checkbox": "^1.1.3",
-    "@radix-ui/react-dialog": "^1.1.5",
+    "@radix-ui/react-dialog": "^1.1.6",
     "@radix-ui/react-label": "^2.1.1",
     "@radix-ui/react-popover": "^1.1.4",
     "@radix-ui/react-scroll-area": "^1.2.2",
@@ -58,6 +58,7 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
+    "cmdk": "^1.0.0",
     "embla-carousel-react": "^8.5.2",
     "lucide-react": "^0.394.0",
     "react": "^18.2.0",