storion 0.2.3 → 0.3.0

package/dist/devtools-panel/components/TabLayout.d.ts

@@ -0,0 +1,48 @@
+import { ReactNode } from 'react';
+
+interface SearchBarProps {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    autoFocus?: boolean;
+}
+export declare const SearchBar: import('react').NamedExoticComponent<SearchBarProps>;
+interface FilterItem {
+    key: string;
+    label: string;
+    count?: number;
+    active?: boolean;
+}
+interface FilterBarProps {
+    filters: FilterItem[];
+    onToggle: (key: string) => void;
+}
+export declare const FilterBar: import('react').NamedExoticComponent<FilterBarProps>;
+interface ActionItem {
+    key: string;
+    label: string;
+    icon?: ReactNode;
+    onClick: () => void;
+    disabled?: boolean;
+}
+interface ActionBarProps {
+    actions: ActionItem[];
+}
+export declare const ActionBar: import('react').NamedExoticComponent<ActionBarProps>;
+interface MainContentProps {
+    children: ReactNode;
+    isEmpty?: boolean;
+    emptyIcon?: string;
+    emptyMessage?: string;
+    emptyHint?: string;
+}
+export declare const MainContent: import('react').NamedExoticComponent<MainContentProps>;
+interface TabContentProps {
+    searchBar?: ReactNode;
+    filterBar?: ReactNode;
+    actionBar?: ReactNode;
+    children: ReactNode;
+}
+export declare const TabContent: import('react').NamedExoticComponent<TabContentProps>;
+export {};
+//# sourceMappingURL=TabLayout.d.ts.map

package/dist/devtools-panel/components/TabLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TabLayout.d.ts","sourceRoot":"","sources":["../../../src/devtools-panel/components/TabLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAqB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AA0C1D,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,sDAmCpB,CAAC;AAMH,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,eAAO,MAAM,SAAS,sDAsBpB,CAAC;AAMH,UAAU,UAAU;IAClB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,cAAc;IACtB,OAAO,EAAE,UAAU,EAAE,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,sDAmBpB,CAAC;AAMH,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,wDAoBtB,CAAC;AAMH,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,uDAcrB,CAAC"}

package/dist/devtools-panel/components/icons.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Devtools Icons
+ *
+ * Inline SVG icons for the devtools panel.
+ */
+export declare const IconChevron: ({ open }: {
+    open: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const IconStore: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconMinimize: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconTransparency: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconDockLeft: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconDockBottom: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconDockRight: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconCopy: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconClear: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconActivity: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconExpandAll: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconCollapseAll: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconReplay: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconEdit: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconSave: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconCancel: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconEvents: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconCompare: () => import("react/jsx-runtime").JSX.Element;
+export declare const IconRevert: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=icons.d.ts.map

package/dist/devtools-panel/components/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/devtools-panel/components/icons.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,eAAO,MAAM,WAAW,GAAI,UAAU;IAAE,IAAI,EAAE,OAAO,CAAA;CAAE,4CAetD,CAAC;AAEF,eAAO,MAAM,SAAS,+CAarB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAWxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+CAY5B,CAAC;AAEF,eAAO,MAAM,YAAY,+CAYxB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAY1B,CAAC;AAEF,eAAO,MAAM,aAAa,+CAYzB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAYpB,CAAC;AAEF,eAAO,MAAM,SAAS,+CAWrB,CAAC;AAEF,eAAO,MAAM,YAAY,+CAYxB,CAAC;AAEF,eAAO,MAAM,aAAa,+CAczB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAc3B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAWtB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAYpB,CAAC;AAEF,eAAO,MAAM,QAAQ,+CAWpB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAYtB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAgBtB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAavB,CAAC;AAEF,eAAO,MAAM,UAAU,+CAYtB,CAAC"}

package/dist/devtools-panel/components/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Devtools Components Index
+ *
+ * Re-exports all components for easy importing.
+ */
+export * from './icons';
+export * from './TabLayout';
+export * from './StoreEntry';
+export * from './EventEntry';
+export * from './EventFilterBar';
+export * from './CompareModal';
+export * from './ResizeHandle';
+export * from './StoresTab';
+export * from './EventsTab';
+//# sourceMappingURL=index.d.ts.map

package/dist/devtools-panel/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/devtools-panel/components/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/devtools-panel/hooks.d.ts

@@ -0,0 +1,23 @@
+import { DevtoolsEventType } from '../devtools/types';
+
+export type TabId = "stores" | "events";
+export interface DevtoolsSettings {
+    activeTab: TabId;
+    collapsed: boolean;
+    size: number;
+    position: "left" | "bottom";
+    storeSearchQuery: string;
+    eventSearchQuery: string;
+    eventFilters: DevtoolsEventType[] | null;
+    sortByActivity: boolean;
+}
+/** Clear all devtools settings from localStorage */
+export declare function clearDevtoolsSettings(): void;
+/**
+ * Hook to persist a single setting to localStorage
+ */
+export declare function usePersistentState<T>(key: keyof DevtoolsSettings, initialValue: T, transform?: {
+    toStorage?: (value: T) => unknown;
+    fromStorage?: (stored: unknown) => T;
+}): [T, (value: T | ((prev: T) => T)) => void];
+//# sourceMappingURL=hooks.d.ts.map

package/dist/devtools-panel/hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../src/devtools-panel/hooks.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAQ3D,MAAM,MAAM,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAExC,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,KAAK,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,GAAG,QAAQ,CAAC;IAC5B,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC;IACzC,cAAc,EAAE,OAAO,CAAC;CACzB;AAwBD,oDAAoD;AACpD,wBAAgB,qBAAqB,IAAI,IAAI,CAM5C;AAMD;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,EAClC,GAAG,EAAE,MAAM,gBAAgB,EAC3B,YAAY,EAAE,CAAC,EACf,SAAS,CAAC,EAAE;IACV,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,OAAO,CAAC;IAClC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,CAAC,CAAC;CACtC,GACA,CAAC,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC,CAwB5C"}

package/dist/devtools-panel/index.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Storion Devtools Panel
+ *
+ * UI components for the devtools panel.
+ * Renders in its own React root, separate from the main app.
+ *
+ * @example
+ * ```tsx
+ * import { mountDevtoolsPanel } from "storion/devtools-panel";
+ *
+ * // Mount devtools panel
+ * mountDevtoolsPanel();
+ *
+ * // Or with options
+ * mountDevtoolsPanel({
+ *   position: "right",  // "left" | "right" | "bottom"
+ *   size: 400,
+ * });
+ * ```
+ */
+export { DevtoolsPanel, clearDevtoolsSettings, type DevtoolsPanelProps, type PanelPosition, } from './DevtoolsPanel';
+export { mountDevtoolsPanel, unmountDevtoolsPanel, toggleDevtoolsPanel, type MountOptions, } from './mount';
+export { SearchBar, FilterBar, ActionBar, MainContent, TabContent, } from './components/TabLayout';
+export type { Tab, PanelState } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/devtools-panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/devtools-panel/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EACL,aAAa,EACb,qBAAqB,EACrB,KAAK,kBAAkB,EACvB,KAAK,aAAa,GACnB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACpB,mBAAmB,EACnB,KAAK,YAAY,GAClB,MAAM,SAAS,CAAC;AAGjB,OAAO,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,UAAU,GACX,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}