@kushagradhawan/kookie-ui 0.1.129 → 0.1.130

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-13T07:07:55.575Z",
+  "generatedAt": "2026-01-14T04:51:02.589Z",
   "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-13T07:07:55.575Z",
+  "generatedAt": "2026-01-14T04:51:02.590Z",
   "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-13T07:07:55.578Z",
+  "generatedAt": "2026-01-14T04:51:02.593Z",
   "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-13T07:07:55.568Z",
+      "generatedAt": "2026-01-14T04:51:02.583Z",
       "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-13T07:07:55.575Z",
+      "generatedAt": "2026-01-14T04:51:02.589Z",
       "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-13T07:07:55.575Z",
+      "generatedAt": "2026-01-14T04:51:02.590Z",
       "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-13T07:07:55.577Z",
+      "generatedAt": "2026-01-14T04:51:02.592Z",
       "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-13T07:07:55.578Z",
+      "generatedAt": "2026-01-14T04:51:02.593Z",
       "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-13T07:07:55.577Z",
+  "generatedAt": "2026-01-14T04:51:02.592Z",
   "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-13T07:07:55.578Z",
+  "generatedAt": "2026-01-14T04:51:02.593Z",
   "source": "Zod schema"
 }

package/src/components/shell.tsx

@@ -282,6 +282,18 @@ const Root = React.forwardRef<HTMLDivElement, ShellRootProps>(({ className, chil
   const hasInspectorOpenControlled = initialChildren.some(
     (el) => React.isValidElement(el) && (el as any).type?.displayName === 'Shell.Inspector' && typeof (el as any).props?.open !== 'undefined' && Boolean((el as any).props?.open),
   );
+  // Detect Panel controlled open state for initial reducer state
+  const hasPanelOpenControlled = initialChildren.some((el) => {
+    if (!React.isValidElement(el) || (el as any).type?.displayName !== 'Shell.Panel') return false;
+    const openProp = (el as any).props?.open;
+    if (typeof openProp === 'undefined') return false;
+    if (typeof openProp === 'boolean') return openProp;
+    // Responsive object - check 'initial' or first truthy value
+    if (typeof openProp === 'object' && openProp !== null) {
+      return openProp.initial ?? Object.values(openProp)[0] ?? false;
+    }
+    return false;
+  });
 
   // Detect Sidebar initial state from props
   const getSidebarInitialState = (): SidebarMode => {
@@ -329,8 +341,8 @@ const Root = React.forwardRef<HTMLDivElement, ShellRootProps>(({ className, chil
 
   // Pane state management via reducer
   const [paneState, dispatchPane] = React.useReducer(paneReducer, {
-    leftMode: hasPanelDefaultOpen || hasRailDefaultOpen ? 'expanded' : 'collapsed',
-    panelMode: hasPanelDefaultOpen ? 'expanded' : 'collapsed',
+    leftMode: hasPanelDefaultOpen || hasPanelOpenControlled || hasRailDefaultOpen ? 'expanded' : 'collapsed',
+    panelMode: hasPanelDefaultOpen || hasPanelOpenControlled ? 'expanded' : 'collapsed',
     sidebarMode: getSidebarInitialState(),
     inspectorMode: hasInspectorDefaultOpen || hasInspectorOpenControlled ? 'expanded' : 'collapsed',
     bottomMode: getBottomInitialState(),