adminium 1.0.1-patch.1 → 1.0.1-patch.2

package/dist/styles/adminium.css

@@ -14,6 +14,7 @@
     --color-red-700: oklch(50.5% 0.213 27.518);
     --color-red-900: oklch(39.6% 0.141 25.723);
     --color-red-950: oklch(25.8% 0.092 26.042);
+    --color-orange-500: oklch(70.5% 0.213 47.604);
     --color-orange-600: oklch(64.6% 0.222 41.116);
     --color-yellow-50: oklch(98.7% 0.026 102.212);
     --color-yellow-100: oklch(97.3% 0.071 103.193);
@@ -51,6 +52,7 @@
     --color-violet-100: oklch(94.3% 0.029 294.588);
     --color-violet-400: oklch(70.2% 0.183 293.541);
     --color-violet-500: oklch(60.6% 0.25 292.717);
+    --color-violet-600: oklch(54.1% 0.281 293.009);
     --color-violet-700: oklch(49.1% 0.27 292.581);
     --color-violet-900: oklch(38% 0.189 293.745);
     --color-violet-950: oklch(28.3% 0.141 291.089);
@@ -81,6 +83,7 @@
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
+    --container-xl: 36rem;
     --container-2xl: 42rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
@@ -330,6 +333,9 @@
   .end-5 {
     inset-inline-end: calc(var(--spacing) * 5);
   }
+  .-top-1 {
+    top: calc(var(--spacing) * -1);
+  }
   .-top-16 {
     top: calc(var(--spacing) * -16);
   }
@@ -348,6 +354,9 @@
   .top-\[50\%\] {
     top: 50%;
   }
+  .-right-1 {
+    right: calc(var(--spacing) * -1);
+  }
   .right-0 {
     right: calc(var(--spacing) * 0);
   }
@@ -360,6 +369,9 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .left-0 {
+    left: calc(var(--spacing) * 0);
+  }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
@@ -489,6 +501,9 @@
   .mr-auto {
     margin-right: auto;
   }
+  .mb-1 {
+    margin-bottom: calc(var(--spacing) * 1);
+  }
   .mb-2 {
     margin-bottom: calc(var(--spacing) * 2);
   }
@@ -555,6 +570,9 @@
   .table {
     display: table;
   }
+  .aspect-square {
+    aspect-ratio: 1 / 1;
+  }
   .size-1\.5 {
     width: calc(var(--spacing) * 1.5);
     height: calc(var(--spacing) * 1.5);
@@ -611,6 +629,10 @@
     width: calc(var(--spacing) * 8.5);
     height: calc(var(--spacing) * 8.5);
   }
+  .size-9 {
+    width: calc(var(--spacing) * 9);
+    height: calc(var(--spacing) * 9);
+  }
   .size-10 {
     width: calc(var(--spacing) * 10);
     height: calc(var(--spacing) * 10);
@@ -892,6 +914,9 @@
   .w-\[250px\] {
     width: 250px;
   }
+  .w-\[500px\] {
+    width: 500px;
+  }
   .w-\[600px\] {
     width: 600px;
   }
@@ -925,6 +950,9 @@
   .max-w-\[70\%\] {
     max-width: 70%;
   }
+  .max-w-\[80\%\] {
+    max-width: 80%;
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -934,6 +962,12 @@
   .max-w-md {
     max-width: var(--container-md);
   }
+  .max-w-sm {
+    max-width: var(--container-sm);
+  }
+  .max-w-xl {
+    max-width: var(--container-xl);
+  }
   .max-w-xs {
     max-width: var(--container-xs);
   }
@@ -1066,12 +1100,18 @@
   .flex-row {
     flex-direction: row;
   }
+  .flex-row-reverse {
+    flex-direction: row-reverse;
+  }
   .flex-wrap {
     flex-wrap: wrap;
   }
   .items-center {
     align-items: center;
   }
+  .items-end {
+    align-items: flex-end;
+  }
   .items-start {
     align-items: flex-start;
   }
@@ -1200,6 +1240,13 @@
       margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
     }
   }
+  .-space-x-2 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .-space-x-2\.5 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1309,6 +1356,12 @@
     border-top-left-radius: calc(var(--radius) + 4px);
     border-top-right-radius: calc(var(--radius) + 4px);
   }
