@kushagradhawan/kookie-ui 0.1.25 → 0.1.27

package/styles.css

@@ -4572,11 +4572,11 @@
   --space-7: calc(40px * var(--scaling));
   --space-8: calc(48px * var(--scaling));
   --space-9: calc(64px * var(--scaling));
-  --duration-1: 50ms;
-  --duration-2: 100ms;
-  --duration-3: 150ms;
-  --duration-4: 200ms;
-  --duration-5: 300ms;
+  --duration-1: 75ms;
+  --duration-2: 125ms;
+  --duration-3: 175ms;
+  --duration-4: 225ms;
+  --duration-5: 325ms;
   --ease-1: ease-out;
   --ease-2: ease-in-out;
   --ease-3: cubic-bezier(0.4, 0, 0.2, 1);
@@ -11080,7 +11080,7 @@
   color: var(--gray-a8);
   cursor: default;
 }
-.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+.rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
   color: var(--gray-a10);
 }
 .rt-BaseMenuItem:where([data-disabled], [data-highlighted]) :where(.rt-BaseMenuShortcut), .rt-BaseMenuSubTrigger:where([data-state='open']) :where(.rt-BaseMenuShortcut) {
@@ -11125,7 +11125,7 @@
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text) {
   color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']:not(.rt-Badge)) {
   color: inherit !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
@@ -11138,7 +11138,7 @@
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text) {
   color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) :where([data-accent-color='gray']:not(.rt-Badge)) {
   color: inherit !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) {
@@ -11148,7 +11148,7 @@
 .rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) :where(.rt-Text) {
   color: inherit !important;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) :where([data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-solid):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]):where([data-accent-color]) :where([data-accent-color='gray']:not(.rt-Badge)) {
   color: inherit !important;
 }
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
@@ -11195,7 +11195,7 @@
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]):where([data-panel-background='translucent']) {
   background-color: var(--accent-a4);
 }
-.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']) {
+.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
   color: var(--gray-11) !important;
 }
 .rt-ContextMenuContent {
@@ -12693,7 +12693,7 @@
   display: block;
   object-fit: var(--object-fit);
   box-shadow: var(--box-shadow);
-  border-radius: max(var(--radius-4), var(--radius-full));
+  border-radius: max(var(--radius-4), min(var(--radius-full), var(--radius-6)));
   transition: var(--transition-button);
 }
 .rt-Image:where(:any-link, button, label) {
@@ -20306,6 +20306,18 @@
 .rt-TooltipArrow {
   fill: var(--gray-12);
 }
+.rt-UserCard:where(.rt-r-size-1) :where(.rt-Flex) {
+  gap: var(--space-2);
+}
+.rt-UserCard:where(.rt-r-size-2) :where(.rt-Flex) {
+  gap: var(--space-3);
+}
+.rt-UserCard:where(.rt-r-size-3) :where(.rt-Flex) {
+  gap: var(--space-4);
+}
+.rt-UserCard:where(.rt-r-size-4) :where(.rt-Flex) {
+  gap: var(--space-5);
+}
 .radix-themes:where([data-is-root-theme='true']) {
   position: relative;
   z-index: 0;
@@ -20316,6 +20328,160 @@
     min-height: 100dvh;
   }
 }
