@spteck/react-controls-v2 2.4.4 → 2.5.2

package/dist/components/RichTextEditor/extensions.d.ts

@@ -0,0 +1,12 @@
+import { Extension } from '@tiptap/core';
+/**
+ * Custom Link extension that adds Mod-k keyboard shortcut
+ * to trigger the link editor popover.
+ */
+export declare const Link: import('@tiptap/core').Mark<import('@tiptap/extension-link').LinkOptions, any>;
+/**
+ * Creates a TaskList extension with Mod-[/] shortcuts for
+ * sinking and lifting task list items.
+ */
+export declare function getTaskListExtension(TaskList: Extension): any;
+//# sourceMappingURL=extensions.d.ts.map

package/dist/components/RichTextEditor/index.d.ts

@@ -0,0 +1,15 @@
+export { RichTextEditor } from './RichTextEditor';
+export { RichTextEditorControl, RichTextEditorControlBase, createControl } from './RichTextEditorControl';
+export { RichTextEditorToolbar } from './RichTextEditorToolbar';
+export { RichTextEditorContent } from './RichTextEditorContent';
+export { RichTextEditorControlsGroup } from './RichTextEditorControlsGroup';
+export { RichTextEditorLinkControl } from './RichTextEditorLinkControl';
+export { RichTextEditorColorControl } from './RichTextEditorColorControl';
+export { RichTextEditorColorPickerControl } from './RichTextEditorColorPickerControl';
+export { RichTextEditorSourceCodeControl } from './RichTextEditorSourceCodeControl';
+export { RichTextEditorFontFamilyControl } from './RichTextEditorFontFamilyControl';
+export { Link, getTaskListExtension } from './extensions';
+export * from './controls';
+export type { IRichTextEditorProps, IRichTextEditorLabels, IRichTextEditorToolbarProps, IRichTextEditorControlsGroupProps, IRichTextEditorControlProps, IRichTextEditorControlBaseProps, IRichTextEditorContentProps, IRichTextEditorLinkControlProps, IRichTextEditorColorControlProps, IRichTextEditorColorPickerControlProps, IRichTextEditorFontFamilyControlProps, ICreateControlProps, RichTextEditorVariant, } from './IRichTextEditorProps';
+export type { IRichTextEditorContextValue } from './RichTextEditorContext';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichTextEditor/useRichTextEditorStyles.d.ts

@@ -0,0 +1,28 @@
+import { RichTextEditorVariant } from './IRichTextEditorProps';
+export interface IRichTextEditorStyles {
+    root: string;
+    toolbar: string;
+    toolbarSticky: string;
+    controlsGroup: string;
+    control: string;
+    controlActive: string;
+    controlDisabled: string;
+    controlIcon: string;
+    content: string;
+    typography: string;
+    linkEditorDropdown: string;
+    linkEditor: string;
+    linkEditorInput: string;
+    linkEditorExternalControl: string;
+    linkEditorExternalControlActive: string;
+    linkEditorSave: string;
+    colorSwatch: string;
+    colorSwatchGrid: string;
+    colorPickerActions: string;
+    taskList: string;
+    fontFamilyList: string;
+    fontFamilyItem: string;
+    fontFamilyItemActive: string;
+}
+export declare const useRichTextEditorStyles: (variant?: RichTextEditorVariant) => IRichTextEditorStyles;
+//# sourceMappingURL=useRichTextEditorStyles.d.ts.map

package/dist/components/Skeleton/ISkeletonLoaderProps.d.ts

