@dineug/erd-editor 3.0.0

package/dist/components/erd/erd-context-menu/ErdContextMenu.d.ts

@@ -0,0 +1,17 @@
+import { FC, Ref } from '@dineug/r-html';
+import { ValuesType } from "../../../internal-types";
+export declare const ErdContextMenuType: {
+    readonly ERD: "ERD";
+    readonly table: "table";
+    readonly relationship: "relationship";
+};
+export type ErdContextMenuType = ValuesType<typeof ErdContextMenuType>;
+export type ErdContextMenuProps = {
+    type: ErdContextMenuType;
+    canvas: Ref<HTMLDivElement>;
+    relationshipId?: string;
+    tableId?: string;
+    onClose: () => void;
+};
+declare const ErdContextMenu: FC<ErdContextMenuProps>;
+export default ErdContextMenu;

package/dist/components/erd/erd-context-menu/menus/databaseMenus.d.ts

@@ -0,0 +1,12 @@
+import { AppContext } from "../../../appContext";
+type Menu = {
+    name: string;
+    value: number;
+};
+export declare const menus: Menu[];
+export declare function createDatabaseMenus({ store }: AppContext): {
+    checked: boolean;
+    name: string;
+    onClick: () => void;
+}[];
+export {};

package/dist/components/erd/erd-context-menu/menus/drawRelationshipMenus.d.ts

@@ -0,0 +1,16 @@
+import { AppContext } from "../../../appContext";
+import { KeyBindingName } from "../../../../utils/keyboard-shortcut";
+type Menu = {
+    iconName: string;
+    name: string;
+    keyBindingName: KeyBindingName;
+    relationshipType: number;
+};
+export declare const menus: Menu[];
+export declare function createDrawRelationshipMenus({ store, keyBindingMap }: AppContext, onClose: () => void): {
+    iconName: string;
+    name: string;
+    shortcut: string;
+    onClick: () => void;
+}[];
+export {};

package/dist/components/erd/erd-context-menu/menus/exportMenus.d.ts

@@ -0,0 +1,9 @@
+import { AppContext } from "../../../appContext";
+export declare function createExportMenus(app: AppContext, onClose: () => void, root: HTMLElement): {
+    icon: {
+        prefix: string;
+        name: string;
+    };
+    name: string;
+    onClick: () => void;
+}[];

package/dist/components/erd/erd-context-menu/menus/importMenus.d.ts

@@ -0,0 +1,9 @@
+import { AppContext } from "../../../appContext";
+export declare function createImportMenus(app: AppContext, onClose: () => void): {
+    icon: {
+        prefix: string;
+        name: string;
+    };
+    name: string;
+    onClick: () => void;
+}[];

package/dist/components/erd/erd-context-menu/menus/relationshipMenus.d.ts

@@ -0,0 +1,7 @@
+import { AppContext } from "../../../appContext";
+export declare function createRelationshipMenus({ store }: AppContext, relationshipId?: string): {
+    checked: boolean;
+    iconName: string;
+    name: string;
+    onClick: () => void;
+}[];

package/dist/components/erd/erd-context-menu/menus/showMenus.d.ts

@@ -0,0 +1,6 @@
+import { AppContext } from "../../../appContext";
+export declare function createShowMenus({ store }: AppContext): {
+    checked: boolean;
+    name: string;
+    onClick: () => void;
+}[];

package/dist/components/erd/erdShortcutPerformCheck.d.ts

@@ -0,0 +1,3 @@
+import { Observable } from 'rxjs';
+import { RootState } from "../../engine/state";
+export declare const erdShortcutPerformCheck: ({ editor, settings }: RootState) => <T>(source$: Observable<T>) => Observable<T>;

package/dist/components/erd/hide-sign/HideSign.d.ts

@@ -0,0 +1,6 @@
+import { FC, Ref } from '@dineug/r-html';
+export type HideSignProps = {
+    root: Ref<HTMLDivElement>;
+};
+declare const HideSign: FC<HideSignProps>;
+export default HideSign;

package/dist/components/erd/hide-sign/HideSign.styles.d.ts

@@ -0,0 +1 @@
+export declare const sign: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/minimap/Minimap.d.ts

@@ -0,0 +1,4 @@
+import { FC } from '@dineug/r-html';
+export type MinimapProps = {};
+declare const Minimap: FC<MinimapProps>;
+export default Minimap;

package/dist/components/erd/minimap/Minimap.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const minimap: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const border: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const canvasSvg: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/minimap/memo/Memo.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@dineug/r-html';
+import { Memo } from "../../../../internal-types";
+export type MemoProps = {
+    memo: Memo;
+};
+declare const Memo: FC<MemoProps>;
+export default Memo;

