@refraction-ui/astro 0.4.6 → 0.4.8

package/dist/app-shell/app-shell.ts

@@ -131,7 +131,10 @@ function makeState(
 // ---------------------------------------------------------------------------
 
 export function createAppShell(config?: AppShellConfig): AppShellAPI {
-  const resolved: Required<AppShellConfig> = { ...DEFAULTS, ...config }
+  const resolved: Required<AppShellConfig> = {
+    ...DEFAULTS,
+    ...(config ? Object.fromEntries(Object.entries(config).filter(([_, v]) => v !== undefined)) : {})
+  } as Required<AppShellConfig>
 
   // Internal mutable state
   let sidebarOpen = false

package/dist/app-shell/auth-shell.ts

@@ -47,7 +47,10 @@ const MAX_WIDTH_CLASSES: Record<AuthShellConfig['maxWidth'] & string, string> =
 // ---------------------------------------------------------------------------
 
 export function createAuthShell(config?: AuthShellConfig): AuthShellAPI {
-  const resolved: Required<AuthShellConfig> = { ...DEFAULTS, ...config }
+  const resolved: Required<AuthShellConfig> = {
+    ...DEFAULTS,
+    ...(config ? Object.fromEntries(Object.entries(config).filter(([_, v]) => v !== undefined)) : {})
+  } as Required<AuthShellConfig>
 
   const containerParts: string[] = ['min-h-screen', 'flex', 'w-full']
 

package/dist/app-shell/page-shell.ts

@@ -67,7 +67,10 @@ const BACKGROUND_CLASSES: Record<NonNullable<SectionConfig['background']>, strin
 // ---------------------------------------------------------------------------
 
 export function createPageShell(config?: PageShellConfig): PageShellAPI {
-  const resolved: Required<PageShellConfig> = { ...DEFAULTS, ...config }
+  const resolved: Required<PageShellConfig> = {
+    ...DEFAULTS,
+    ...(config ? Object.fromEntries(Object.entries(config).filter(([_, v]) => v !== undefined)) : {})
+  } as Required<PageShellConfig>
 
   function getSectionClasses(sectionConfig?: SectionConfig): string {
     const {

package/dist/astro-file-tree/index.ts

@@ -1 +1 @@
-export * from './astro-file-tree';
+export { default as FileTree } from './astro-file-tree.astro';

package/dist/astro-icon-system/index.ts

@@ -1 +1 @@
-export * from './astro-icon-system';
+export { default as IconSystem } from './astro-icon-system.astro';

package/dist/astro-theme/index.ts

@@ -1 +1,2 @@
-export {}
+export { default as ThemeScript } from './ThemeScript.astro'
+export { default as ThemeToggle } from './ThemeToggle.astro'

package/dist/callout/index.ts

@@ -1 +1 @@
-export * from './callout';
+export * from './callout.ts';

package/dist/card-grid/index.ts

@@ -1 +1 @@
-export * from './card-grid.js'
+export * from './card-grid.ts'

package/dist/code-block/index.ts

@@ -1 +1 @@
-export * from './code-block';
+export * from './code-block.ts';

package/dist/command-input/index.ts

@@ -1 +1 @@
-export * from './command-input'
+export * from './command-input.ts'

package/dist/dropdown-menu/dropdown-menu.ts

@@ -90,23 +90,23 @@ export function createDropdownMenu(props: DropdownMenuProps = {}): DropdownMenuA
   }
 
   const keyboardHandlers: KeyboardHandlerMap = {
-    [Keys.Escape]: (e) => {
+    [Keys.Escape]: (e: KeyboardEvent) => {
       e.preventDefault()
       closeMenu()
     },
-    [Keys.ArrowDown]: (e) => {
+    [Keys.ArrowDown]: (e: KeyboardEvent) => {
       e.preventDefault()
     },
-    [Keys.ArrowUp]: (e) => {
+    [Keys.ArrowUp]: (e: KeyboardEvent) => {
       e.preventDefault()
     },
-    [Keys.Enter]: (e) => {
+    [Keys.Enter]: (e: KeyboardEvent) => {
       e.preventDefault()
     },
-    [Keys.Home]: (e) => {
+    [Keys.Home]: (e: KeyboardEvent) => {
       e.preventDefault()
     },
-    [Keys.End]: (e) => {
+    [Keys.End]: (e: KeyboardEvent) => {
       e.preventDefault()
     },
   }

package/dist/keyboard-shortcut/index.ts

@@ -3,6 +3,11 @@ export {
   formatShortcut,
   type ShortcutProps,
   type KeyboardShortcutAPI,
+  SANE_DEFAULTS,
+  globalShortcutRegistry,
+  ShortcutRegistry,
+  altHintState,
+  AltHintState,
 } from './keyboard-shortcut.js'
 
 export {

package/dist/keyboard-shortcut/keyboard-shortcut.ts

@@ -1,5 +1,3 @@
-import type { AccessibilityProps } from '../shared/index.ts'
-
 export interface ShortcutProps {
   /** Key combination (e.g., ['Ctrl', 'K'] or ['Meta', 'Shift', 'P']) */
   keys: string[]
@@ -151,3 +149,90 @@ export function createKeyboardShortcut(props: ShortcutProps): KeyboardShortcutAP
     badgeAriaProps,
   }
 }
+
+export const SANE_DEFAULTS: Record<string, string[]> = {
+  save: ['Meta', 's'],
+  search: ['Meta', 'k'],
+  close: ['Escape'],
+  submit: ['Meta', 'Enter'],
+  undo: ['Meta', 'z'],
+  redo: ['Meta', 'Shift', 'z'],
+  copy: ['Meta', 'c'],
+  paste: ['Meta', 'v'],
+  cut: ['Meta', 'x'],
+  new: ['Meta', 'n'],
+  print: ['Meta', 'p'],
+  help: ['?'],
+};
+
+export class ShortcutRegistry {
+  private shortcuts: Map<string, () => void> = new Map();
+
+  register(keys: string[], handler: () => void) {
+    const keyStr = keys.map(k => k.toLowerCase()).sort().join('+');
+    if (this.shortcuts.has(keyStr)) {
+      console.warn(`Shortcut ${keyStr} is already registered.`);
+    }
+    this.shortcuts.set(keyStr, handler);
+  }
+
+  unregister(keys: string[]) {
+    const keyStr = keys.map(k => k.toLowerCase()).sort().join('+');
+    this.shortcuts.delete(keyStr);
+  }
+}
+
+export const globalShortcutRegistry = new ShortcutRegistry();
+
+export class AltHintState {
+  private showHints = false;
+  private listeners: Set<(show: boolean) => void> = new Set();
+  private initialized = false;
+
+  init() {
+    if (this.initialized || typeof window === 'undefined') return;
+    this.initialized = true;
+
+    const handleKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Alt') {
+        this.setShowHints(true);
+      }
+    };
+
+    const handleKeyUp = (e: KeyboardEvent) => {
+      if (e.key === 'Alt') {
+        this.setShowHints(false);
+      }
+    };
+
+    const handleBlur = () => {
+      this.setShowHints(false);
+    };
+
+    window.addEventListener('keydown', handleKeyDown);
+    window.addEventListener('keyup', handleKeyUp);
+    window.addEventListener('blur', handleBlur);
+  }
+
+  private setShowHints(value: boolean) {
+    if (this.showHints !== value) {
+      this.showHints = value;
+      this.listeners.forEach((listener) => listener(value));
+    }
+  }
+
+  subscribe(listener: (show: boolean) => void) {
+    this.listeners.add(listener);
+    listener(this.showHints);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+
+  get snapshot() {
+    return this.showHints;
+  }
+}
+
+export const altHintState = new AltHintState();
+

package/dist/link-card/index.ts

@@ -1 +1 @@
-export * from './link-card.js'
+export * from './link-card.ts'

package/dist/payment/index.ts

@@ -1 +1 @@
-export * from './payment.js';
+export * from './payment.ts';

package/dist/skip-to-content/index.ts

@@ -1 +1 @@
-export * from './skip-to-content';
+export * from './skip-to-content.ts';

package/dist/slider/index.ts

@@ -1 +1 @@
-export * from './slider.js'
+export * from './slider.ts'

package/dist/steps/index.ts

@@ -1 +1 @@
-export * from './steps';
+export * from './steps.ts';

package/dist/table-of-contents/index.ts

@@ -1 +1 @@
-export * from './table-of-contents'
+export * from './table-of-contents.ts'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refraction-ui/astro",
-  "version": "0.4.6",
+  "version": "0.4.8",
   "description": "All Refraction UI Astro components in one package",
   "type": "module",
   "exports": {