dialkit 1.0.0 → 1.2.0

package/dist/solid/index.d.cts

@@ -43,6 +43,14 @@ type DialConfig = {
 type ResolvedValues<T extends DialConfig> = {
     [K in keyof T]: T[K] extends [number, number, number, number?] ? number : T[K] extends SpringConfig ? TransitionConfig : T[K] extends EasingConfig ? TransitionConfig : T[K] extends SelectConfig ? string : T[K] extends ColorConfig ? string : T[K] extends TextConfig ? string : T[K] extends DialConfig ? ResolvedValues<T[K]> : T[K];
 };
+type ShortcutMode = 'fine' | 'normal' | 'coarse';
+type ShortcutInteraction = 'scroll' | 'drag' | 'move' | 'scroll-only';
+type ShortcutConfig = {
+    key?: string;
+    modifier?: 'alt' | 'shift' | 'meta';
+    mode?: ShortcutMode;
+    interaction?: ShortcutInteraction;
+};
 type ControlMeta = {
     type: 'slider' | 'toggle' | 'spring' | 'transition' | 'folder' | 'action' | 'select' | 'color' | 'text';
     path: string;
@@ -57,12 +65,14 @@ type ControlMeta = {
         label: string;
     })[];
     placeholder?: string;
+    shortcut?: ShortcutConfig;
 };
 type PanelConfig = {
     id: string;
     name: string;
     controls: ControlMeta[];
     values: Record<string, DialValue>;
+    shortcuts: Record<string, ShortcutConfig>;
 };
 type Listener = () => void;
 type ActionListener = (action: string) => void;
@@ -80,8 +90,8 @@ declare class DialStoreClass {
     private presets;
     private activePreset;
     private baseValues;
-    registerPanel(id: string, name: string, config: DialConfig): void;
-    updatePanel(id: string, name: string, config: DialConfig): void;
+    registerPanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>): void;
+    updatePanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>): void;
     unregisterPanel(id: string): void;
     updateValue(panelId: string, path: string, value: DialValue): void;
     updateSpringMode(panelId: string, path: string, mode: 'simple' | 'advanced'): void;