package/dist/components/erd/minimap/table/Table.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@dineug/r-html';
+import { Table } from "../../../../internal-types";
+export type TableProps = {
+    table: Table;
+};
+declare const Table: FC<TableProps>;
+export default Table;

package/dist/components/erd/minimap/useMinimapScroll.d.ts

@@ -0,0 +1,7 @@
+import { Ctx } from "../../../internal-types";
+export declare function useMinimapScroll(ctx: Ctx): {
+    state: {
+        selected: boolean;
+    };
+    onScrollStart: (event: MouseEvent | TouchEvent) => void;
+};

package/dist/components/erd/minimap/viewport/Viewport.d.ts

@@ -0,0 +1,6 @@
+import { FC } from '@dineug/r-html';
+export type ViewportProps = {
+    selected: boolean;
+};
+declare const Viewport: FC<ViewportProps>;
+export default Viewport;

package/dist/components/erd/minimap/viewport/Viewport.styles.d.ts

@@ -0,0 +1 @@
+export declare const viewport: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/table-properties/TableProperties.d.ts

@@ -0,0 +1,9 @@
+import { FC } from '@dineug/r-html';
+export type TablePropertiesProps = {
+    isDarkMode: boolean;
+    tableId: string;
+    tableIds: string[];
+    onChange: (tableId: string) => void;
+};
+declare const TableProperties: FC<TablePropertiesProps>;
+export default TableProperties;

package/dist/components/erd/table-properties/TableProperties.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const container: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const scrollbarArea: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const header: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const tab: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const scope: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/table-properties/table-properties-indexes/TablePropertiesIndexes.d.ts

@@ -0,0 +1,6 @@
+import { FC } from '@dineug/r-html';
+export type TablePropertiesIndexesProps = {
+    tableId: string;
+};
+declare const TablePropertiesIndexes: FC<TablePropertiesIndexesProps>;
+export default TablePropertiesIndexes;

package/dist/components/erd/table-properties/table-properties-indexes/TablePropertiesIndexes.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const leftArea: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const rightArea: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const addIndexButtonArea: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/table-properties/table-properties-indexes/indexes-checkbox-column/IndexesCheckboxColumn.d.ts

@@ -0,0 +1,8 @@
+import { FC } from '@dineug/r-html';
+import { Index } from "../../../../../internal-types";
+export type IndexesCheckboxColumnProps = {
+    tableId: string;
+    index: Index;
+};
+declare const IndexesCheckboxColumn: FC<IndexesCheckboxColumnProps>;
+export default IndexesCheckboxColumn;

package/dist/components/erd/table-properties/table-properties-indexes/indexes-checkbox-column/IndexesCheckboxColumn.styles.d.ts

@@ -0,0 +1 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/table-properties/table-properties-indexes/indexes-column/IndexesColumn.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@dineug/r-html';
+import { Index } from "../../../../../internal-types";
+export type IndexesColumnProps = {
+    index: Index;
+};
+declare const IndexesColumn: FC<IndexesColumnProps>;
+export default IndexesColumn;

package/dist/components/erd/table-properties/table-properties-indexes/indexes-column/IndexesColumn.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const row: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const orderType: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/table-properties/table-properties-indexes/indexes-index/IndexesIndex.d.ts

@@ -0,0 +1,9 @@
+import { FC } from '@dineug/r-html';
+import { Index } from "../../../../../internal-types";
+export type IndexesIndexProps = {
+    index: Index;
+    selected: boolean;
+    onSelect: (index: Index | null) => void;
+};
+declare const IndexesIndex: FC<IndexesIndexProps>;
+export default IndexesIndex;

package/dist/components/erd/table-properties/table-properties-indexes/indexes-index/IndexesIndex.styles.d.ts

@@ -0,0 +1,4 @@
+export declare const row: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const input: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const unique: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const iconButton: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/table-properties/table-properties-tabs/TablePropertiesTabs.d.ts

@@ -0,0 +1,14 @@
+import { FC } from '@dineug/r-html';
+import { ValuesType } from "../../../../internal-types";
+export declare const Tab: {
+    readonly Indexes: "Indexes";
+    readonly SchemaSQL: "Schema SQL";
+    readonly GeneratorCode: "Generator Code";
+};
+export type Tab = ValuesType<typeof Tab>;
+export type TablePropertiesTabsProps = {
+    value: Tab;
+    onChange: (value: Tab) => void;
+};
+declare const TablePropertiesTabs: FC<TablePropertiesTabsProps>;
+export default TablePropertiesTabs;

