@jikjo/ui-kit 0.1.0

package/dist/index.d.cts

@@ -0,0 +1,95 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Extension, SelectionFormatState, SlashMenuItem } from "@jikjo/core";
+import * as react0 from "react";
+import { ReactNode } from "react";
+import { LexicalEditor } from "lexical";
+
+//#region src/editor-ui.d.ts
+interface EditorUIProps {
+  extensions?: Extension[];
+  namespace?: string;
+  /**
+   * undefined → default toolbar
+   * false     → no toolbar rendered at all
+   * ReactNode → custom toolbar content
+   */
+  toolbarContent?: ReactNode | false;
+  className?: string;
+  /**
+   * 활성화할 UI 기능 목록. 기본값: 모두 활성화.
+   * "blockHandle" | "inlineAdd" | "slashCommand" | "bubbleMenu"
+   */
+  features?: Array<"blockHandle" | "inlineAdd" | "slashCommand" | "bubbleMenu">;
+}
+declare function EditorUI({
+  extensions,
+  namespace,
+  toolbarContent,
+  className,
+  features
+}: EditorUIProps): react_jsx_runtime0.JSX.Element;
+//# sourceMappingURL=editor-ui.d.ts.map
+//#endregion
+//#region src/components/bubble-menu.d.ts
+interface BubbleMenuProps {
+  isVisible: boolean;
+  format: SelectionFormatState;
+  onToggleFormat: (format: keyof SelectionFormatState) => void;
+  editor: LexicalEditor;
+}
+declare function BubbleMenu({
+  isVisible,
+  format,
+  onToggleFormat,
+  editor
+}: BubbleMenuProps): react0.ReactPortal | null;
+//# sourceMappingURL=bubble-menu.d.ts.map
+//#endregion
+//#region src/components/slash-menu.d.ts
+interface SlashMenuProps {
+  isVisible: boolean;
+  query: string;
+  items: SlashMenuItem[];
+  editor: LexicalEditor;
+  onClose: () => void;
+}
+declare function SlashMenu({
+  isVisible,
+  query,
+  items,
+  editor,
+  onClose
+}: SlashMenuProps): react0.ReactPortal | null;
+//# sourceMappingURL=slash-menu.d.ts.map
+//#endregion
+//#region src/components/block-toolbar.d.ts
+interface BlockToolbarProps {
+  isVisible: boolean;
+  nodeKey: string | null;
+  /** 현재 커서(포커스)가 있는 블록의 nodeKey */
+  focusedNodeKey: string | null;
+  items: SlashMenuItem[];
+  editor: LexicalEditor;
+  showDragHandle?: boolean;
+  showAddButton?: boolean;
+  /** drag 시작 시 드래그 중인 블록의 nodeKey를 부모에 전달 */
+  onDragStarted?: (nodeKey: string) => void;
+  /** drag & drop 완료 후 이동된 블록의 nodeKey를 부모에 전달 */
+  onDropped?: (nodeKey: string) => void;
+}
+declare function BlockToolbar({
+  isVisible,
+  nodeKey,
+  focusedNodeKey,
+  items,
+  editor,
+  showDragHandle,
+  showAddButton,
+  onDragStarted,
+  onDropped
+}: BlockToolbarProps): react_jsx_runtime0.JSX.Element | null;
+//# sourceMappingURL=block-toolbar.d.ts.map
+
+//#endregion
+export { BlockToolbar, type BlockToolbarProps, BubbleMenu, type BubbleMenuProps, EditorUI, type EditorUIProps, SlashMenu, type SlashMenuProps };
+//# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","names":[],"sources":["../src/editor-ui.tsx","../src/components/bubble-menu.tsx","../src/components/slash-menu.tsx","../src/components/block-toolbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAqGiB,aAAA;eACF;;;;AADf;;;gBAQmB,CAAA,EAAA,SAAA,GAAA,KAAA;WAMN,CAAA,EAAA,MAAA;EAAK;AA4QlB;;;UAEE,CAAA,EA9QW,KA8QX,CAAA,aAAA,GAAA,WAAA,GAAA,cAAA,GAAA,YAAA,CAAA;;AAEA,iBAJc,QAAA,CAId;EAAA,UAAA;EAAA,SAAA;EAAA,cAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAEC,aAFD,CAAA,EAEc,kBAAA,CAAA,GAAA,CAAA,OAFd;;;;UCxXe,eAAA;;UAEP;iCACuB;UACvB;ADsFV;AAA8B,iBCpBd,UAAA,CDoBc;EAAA,SAAA;EAAA,MAAA;EAAA,cAAA;EAAA;AAAA,CAAA,ECf3B,eDe2B,CAAA,ECfZ,MAAA,CAAA,WAAA,GDeY,IAAA;;;;UEzFb,cAAA;;;SAGR;UACC;EFqFO,OAAA,EAAA,GAAA,GAAA,IAAa;;AACf,iBExCC,SAAA,CFwCD;EAAA,SAAA;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EElCZ,cFkCY,CAAA,EElCE,MAAA,CAAA,WAAA,GFkCF,IAAA;;;;UGvEE,iBAAA;;;;;EHsEA,KAAA,EGjER,aHiEqB,EAAA;EAAA,MAAA,EGhEpB,aHgEoB;gBACf,CAAA,EAAA,OAAA;eAOI,CAAA,EAAA,OAAA;;EAMD,aAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EA4QF;EAAQ,SAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;AAEtB,iBG/Rc,YAAA,CH+Rd;EAAA,SAAA;EAAA,OAAA;EAAA,cAAA;EAAA,KAAA;EAAA,MAAA;EAAA,cAAA;EAAA,aAAA;EAAA,aAAA;EAAA;AAAA,CAAA,EGrRC,iBHqRD,CAAA,EGrRkB,kBAAA,CAAA,GAAA,CAAA,OAAA,GHqRlB,IAAA"}

