@kushagradhawan/kookie-ui 0.1.111 → 0.1.112

package/components.css

@@ -1624,6 +1624,7 @@
 .rt-BaseDialogOverlay {
     position: fixed;
     inset: 0;
+    z-index: 100;
 }
 .rt-BaseDialogOverlay::before {
     position: fixed;
@@ -6973,6 +6974,7 @@
     flex-direction: column;
     box-sizing: border-box;
     overflow: hidden;
+    z-index: 200;
     background-color: var(--color-panel);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
@@ -10158,6 +10160,7 @@
     box-shadow: var(--shadow-4);
     overflow: auto;
     position: relative;
+    z-index: 200;
     --inset-padding-top: var(--hover-card-content-padding);
     --inset-padding-right: var(--hover-card-content-padding);
     --inset-padding-bottom: var(--hover-card-content-padding);
@@ -11761,6 +11764,7 @@
     outline: 0;
     overflow: auto;
     position: relative;
+    z-index: 200;
     transition: var(--transition-background-blur);
     --inset-padding-top: var(--popover-content-padding);
     --inset-padding-right: var(--popover-content-padding);
@@ -14191,6 +14195,7 @@
     --scrollarea-scrollbar-horizontal-margin-left: var(--select-content-padding);
     --scrollarea-scrollbar-horizontal-margin-right: var(--select-content-padding);
     overflow: hidden;
+    z-index: 200;
     background-color: var(--color-panel);
     -webkit-backdrop-filter: var(--backdrop-filter-panel);
             backdrop-filter: var(--backdrop-filter-panel);
@@ -19983,6 +19988,7 @@
     padding: var(--space-1) var(--space-2);
     background-color: var(--gray-12);
     border-radius: var(--radius-1);
+    z-index: 300;
     transform-origin: var(--radix-tooltip-content-transform-origin);
     animation-duration: var(--motion-duration-small);
     animation-timing-function: var(--motion-spring-snappy);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.111",
+  "version": "0.1.112",
   "description": "A modern React component library with beautiful design tokens, flexible theming, and comprehensive documentation",
   "keywords": [
     "react",

package/schemas/base-button.json

@@ -279,6 +279,6 @@
   "title": "Base-button Component Props",
   "description": "Props schema for the base-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-07T06:01:32.927Z",
+  "generatedAt": "2026-01-07T16:00:27.817Z",
   "source": "Zod schema"
 }

package/schemas/button.json

@@ -530,6 +530,6 @@
   "title": "Button Component Props",
   "description": "Props schema for the button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-07T06:01:32.933Z",
+  "generatedAt": "2026-01-07T16:00:27.824Z",
   "source": "Zod schema"
 }

package/schemas/icon-button.json

@@ -313,6 +313,6 @@
   "title": "Icon-button Component Props",
   "description": "Props schema for the icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-07T06:01:32.934Z",
+  "generatedAt": "2026-01-07T16:00:27.825Z",
   "source": "Zod schema"
 }

package/schemas/index.json

@@ -3,7 +3,7 @@
   "title": "Kookie UI Button Components",
   "description": "Complete JSON Schema collection for all button components in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-07T06:01:32.937Z",
+  "generatedAt": "2026-01-07T16:00:27.828Z",
   "source": "Zod schemas",
   "components": {
     "base-button": {
@@ -287,7 +287,7 @@
       "title": "Base-button Component Props",
       "description": "Props schema for the base-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-07T06:01:32.927Z",
+      "generatedAt": "2026-01-07T16:00:27.817Z",
       "source": "Zod schema"
     },
     "button": {
@@ -822,7 +822,7 @@
       "title": "Button Component Props",
       "description": "Props schema for the button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-07T06:01:32.933Z",
+      "generatedAt": "2026-01-07T16:00:27.824Z",
       "source": "Zod schema"
     },
     "icon-button": {
@@ -1140,7 +1140,7 @@
       "title": "Icon-button Component Props",
       "description": "Props schema for the icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-07T06:01:32.934Z",
+      "generatedAt": "2026-01-07T16:00:27.825Z",
       "source": "Zod schema"
     },
     "toggle-button": {
@@ -1683,7 +1683,7 @@
       "title": "Toggle-button Component Props",
       "description": "Props schema for the toggle-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-07T06:01:32.936Z",
+      "generatedAt": "2026-01-07T16:00:27.827Z",
       "source": "Zod schema"
     },
     "toggle-icon-button": {
@@ -2009,7 +2009,7 @@
       "title": "Toggle-icon-button Component Props",
       "description": "Props schema for the toggle-icon-button component in Kookie UI",
       "version": "1.0.0",
-      "generatedAt": "2026-01-07T06:01:32.937Z",
+      "generatedAt": "2026-01-07T16:00:27.828Z",
       "source": "Zod schema"
     }
   }