@@ -0,0 +1,102 @@
+export interface Bone {
+    /** Left offset as % of root width */
+    x: number;
+    /** Top offset in px relative to root */
+    y: number;
+    /** Width as % of root width */
+    w: number;
+    /** Height in px */
+    h: number;
+    /** Border radius – px number, '50%' for circles, or CSS string */
+    r: number | string;
+    /** True if this is a container bone (rendered lighter) */
+    c?: boolean;
+}
+/** Compact bone: [x, y, w, h, r, c?] */
+export type CompactBone = [number, number, number, number, number | string] | [number, number, number, number, number | string, boolean];
+/** Either format – runtime normalises automatically */
+export type AnyBone = Bone | CompactBone;
+/** Skeleton layout result for a component at a specific width */
+export interface SkeletonResult {
+    name: string;
+    viewportWidth: number;
+    width: number;
+    height: number;
+    bones: Bone[];
+}
+/** Responsive bones – keyed by min-width breakpoint */
+export interface ResponsiveBones {
+    breakpoints: Record<number, SkeletonResult>;
+}
+/** Any registered bone format */
+export type RegisteredBones = SkeletonResult | ResponsiveBones;
+/** Animation style */
+export type AnimationStyle = 'pulse' | 'shimmer' | 'solid' | boolean;
+/** Snapshot configuration for DOM extraction */
+export interface SnapshotConfig {
+    /** Extra leaf tags always treated as atomic bones */
+    leafTags?: string[];
+    /** Capture rounded-border containers (default true) */
+    captureRoundedBorders?: boolean;
+    /** Tags to exclude entirely */
+    excludeTags?: string[];
+    /** CSS selectors to exclude entirely */
+    excludeSelectors?: string[];
+}
+/** Global configuration */
+export interface SkeletonLoaderConfig {
+    /** Bone fill color (light). Default: Fluent neutralBackground4 */
+    color?: string;
+    /** Bone fill color (dark mode) */
+    darkColor?: string;
+    /** Animation style (default: 'pulse') */
+    animate?: AnimationStyle;
+    /** Stagger delay between bones in ms (default: false, true = 80) */
+    stagger?: number | boolean;
+    /** Fade transition in ms when loading ends (default: false, true = 300) */
+    transition?: number | boolean;
+    /** CSS class applied to each bone */
+    boneClass?: string;
+    /** Shimmer highlight color (light) */
+    shimmerColor?: string;
+    /** Shimmer highlight color (dark) */
+    darkShimmerColor?: string;
+    /** Animation duration CSS string, e.g. '2s' */
+    speed?: string;
+    /** Shimmer gradient angle in degrees (default: 110) */
+    shimmerAngle?: number;
+}
+/** Props for <SkeletonLoader> */
+export interface ISkeletonLoaderProps {
+    /** When true show skeleton; when false show children */
+    loading: boolean;
+    /** Your component */
+    children: React.ReactNode;
+    /** Name for registry lookup / CLI capture */
+    name?: string;
+    /** Pre-generated bones (single or responsive) */
+    initialBones?: SkeletonResult | ResponsiveBones;
+    /** Bone fill color (overrides config & Fluent token) */
+    color?: string;
+    /** Dark mode bone fill color */
+    darkColor?: string;
+    /** Animation style */
+    animate?: AnimationStyle;
+    /** Stagger delay (ms). true = 80ms */
+    stagger?: number | boolean;
+    /** Fade-out transition (ms). true = 300ms */
+    transition?: number | boolean;
+    /** CSS class for each bone element */
+    boneClass?: string;
+    /** Additional className for container */
+    className?: string;
+    /** Inline styles for container */
+    style?: React.CSSProperties;
+    /** Fallback when loading but no bones available */
+    fallback?: React.ReactNode;
+    /** Mock content for build-time capture */
+    fixture?: React.ReactNode;
+    /** Controls how the CLI extracts bones */
+    snapshotConfig?: SnapshotConfig;
+}
+//# sourceMappingURL=ISkeletonLoaderProps.d.ts.map

package/dist/components/Skeleton/SkeletonLoader.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ISkeletonLoaderProps } from './ISkeletonLoaderProps';
+export declare const SkeletonLoader: React.FC<ISkeletonLoaderProps>;
+//# sourceMappingURL=SkeletonLoader.d.ts.map

package/dist/components/Skeleton/index.d.ts

@@ -0,0 +1,5 @@
+export { SkeletonLoader } from './SkeletonLoader';
+export { snapshotBones, useSkeletonExtract } from './useSkeletonExtract';
+export { registerBones, configureSkeletonLoader, } from './useSkeletonShared';
+export type { ISkeletonLoaderProps, SkeletonLoaderConfig, Bone, CompactBone, AnyBone, SkeletonResult, ResponsiveBones, AnimationStyle, SnapshotConfig, } from './ISkeletonLoaderProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Skeleton/useSkeletonExtract.d.ts