package/dist/index.d.ts

@@ -0,0 +1,95 @@
+import { Extension, SelectionFormatState, SlashMenuItem } from "@jikjo/core";
+import { LexicalEditor } from "lexical";
+import * as react0 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/editor-ui.d.ts
+interface EditorUIProps {
+  extensions?: Extension[];
+  namespace?: string;
+  /**
+   * undefined → default toolbar
+   * false     → no toolbar rendered at all
+   * ReactNode → custom toolbar content
+   */
+  toolbarContent?: ReactNode | false;
+  className?: string;
+  /**
+   * 활성화할 UI 기능 목록. 기본값: 모두 활성화.
+   * "blockHandle" | "inlineAdd" | "slashCommand" | "bubbleMenu"
+   */
+  features?: Array<"blockHandle" | "inlineAdd" | "slashCommand" | "bubbleMenu">;
+}
+declare function EditorUI({
+  extensions,
+  namespace,
+  toolbarContent,
+  className,
+  features
+}: EditorUIProps): react_jsx_runtime0.JSX.Element;
+//# sourceMappingURL=editor-ui.d.ts.map
+//#endregion
+//#region src/components/bubble-menu.d.ts
+interface BubbleMenuProps {
+  isVisible: boolean;
+  format: SelectionFormatState;
+  onToggleFormat: (format: keyof SelectionFormatState) => void;
+  editor: LexicalEditor;
+}
+declare function BubbleMenu({
+  isVisible,
+  format,
+  onToggleFormat,
+  editor
+}: BubbleMenuProps): react0.ReactPortal | null;
+//# sourceMappingURL=bubble-menu.d.ts.map
+//#endregion
+//#region src/components/slash-menu.d.ts
+interface SlashMenuProps {
+  isVisible: boolean;
+  query: string;
+  items: SlashMenuItem[];
+  editor: LexicalEditor;
+  onClose: () => void;
+}
+declare function SlashMenu({
+  isVisible,
+  query,
+  items,
+  editor,
+  onClose
+}: SlashMenuProps): react0.ReactPortal | null;
+//# sourceMappingURL=slash-menu.d.ts.map
+//#endregion
+//#region src/components/block-toolbar.d.ts
+interface BlockToolbarProps {
+  isVisible: boolean;
+  nodeKey: string | null;
+  /** 현재 커서(포커스)가 있는 블록의 nodeKey */
+  focusedNodeKey: string | null;
+  items: SlashMenuItem[];
+  editor: LexicalEditor;
+  showDragHandle?: boolean;
+  showAddButton?: boolean;
+  /** drag 시작 시 드래그 중인 블록의 nodeKey를 부모에 전달 */
+  onDragStarted?: (nodeKey: string) => void;
+  /** drag & drop 완료 후 이동된 블록의 nodeKey를 부모에 전달 */
+  onDropped?: (nodeKey: string) => void;
+}
+declare function BlockToolbar({
+  isVisible,
+  nodeKey,
+  focusedNodeKey,
+  items,
+  editor,
+  showDragHandle,
+  showAddButton,
+  onDragStarted,
+  onDropped
+}: BlockToolbarProps): react_jsx_runtime0.JSX.Element | null;
+//# sourceMappingURL=block-toolbar.d.ts.map
+
+//#endregion
+export { BlockToolbar, type BlockToolbarProps, BubbleMenu, type BubbleMenuProps, EditorUI, type EditorUIProps, SlashMenu, type SlashMenuProps };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/editor-ui.tsx","../src/components/bubble-menu.tsx","../src/components/slash-menu.tsx","../src/components/block-toolbar.tsx"],"sourcesContent":[],"mappings":";;;;;;;UAqGiB,aAAA;eACF;;;;AADf;;;gBAQmB,CAAA,EAAA,SAAA,GAAA,KAAA;WAMN,CAAA,EAAA,MAAA;EAAK;AA4QlB;;;UAEE,CAAA,EA9QW,KA8QX,CAAA,aAAA,GAAA,WAAA,GAAA,cAAA,GAAA,YAAA,CAAA;;AAEA,iBAJc,QAAA,CAId;EAAA,UAAA;EAAA,SAAA;EAAA,cAAA;EAAA,SAAA;EAAA;AAAA,CAAA,EAEC,aAFD,CAAA,EAEc,kBAAA,CAAA,GAAA,CAAA,OAFd;;;;UCxXe,eAAA;;UAEP;iCACuB;UACvB;ADsFV;AAA8B,iBCpBd,UAAA,CDoBc;EAAA,SAAA;EAAA,MAAA;EAAA,cAAA;EAAA;AAAA,CAAA,ECf3B,eDe2B,CAAA,ECfZ,MAAA,CAAA,WAAA,GDeY,IAAA;;;;UEzFb,cAAA;;;SAGR;UACC;EFqFO,OAAA,EAAA,GAAA,GAAA,IAAa;;AACf,iBExCC,SAAA,CFwCD;EAAA,SAAA;EAAA,KAAA;EAAA,KAAA;EAAA,MAAA;EAAA;AAAA,CAAA,EElCZ,cFkCY,CAAA,EElCE,MAAA,CAAA,WAAA,GFkCF,IAAA;;;;UGvEE,iBAAA;;;;;EHsEA,KAAA,EGjER,aHiEqB,EAAA;EAAA,MAAA,EGhEpB,aHgEoB;gBACf,CAAA,EAAA,OAAA;eAOI,CAAA,EAAA,OAAA;;EAMD,aAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EA4QF;EAAQ,SAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,GAAA,IAAA;;AAEtB,iBG/Rc,YAAA,CH+Rd;EAAA,SAAA;EAAA,OAAA;EAAA,cAAA;EAAA,KAAA;EAAA,MAAA;EAAA,cAAA;EAAA,aAAA;EAAA,aAAA;EAAA;AAAA,CAAA,EGrRC,iBHqRD,CAAA,EGrRkB,kBAAA,CAAA,GAAA,CAAA,OAAA,GHqRlB,IAAA"}