@vishu1301/script-writing 0.3.2 → 0.3.4

package/dist/{index.mjs → index.cjs}

@@ -1,7 +1,10 @@
 "use client";
+"use strict";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -18,20 +21,39 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// app/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ScreenplayEditorView: () => ScreenplayEditorView,
+  blockStyles: () => blockStyles,
+  blockTypes: () => blockTypes,
+  icons: () => icons,
+  timeOfDayOptions: () => timeOfDayOptions,
+  useScreenplayEditor: () => useScreenplayEditor,
+  uuid: () => uuid
+});
+module.exports = __toCommonJS(index_exports);
 
 // app/view/screenplay-editor.view.tsx
-import { useState } from "react";
+var import_react = require("react");
 
 // app/types/screenplay-editor.types.tsx
-import {
-  Clapperboard,
-  Sparkles,
-  UserRound,
-  Brackets,
-  MessageCircle,
-  ArrowRightLeft
-} from "lucide-react";
-import { jsx } from "react/jsx-runtime";
+var import_lucide_react = require("lucide-react");
+var import_jsx_runtime = require("react/jsx-runtime");
 var timeOfDayOptions = ["DAY", "NIGHT"];
 var blockTypes = [
   "SCENE_HEADING",
@@ -43,12 +65,12 @@ var blockTypes = [
 ];
 var uuid = () => Math.random().toString(36).slice(2, 9);
 var icons = {
-  SCENE_HEADING: /* @__PURE__ */ jsx(Clapperboard, { className: "w-5 h-5" }),
-  ACTION: /* @__PURE__ */ jsx(Sparkles, { className: "w-5 h-5" }),
-  CHARACTER: /* @__PURE__ */ jsx(UserRound, { className: "w-5 h-5" }),
-  PARENTHETICAL: /* @__PURE__ */ jsx(Brackets, { className: "w-5 h-5" }),
-  DIALOGUE: /* @__PURE__ */ jsx(MessageCircle, { className: "w-5 h-5" }),
-  TRANSITION: /* @__PURE__ */ jsx(ArrowRightLeft, { className: "w-5 h-5" })
+  SCENE_HEADING: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Clapperboard, { className: "w-5 h-5" }),
+  ACTION: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Sparkles, { className: "w-5 h-5" }),
+  CHARACTER: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.UserRound, { className: "w-5 h-5" }),
+  PARENTHETICAL: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.Brackets, { className: "w-5 h-5" }),
+  DIALOGUE: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.MessageCircle, { className: "w-5 h-5" }),
+  TRANSITION: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_react.ArrowRightLeft, { className: "w-5 h-5" })
 };
 var blockStyles = {
   SCENE_HEADING: {
@@ -133,15 +155,8 @@ var blockStyles = {
 };
 
 // app/view/screenplay-editor.view.tsx
-import {
-  ArrowRight,
-  ChevronRight,
-  User,
-  Cog,
-  Save,
-  FileDown
-} from "lucide-react";
-import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var import_lucide_react2 = require("lucide-react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
 function ScreenplayEditorView({
   blocks,
   pages,
@@ -164,19 +179,19 @@ function ScreenplayEditorView({
   onSaveAsPdf,
   onSyncWithCloud
 }) {
-  const [isRulesOpen, setIsRulesOpen] = useState(false);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx2("div", { className: "sticky top-6 z-50 bg-white backdrop-blur-xl border border-white/10 rounded-full shadow-2xl flex gap-1 max-w-fit p-1.5 mb-12 select-none overflow-x-auto custom-scrollbar", children: blockTypes.map((type) => {
+  const [isRulesOpen, setIsRulesOpen] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "sticky top-6 z-50 bg-white backdrop-blur-xl border border-white/10 rounded-full shadow-2xl flex gap-1 max-w-fit p-1.5 mb-12 select-none overflow-x-auto custom-scrollbar", children: blockTypes.map((type) => {
       var _a;
       const selected = ((_a = blocks.find((b) => b.id === focusedBlockId)) == null ? void 0 : _a.type) === type;
-      return /* @__PURE__ */ jsxs(
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         "button",
         {
           type: "button",
           className: `flex items-center gap-2 px-4 py-2.5 rounded-full font-medium text-sm transition-all duration-300 ${selected ? "bg-zinc-900 text-white shadow-sm" : "text-zinc-400 hover:bg-zinc-800/10 hover:text-zinc-800"}`,
           onClick: () => handleBlockTypeChange(type),
           children: [
-            /* @__PURE__ */ jsx2(
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "input",
               {
                 type: "radio",
@@ -188,14 +203,14 @@ function ScreenplayEditorView({
                 readOnly: true
               }
             ),
-            /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
               "label",
               {
                 htmlFor: `block-type-${type}`,
                 className: "flex items-center gap-2 cursor-pointer",
                 children: [
                   icons[type],
-                  /* @__PURE__ */ jsx2("span", { className: "whitespace-nowrap hidden sm:inline", children: blockStyles[type].label })
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "whitespace-nowrap hidden sm:inline", children: blockStyles[type].label })
                 ]
               }
             )
@@ -204,7 +219,7 @@ function ScreenplayEditorView({
         type
       );
     }) }),
-    /* @__PURE__ */ jsx2("div", { className: "flex flex-col gap-12 w-full items-center pb-24", children: pages.map((pageBlocks, pageIndex) => /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex flex-col gap-12 w-full items-center pb-24", children: pages.map((pageBlocks, pageIndex) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
       "div",
       {
         className: "relative bg-[#fdfdfc] shadow-2xl shadow-zinc-300/60 ring-1 ring-zinc-200/50 rounded-sm md:rounded-md p-16 md:p-20 flex flex-col w-[210mm] min-h-[297mm] shrink-0",
@@ -214,15 +229,15 @@ function ScreenplayEditorView({
         children: [
           pageBlocks.map((block) => {
             var _a, _b;
-            return /* @__PURE__ */ jsx2(
+            return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "div",
               {
                 "data-block-id": block.id,
                 className: `relative rounded-sm transition-all duration-200 outline-none ${focusedBlockId === block.id ? "bg-zinc-100/50" : "bg-transparent"}`,
-                children: block.type === "SCENE_HEADING" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-4 py-1 bg-transparent", children: [
-                    /* @__PURE__ */ jsx2("span", { className: "absolute -left-16 top-2 w-12 text-right text-zinc-400 font-semibold select-none", children: String(sceneNumbers[block.id] || 0) }),
-                    /* @__PURE__ */ jsxs(
+                children: block.type === "SCENE_HEADING" ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-2 px-4 py-1 bg-transparent", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "absolute -left-16 top-2 w-12 text-right text-zinc-400 font-semibold select-none", children: String(sceneNumbers[block.id] || 0) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                       "select",
                       {
                         className: "rounded-md text-zinc-800 font-bold px-1.5 py-1 appearance-none bg-transparent hover:bg-zinc-200/50 outline-none cursor-pointer w-fit transition-colors",
@@ -230,13 +245,13 @@ function ScreenplayEditorView({
                         value: (_a = block.sceneType) != null ? _a : "INT.",
                         onChange: (e) => handleSceneTypeChange(block.id, e.target.value),
                         children: [
-                          /* @__PURE__ */ jsx2("option", { children: "INT." }),
-                          /* @__PURE__ */ jsx2("option", { children: "EXT." }),
-                          /* @__PURE__ */ jsx2("option", { children: "INT/EXT." })
+                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { children: "INT." }),
+                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { children: "EXT." }),
+                          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { children: "INT/EXT." })
                         ]
                       }
                     ),
-                    /* @__PURE__ */ jsx2(
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       "div",
                       {
                         ref: (el) => {
@@ -259,27 +274,27 @@ function ScreenplayEditorView({
                         onBlur: () => handleBlur(block.id)
                       }
                     ),
-                    /* @__PURE__ */ jsx2("span", { className: "text-zinc-400/80 font-bold", children: "-" }),
-                    /* @__PURE__ */ jsx2(
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-zinc-400/80 font-bold", children: "-" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                       "select",
                       {
                         className: "rounded-md text-zinc-800 font-bold px-1.5 py-1 appearance-none bg-transparent hover:bg-zinc-200/50 outline-none cursor-pointer transition-colors",
                         "aria-label": "Time of Day",
                         value: (_b = block.timeOfDay) != null ? _b : "DAY",
                         onChange: (e) => handleTimeOfDayChange(block.id, e.target.value),
-                        children: timeOfDayOptions.map((t) => /* @__PURE__ */ jsx2("option", { children: t }, t))
+                        children: timeOfDayOptions.map((t) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { children: t }, t))
                       }
                     )
                   ] }),
-                  focusedBlockId === block.id && showSuggestions && locations.length > 0 && /* @__PURE__ */ jsx2(
+                  focusedBlockId === block.id && showSuggestions && locations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "div",
                     {
                       role: "listbox",
                       id: `suggestions-${block.id}`,
                       className: "absolute top-[calc(100%+6px)] left-0 min-w-[240px] z-50 bg-white border border-slate-200/80 shadow-xl shadow-slate-200/40 rounded-xl py-1 overflow-hidden animate-in fade-in zoom-in-95 duration-150",
-                      children: /* @__PURE__ */ jsx2("div", { className: "max-h-60 overflow-y-auto custom-scrollbar", children: locations.filter(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "max-h-60 overflow-y-auto custom-scrollbar", children: locations.filter(
                         (loc) => loc.startsWith(block.text.toUpperCase()) && loc !== block.text.toUpperCase()
-                      ).map((loc) => /* @__PURE__ */ jsxs(
+                      ).map((loc) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                         "div",
                         {
                           role: "option",
@@ -301,16 +316,16 @@ function ScreenplayEditorView({
                             handleBlur(block.id);
                           },
                           children: [
-                            /* @__PURE__ */ jsx2("span", { className: "text-[12px] font-semibold tracking-wide text-slate-600 uppercase line-clamp-1", children: loc }),
-                            /* @__PURE__ */ jsx2(ArrowRight, { className: "w-3.5 h-3.5 text-slate-300 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200" })
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-[12px] font-semibold tracking-wide text-slate-600 uppercase line-clamp-1", children: loc }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ArrowRight, { className: "w-3.5 h-3.5 text-slate-300 opacity-0 -translate-x-2 group-hover:opacity-100 group-hover:translate-x-0 transition-all duration-200" })
                           ]
                         },
                         loc
                       )) })
                     }
                   )
-                ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-                  /* @__PURE__ */ jsx2(
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "div",
                     {
                       ref: (el) => {
@@ -333,15 +348,15 @@ function ScreenplayEditorView({
                       style: blockStyles[block.type].inputStyle
                     }
                   ),
-                  focusedBlockId === block.id && block.type === "CHARACTER" && showSuggestions && characters.length > 0 && /* @__PURE__ */ jsx2(
+                  focusedBlockId === block.id && block.type === "CHARACTER" && showSuggestions && characters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                     "div",
                     {
                       role: "listbox",
                       id: `suggestions-${block.id}`,
                       className: "absolute top-[calc(100%+8px)] left-1/2 -translate-x-1/2 w-72 z-50 bg-white border border-slate-200 shadow-2xl shadow-slate-200/60 rounded-xl py-2 overflow-hidden animate-in fade-in zoom-in-95 duration-200",
-                      children: /* @__PURE__ */ jsx2("div", { className: "max-h-56 overflow-y-auto custom-scrollbar", children: characters.filter(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "max-h-56 overflow-y-auto custom-scrollbar", children: characters.filter(
                         (char) => char.startsWith(block.text.toUpperCase()) && char !== block.text.toUpperCase()
-                      ).map((char) => /* @__PURE__ */ jsxs(
+                      ).map((char) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
                         "div",
                         {
                           role: "option",
@@ -363,9 +378,9 @@ function ScreenplayEditorView({
                             handleBlur(block.id);
                           },
                           children: [
-                            /* @__PURE__ */ jsx2(User, { className: "w-3.5 h-3.5 text-slate-300 group-hover:text-sky-500 transition-colors mr-3" }),
-                            /* @__PURE__ */ jsx2("span", { className: "flex-1 text-[11px] font-bold tracking-[0.1em] text-slate-600 uppercase text-left", children: char }),
-                            /* @__PURE__ */ jsx2(ChevronRight, { className: "w-3 h-3 text-slate-200 opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0" })
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.User, { className: "w-3.5 h-3.5 text-slate-300 group-hover:text-sky-500 transition-colors mr-3" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "flex-1 text-[11px] font-bold tracking-[0.1em] text-slate-600 uppercase text-left", children: char }),
+                            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.ChevronRight, { className: "w-3 h-3 text-slate-200 opacity-0 group-hover:opacity-100 transition-all -translate-x-1 group-hover:translate-x-0" })
                           ]
                         },
                         char
@@ -377,7 +392,7 @@ function ScreenplayEditorView({
               block.id + "-" + block.type
             );
           }),
-          isPageSplitEnabled && /* @__PURE__ */ jsxs("div", { className: "absolute bottom-10 right-16 md:right-20 text-zinc-400 font-semibold text-sm select-none pointer-events-none", children: [
+          isPageSplitEnabled && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "absolute bottom-10 right-16 md:right-20 text-zinc-400 font-semibold text-sm select-none pointer-events-none", children: [
             pageIndex + 1,
             "."
           ] })
@@ -385,37 +400,37 @@ function ScreenplayEditorView({
       },
       pageIndex
     )) }),
-    /* @__PURE__ */ jsxs("div", { className: "fixed bottom-6 right-6 flex flex-col items-end gap-4 z-50", children: [
-      onSave && /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "fixed bottom-6 right-6 flex flex-col items-end gap-4 z-50", children: [
+      onSave && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         "button",
         {
           onClick: onSave,
           className: "flex items-center justify-center gap-2 w-auto px-4 h-12 rounded-full bg-zinc-950 text-white shadow-xl shadow-zinc-900/20 border border-white/10 hover:bg-zinc-800 hover:scale-105 active:scale-95 transition-all duration-300",
           "aria-label": "Save Script",
           children: [
-            /* @__PURE__ */ jsx2(Save, { className: "w-5 h-5" }),
-            /* @__PURE__ */ jsx2("span", { className: "text-sm font-semibold", children: "Save" })
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Save, { className: "w-5 h-5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-sm font-semibold", children: "Save" })
           ]
         }
       ),
-      onSaveAsPdf && /* @__PURE__ */ jsxs(
+      onSaveAsPdf && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
         "button",
         {
           onClick: onSaveAsPdf,
           className: "flex items-center justify-center gap-2 w-auto px-4 h-12 rounded-full bg-zinc-950 text-white shadow-xl shadow-zinc-900/20 border border-white/10 hover:bg-zinc-800 hover:scale-105 active:scale-95 transition-all duration-300",
           "aria-label": "Save Script as PDF",
           children: [
-            /* @__PURE__ */ jsx2(FileDown, { className: "w-5 h-5" }),
-            /* @__PURE__ */ jsx2("span", { className: "text-sm font-semibold", children: "Save as PDF" })
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.FileDown, { className: "w-5 h-5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "text-sm font-semibold", children: "Save as PDF" })
           ]
         }
       ),
-      isRulesOpen && /* @__PURE__ */ jsxs("div", { className: "bg-white/80 backdrop-blur-md rounded-xl shadow-lg border border-zinc-200/50 p-4 text-xs text-zinc-700 select-none font-sans overflow-hidden transition-all duration-300 w-64 origin-bottom-right animate-in fade-in zoom-in-95", children: [
-        /* @__PURE__ */ jsx2("h4", { className: "font-bold text-zinc-800 mb-3 text-sm", children: "Settings & Shortcuts" }),
-        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-6", children: [
-            /* @__PURE__ */ jsx2("span", { className: "font-semibold text-zinc-800", children: "A4 Page Split" }),
-            /* @__PURE__ */ jsx2(
+      isRulesOpen && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "bg-white/80 backdrop-blur-md rounded-xl shadow-lg border border-zinc-200/50 p-4 text-xs text-zinc-700 select-none font-sans overflow-hidden transition-all duration-300 w-64 origin-bottom-right animate-in fade-in zoom-in-95", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h4", { className: "font-bold text-zinc-800 mb-3 text-sm", children: "Settings & Shortcuts" }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "font-semibold text-zinc-800", children: "A4 Page Split" }),
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "button",
               {
                 type: "button",
@@ -423,7 +438,7 @@ function ScreenplayEditorView({
                 "aria-checked": isPageSplitEnabled,
                 onClick: togglePageSplit,
                 className: `${isPageSplitEnabled ? "bg-zinc-900" : "bg-zinc-300"} relative inline-flex h-5 w-9 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none`,
-                children: /* @__PURE__ */ jsx2(
+                children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
                   "span",
                   {
                     "aria-hidden": "true",
@@ -433,33 +448,33 @@ function ScreenplayEditorView({
               }
             )
           ] }),
-          /* @__PURE__ */ jsx2("div", { className: "space-y-1.5 pt-3 border-t border-zinc-200/50", children: /* @__PURE__ */ jsxs("ul", { className: "space-y-1.5", children: [
-            /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-6", children: [
-              /* @__PURE__ */ jsx2("span", { children: "New Block" }),
-              /* @__PURE__ */ jsx2("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Enter" })
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "space-y-1.5 pt-3 border-t border-zinc-200/50", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("ul", { className: "space-y-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "flex items-center justify-between gap-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "New Block" }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Enter" })
             ] }),
-            /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-6", children: [
-              /* @__PURE__ */ jsx2("span", { children: "Delete Block" }),
-              /* @__PURE__ */ jsx2("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Backspace" })
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "flex items-center justify-between gap-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Delete Block" }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Backspace" })
             ] }),
-            /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between gap-6", children: [
-              /* @__PURE__ */ jsx2("span", { children: "Change Type" }),
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
-                /* @__PURE__ */ jsx2("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Ctrl" }),
-                /* @__PURE__ */ jsx2("span", { children: "+" }),
-                /* @__PURE__ */ jsx2("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "\u2191/\u2193" })
+            /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("li", { className: "flex items-center justify-between gap-6", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "Change Type" }),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "Ctrl" }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: "+" }),
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("kbd", { className: "px-2 py-1 text-xs font-semibold text-zinc-800 bg-zinc-200/70 border border-zinc-300/70 rounded-md", children: "\u2191/\u2193" })
               ] })
             ] })
           ] }) })
         ] })
       ] }),
-      /* @__PURE__ */ jsx2(
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
         "button",
         {
           onClick: () => setIsRulesOpen(!isRulesOpen),
           className: `flex items-center justify-center w-12 h-12 rounded-full bg-zinc-950 text-white shadow-xl shadow-zinc-900/20 border border-white/10 hover:bg-zinc-800 hover:scale-105 active:scale-95 transition-all duration-300 ${isRulesOpen ? "rotate-90" : "rotate-0"}`,
           "aria-label": "Toggle Settings",
-          children: /* @__PURE__ */ jsx2(Cog, { className: "w-5 h-5" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_lucide_react2.Cog, { className: "w-5 h-5" })
         }
       )
     ] })
@@ -467,13 +482,7 @@ function ScreenplayEditorView({
 }
 
 // app/hook/use-screenplay-editor.ts
-import {
-  useState as useState2,
-  useRef,
-  useEffect,
-  useMemo,
-  useCallback
-} from "react";
+var import_react2 = require("react");
 
 // app/service/screenplay-editor.service.ts
 function getNextBlockType(currentType) {
@@ -595,18 +604,18 @@ function setCaretPosition(element, offset) {
   sel.addRange(range);
 }
 function useScreenplayEditor() {
-  const [blocks, setBlocks] = useState2(initialBlocks);
-  const refs = useRef({});
-  const [focusedBlockId, setFocusedBlockId] = useState2(
+  const [blocks, setBlocks] = (0, import_react2.useState)(initialBlocks);
+  const refs = (0, import_react2.useRef)({});
+  const [focusedBlockId, setFocusedBlockId] = (0, import_react2.useState)(
     initialBlocks[0].id
   );
-  const [newBlockId, setNewBlockId] = useState2(null);
-  const [showSuggestions, setShowSuggestions] = useState2(false);
-  const blurTimeout = useRef(null);
-  const [isPageSplitEnabled, setIsPageSplitEnabled] = useState2(false);
-  const [pageBreaks, setPageBreaks] = useState2([]);
-  const focusStateRef = useRef(null);
-  const togglePageSplit = useCallback(() => {
+  const [newBlockId, setNewBlockId] = (0, import_react2.useState)(null);
+  const [showSuggestions, setShowSuggestions] = (0, import_react2.useState)(false);
+  const blurTimeout = (0, import_react2.useRef)(null);
+  const [isPageSplitEnabled, setIsPageSplitEnabled] = (0, import_react2.useState)(false);
+  const [pageBreaks, setPageBreaks] = (0, import_react2.useState)([]);
+  const focusStateRef = (0, import_react2.useRef)(null);
+  const togglePageSplit = (0, import_react2.useCallback)(() => {
     if (focusedBlockId && document.activeElement && document.activeElement.hasAttribute("contenteditable")) {
       const el = refs.current[focusedBlockId];
       if (el) {
@@ -616,15 +625,15 @@ function useScreenplayEditor() {
     }
     setIsPageSplitEnabled((prev) => !prev);
   }, [focusedBlockId]);
-  const locations = useMemo(() => {
+  const locations = (0, import_react2.useMemo)(() => {
     const locs = blocks.filter((b) => b.type === "SCENE_HEADING" && b.text.trim() !== "").map((b) => b.text.trim().toUpperCase());
     return [...new Set(locs)];
   }, [blocks]);
-  const characters = useMemo(() => {
+  const characters = (0, import_react2.useMemo)(() => {
     const chars = blocks.filter((b) => b.type === "CHARACTER" && b.text.trim() !== "").map((b) => b.text.trim().toUpperCase());
     return [...new Set(chars)];
   }, [blocks]);
-  const sceneNumbers = useMemo(() => {
+  const sceneNumbers = (0, import_react2.useMemo)(() => {
     const map = {};
     let count = 0;
     blocks.forEach((block) => {
@@ -635,7 +644,7 @@ function useScreenplayEditor() {
     });
     return map;
   }, [blocks]);
-  useEffect(() => {
+  (0, import_react2.useEffect)(() => {
     var _a;
     if (newBlockId && refs.current[newBlockId]) {
       (_a = refs.current[newBlockId]) == null ? void 0 : _a.focus();
@@ -643,7 +652,7 @@ function useScreenplayEditor() {
       setNewBlockId(null);
     }
   }, [newBlockId]);
-  useEffect(() => {
+  (0, import_react2.useEffect)(() => {
     blocks.forEach((block) => {
       const element = refs.current[block.id];
       if (element && element.innerText !== block.text && document.activeElement !== element) {
@@ -651,7 +660,7 @@ function useScreenplayEditor() {
       }
     });
   }, [blocks, isPageSplitEnabled, pageBreaks]);
-  useEffect(() => {
+  (0, import_react2.useEffect)(() => {
     if (!isPageSplitEnabled) {
       setPageBreaks([]);
       return;
@@ -718,7 +727,7 @@ function useScreenplayEditor() {
     }, 300);
     return () => clearTimeout(timeoutId);
   }, [blocks, isPageSplitEnabled, focusedBlockId]);
-  const pages = useMemo(() => {
+  const pages = (0, import_react2.useMemo)(() => {
     if (!isPageSplitEnabled || pageBreaks.length === 0) return [blocks];
     const result = [];
     let currentPage = [];
@@ -732,7 +741,7 @@ function useScreenplayEditor() {
     if (currentPage.length > 0) result.push(currentPage);
     return result;
   }, [blocks, isPageSplitEnabled, pageBreaks]);
-  useEffect(() => {
+  (0, import_react2.useEffect)(() => {
     if (focusStateRef.current) {
       const { id, offset } = focusStateRef.current;
       const el = refs.current[id];
@@ -743,10 +752,10 @@ function useScreenplayEditor() {
       focusStateRef.current = null;
     }
   }, [pages]);
-  const handleBlockTextChange = useCallback((id, text) => {
+  const handleBlockTextChange = (0, import_react2.useCallback)((id, text) => {
     setBlocks((bs) => updateBlock(bs, id, "text", text));
   }, []);
-  const handleSceneTypeChange = useCallback(
+  const handleSceneTypeChange = (0, import_react2.useCallback)(
     (id, sceneType) => {
       setBlocks(
         (bs) => updateBlock(bs, id, "sceneType", sceneType)
@@ -759,7 +768,7 @@ function useScreenplayEditor() {
     },
     []
   );
-  const handleTimeOfDayChange = useCallback((id, time) => {
+  const handleTimeOfDayChange = (0, import_react2.useCallback)((id, time) => {
     setBlocks((bs) => updateBlock(bs, id, "timeOfDay", time));
     setTimeout(() => {
       var _a;
@@ -767,7 +776,7 @@ function useScreenplayEditor() {
       setFocusedBlockId(id);
     }, 10);
   }, []);
-  const handleBlockTypeChange = useCallback(
+  const handleBlockTypeChange = (0, import_react2.useCallback)(
     (newType) => {
       if (!focusedBlockId) return;
       setBlocks(
@@ -806,7 +815,7 @@ function useScreenplayEditor() {
       return updateBlock(bs, id, "type", blockTypes[newIdx]);
     });
   };
-  const handleKeyDown = useCallback(
+  const handleKeyDown = (0, import_react2.useCallback)(
     (e, id, text) => {
       var _a;
       if ((e.key === "Backspace" || e.key === "Delete") && text.length <= 1) {
@@ -917,14 +926,14 @@ function useScreenplayEditor() {
     },
     [blocks]
   );
-  const handleFocus = useCallback((id) => {
+  const handleFocus = (0, import_react2.useCallback)((id) => {
     if (blurTimeout.current) {
       clearTimeout(blurTimeout.current);
     }
     setFocusedBlockId(id);
     setShowSuggestions(true);
   }, []);
-  const handleBlur = useCallback((id) => {
+  const handleBlur = (0, import_react2.useCallback)((id) => {
     if (document.activeElement === refs.current[id]) return;
     blurTimeout.current = setTimeout(() => setShowSuggestions(false), 200);
   }, []);
@@ -948,7 +957,8 @@ function useScreenplayEditor() {
     handleBlur
   };
 }
-export {
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
   ScreenplayEditorView,
   blockStyles,
   blockTypes,
@@ -956,5 +966,5 @@ export {
   timeOfDayOptions,
   useScreenplayEditor,
   uuid
-};
-//# sourceMappingURL=index.mjs.map
+});
+//# sourceMappingURL=index.cjs.map