@@ -0,0 +1,4 @@
+import { SkeletonResult, SnapshotConfig } from './ISkeletonLoaderProps';
+export declare const snapshotBones: (el: Element, name?: string, config?: SnapshotConfig) => SkeletonResult;
+export declare const useSkeletonExtract: (containerRef: React.RefObject<HTMLDivElement | null>, loading: boolean, activeBones: SkeletonResult | null, name?: string, snapshotConfig?: SnapshotConfig) => SkeletonResult | null;
+//# sourceMappingURL=useSkeletonExtract.d.ts.map

package/dist/components/Skeleton/useSkeletonLoaderStyles.d.ts

@@ -0,0 +1,11 @@
+export declare const pulseKf: string;
+export declare const shimmerKf: string;
+export declare const fadeInKf: string;
+export declare const bonesContainerStyle: React.CSSProperties;
+export declare const useSkeletonLoaderStyles: () => {
+    container: string;
+    overlay: string;
+    hiddenContent: string;
+    fallbackOverlay: string;
+};
+//# sourceMappingURL=useSkeletonLoaderStyles.d.ts.map

package/dist/components/Skeleton/useSkeletonShared.d.ts

@@ -0,0 +1,25 @@
+import { AnyBone, Bone, RegisteredBones, SkeletonResult, SkeletonLoaderConfig } from './ISkeletonLoaderProps';
+export declare const registerBones: (map: Record<string, RegisteredBones>) => void;
+export declare const ensureBuildSnapshotHook: () => void;
+export declare const configureSkeletonLoader: (config: SkeletonLoaderConfig) => void;
+export declare const useSkeletonShared: () => {
+    SHIMMER: {
+        readonly angle: 110;
+        readonly start: 25;
+        readonly end: 75;
+        readonly speed: "1.8s";
+    };
+    PULSE: {
+        readonly speed: "1.5s";
+    };
+    DEFAULTS: {
+        readonly bone: "var(--colorNeutralStencil1)";
+        readonly shimmerHighlight: "var(--colorNeutralStencil2)";
+    };
+    getRegisteredBones: (name: string) => RegisteredBones | undefined;
+    isBuildMode: () => boolean;
+    normalizeBone: (b: AnyBone) => Bone;
+    resolveResponsive: (bones: RegisteredBones, width: number) => SkeletonResult | null;
+    getGlobalConfig: () => SkeletonLoaderConfig;
+};
+//# sourceMappingURL=useSkeletonShared.d.ts.map

package/dist/components/Spoiler/ISpoilerProps.d.ts

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+export interface ISpoilerProps {
+    /** Content that can be collapsed / expanded */
+    children: React.ReactNode;
+    /** Maximum visible height in px when collapsed @default 100 */
+    maxHeight?: number;
+    /** Label shown on the toggle button when content is collapsed */
+    showLabel: React.ReactNode;
+    /** Label shown on the toggle button when content is expanded */
+    hideLabel: React.ReactNode;
+    /** Initial expanded state (uncontrolled) @default false */
+    defaultExpanded?: boolean;
+    /** Controlled expanded state */
+    expanded?: boolean;
+    /** Called when expanded state changes */
+    onExpandedChange?: (expanded: boolean) => void;
+    /** Collapse/expand transition duration in ms @default 200 */
+    transitionDuration?: number;
+    /** Accessible label for the toggle when collapsed */
+    showAriaLabel?: string;
+    /** Accessible label for the toggle when expanded */
+    hideAriaLabel?: string;
+    /** Ref forwarded to the toggle link */
+    controlRef?: React.Ref<HTMLAnchorElement & HTMLButtonElement>;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline style overrides */
+    style?: React.CSSProperties;
+}
+//# sourceMappingURL=ISpoilerProps.d.ts.map

package/dist/components/Spoiler/Spoiler.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ISpoilerProps } from './ISpoilerProps';
+export declare const Spoiler: React.FC<ISpoilerProps>;
+//# sourceMappingURL=Spoiler.d.ts.map

package/dist/components/Spoiler/index.d.ts

@@ -0,0 +1,3 @@
+export { Spoiler } from './Spoiler';
+export type { ISpoilerProps } from './ISpoilerProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Spoiler/useSpoilerStyles.d.ts

@@ -0,0 +1,13 @@
+export interface ISpoilerStyleOptions {
+    maxHeight: number;
+    expanded: boolean;
+    contentHeight: number;
+    hasSpoiler: boolean;
+    transitionDuration: number;
+}
+export declare const useSpoilerStyles: (options: ISpoilerStyleOptions) => {
+    root: string;
+    content: string;
+    control: string;
+};
+//# sourceMappingURL=useSpoilerStyles.d.ts.map