+.rt-r-ac-start {
+  align-content: start;
+}
+.rt-r-ac-center {
+  align-content: center;
+}
+.rt-r-ac-end {
+  align-content: end;
+}
+.rt-r-ac-baseline {
+  align-content: baseline;
+}
+.rt-r-ac-stretch {
+  align-content: stretch;
+}
+.rt-r-ac-space-between {
+  align-content: space-between;
+}
+.rt-r-ac-space-around {
+  align-content: space-around;
+}
+.rt-r-ac-space-evenly {
+  align-content: space-evenly;
+}
+@media (min-width: 520px) {
+  .xs\:rt-r-ac-start {
+    align-content: start;
+  }
+  .xs\:rt-r-ac-center {
+    align-content: center;
+  }
+  .xs\:rt-r-ac-end {
+    align-content: end;
+  }
+  .xs\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .xs\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .xs\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .xs\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .xs\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:rt-r-ac-start {
+    align-content: start;
+  }
+  .sm\:rt-r-ac-center {
+    align-content: center;
+  }
+  .sm\:rt-r-ac-end {
+    align-content: end;
+  }
+  .sm\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .sm\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .sm\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .sm\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .sm\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 1024px) {
+  .md\:rt-r-ac-start {
+    align-content: start;
+  }
+  .md\:rt-r-ac-center {
+    align-content: center;
+  }
+  .md\:rt-r-ac-end {
+    align-content: end;
+  }
+  .md\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .md\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .md\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .md\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .md\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 1280px) {
+  .lg\:rt-r-ac-start {
+    align-content: start;
+  }
+  .lg\:rt-r-ac-center {
+    align-content: center;
+  }
+  .lg\:rt-r-ac-end {
+    align-content: end;
+  }
+  .lg\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .lg\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .lg\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .lg\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .lg\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
+@media (min-width: 1640px) {
+  .xl\:rt-r-ac-start {
+    align-content: start;
+  }
+  .xl\:rt-r-ac-center {
+    align-content: center;
+  }
+  .xl\:rt-r-ac-end {
+    align-content: end;
+  }
+  .xl\:rt-r-ac-baseline {
+    align-content: baseline;
+  }
+  .xl\:rt-r-ac-stretch {
+    align-content: stretch;
+  }
+  .xl\:rt-r-ac-space-between {
+    align-content: space-between;
+  }
+  .xl\:rt-r-ac-space-around {
+    align-content: space-around;
+  }
+  .xl\:rt-r-ac-space-evenly {
+    align-content: space-evenly;
+  }
+}
 .rt-r-ai-start {
   align-items: flex-start;
 }
@@ -20417,13 +20583,13 @@
   }
 }
 .rt-r-as-start {
-  align-self: flex-start;
+  align-self: start;
 }
 .rt-r-as-center {
   align-self: center;
 }
 .rt-r-as-end {
-  align-self: flex-end;
+  align-self: end;
 }
 .rt-r-as-baseline {
   align-self: baseline;
@@ -20433,13 +20599,13 @@
 }
 @media (min-width: 520px) {
   .xs\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .xs\:rt-r-as-center {
     align-self: center;
   }
   .xs\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .xs\:rt-r-as-baseline {
     align-self: baseline;
@@ -20450,13 +20616,13 @@
 }
 @media (min-width: 768px) {
   .sm\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .sm\:rt-r-as-center {
     align-self: center;
   }
   .sm\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .sm\:rt-r-as-baseline {
     align-self: baseline;
@@ -20467,13 +20633,13 @@
 }
 @media (min-width: 1024px) {
   .md\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .md\:rt-r-as-center {
     align-self: center;
   }
   .md\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .md\:rt-r-as-baseline {
     align-self: baseline;
@@ -20484,13 +20650,13 @@
 }
 @media (min-width: 1280px) {
   .lg\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .lg\:rt-r-as-center {
     align-self: center;
   }
   .lg\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .lg\:rt-r-as-baseline {
     align-self: baseline;
@@ -20501,13 +20667,13 @@
 }
 @media (min-width: 1640px) {
   .xl\:rt-r-as-start {
-    align-self: flex-start;
+    align-self: start;
   }
   .xl\:rt-r-as-center {
     align-self: center;
   }
   .xl\:rt-r-as-end {
-    align-self: flex-end;
+    align-self: end;
   }
   .xl\:rt-r-as-baseline {
     align-self: baseline;
@@ -24476,6 +24642,206 @@
     justify-content: space-between;
   }
 }
+.rt-r-ji-start {
+  justify-items: start;
+}
+.rt-r-ji-center {
+  justify-items: center;
+}
+.rt-r-ji-end {
+  justify-items: end;
+}
+.rt-r-ji-baseline {
+  justify-items: baseline;
+}
+.rt-r-ji-stretch {
+  justify-items: stretch;
+}
+@media (min-width: 520px) {
+  .xs\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .xs\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .xs\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .xs\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .xs\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .sm\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .sm\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .sm\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .sm\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .md\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .md\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .md\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .md\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .md\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .lg\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .lg\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .lg\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .lg\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .lg\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+@media (min-width: 1640px) {
+  .xl\:rt-r-ji-start {
+    justify-items: start;
+  }
+  .xl\:rt-r-ji-center {
+    justify-items: center;
+  }
+  .xl\:rt-r-ji-end {
+    justify-items: end;
+  }
+  .xl\:rt-r-ji-baseline {
+    justify-items: baseline;
+  }
+  .xl\:rt-r-ji-stretch {
+    justify-items: stretch;
+  }
+}
+.rt-r-js-start {
+  justify-self: start;
+}
+.rt-r-js-center {
+  justify-self: center;
+}
+.rt-r-js-end {
+  justify-self: end;
+}
+.rt-r-js-baseline {
+  justify-self: baseline;
+}
+.rt-r-js-stretch {
+  justify-self: stretch;
+}
+@media (min-width: 520px) {
+  .xs\:rt-r-js-start {
+    justify-self: start;
+  }
+  .xs\:rt-r-js-center {
+    justify-self: center;
+  }
+  .xs\:rt-r-js-end {
+    justify-self: end;
+  }
+  .xs\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .xs\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 768px) {
+  .sm\:rt-r-js-start {
+    justify-self: start;
+  }
+  .sm\:rt-r-js-center {
+    justify-self: center;
+  }
+  .sm\:rt-r-js-end {
+    justify-self: end;
+  }
+  .sm\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .sm\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1024px) {
+  .md\:rt-r-js-start {
+    justify-self: start;
+  }
+  .md\:rt-r-js-center {
+    justify-self: center;
+  }
+  .md\:rt-r-js-end {
+    justify-self: end;
+  }
+  .md\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .md\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1280px) {
+  .lg\:rt-r-js-start {
+    justify-self: start;
+  }
+  .lg\:rt-r-js-center {
+    justify-self: center;
+  }
+  .lg\:rt-r-js-end {
+    justify-self: end;
+  }
+  .lg\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .lg\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
+@media (min-width: 1640px) {
+  .xl\:rt-r-js-start {
+    justify-self: start;
+  }
+  .xl\:rt-r-js-center {
+    justify-self: center;
+  }
+  .xl\:rt-r-js-end {
+    justify-self: end;
+  }
+  .xl\:rt-r-js-baseline {
+    justify-self: baseline;
+  }
+  .xl\:rt-r-js-stretch {
+    justify-self: stretch;
+  }
+}
 .rt-r-m,
 .rt-r-m-0,
 .rt-r-m-1,

package/tokens/base.css

@@ -1101,11 +1101,11 @@
   --space-7: calc(40px * var(--scaling));
   --space-8: calc(48px * var(--scaling));
   --space-9: calc(64px * var(--scaling));
-  --duration-1: 50ms;
-  --duration-2: 100ms;
-  --duration-3: 150ms;
-  --duration-4: 200ms;
-  --duration-5: 300ms;
+  --duration-1: 75ms;
+  --duration-2: 125ms;
+  --duration-3: 175ms;
+  --duration-4: 225ms;
+  --duration-5: 325ms;
   --ease-1: ease-out;
   --ease-2: ease-in-out;
   --ease-3: cubic-bezier(0.4, 0, 0.2, 1);

package/tokens.css

@@ -4516,11 +4516,11 @@
   --space-7: calc(40px * var(--scaling));
   --space-8: calc(48px * var(--scaling));
   --space-9: calc(64px * var(--scaling));
-  --duration-1: 50ms;
-  --duration-2: 100ms;
-  --duration-3: 150ms;
-  --duration-4: 200ms;
-  --duration-5: 300ms;
+  --duration-1: 75ms;
+  --duration-2: 125ms;
+  --duration-3: 175ms;
+  --duration-4: 225ms;
+  --duration-5: 325ms;
   --ease-1: ease-out;
   --ease-2: ease-in-out;
   --ease-3: cubic-bezier(0.4, 0, 0.2, 1);