package/dist/components/erd/table-properties/table-properties-tabs/TablePropertiesTabs.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const tabs: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const tab: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd/useErdShortcut.d.ts

@@ -0,0 +1,2 @@
+import { Ctx } from "../../internal-types";
+export declare function useErdShortcut(ctx: Ctx): void;

package/dist/components/erd-editor/ErdEditor.d.ts

@@ -0,0 +1,26 @@
+import { DatabaseVendor } from "../../constants/sql/database";
+import { ThemeOptions } from "../../themes/radix-ui-theme";
+import { Theme as ThemeType } from "../../themes/tokens";
+import { KeyBindingMap, KeyBindingName } from "../../utils/keyboard-shortcut";
+declare global {
+    interface HTMLElementTagNameMap {
+        'erd-editor': ErdEditorElement;
+    }
+}
+export type ErdEditorProps = {
+    readonly: boolean;
+    systemDarkMode: boolean;
+    enableThemeBuilder: boolean;
+};
+export interface ErdEditorElement extends ErdEditorProps, HTMLElement {
+    value: string;
+    focus: () => void;
+    blur: () => void;
+    clear: () => void;
+    setInitialValue: (value: string) => void;
+    setPresetTheme: (themeOptions: Partial<ThemeOptions>) => void;
+    setTheme: (theme: Partial<ThemeType>) => void;
+    setKeyBindingMap: (keyBindingMap: Partial<Omit<KeyBindingMap, typeof KeyBindingName.edit | typeof KeyBindingName.stop | typeof KeyBindingName.search | typeof KeyBindingName.undo | typeof KeyBindingName.redo | typeof KeyBindingName.zoomIn | typeof KeyBindingName.zoomOut>>) => void;
+    setSchemaSQL: (value: string) => void;
+    getSchemaSQL: (databaseVendor?: DatabaseVendor) => string;
+}

package/dist/components/erd-editor/ErdEditor.stories.d.ts

@@ -0,0 +1,18 @@
+import './ErdEditor';
+import type { StoryObj } from '@storybook/html';
+import type { ErdEditorProps } from './ErdEditor';
+declare const meta: {
+    title: string;
+    render: (args: ErdEditorProps) => DocumentFragment;
+    argTypes: {
+        readonly: {
+            type: "boolean";
+        };
+    };
+    parameters: {
+        css: string;
+    };
+};
+export default meta;
+type Story = StoryObj<ErdEditorProps>;
+export declare const Normal: Story;

package/dist/components/erd-editor/ErdEditor.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const scope: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/erd-editor/useErdEditorAttachElement.d.ts

@@ -0,0 +1,21 @@
+import { Ref } from '@dineug/r-html';
+import { AppContext } from "../appContext";
+import { ThemeOptions } from "../../themes/radix-ui-theme";
+import { Theme } from "../../themes/tokens";
+import { ErdEditorElement, ErdEditorProps } from './ErdEditor';
+type Props = {
+    props: ErdEditorProps;
+    ctx: ErdEditorElement;
+    app: AppContext;
+    root: Ref<HTMLDivElement>;
+};
+export declare function useErdEditorAttachElement({ props, ctx, app: { store, keyBindingMap, emitter }, root, }: Props): {
+    theme: Theme;
+    themeState: {
+        options: ThemeOptions;
+        preset: Theme;
+        custom: Partial<Theme>;
+    };
+    hasDarkMode: () => boolean;
+};
+export {};

package/dist/components/generator-code/GeneratorCode.d.ts

@@ -0,0 +1,7 @@
+import { FC } from '@dineug/r-html';
+export type GeneratorCodeProps = {
+    isDarkMode: boolean;
+    tableId?: string;
+};
+declare const GeneratorCode: FC<GeneratorCodeProps>;
+export default GeneratorCode;

package/dist/components/generator-code/GeneratorCode.styles.d.ts

@@ -0,0 +1 @@
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/generator-code/generator-code-context-menu/GeneratorCodeContextMenu.d.ts

@@ -0,0 +1,6 @@
+import { FC } from '@dineug/r-html';
+export type GeneratorCodeContextMenuProps = {
+    onClose: () => void;
+};
+declare const GeneratorCodeContextMenu: FC<GeneratorCodeContextMenuProps>;
+export default GeneratorCodeContextMenu;

package/dist/components/generator-code/generator-code-context-menu/menus/columnNameCaseMenus.d.ts

@@ -0,0 +1,12 @@
+import { AppContext } from "../../../appContext";
+type Menu = {
+    name: string;
+    value: number;
+};
+export declare const menus: Menu[];
+export declare function createColumnNameCaseMenus({ store }: AppContext): {
+    checked: boolean;
+    name: string;
+    onClick: () => void;
+}[];
+export {};