@@ -102,6 +112,18 @@ declare class DialStoreClass {
     getPresets(panelId: string): Preset[];
     getActivePresetId(panelId: string): string | null;
     clearActivePreset(panelId: string): void;
+    resolveShortcutTarget(key: string, modifier?: 'alt' | 'shift' | 'meta'): {
+        panelId: string;
+        path: string;
+        control: ControlMeta;
+    } | null;
+    resolveScrollOnlyTargets(): Array<{
+        panelId: string;
+        path: string;
+        control: ControlMeta;
+        shortcut: ShortcutConfig;
+    }>;
+    private findControlByPath;
     private notify;
     private notifyGlobal;
     private initTransitionModes;
@@ -126,13 +148,19 @@ declare const DialStore: DialStoreClass;
 
 interface CreateDialOptions {
     onAction?: (action: string) => void;
+    shortcuts?: Record<string, ShortcutConfig>;
 }
 declare function createDialKit<T extends DialConfig>(name: string, config: T, options?: CreateDialOptions): Accessor<ResolvedValues<T>>;
 
 type DialPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+type DialMode = 'popover' | 'inline';
+type DialTheme = 'light' | 'dark' | 'system';
 interface DialRootProps {
     position?: DialPosition;
     defaultOpen?: boolean;
+    mode?: DialMode;
+    theme?: DialTheme;
+    productionEnabled?: boolean;
 }
 declare function DialRoot(props: DialRootProps): solid_js.JSX.Element;
 
@@ -144,6 +172,8 @@ interface SliderProps {
     max?: number;
     step?: number;
     unit?: string;
+    shortcut?: ShortcutConfig;
+    shortcutActive?: boolean;
 }
 declare function Slider(props: SliderProps): solid_js.JSX.Element;
 
@@ -151,6 +181,8 @@ interface ToggleProps {
     label: string;
     checked: boolean;
     onChange: (checked: boolean) => void;
+    shortcut?: ShortcutConfig;
+    shortcutActive?: boolean;
 }
 declare function Toggle(props: ToggleProps): solid_js.JSX.Element;
 
@@ -159,6 +191,7 @@ interface FolderProps {
     children: JSX.Element;
     defaultOpen?: boolean;
     isRoot?: boolean;
+    inline?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
     toolbar?: JSX.Element;
 }
@@ -222,4 +255,4 @@ interface PresetManagerProps {
 }
 declare function PresetManager(props: PresetManagerProps): solid_js.JSX.Element;
 
-export { type ActionConfig, ButtonGroup, type ColorConfig, ColorControl, type ControlMeta, type CreateDialOptions, type DialConfig, type DialPosition, DialRoot, DialStore, type DialValue, Folder, type PanelConfig, type Preset, PresetManager, type ResolvedValues, type SelectConfig, SelectControl, Slider, type SpringConfig, SpringControl, SpringVisualization, type TextConfig, TextControl, Toggle, createDialKit };
+export { type ActionConfig, ButtonGroup, type ColorConfig, ColorControl, type ControlMeta, type CreateDialOptions, type DialConfig, type DialMode, type DialPosition, DialRoot, DialStore, type DialTheme, type DialValue, Folder, type PanelConfig, type Preset, PresetManager, type ResolvedValues, type SelectConfig, SelectControl, type ShortcutConfig, Slider, type SpringConfig, SpringControl, SpringVisualization, type TextConfig, TextControl, Toggle, createDialKit };

package/dist/solid/index.d.ts

@@ -43,6 +43,14 @@ type DialConfig = {
 type ResolvedValues<T extends DialConfig> = {
     [K in keyof T]: T[K] extends [number, number, number, number?] ? number : T[K] extends SpringConfig ? TransitionConfig : T[K] extends EasingConfig ? TransitionConfig : T[K] extends SelectConfig ? string : T[K] extends ColorConfig ? string : T[K] extends TextConfig ? string : T[K] extends DialConfig ? ResolvedValues<T[K]> : T[K];
 };
+type ShortcutMode = 'fine' | 'normal' | 'coarse';
+type ShortcutInteraction = 'scroll' | 'drag' | 'move' | 'scroll-only';
+type ShortcutConfig = {
+    key?: string;
+    modifier?: 'alt' | 'shift' | 'meta';
+    mode?: ShortcutMode;
+    interaction?: ShortcutInteraction;
+};
 type ControlMeta = {
     type: 'slider' | 'toggle' | 'spring' | 'transition' | 'folder' | 'action' | 'select' | 'color' | 'text';
     path: string;
@@ -57,12 +65,14 @@ type ControlMeta = {
         label: string;
     })[];
     placeholder?: string;
+    shortcut?: ShortcutConfig;
 };
 type PanelConfig = {
     id: string;
     name: string;
     controls: ControlMeta[];
     values: Record<string, DialValue>;
+    shortcuts: Record<string, ShortcutConfig>;
 };
 type Listener = () => void;
 type ActionListener = (action: string) => void;
@@ -80,8 +90,8 @@ declare class DialStoreClass {
     private presets;
     private activePreset;
     private baseValues;
-    registerPanel(id: string, name: string, config: DialConfig): void;
-    updatePanel(id: string, name: string, config: DialConfig): void;
+    registerPanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>): void;
+    updatePanel(id: string, name: string, config: DialConfig, shortcuts?: Record<string, ShortcutConfig>): void;
     unregisterPanel(id: string): void;
     updateValue(panelId: string, path: string, value: DialValue): void;
     updateSpringMode(panelId: string, path: string, mode: 'simple' | 'advanced'): void;
@@ -102,6 +112,18 @@ declare class DialStoreClass {
     getPresets(panelId: string): Preset[];
     getActivePresetId(panelId: string): string | null;
     clearActivePreset(panelId: string): void;
+    resolveShortcutTarget(key: string, modifier?: 'alt' | 'shift' | 'meta'): {
+        panelId: string;
+        path: string;
+        control: ControlMeta;
+    } | null;
+    resolveScrollOnlyTargets(): Array<{
+        panelId: string;
+        path: string;
+        control: ControlMeta;
+        shortcut: ShortcutConfig;
+    }>;
+    private findControlByPath;
     private notify;
     private notifyGlobal;
     private initTransitionModes;
@@ -126,13 +148,19 @@ declare const DialStore: DialStoreClass;
 
 interface CreateDialOptions {
     onAction?: (action: string) => void;
+    shortcuts?: Record<string, ShortcutConfig>;
 }
 declare function createDialKit<T extends DialConfig>(name: string, config: T, options?: CreateDialOptions): Accessor<ResolvedValues<T>>;
 
 type DialPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+type DialMode = 'popover' | 'inline';
+type DialTheme = 'light' | 'dark' | 'system';
 interface DialRootProps {
     position?: DialPosition;
     defaultOpen?: boolean;
+    mode?: DialMode;
+    theme?: DialTheme;
+    productionEnabled?: boolean;
 }
 declare function DialRoot(props: DialRootProps): solid_js.JSX.Element;
 
@@ -144,6 +172,8 @@ interface SliderProps {
     max?: number;
     step?: number;
     unit?: string;
+    shortcut?: ShortcutConfig;
+    shortcutActive?: boolean;
 }
 declare function Slider(props: SliderProps): solid_js.JSX.Element;
 
@@ -151,6 +181,8 @@ interface ToggleProps {
     label: string;
     checked: boolean;
     onChange: (checked: boolean) => void;
+    shortcut?: ShortcutConfig;
+    shortcutActive?: boolean;
 }
 declare function Toggle(props: ToggleProps): solid_js.JSX.Element;
 
@@ -159,6 +191,7 @@ interface FolderProps {
     children: JSX.Element;
     defaultOpen?: boolean;
     isRoot?: boolean;
+    inline?: boolean;
     onOpenChange?: (isOpen: boolean) => void;
     toolbar?: JSX.Element;
 }
@@ -222,4 +255,4 @@ interface PresetManagerProps {
 }
 declare function PresetManager(props: PresetManagerProps): solid_js.JSX.Element;
 
-export { type ActionConfig, ButtonGroup, type ColorConfig, ColorControl, type ControlMeta, type CreateDialOptions, type DialConfig, type DialPosition, DialRoot, DialStore, type DialValue, Folder, type PanelConfig, type Preset, PresetManager, type ResolvedValues, type SelectConfig, SelectControl, Slider, type SpringConfig, SpringControl, SpringVisualization, type TextConfig, TextControl, Toggle, createDialKit };
+export { type ActionConfig, ButtonGroup, type ColorConfig, ColorControl, type ControlMeta, type CreateDialOptions, type DialConfig, type DialMode, type DialPosition, DialRoot, DialStore, type DialTheme, type DialValue, Folder, type PanelConfig, type Preset, PresetManager, type ResolvedValues, type SelectConfig, SelectControl, type ShortcutConfig, Slider, type SpringConfig, SpringControl, SpringVisualization, type TextConfig, TextControl, Toggle, createDialKit };