+  .rounded-tl-none {
+    border-top-left-radius: 0;
+  }
+  .rounded-tr-none {
+    border-top-right-radius: 0;
+  }
   .rounded-b-xl {
     border-bottom-right-radius: calc(var(--radius) + 4px);
     border-bottom-left-radius: calc(var(--radius) + 4px);
@@ -1353,18 +1406,33 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-\[var\(--color-destructive-alpha\,var\(--color-red-100\)\)\] {
+    border-color: var(--color-destructive-alpha,var(--color-red-100));
+  }
   .border-\[var\(--color-destructive-soft\,var\(--color-red-100\)\)\] {
     border-color: var(--color-destructive-soft,var(--color-red-100));
   }
+  .border-\[var\(--color-info-alpha\,var\(--color-violet-100\)\)\] {
+    border-color: var(--color-info-alpha,var(--color-violet-100));
+  }
   .border-\[var\(--color-info-soft\,var\(--color-violet-100\)\)\] {
     border-color: var(--color-info-soft,var(--color-violet-100));
   }
+  .border-\[var\(--color-primary-alpha\,var\(--color-blue-100\)\)\] {
+    border-color: var(--color-primary-alpha,var(--color-blue-100));
+  }
   .border-\[var\(--color-primary-soft\,var\(--color-blue-100\)\)\] {
     border-color: var(--color-primary-soft,var(--color-blue-100));
   }
+  .border-\[var\(--color-success-alpha\,var\(--color-green-200\)\)\] {
+    border-color: var(--color-success-alpha,var(--color-green-200));
+  }
   .border-\[var\(--color-success-soft\,var\(--color-green-200\)\)\] {
     border-color: var(--color-success-soft,var(--color-green-200));
   }
+  .border-\[var\(--color-warning-alpha\,var\(--color-yellow-200\)\)\] {
+    border-color: var(--color-warning-alpha,var(--color-yellow-200));
+  }
   .border-\[var\(--color-warning-soft\,var\(--color-yellow-200\)\)\] {
     border-color: var(--color-warning-soft,var(--color-yellow-200));
   }
@@ -1410,6 +1478,9 @@
   .bg-\[var\(--color-destructive-soft\,var\(--color-red-50\)\)\] {
     background-color: var(--color-destructive-soft,var(--color-red-50));
   }
+  .bg-\[var\(--color-info\,var\(--color-violet-600\)\)\] {
+    background-color: var(--color-info,var(--color-violet-600));
+  }
   .bg-\[var\(--color-info-accent\,var\(--color-violet-500\)\)\] {
     background-color: var(--color-info-accent,var(--color-violet-500));
   }
@@ -1422,6 +1493,9 @@
   .bg-\[var\(--color-primary-soft\,var\(--color-blue-50\)\)\] {
     background-color: var(--color-primary-soft,var(--color-blue-50));
   }
+  .bg-\[var\(--color-success\,var\(--color-green-500\)\)\] {
+    background-color: var(--color-success,var(--color-green-500));
+  }
   .bg-\[var\(--color-success-accent\,var\(--color-green-500\)\)\] {
     background-color: var(--color-success-accent,var(--color-green-500));
   }
@@ -1431,6 +1505,9 @@
   .bg-\[var\(--color-success-soft\,var\(--color-green-100\)\)\] {
     background-color: var(--color-success-soft,var(--color-green-100));
   }
+  .bg-\[var\(--color-warning\,var\(--color-yellow-500\)\)\] {
+    background-color: var(--color-warning,var(--color-yellow-500));
+  }
   .bg-\[var\(--color-warning-accent\,var\(--color-yellow-500\)\)\] {
     background-color: var(--color-warning-accent,var(--color-yellow-500));
   }
@@ -1470,6 +1547,9 @@
   .bg-blue-100 {
     background-color: var(--color-blue-100);
   }
+  .bg-blue-500 {
+    background-color: var(--color-blue-500);
+  }
   .bg-blue-600 {
     background-color: var(--color-blue-600);
   }
@@ -1530,6 +1610,9 @@
       background-color: color-mix(in oklab, var(--muted) 50%, transparent);
     }
   }
+  .bg-orange-500 {
+    background-color: var(--color-orange-500);
+  }
   .bg-orange-600 {
     background-color: var(--color-orange-600);
   }
@@ -1548,6 +1631,12 @@
   .bg-purple-100 {
     background-color: var(--color-purple-100);
   }
+  .bg-purple-500 {
+    background-color: var(--color-purple-500);
+  }
+  .bg-red-500 {
+    background-color: var(--color-red-500);
+  }
   .bg-secondary {
     background-color: var(--secondary);
   }
@@ -1563,6 +1652,12 @@
       background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
     }
   }
+  .bg-yellow-600 {
+    background-color: var(--color-yellow-600);
+  }
+  .bg-zinc-600 {
+    background-color: var(--color-zinc-600);
+  }
   .bg-zinc-950 {
     background-color: var(--color-zinc-950);
   }
@@ -1644,6 +1739,9 @@
   .p-3 {
     padding: calc(var(--spacing) * 3);
   }