package/dist/components/generator-code/generator-code-context-menu/menus/languageMenus.d.ts

@@ -0,0 +1,12 @@
+import { AppContext } from "../../../appContext";
+type Menu = {
+    name: string;
+    value: number;
+};
+export declare const menus: Menu[];
+export declare function createLanguageMenus({ store }: AppContext): {
+    checked: boolean;
+    name: string;
+    onClick: () => void;
+}[];
+export {};

package/dist/components/generator-code/generator-code-context-menu/menus/tableNameCaseMenus.d.ts

@@ -0,0 +1,12 @@
+import { AppContext } from "../../../appContext";
+type Menu = {
+    name: string;
+    value: number;
+};
+export declare const menus: Menu[];
+export declare function createTableNameCaseMenus({ store }: AppContext): {
+    checked: boolean;
+    name: string;
+    onClick: () => void;
+}[];
+export {};

package/dist/components/global-styles/GlobalStyles.d.ts

@@ -0,0 +1,4 @@
+import { FC } from '@dineug/r-html';
+export type GlobalStylesProps = {};
+declare const GlobalStyles: FC<GlobalStylesProps>;
+export default GlobalStyles;

package/dist/components/primitives/button/Button.d.ts

@@ -0,0 +1,9 @@
+import { DOMTemplateLiterals, FC } from '@dineug/r-html';
+export type ButtonProps = {
+    size?: '1' | '2' | '3';
+    variant?: 'solid' | 'soft';
+    text: string | DOMTemplateLiterals;
+    onClick?: (event: PointerEvent) => void;
+};
+declare const Button: FC<ButtonProps>;
+export default Button;

