@kushagradhawan/kookie-ui 0.1.107 → 0.1.108

package/components.css

@@ -12948,12 +12948,19 @@
     border-radius: 0 !important;
     will-change: transform;
 }
+@supports (height: 100dvh) {
+    :where(.rt-SheetContent) {
+        height: 100dvh;
+        max-height: 100dvh;
+    }
+}
 :where(.rt-SheetContent[data-side='start']) {
     inset-block: 0 !important;
     inset-inline-start: 0 !important;
     margin: 0 !important;
     border-start-start-radius: 0;
     border-end-start-radius: 0;
+    padding-bottom: env(safe-area-inset-bottom, 0px);
 }
 :where(.rt-SheetContent[data-side='end']) {
     inset-block: 0 !important;
@@ -12961,6 +12968,7 @@
     margin: 0 !important;
     border-start-end-radius: 0;
     border-end-end-radius: 0;
+    padding-bottom: env(safe-area-inset-bottom, 0px);
 }
 :where(.rt-SheetContent[data-side='top']) {
     inset-block-start: 0 !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.107",
+  "version": "0.1.108",
   "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-06T09:27:24.138Z",
+  "generatedAt": "2026-01-06T09:52:15.405Z",
   "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-06T09:27:24.144Z",
+  "generatedAt": "2026-01-06T09:52:15.411Z",
   "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-06T09:27:24.145Z",
+  "generatedAt": "2026-01-06T09:52:15.412Z",
   "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-06T09:27:24.148Z",
+  "generatedAt": "2026-01-06T09:52:15.415Z",
   "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-06T09:27:24.138Z",
+      "generatedAt": "2026-01-06T09:52:15.405Z",
       "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-06T09:27:24.144Z",
+      "generatedAt": "2026-01-06T09:52:15.411Z",
       "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-06T09:27:24.145Z",
+      "generatedAt": "2026-01-06T09:52:15.412Z",
       "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-06T09:27:24.147Z",
+      "generatedAt": "2026-01-06T09:52:15.414Z",
       "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-06T09:27:24.148Z",
+      "generatedAt": "2026-01-06T09:52:15.415Z",
       "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-06T09:27:24.147Z",
+  "generatedAt": "2026-01-06T09:52:15.414Z",
   "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-06T09:27:24.148Z",
+  "generatedAt": "2026-01-06T09:52:15.415Z",
   "source": "Zod schema"
 }

package/src/components/sheet.css

@@ -10,6 +10,14 @@
   will-change: transform;
 }
 
+/* iOS dynamic viewport height - accounts for browser chrome */
+@supports (height: 100dvh) {
+  :where(.rt-SheetContent) {
+    height: 100dvh;
+    max-height: 100dvh;
+  }
+}
+
 /* Logical side anchoring (RTL-aware via logical inset) */
 :where(.rt-SheetContent[data-side='start']) {
   inset-block: 0 !important;
@@ -17,6 +25,8 @@
   margin: 0 !important;
   border-start-start-radius: 0;
   border-end-start-radius: 0;
+  /* iOS safe area for home indicator */
+  padding-bottom: env(safe-area-inset-bottom, 0px);
 }
 :where(.rt-SheetContent[data-side='end']) {
   inset-block: 0 !important;
@@ -24,6 +34,8 @@
   margin: 0 !important;
   border-start-end-radius: 0;
   border-end-end-radius: 0;
+  /* iOS safe area for home indicator */
+  padding-bottom: env(safe-area-inset-bottom, 0px);
 }
 :where(.rt-SheetContent[data-side='top']) {
   inset-block-start: 0 !important;

package/styles.css

@@ -17959,12 +17959,19 @@
   border-radius: 0 !important;
   will-change: transform;
 }
+@supports (height: 100dvh) {
+  :where(.rt-SheetContent){
+    height: 100dvh;
+    max-height: 100dvh;
+  }
+}
 :where(.rt-SheetContent[data-side='start']){
   inset-block: 0 !important;
   inset-inline-start: 0 !important;
   margin: 0 !important;
   border-start-start-radius: 0;
   border-end-start-radius: 0;
+  padding-bottom: env(safe-area-inset-bottom, 0px);
 }
 :where(.rt-SheetContent[data-side='end']){
   inset-block: 0 !important;
@@ -17972,6 +17979,7 @@
   margin: 0 !important;
   border-start-end-radius: 0;
   border-end-end-radius: 0;
+  padding-bottom: env(safe-area-inset-bottom, 0px);
 }
 :where(.rt-SheetContent[data-side='top']){
   inset-block-start: 0 !important;