+  .p-3\.5 {
+    padding: calc(var(--spacing) * 3.5);
+  }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -1812,6 +1910,9 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
+  .text-\[0\.5rem\] {
+    font-size: 0.5rem;
+  }
   .text-\[0\.625rem\] {
     font-size: 0.625rem;
   }
@@ -1882,6 +1983,9 @@
   .text-\[var\(--color-destructive-accent\,var\(--color-red-700\)\)\] {
     color: var(--color-destructive-accent,var(--color-red-700));
   }
+  .text-\[var\(--color-info\,var\(--color-violet-600\)\)\] {
+    color: var(--color-info,var(--color-violet-600));
+  }
   .text-\[var\(--color-info-accent\,var\(--color-violet-500\)\)\] {
     color: var(--color-info-accent,var(--color-violet-500));
   }
@@ -1894,6 +1998,9 @@
   .text-\[var\(--color-primary-accent\,var\(--color-blue-700\)\)\] {
     color: var(--color-primary-accent,var(--color-blue-700));
   }
+  .text-\[var\(--color-success\,var\(--color-green-500\)\)\] {
+    color: var(--color-success,var(--color-green-500));
+  }
   .text-\[var\(--color-success-accent\,var\(--color-green-500\)\)\] {
     color: var(--color-success-accent,var(--color-green-500));
   }
@@ -1906,6 +2013,9 @@
   .text-\[var\(--color-success-foreground\,var\(--color-white\)\)\] {
     color: var(--color-success-foreground,var(--color-white));
   }
+  .text-\[var\(--color-warning\,var\(--color-yellow-500\)\)\] {
+    color: var(--color-warning,var(--color-yellow-500));
+  }
   .text-\[var\(--color-warning-accent\,var\(--color-yellow-500\)\)\] {
     color: var(--color-warning-accent,var(--color-yellow-500));
   }
@@ -2184,6 +2294,13 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .group-hover\:opacity-100 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        opacity: 100%;
+      }
+    }
+  }
   .group-data-\[state\=indeterminate\]\:block {
     &:is(:where(.group)[data-state="indeterminate"] *) {
       display: block;
@@ -2194,6 +2311,11 @@
       display: none;
     }
   }
+  .group-\[\.toaster\]\:w-\(--width\) {
+    &:is(:where(.group):is(.toaster) *) {
+      width: var(--width);
+    }
+  }
   .peer-disabled\:cursor-not-allowed {
     &:is(:where(.peer):disabled ~ *) {
       cursor: not-allowed;
@@ -2746,6 +2868,13 @@
       }
     }
   }
+  .\*\:data-alert-icon\:mt-0\.5 {
+    :is(& > *) {
+      &[data-alert-icon] {
+        margin-top: calc(var(--spacing) * 0.5);
+      }
+    }
+  }
   .data-disabled\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -3140,26 +3269,51 @@
       text-align: right;
     }
   }
+  .dark\:border-\[var\(--color-destructive-alpha\,var\(--color-red-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-destructive-alpha,var(--color-red-900));
+    }
+  }
   .dark\:border-\[var\(--color-destructive-soft\,var\(--color-red-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-destructive-soft,var(--color-red-900));
     }
   }
+  .dark\:border-\[var\(--color-info-alpha\,var\(--color-violet-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-info-alpha,var(--color-violet-900));
+    }
+  }
   .dark\:border-\[var\(--color-info-soft\,var\(--color-violet-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-info-soft,var(--color-violet-900));
     }
   }
+  .dark\:border-\[var\(--color-primary-alpha\,var\(--color-blue-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-primary-alpha,var(--color-blue-900));
+    }
+  }
   .dark\:border-\[var\(--color-primary-soft\,var\(--color-blue-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-primary-soft,var(--color-blue-900));
     }
   }
+  .dark\:border-\[var\(--color-success-alpha\,var\(--color-green-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-success-alpha,var(--color-green-900));
+    }
+  }
   .dark\:border-\[var\(--color-success-soft\,var\(--color-green-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-success-soft,var(--color-green-900));
     }
   }
+  .dark\:border-\[var\(--color-warning-alpha\,var\(--color-yellow-900\)\)\] {
+    &:is(.dark *) {
+      border-color: var(--color-warning-alpha,var(--color-yellow-900));
+    }
+  }
   .dark\:border-\[var\(--color-warning-soft\,var\(--color-yellow-900\)\)\] {
     &:is(.dark *) {
       border-color: var(--color-warning-soft,var(--color-yellow-900));
@@ -3329,6 +3483,63 @@
       border-inline-end-width: 0px;
     }
   }