package/dist/components/primitives/button/Button.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/html';
+import { ButtonProps } from './Button';
+declare const meta: {
+    title: string;
+    render: (args: ButtonProps) => DocumentFragment;
+    argTypes: {
+        size: {
+            control: string;
+            options: string[];
+        };
+        variant: {
+            control: string;
+            options: string[];
+        };
+        text: {
+            control: string;
+        };
+        onClick: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<ButtonProps>;
+export declare const Solid: Story;
+export declare const Soft: Story;

package/dist/components/primitives/button/Button.styles.d.ts

@@ -0,0 +1,6 @@
+export declare const button: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const soft: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const solid: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const size1: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const size2: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const size3: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/primitives/code-block/CodeBlock.d.ts

@@ -0,0 +1,10 @@
+import { FC } from '@dineug/r-html';
+import { ShikiService } from "../../../services/shikiService";
+export type CodeBlockProps = {
+    value: string;
+    lang: Parameters<ShikiService['codeToHtml']>[1]['lang'];
+    theme?: 'dark' | 'light';
+    onCopy?: (value: string) => void;
+};
+declare const CodeBlock: FC<CodeBlockProps>;
+export default CodeBlock;

package/dist/components/primitives/code-block/CodeBlock.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/html';
+import { CodeBlockProps } from './CodeBlock';
+declare const meta: {
+    title: string;
+    render: (args: CodeBlockProps) => DocumentFragment;
+    argTypes: {
+        value: {
+            control: string;
+        };
+        lang: {
+            control: string;
+            options: string[];
+        };
+        theme: {
+            control: string;
+            options: string[];
+        };
+        onCopy: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<CodeBlockProps>;
+export declare const Normal: Story;

package/dist/components/primitives/code-block/CodeBlock.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const clipboard: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const root: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const code: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/primitives/color-picker/ColorPicker.d.ts

@@ -0,0 +1,12 @@
+import { FC } from '@dineug/r-html';
+import { Viewport } from "../../../engine/modules/editor/state";
+export type ColorPickerProps = {
+    x: number;
+    y: number;
+    color: string;
+    viewport?: Viewport;
+    onChange?: (color: string) => void;
+    onLastUpdate?: (color: string) => void;
+};
+declare const ColorPicker: FC<ColorPickerProps>;
+export default ColorPicker;

package/dist/components/primitives/color-picker/ColorPicker.stories.d.ts

@@ -0,0 +1,26 @@
+import type { StoryObj } from '@storybook/html';
+import { ColorPickerProps } from './ColorPicker';
+declare const meta: {
+    title: string;
+    render: (args: ColorPickerProps) => DocumentFragment;
+    argTypes: {
+        x: {
+            type: "number";
+        };
+        y: {
+            type: "number";
+        };
+        color: {
+            type: "string";
+        };
+        onChange: {
+            action: string;
+        };
+        onLastUpdate: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<ColorPickerProps>;
+export declare const Normal: Story;

package/dist/components/primitives/color-picker/ColorPicker.styles.d.ts

@@ -0,0 +1 @@
+export declare const container: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/primitives/context-menu/ContextMenu.d.ts

@@ -0,0 +1,10 @@
+import ContextMenuItem from './context-menu-item/ContextMenuItem';
+import ContextMenuRoot from './context-menu-root/ContextMenuRoot';
+import Menu from './menu/Menu';
+type CompositionContextMenu = {
+    Root: typeof ContextMenuRoot;
+    Item: typeof ContextMenuItem;
+    Menu: typeof Menu;
+};
+declare const ContextMenu: CompositionContextMenu;
+export default ContextMenu;

package/dist/components/primitives/context-menu/ContextMenu.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/html';
+type ContextMenuTemplateProps = {
+    onClick?: (event: MouseEvent) => void;
+};
+declare const meta: {
+    title: string;
+    render: (args: ContextMenuTemplateProps) => DocumentFragment;
+    argTypes: {
+        onClick: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<ContextMenuTemplateProps>;
+export declare const Normal: Story;

package/dist/components/primitives/context-menu/context-menu-content/ContextMenuContent.d.ts

@@ -0,0 +1,9 @@
+import { DOMTemplateLiterals, FC } from '@dineug/r-html';
+export type ContextMenuContentProps = {
+    id: string;
+    x: number;
+    y: number;
+    children?: DOMTemplateLiterals;
+};
+declare const ContextMenuContent: FC<ContextMenuContentProps>;
+export default ContextMenuContent;

package/dist/components/primitives/context-menu/context-menu-content/ContextMenuContent.styles.d.ts

@@ -0,0 +1 @@
+export declare const content: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/primitives/context-menu/context-menu-item/ContextMenuItem.d.ts

@@ -0,0 +1,8 @@
+import { DOMTemplateLiterals, FC } from '@dineug/r-html';
+export type ContextMenuItemProps = {
+    children?: DOMTemplateLiterals;
+    subChildren?: DOMTemplateLiterals;
+    onClick?: (event: MouseEvent) => void;
+};
+declare const ContextMenuItem: FC<ContextMenuItemProps>;
+export default ContextMenuItem;

package/dist/components/primitives/context-menu/context-menu-item/ContextMenuItem.styles.d.ts

@@ -0,0 +1 @@
+export declare const item: import("@dineug/r-html").CSSTemplateLiterals;

package/dist/components/primitives/context-menu/context-menu-root/ContextMenuRoot.d.ts

@@ -0,0 +1,6 @@
+import { DOMTemplateLiterals, FC } from '@dineug/r-html';
+export type ContextMenuRootProps = {
+    children?: DOMTemplateLiterals;
+};
+declare const ContextMenuRoot: FC<ContextMenuRootProps>;
+export default ContextMenuRoot;

package/dist/components/primitives/context-menu/context-menu-root/contextMenuRootContext.d.ts

@@ -0,0 +1,22 @@
+import { Subject } from 'rxjs';
+import { Ctx } from "../../../../internal-types";
+export type ContextMenuRootContext = {
+    show: boolean;
+    x: number;
+    y: number;
+    change$: Subject<{
+        parentId: string;
+        id: string;
+    }>;
+};
+export declare const contextMenuRootContext: import("@dineug/r-html").Context<ContextMenuRootContext>;
+export declare const useContextMenuRootContext: (ctx: Ctx) => import("@dineug/r-html").Ref<ContextMenuRootContext>;
+export declare function useContextMenuRootProvider(ctx: Ctx): {
+    provider: {
+        set: (value: ContextMenuRootContext) => void;
+        destroy: () => void;
+    };
+    state: ContextMenuRootContext;
+    onContextmenu: (event: MouseEvent) => void;
+    onMousedown: (event: MouseEvent) => void;
+};

package/dist/components/primitives/context-menu/menu/Menu.d.ts

@@ -0,0 +1,8 @@
+import { DOMTemplateLiterals, FC } from '@dineug/r-html';
+export type MenuProps = {
+    icon: DOMTemplateLiterals | string;
+    name: DOMTemplateLiterals | string;
+    right?: DOMTemplateLiterals | string;
+};
+declare const Menu: FC<MenuProps>;
+export default Menu;

package/dist/components/primitives/context-menu/menu/Menu.styles.d.ts

@@ -0,0 +1,3 @@
+export declare const menu: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const icon: import("@dineug/r-html").CSSTemplateLiterals;
+export declare const right: import("@dineug/r-html").CSSTemplateLiterals;