package/dist/components/Spotlight/ISpotlightProps.d.ts

@@ -0,0 +1,181 @@
+import { createStore } from 'jotai';
+import * as React from 'react';
+/** Data for a single spotlight action */
+export interface ISpotlightActionData {
+    /** Unique identifier for the action */
+    id: string;
+    /** Action label, used in default filter */
+    label?: string;
+    /** Action description, used in default filter */
+    description?: string;
+    /** Section displayed on the left side of the label (e.g. icon) */
+    leftSection?: React.ReactNode;
+    /** Section displayed on the right side of the label (e.g. hotkey badge) */
+    rightSection?: React.ReactNode;
+    /** Callback when the action is triggered */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Keywords for default filtering (not displayed) */
+    keywords?: string | string[];
+    /** Optional group this action belongs to */
+    group?: string;
+    /** Whether clicking this action closes the spotlight (overrides root prop) */
+    closeSpotlightOnTrigger?: boolean;
+}
+/** Data for a group of spotlight actions */
+export interface ISpotlightActionGroupData {
+    /** Group label (displayed as section header) */
+    group: string;
+    /** Actions in this group */
+    actions: ISpotlightActionData[];
+}
+/** Union type for flat or grouped actions */
+export type SpotlightActions = ISpotlightActionData | ISpotlightActionGroupData;
+/** Custom filter function signature */
+export type SpotlightFilterFunction = (query: string, actions: SpotlightActions[]) => SpotlightActions[];
+/** Props for the SpotlightAction component */
+export interface ISpotlightActionProps {
+    /** Action label */
+    label?: string;
+    /** Action description */
+    description?: string;
+    /** Section displayed on the left side (e.g. icon) */
+    leftSection?: React.ReactNode;
+    /** Section displayed on the right side (e.g. hotkey) */
+    rightSection?: React.ReactNode;
+    /** Custom children override default layout */
+    children?: React.ReactNode;
+    /** Whether to highlight the search query in the label @default false */
+    highlightQuery?: boolean;
+    /** Highlight color (CSS color) @default tokens.colorPaletteYellowBackground2 */
+    highlightColor?: string;
+    /** Whether this action closes the spotlight when triggered */
+    closeSpotlightOnTrigger?: boolean;
+    /** Keywords for default filtering */
+    keywords?: string | string[];
+    /** Click handler */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Additional className */
+    className?: string;
+}
+/** Props for the SpotlightActionsGroup component */
+export interface ISpotlightActionsGroupProps {
+    /** Group label displayed as a section header */
+    label?: string;
+    /** SpotlightAction components */
+    children?: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/** Props for the SpotlightActionsList component */
+export interface ISpotlightActionsListProps {
+    /** SpotlightAction or SpotlightActionsGroup components */
+    children?: React.ReactNode;
+    /** Additional className */
+    className?: string;
+    /** Custom id for the actions list */
+    id?: string;
+}
+/** Props for the SpotlightSearch component */
+export interface ISpotlightSearchProps {
+    /** Placeholder text for the search input */
+    placeholder?: string;
+    /** Size of the search input @default 'large' */
+    size?: 'small' | 'medium' | 'large';
+    /** Keyboard event handler */
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    /** Change event handler */
+    onChange?: (value: string) => void;
+    /** Additional className */
+    className?: string;
+}
+/** Props for the SpotlightEmpty component */
+export interface ISpotlightEmptyProps {
+    /** Content to display when no results found */
+    children?: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/** Props for the SpotlightFooter component */
+export interface ISpotlightFooterProps {
+    /** Footer content */
+    children?: React.ReactNode;
+    /** Additional className */
+    className?: string;
+}
+/** Props for the SpotlightRoot component */
+export interface ISpotlightRootProps {
+    /** Spotlight store (for multiple instances) */
+    store?: SpotlightStore;
+    /** Controlled search query */
+    query?: string;
+    /** Called when query changes */
+    onQueryChange?: (query: string) => void;
+    /** Whether to clear search when spotlight closes @default true */
+    clearQueryOnClose?: boolean;
+    /** Keyboard shortcut(s) to open spotlight @default 'mod+K' */
+    shortcut?: string | string[] | null;
+    /** Tags to ignore when shortcut is triggered @default ['input', 'textarea', 'select'] */
+    tagsToIgnore?: string[];
+    /** Whether the spotlight is disabled (not rendered) */
+    disabled?: boolean;
+    /** Called when spotlight opens */
+    onSpotlightOpen?: () => void;
+    /** Called when spotlight closes */
+    onSpotlightClose?: () => void;
+    /** Forces opened state (useful for testing) */
+    forceOpened?: boolean;
+    /** Whether action triggers close the spotlight @default true */
+    closeOnActionTrigger?: boolean;
+    /** Max width of the spotlight dialog @default 600 */
+    maxWidth?: number | string;
+    /** Vertical offset from top of viewport @default 80 */
+    yOffset?: number | string;
+    /** Max height of the actions list @default 400 */
+    maxHeight?: number | string;
+    /** Whether the actions list should be scrollable @default true */
+    scrollable?: boolean;
+    /** Content (search, actions, footer, etc.) */
+    children?: React.ReactNode;
+    /** Additional className for the dialog surface */
+    className?: string;
+}
+/** Props for the main composed Spotlight component */
+export interface ISpotlightProps extends ISpotlightRootProps {
+    /** Props passed to the SpotlightSearch component */
+    searchProps?: ISpotlightSearchProps;
+    /** Actions data */
+    actions: SpotlightActions[];
+    /** Custom filter function @default defaultSpotlightFilter */
+    filter?: SpotlightFilterFunction;
+    /** Content displayed when no actions match the filter */
+    nothingFound?: React.ReactNode;
+    /** Whether to highlight search query in action labels @default false */
+    highlightQuery?: boolean;
+    /** Maximum number of actions to display @default Infinity */
+    limit?: number;
+}
+/** Internal spotlight state */
+export interface ISpotlightState {
+    /** Whether the spotlight is open */
+    opened: boolean;
+    /** Index of the currently selected action */
+    selected: number;
+    /** ID of the actions list element (for DOM queries) */
+    listId: string;
+    /** Current search query */
+    query: string;
+    /** Set of registered action IDs */
+    registeredActions: Set<string>;
+}
+/** Jotai store instance for spotlight state management */
+export type SpotlightStore = ReturnType<typeof createStore>;
+/** Spotlight control actions (open, close, toggle) */
+export interface SpotlightControlActions {
+    /** Open the spotlight */
+    open: () => void;
+    /** Close the spotlight */
+    close: () => void;
+    /** Toggle the spotlight */
+    toggle: () => void;
+}
+//# sourceMappingURL=ISpotlightProps.d.ts.map

package/dist/components/Spotlight/Spotlight.d.ts

@@ -0,0 +1,27 @@
+import { SpotlightRoot } from './SpotlightRoot';
+import { SpotlightSearch } from './SpotlightSearch';
+import { SpotlightAction } from './SpotlightAction';
+import { SpotlightActionsGroup } from './SpotlightActionsGroup';
+import { SpotlightActionsList } from './SpotlightActionsList';
+import { SpotlightEmpty } from './SpotlightEmpty';
+import { SpotlightFooter } from './SpotlightFooter';
+import { ISpotlightProps } from './ISpotlightProps';
+import * as React from 'react';
+/**
+ * Spotlight — an overlay command center for your application.
+ *
+ * Provides a modal search interface with filterable actions, keyboard
+ * navigation, and grouped results. Activated via `mod+K` (customizable).
+ *
+
+ */
+export declare const Spotlight: React.FC<ISpotlightProps> & {
+    Root: typeof SpotlightRoot;
+    Search: typeof SpotlightSearch;
+    Action: typeof SpotlightAction;
+    ActionsGroup: typeof SpotlightActionsGroup;
+    ActionsList: typeof SpotlightActionsList;
+    Empty: typeof SpotlightEmpty;
+    Footer: typeof SpotlightFooter;
+};
+//# sourceMappingURL=Spotlight.d.ts.map

package/dist/components/Spotlight/SpotlightAction.d.ts

@@ -0,0 +1,5 @@
+import { ISpotlightActionProps } from './ISpotlightProps';
+import * as React from 'react';
+/** A single action item in the Spotlight command palette */
+export declare const SpotlightAction: React.NamedExoticComponent<ISpotlightActionProps>;
+//# sourceMappingURL=SpotlightAction.d.ts.map

package/dist/components/Spotlight/SpotlightActionsGroup.d.ts

@@ -0,0 +1,5 @@
+import { ISpotlightActionsGroupProps } from './ISpotlightProps';
+import * as React from 'react';
+/** A labeled group of spotlight actions */
+export declare const SpotlightActionsGroup: React.NamedExoticComponent<ISpotlightActionsGroupProps>;
+//# sourceMappingURL=SpotlightActionsGroup.d.ts.map

package/dist/components/Spotlight/SpotlightActionsList.d.ts

@@ -0,0 +1,5 @@
+import { ISpotlightActionsListProps } from './ISpotlightProps';
+import * as React from 'react';
+/** Scrollable container for spotlight actions */
+export declare const SpotlightActionsList: React.NamedExoticComponent<ISpotlightActionsListProps>;
+//# sourceMappingURL=SpotlightActionsList.d.ts.map

package/dist/components/Spotlight/SpotlightEmpty.d.ts

@@ -0,0 +1,5 @@
+import { ISpotlightEmptyProps } from './ISpotlightProps';
+import * as React from 'react';
+/** Displayed when no actions match the current query */
+export declare const SpotlightEmpty: React.NamedExoticComponent<ISpotlightEmptyProps>;
+//# sourceMappingURL=SpotlightEmpty.d.ts.map

package/dist/components/Spotlight/SpotlightFooter.d.ts

@@ -0,0 +1,5 @@
+import { ISpotlightFooterProps } from './ISpotlightProps';
+import * as React from "react";
+/** Optional footer section at the bottom of the Spotlight */
+export declare const SpotlightFooter: React.NamedExoticComponent<ISpotlightFooterProps>;
+//# sourceMappingURL=SpotlightFooter.d.ts.map

package/dist/components/Spotlight/SpotlightRoot.d.ts

@@ -0,0 +1,5 @@
+import { ISpotlightRootProps } from './ISpotlightProps';
+import * as React from 'react';
+/** Root wrapper providing the Jotai Provider and Spotlight modal overlay */
+export declare const SpotlightRoot: React.FC<ISpotlightRootProps>;
+//# sourceMappingURL=SpotlightRoot.d.ts.map

package/dist/components/Spotlight/SpotlightSearch.d.ts

@@ -0,0 +1,5 @@
+import { ISpotlightSearchProps } from './ISpotlightProps';
+import * as React from 'react';
+/** Search input for the Spotlight command palette */
+export declare const SpotlightSearch: React.NamedExoticComponent<ISpotlightSearchProps>;
+//# sourceMappingURL=SpotlightSearch.d.ts.map

package/dist/components/Spotlight/defaultSpotlightFilter.d.ts

@@ -0,0 +1,9 @@
+import { ISpotlightActionGroupData, SpotlightActions, SpotlightFilterFunction } from './ISpotlightProps';
+declare const isActionsGroup: (item: SpotlightActions) => item is ISpotlightActionGroupData;
+/** Default filter function: matches by label, description, and keywords with priority ordering */
+export declare const defaultSpotlightFilter: SpotlightFilterFunction;
+/** Check if an actions entry is a group */
+export { isActionsGroup };
+/** Limit the total number of actions displayed */
+export declare const limitActions: (actions: SpotlightActions[], limit: number) => SpotlightActions[];
+//# sourceMappingURL=defaultSpotlightFilter.d.ts.map

package/dist/components/Spotlight/index.d.ts

@@ -0,0 +1,12 @@
+export { Spotlight } from './Spotlight';
+export { SpotlightRoot } from './SpotlightRoot';
+export { SpotlightSearch } from './SpotlightSearch';
+export { SpotlightAction } from './SpotlightAction';
+export { SpotlightActionsGroup } from './SpotlightActionsGroup';
+export { SpotlightActionsList } from './SpotlightActionsList';
+export { SpotlightEmpty } from './SpotlightEmpty';
+export { SpotlightFooter } from './SpotlightFooter';
+export { createSpotlightStore, createSpotlight, spotlightStore, spotlightActions, spotlight, openSpotlight, closeSpotlight, toggleSpotlight, useSpotlight, useSpotlightShortcut, openedAtom, selectedAtom, listIdAtom, queryAtom, registeredActionsAtom, closeOnActionTriggerAtom, onQueryChangeCallbackAtom, } from './useSpotlight';
+export { defaultSpotlightFilter, isActionsGroup, limitActions } from './defaultSpotlightFilter';
+export type { ISpotlightProps, ISpotlightRootProps, ISpotlightSearchProps, ISpotlightActionProps, ISpotlightActionsGroupProps, ISpotlightActionsListProps, ISpotlightEmptyProps, ISpotlightFooterProps, ISpotlightActionData, ISpotlightActionGroupData, SpotlightActions, SpotlightFilterFunction, ISpotlightState, SpotlightStore, SpotlightControlActions, } from './ISpotlightProps';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Spotlight/useSpotlight.d.ts

@@ -0,0 +1,59 @@
+import { ISpotlightState, SpotlightStore, SpotlightControlActions } from './ISpotlightProps';
+/** Atom: whether the spotlight is open */
+export declare const openedAtom: import('jotai').PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+/** Atom: index of the currently selected action */
+export declare const selectedAtom: import('jotai').PrimitiveAtom<number> & {
+    init: number;
+};
+/** Atom: ID of the actions list element */
+export declare const listIdAtom: import('jotai').PrimitiveAtom<string> & {
+    init: string;
+};
+/** Atom: current search query */
+export declare const queryAtom: import('jotai').PrimitiveAtom<string> & {
+    init: string;
+};
+/** Atom: set of registered action IDs */
+export declare const registeredActionsAtom: import('jotai').PrimitiveAtom<Set<string>> & {
+    init: Set<string>;
+};
+/** Atom: whether clicking an action closes the spotlight */
+export declare const closeOnActionTriggerAtom: import('jotai').PrimitiveAtom<boolean> & {
+    init: boolean;
+};
+/** Atom: callback invoked when query changes (set by SpotlightRoot) */
+export declare const onQueryChangeCallbackAtom: import('jotai').PrimitiveAtom<((query: string) => void) | undefined> & {
+    init: ((query: string) => void) | undefined;
+};
+/** Creates a new spotlight store (Jotai store instance) */
+export declare function createSpotlightStore(): SpotlightStore;
+/** Default singleton spotlight store */
+export declare const spotlightStore: import('jotai/vanilla/internals').INTERNAL_Store;
+export declare const spotlightActions: {
+    open(store: SpotlightStore): void;
+    close(store: SpotlightStore): void;
+    toggle(store: SpotlightStore): void;
+    setQuery(query: string, store: SpotlightStore): void;
+    setListId(id: string, store: SpotlightStore): void;
+    selectAction(index: number, store: SpotlightStore): number;
+    selectNextAction(store: SpotlightStore): number;
+    selectPreviousAction(store: SpotlightStore): number;
+    triggerSelectedAction(store: SpotlightStore): void;
+    clearState(options: {
+        clearQuery: boolean;
+    }, store: SpotlightStore): void;
+};
+/** Default spotlight control actions (for single-instance usage) */
+export declare const spotlight: SpotlightControlActions;
+export declare const openSpotlight: () => void;
+export declare const closeSpotlight: () => void;
+export declare const toggleSpotlight: () => void;
+/** Create a new spotlight store + actions pair */
+export declare function createSpotlight(): [SpotlightStore, SpotlightControlActions];
+/** Hook to subscribe to spotlight state via Jotai atoms */
+export declare function useSpotlight(store?: SpotlightStore): ISpotlightState;
+/** Hook to attach keyboard shortcut listener */
+export declare function useSpotlightShortcut(shortcut: string | string[] | null | undefined, store?: SpotlightStore, tagsToIgnore?: string[]): void;
+//# sourceMappingURL=useSpotlight.d.ts.map

package/dist/components/Spotlight/useSpotlightStyles.d.ts

@@ -0,0 +1,17 @@
+export declare const useSpotlightStyles: () => {
+    backdrop: string;
+    surface: string;
+    search: string;
+    actionsList: string;
+    action: string;
+    actionBody: string;
+    actionSectionLeft: string;
+    actionSectionRight: string;
+    actionDescription: string;
+    actionsGroup: string;
+    actionsGroupLabel: string;
+    empty: string;
+    footer: string;
+    highlight: string;
+};
+//# sourceMappingURL=useSpotlightStyles.d.ts.map