+  .\[\&_\[data-slot\=alert-close\]\]\:mt-0\.5 {
+    & [data-slot=alert-close] {
+      margin-top: calc(var(--spacing) * 0.5);
+    }
+  }
+  .\[\&_\[data-slot\=alert-close\]\]\:mt-0\.25 {
+    & [data-slot=alert-close] {
+      margin-top: calc(var(--spacing) * 0.25);
+    }
+  }
+  .\[\&_\[data-slot\=alert-close\]\]\:mt-1 {
+    & [data-slot=alert-close] {
+      margin-top: calc(var(--spacing) * 1);
+    }
+  }
+  .\[\&_\[data-slot\=alert-close\]\]\:text-foreground {
+    & [data-slot=alert-close] {
+      color: var(--foreground);
+    }
+  }
+  .\[\&_\[data-slot\=alert-close\]_svg\]\:size-3\.5 {
+    & [data-slot=alert-close] svg {
+      width: calc(var(--spacing) * 3.5);
+      height: calc(var(--spacing) * 3.5);
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-\[var\(--color-info-foreground\,var\(--color-violet-600\)\)\] {
+    & [data-slot=alert-icon] {
+      color: var(--color-info-foreground,var(--color-violet-600));
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-\[var\(--color-success-foreground\,var\(--color-green-600\)\)\] {
+    & [data-slot=alert-icon] {
+      color: var(--color-success-foreground,var(--color-green-600));
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-\[var\(--color-warning-foreground\,var\(--color-yellow-600\)\)\] {
+    & [data-slot=alert-icon] {
+      color: var(--color-warning-foreground,var(--color-yellow-600));
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-destructive {
+    & [data-slot=alert-icon] {
+      color: var(--destructive);
+    }
+  }
+  .\[\&_\[data-slot\=alert-icon\]\]\:text-primary {
+    & [data-slot=alert-icon] {
+      color: var(--primary);
+    }
+  }
+  .\[\&_\[data-slot\=alert-title\]\]\:font-semibold {
+    & [data-slot=alert-title] {
+      --tw-font-weight: var(--font-weight-semibold);
+      font-weight: var(--font-weight-semibold);
+    }
+  }
   .\[\&_\[data-slot\=button\]\+\[data-slot\=input\]\]\:rounded-s-none {
     & [data-slot=button]+[data-slot=input] {
       border-start-start-radius: 0;
@@ -3546,6 +3757,17 @@
       border-end-end-radius: 0;
     }
   }
+  .\[\&_p\]\:mb-2 {
+    & p {
+      margin-bottom: calc(var(--spacing) * 2);
+    }
+  }
+  .\[\&_p\]\:leading-relaxed {
+    & p {
+      --tw-leading: var(--leading-relaxed);
+      line-height: var(--leading-relaxed);
+    }
+  }
   .\[\&_svg\]\:pointer-events-none {
     & svg {
       pointer-events: none;
@@ -3681,6 +3903,24 @@
       opacity: 0%;
     }
   }
+  .\[\&\>\[data-slot\=alert-icon\]\>svg\]\:size-4 {
+    &>[data-slot=alert-icon]>svg {
+      width: calc(var(--spacing) * 4);
+      height: calc(var(--spacing) * 4);
+    }
+  }
+  .\[\&\>\[data-slot\=alert-icon\]\>svg\]\:size-5 {
+    &>[data-slot=alert-icon]>svg {
+      width: calc(var(--spacing) * 5);
+      height: calc(var(--spacing) * 5);
+    }
+  }
+  .\[\&\>\[data-slot\=alert-icon\]\>svg\]\:size-6 {
+    &>[data-slot=alert-icon]>svg {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
+    }
+  }
   .\[\&\>span\]\:line-clamp-1 {
     &>span {
       overflow: hidden;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminium",
-  "version": "1.0.1-patch.1",
+  "version": "1.0.1-patch.2",
   "description": "Metronic UI Component Library - A beautiful, reusable React component library built with Tailwind CSS",
   "author": "linkedunion",
   "license": "MIT",
@@ -51,6 +51,7 @@
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0",
+    "react-hook-form": "^7.0.0",
     "tailwindcss": ">=4.0.0"
   },
   "dependencies": {
@@ -75,7 +76,6 @@
     "react-aria-components": "^1.10.1",
     "react-aspect-ratio": "^1.1.9",
     "react-day-picker": "^9.7.0",
-    "react-hook-form": "^7.71.1",
     "react-resizable-panels": "^3.0.3",
     "recharts": "2.15.1",
     "sonner": "^2.0.5",
@@ -109,6 +109,7 @@
     "postcss-cli": "^11.0.0",
     "prettier": "^3.7.4",
     "prettier-plugin-tailwindcss": "^0.7.2",
+    "react-hook-form": "^7.71.1",
     "storybook": "^10.1.10",
     "tailwindcss": "^4",
     "tsup": "^8.4.0",