@kushagradhawan/kookie-ui 0.1.105 → 0.1.107

package/components.css

@@ -13061,6 +13061,7 @@
     flex-direction: column;
     width: 100%;
     height: 100%;
+    -webkit-overflow-scrolling: touch;
 }
 .rt-ScrollAreaViewport:where(:focus-visible) + :where(.rt-ScrollAreaViewportFocusRing) {
     position: absolute;
@@ -17189,6 +17190,8 @@
     flex-direction: column;
     width: 100%;
     overflow: hidden;
+    overscroll-behavior: none;
+    position: relative;
 }
 .rt-ShellRoot:not([style*='height']) {
     height: 100vh;
@@ -17215,6 +17218,7 @@
     min-height: 0;
     overflow: hidden;
     position: relative;
+    overscroll-behavior: contain;
 }
 .rt-ShellLeft {
     display: flex;
@@ -17369,6 +17373,9 @@
     min-width: 0;
     height: 100%;
     overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    padding-bottom: env(safe-area-inset-bottom, 0px);
+    overscroll-behavior: contain;
 }
 .rt-ShellInspector {
     display: flex;
@@ -19969,7 +19976,7 @@
     min-width: 0;
     resize: none;
     border: 0;
-    outline: 0;
+    outline: none;
     background: transparent;
     padding: 0;
     margin: 0;
@@ -19979,6 +19986,10 @@
     text-align: start;
     transition: height 150ms ease-out;
 }
+.rt-ChatbarInput:focus,
+.rt-ChatbarInput:focus-visible {
+    outline: none;
+}
 .rt-ChatbarBox :where(.rt-ChatbarGrid) {
     display: flex;
     flex-direction: column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kushagradhawan/kookie-ui",
-  "version": "0.1.105",
+  "version": "0.1.107",
   "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-05T19:36:34.470Z",
+  "generatedAt": "2026-01-06T09:27:24.138Z",
   "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-05T19:36:34.477Z",
+  "generatedAt": "2026-01-06T09:27:24.144Z",
   "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-05T19:36:34.477Z",
+  "generatedAt": "2026-01-06T09:27:24.145Z",
   "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-05T19:36:34.480Z",
+  "generatedAt": "2026-01-06T09:27:24.148Z",
   "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-05T19:36:34.470Z",
+      "generatedAt": "2026-01-06T09:27:24.138Z",
       "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-05T19:36:34.477Z",
+      "generatedAt": "2026-01-06T09:27:24.144Z",
       "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-05T19:36:34.477Z",
+      "generatedAt": "2026-01-06T09:27:24.145Z",
       "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-05T19:36:34.479Z",
+      "generatedAt": "2026-01-06T09:27:24.147Z",
       "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-05T19:36:34.480Z",
+      "generatedAt": "2026-01-06T09:27:24.148Z",
       "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-05T19:36:34.479Z",
+  "generatedAt": "2026-01-06T09:27:24.147Z",
   "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-05T19:36:34.480Z",
+  "generatedAt": "2026-01-06T09:27:24.148Z",
   "source": "Zod schema"
 }

package/src/components/chatbar.css

@@ -18,7 +18,7 @@
   min-width: 0;
   resize: none;
   border: 0;
-  outline: 0;
+  outline: none;
   background: transparent;
   padding: 0;
   margin: 0;
@@ -28,6 +28,10 @@
   text-align: start;
   transition: height 150ms ease-out;
 }
+.rt-ChatbarInput:focus,
+.rt-ChatbarInput:focus-visible {
+  outline: none;
+}
 
 /* Main container - flex layout */
 .rt-ChatbarBox :where(.rt-ChatbarGrid) {

package/src/components/scroll-area.css

@@ -22,6 +22,8 @@
   flex-direction: column;
   width: 100%;
   height: 100%;
+  /* iOS momentum scrolling */
+  -webkit-overflow-scrolling: touch;
 
   &:where(:focus-visible) + :where(.rt-ScrollAreaViewportFocusRing) {
     position: absolute;

package/src/components/shell.css

@@ -13,6 +13,10 @@
   flex-direction: column;
   width: 100%;
   overflow: hidden;
+  /* Prevent scroll chaining to parent/body on iOS */
+  overscroll-behavior: none;
+  /* Ensure Shell is the scroll boundary */
+  position: relative;
 }
 
 /* Default height when no height prop is provided */
@@ -46,6 +50,8 @@
   min-height: 0;
   overflow: hidden;
   position: relative; /* enable absolute positioning for peek overlays */
+  /* Prevent scroll chaining on iOS */
+  overscroll-behavior: contain;
 }
 
 /* Left container - holds Rail, Panel, or Sidebar */
@@ -272,6 +278,12 @@
   min-width: 0;
   height: 100%;
   overflow: auto;
+  /* iOS momentum scrolling */
+  -webkit-overflow-scrolling: touch;
+  /* iOS safe area support */
+  padding-bottom: env(safe-area-inset-bottom, 0px);
+  /* Prevent overscroll bounce from triggering parent scroll */
+  overscroll-behavior: contain;
 }
 
 /* Inspector - right-side panel */

package/styles.css

@@ -18072,6 +18072,7 @@
   flex-direction: column;
   width: 100%;
   height: 100%;
+  -webkit-overflow-scrolling: touch;
 }
 .rt-ScrollAreaViewport:where(:focus-visible) + :where(.rt-ScrollAreaViewportFocusRing){
   position: absolute;
@@ -22200,6 +22201,8 @@
   flex-direction: column;
   width: 100%;
   overflow: hidden;
+  overscroll-behavior: none;
+  position: relative;
 }
 .rt-ShellRoot:not([style*='height']){
   height: 100vh;
@@ -22226,6 +22229,7 @@
   min-height: 0;
   overflow: hidden;
   position: relative;
+  overscroll-behavior: contain;
 }
 .rt-ShellLeft{
   display: flex;
@@ -22380,6 +22384,9 @@
   min-width: 0;
   height: 100%;
   overflow: auto;
+  -webkit-overflow-scrolling: touch;
+  padding-bottom: env(safe-area-inset-bottom, 0px);
+  overscroll-behavior: contain;
 }
 .rt-ShellInspector{
   display: flex;
@@ -24980,7 +24987,7 @@
   min-width: 0;
   resize: none;
   border: 0;
-  outline: 0;
+  outline: none;
   background: transparent;
   padding: 0;
   margin: 0;
@@ -24990,6 +24997,10 @@
   text-align: start;
   transition: height 150ms ease-out;
 }
+.rt-ChatbarInput:focus,
+.rt-ChatbarInput:focus-visible{
+  outline: none;
+}
 .rt-ChatbarBox :where(.rt-ChatbarGrid){
   display: flex;
   flex-direction: column;