@kushagradhawan/kookie-ui 0.1.123 → 0.1.125

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-09T16:57:47.916Z",
+  "generatedAt": "2026-01-12T06:28:27.817Z",
   "source": "Zod schema"
 }

package/src/components/_internal/shell-bottom.tsx

@@ -7,7 +7,7 @@ import { useResponsivePresentation, useResponsiveInitialState } from '../shell.h
 import { PaneResizeContext } from './shell-resize.js';
 import { BottomHandle, PaneHandle } from './shell-handles.js';
 import { _BREAKPOINTS } from '../shell.types.js';
-import type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, PaneBaseProps } from '../shell.types.js';
+import type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, PaneBaseProps, CSSPropertiesWithVars } from '../shell.types.js';
 import { extractPaneDomProps, mapResponsiveBooleanToPaneMode } from './shell-prop-helpers.js';
 import { normalizeToPx } from '../../helpers/normalize-to-px.js';
 
@@ -391,10 +391,10 @@ export const Bottom = React.forwardRef<HTMLDivElement, BottomPublicProps>((initi
       data-inset={inset || undefined}
       style={{
         ...style,
-        ['--bottom-size' as any]: `${expandedSize}px`,
-        ['--bottom-min-size' as any]: `${minSize}px`,
-        ['--bottom-max-size' as any]: `${maxSize}px`,
-      }}
+        '--bottom-size': `${expandedSize}px`,
+        '--bottom-min-size': `${minSize}px`,
+        '--bottom-max-size': `${maxSize}px`,
+      } as CSSPropertiesWithVars}
     >
       <div className="rt-ShellBottomContent" data-visible={isExpanded || undefined}>
         {contentChildren}

package/src/components/_internal/shell-handles.tsx

@@ -88,19 +88,19 @@ export const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsW
           try {
             handleEl.releasePointerCapture(pointerId);
           } catch {}
-          window.removeEventListener('pointermove', handleMove as any);
-          document.removeEventListener('pointermove', handleMove as any);
-          window.removeEventListener('mousemove', handleMove as any);
-          document.removeEventListener('mousemove', handleMove as any);
-          handleEl.removeEventListener('pointermove', handleMove as any);
-          window.removeEventListener('pointerup', handleUp as any);
-          document.removeEventListener('pointerup', handleUp as any);
-          window.removeEventListener('mouseup', handleUp as any);
-          document.removeEventListener('mouseup', handleUp as any);
-          window.removeEventListener('pointercancel', handleUp as any);
-          document.removeEventListener('pointercancel', handleUp as any);
-          window.removeEventListener('keydown', handleKey as any);
-          handleEl.removeEventListener('lostpointercapture', handleUp as any);
+          window.removeEventListener('pointermove', handleMove as EventListener);
+          document.removeEventListener('pointermove', handleMove as EventListener);
+          window.removeEventListener('mousemove', handleMove as EventListener);
+          document.removeEventListener('mousemove', handleMove as EventListener);
+          handleEl.removeEventListener('pointermove', handleMove as EventListener);
+          window.removeEventListener('pointerup', handleUp as EventListener);
+          document.removeEventListener('pointerup', handleUp as EventListener);
+          window.removeEventListener('mouseup', handleUp as EventListener);
+          document.removeEventListener('mouseup', handleUp as EventListener);
+          window.removeEventListener('pointercancel', handleUp as EventListener);
+          document.removeEventListener('pointercancel', handleUp as EventListener);
+          window.removeEventListener('keydown', handleKey as EventListener);
+          handleEl.removeEventListener('lostpointercapture', handleUp as EventListener);
           container.removeAttribute('data-resizing');
           body.style.cursor = prevCursor;
           body.style.userSelect = prevUserSelect;
@@ -132,20 +132,20 @@ export const PaneHandle = React.forwardRef<HTMLDivElement, React.ComponentPropsW
             cleanup();
           }
         };
-        window.addEventListener('pointermove', handleMove as any);
-        document.addEventListener('pointermove', handleMove as any);
+        window.addEventListener('pointermove', handleMove as EventListener);
+        document.addEventListener('pointermove', handleMove as EventListener);
         // Fallbacks for environments that don't fully support PointerEvent on window