package/schemas/toggle-button.json

@@ -538,6 +538,6 @@
   "title": "Toggle-button Component Props",
   "description": "Props schema for the toggle-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-07T06:01:32.936Z",
+  "generatedAt": "2026-01-07T16:00:27.827Z",
   "source": "Zod schema"
 }

package/schemas/toggle-icon-button.json

@@ -321,6 +321,6 @@
   "title": "Toggle-icon-button Component Props",
   "description": "Props schema for the toggle-icon-button component in Kookie UI",
   "version": "1.0.0",
-  "generatedAt": "2026-01-07T06:01:32.937Z",
+  "generatedAt": "2026-01-07T16:00:27.828Z",
   "source": "Zod schema"
 }

package/src/components/_internal/base-dialog.css

@@ -1,6 +1,7 @@
 .rt-BaseDialogOverlay {
   position: fixed;
   inset: 0;
+  z-index: 100; /* Above shell header (50) and shell stacked panes (30-40) */
 
   &::before {
     position: fixed;

package/src/components/_internal/base-menu.css

@@ -8,6 +8,7 @@
   flex-direction: column;
   box-sizing: border-box;
   overflow: hidden;
+  z-index: 200; /* Above dialogs (100) so menus inside dialogs/sheets work */
 
   background-color: var(--color-panel);
   backdrop-filter: var(--backdrop-filter-panel);

package/src/components/hover-card.css

@@ -3,6 +3,7 @@
   box-shadow: var(--shadow-4);
   overflow: auto;
   position: relative;
+  z-index: 200; /* Above dialogs (100) so hover cards inside dialogs/sheets work */
 
   --inset-padding-top: var(--hover-card-content-padding);
   --inset-padding-right: var(--hover-card-content-padding);

package/src/components/popover.css

@@ -7,6 +7,7 @@
   outline: 0;
   overflow: auto;
   position: relative;
+  z-index: 200; /* Above dialogs (100) so popovers inside dialogs/sheets work */
   transition: var(--transition-background-blur);
 
   --inset-padding-top: var(--popover-content-padding);

package/src/components/select.css

@@ -77,6 +77,7 @@
   --scrollarea-scrollbar-horizontal-margin-right: var(--select-content-padding);
 
   overflow: hidden;
+  z-index: 200; /* Above dialogs (100) so select inside dialogs/sheets work */
   background-color: var(--color-panel);
   backdrop-filter: var(--backdrop-filter-panel);
   box-shadow: var(--shadow-5);

package/src/components/tooltip.css

@@ -3,6 +3,7 @@
   padding: var(--space-1) var(--space-2);
   background-color: var(--gray-12);
   border-radius: var(--radius-1);
+  z-index: 300; /* Tooltips always on top - above dialogs (100) and menus (200) */
 
   transform-origin: var(--radix-tooltip-content-transform-origin);
 

package/styles.css

@@ -6657,6 +6657,7 @@
 .rt-BaseDialogOverlay{
   position: fixed;
   inset: 0;
+  z-index: 100;
 }
 .rt-BaseDialogOverlay::before{
   position: fixed;
@@ -11984,6 +11985,7 @@
   flex-direction: column;
   box-sizing: border-box;
   overflow: hidden;
+  z-index: 200;
   background-color: var(--color-panel);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -15169,6 +15171,7 @@
   box-shadow: var(--shadow-4);
   overflow: auto;
   position: relative;
+  z-index: 200;
   --inset-padding-top: var(--hover-card-content-padding);
   --inset-padding-right: var(--hover-card-content-padding);
   --inset-padding-bottom: var(--hover-card-content-padding);
@@ -16772,6 +16775,7 @@
   outline: 0;
   overflow: auto;
   position: relative;
+  z-index: 200;
   transition: var(--transition-background-blur);
   --inset-padding-top: var(--popover-content-padding);
   --inset-padding-right: var(--popover-content-padding);
@@ -19202,6 +19206,7 @@
   --scrollarea-scrollbar-horizontal-margin-left: var(--select-content-padding);
   --scrollarea-scrollbar-horizontal-margin-right: var(--select-content-padding);
   overflow: hidden;
+  z-index: 200;
   background-color: var(--color-panel);
   -webkit-backdrop-filter: var(--backdrop-filter-panel);
           backdrop-filter: var(--backdrop-filter-panel);
@@ -24994,6 +24999,7 @@
   padding: var(--space-1) var(--space-2);
   background-color: var(--gray-12);
   border-radius: var(--radius-1);
+  z-index: 300;
   transform-origin: var(--radix-tooltip-content-transform-origin);
   animation-duration: var(--motion-duration-small);
   animation-timing-function: var(--motion-spring-snappy);