-        window.addEventListener('mousemove', handleMove as any);
-        document.addEventListener('mousemove', handleMove as any);
-        handleEl.addEventListener('pointermove', handleMove as any);
-        window.addEventListener('pointerup', handleUp as any);
-        document.addEventListener('pointerup', handleUp as any);
-        window.addEventListener('mouseup', handleUp as any);
-        document.addEventListener('mouseup', handleUp as any);
-        window.addEventListener('pointercancel', handleUp as any);
-        document.addEventListener('pointercancel', handleUp as any);
-        window.addEventListener('keydown', handleKey as any);
-        handleEl.addEventListener('lostpointercapture', handleUp as any);
+        window.addEventListener('mousemove', handleMove as EventListener);
+        document.addEventListener('mousemove', handleMove as EventListener);
+        handleEl.addEventListener('pointermove', handleMove as EventListener);
+        window.addEventListener('pointerup', handleUp as EventListener);
+        document.addEventListener('pointerup', handleUp as EventListener);
+        window.addEventListener('mouseup', handleUp as EventListener);
+        document.addEventListener('mouseup', handleUp as EventListener);
+        window.addEventListener('pointercancel', handleUp as EventListener);
+        document.addEventListener('pointercancel', handleUp as EventListener);
+        window.addEventListener('keydown', handleKey as EventListener);
+        handleEl.addEventListener('lostpointercapture', handleUp as EventListener);
         activeCleanupRef.current = cleanup;
       }}
       onDoubleClick={() => {

package/src/components/_internal/shell-inspector.tsx

@@ -7,7 +7,7 @@ import { useResponsivePresentation, useResponsiveInitialState } from '../shell.h
 import { PaneResizeContext } from './shell-resize.js';
 import { InspectorHandle, PaneHandle } from './shell-handles.js';
 import { _BREAKPOINTS } from '../shell.types.js';
-import type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, PaneBaseProps } from '../shell.types.js';
+import type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, PaneBaseProps, CSSPropertiesWithVars } from '../shell.types.js';
 import { extractPaneDomProps, mapResponsiveBooleanToPaneMode } from './shell-prop-helpers.js';
 import { normalizeToPx } from '../../helpers/normalize-to-px.js';
 
@@ -393,10 +393,10 @@ export const Inspector = React.forwardRef<HTMLDivElement, InspectorPublicProps>(
       data-inset={inset || undefined}
       style={{
         ...style,
-        ['--inspector-size' as any]: `${expandedSize}px`,
-        ['--inspector-min-size' as any]: `${minSize}px`,
-        ['--inspector-max-size' as any]: `${maxSize}px`,
-      }}
+        '--inspector-size': `${expandedSize}px`,
+        '--inspector-min-size': `${minSize}px`,
+        '--inspector-max-size': `${maxSize}px`,
+      } as CSSPropertiesWithVars}
     >
       <div className="rt-ShellInspectorContent" data-visible={isExpanded || undefined}>
         {contentChildren}

package/src/components/_internal/shell-prop-helpers.ts

@@ -7,7 +7,7 @@ export function omitPaneProps<T extends object, K extends KeyList<T>>(source: T,
   const result: Partial<T> = {};
   (Object.keys(source) as Array<keyof T>).forEach((key) => {
     if (!omitSet.has(key)) {
-      result[key] = (source as any)[key];
+      result[key] = source[key];
     }
   });
   return result as Omit<T, K[number]>;

package/src/components/_internal/shell-sidebar.tsx

@@ -7,7 +7,7 @@ import { useResponsivePresentation, useResponsiveInitialState } from '../shell.h
 import { PaneResizeContext } from './shell-resize.js';
 import { extractPaneDomProps } from './shell-prop-helpers.js';
 import { SidebarHandle, PaneHandle } from './shell-handles.js';
-import type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, SidebarMode, Responsive, PaneBaseProps } from '../shell.types.js';
+import type { Breakpoint, PaneMode, PaneSizePersistence, ResponsivePresentation, SidebarMode, Responsive, PaneBaseProps, CSSPropertiesWithVars } from '../shell.types.js';
 import { _BREAKPOINTS } from '../shell.types.js';
 import { normalizeToPx } from '../../helpers/normalize-to-px.js';
 
@@ -446,10 +446,10 @@ export const Sidebar = React.forwardRef<HTMLDivElement, SidebarPublicProps>((ini
       data-inset={inset || undefined}
       style={{
         ...style,
-        ['--sidebar-size' as any]: `${expandedSize}px`,
-        ['--sidebar-thin-size' as any]: `${thinSize}px`,
-        ['--sidebar-min-size' as any]: `${minSize}px`,
-        ['--sidebar-max-size' as any]: `${maxSize}px`,
+        '--sidebar-size': `${expandedSize}px`,
+        '--sidebar-thin-size': `${thinSize}px`,
+        '--sidebar-min-size': `${minSize}px`,
+        '--sidebar-max-size': `${maxSize}px`,
         ...(shell.peekTarget === 'sidebar' && shell.sidebarMode === 'collapsed' && !isOverlay
           ? (() => {
               const strategy: 'both' | 'single' = toggleModes ?? 'both';
@@ -463,15 +463,15 @@ export const Sidebar = React.forwardRef<HTMLDivElement, SidebarPublicProps>((ini
               }
               if (next === 'thin') {
                 return {
-                  ['--peek-sidebar-width' as any]: `${thinSize}px`,
-                } as React.CSSProperties;
+                  '--peek-sidebar-width': `${thinSize}px`,
+                } as CSSPropertiesWithVars;
               }
               return {
-                ['--peek-sidebar-width' as any]: `var(--sidebar-size, ${expandedSize}px)`,
-              } as React.CSSProperties;
+                '--peek-sidebar-width': `var(--sidebar-size, ${expandedSize}px)`,
+              } as CSSPropertiesWithVars;
             })()
           : {}),
-      }}
+      } as CSSPropertiesWithVars}
     >
       <div className="rt-ShellSidebarContent" data-visible={isContentVisible || undefined}>
         {contentChildren}