@vishu1301/script-writing 1.0.3 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -359,44 +359,53 @@ function ScreenplayEditorView({
359
359
  }
360
360
  }, [COURIER_STACK]);
361
361
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
362
- /* @__PURE__ */ jsxRuntime.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) => {
363
- var _a;
364
- const selected = ((_a = blocks.find((b) => b.id === focusedBlockId)) == null ? void 0 : _a.type) === type;
365
- return /* @__PURE__ */ jsxRuntime.jsxs(
366
- "button",
367
- {
368
- type: "button",
369
- 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"}`,
370
- onClick: () => handleBlockTypeChange(type),
371
- children: [
372
- /* @__PURE__ */ jsxRuntime.jsx(
373
- "input",
374
- {
375
- type: "radio",
376
- name: "blockType",
377
- id: `block-type-${type}`,
378
- className: "sr-only",
379
- "aria-label": blockStyles[type].label,
380
- checked: selected,
381
- readOnly: true
382
- }
383
- ),
384
- /* @__PURE__ */ jsxRuntime.jsxs(
385
- "label",
386
- {
387
- htmlFor: `block-type-${type}`,
388
- className: "flex items-center gap-2 cursor-pointer",
389
- children: [
390
- icons[type],
391
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap hidden sm:inline", children: blockStyles[type].label })
392
- ]
393
- }
394
- )
395
- ]
362
+ /* @__PURE__ */ jsxRuntime.jsx(
363
+ "div",
364
+ {
365
+ className: "sticky top-6 z-50 bg-white backdrop-blur-xl border border-white/10 rounded-full shadow-2xl flex gap-1 p-1.5 mb-12 select-none overflow-x-auto custom-scrollbar",
366
+ style: {
367
+ maxWidth: "1024px"
396
368
  },
397
- type
398
- );
399
- }) }),
369
+ children: blockTypes.map((type) => {
370
+ var _a;
371
+ const selected = ((_a = blocks.find((b) => b.id === focusedBlockId)) == null ? void 0 : _a.type) === type;
372
+ return /* @__PURE__ */ jsxRuntime.jsxs(
373
+ "button",
374
+ {
375
+ type: "button",
376
+ 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"}`,
377
+ onClick: () => handleBlockTypeChange(type),
378
+ children: [
379
+ /* @__PURE__ */ jsxRuntime.jsx(
380
+ "input",
381
+ {
382
+ type: "radio",
383
+ name: "blockType",
384
+ id: `block-type-${type}`,
385
+ className: "sr-only",
386
+ "aria-label": blockStyles[type].label,
387
+ checked: selected,
388
+ readOnly: true
389
+ }
390
+ ),
391
+ /* @__PURE__ */ jsxRuntime.jsxs(
392
+ "label",
393
+ {
394
+ htmlFor: `block-type-${type}`,
395
+ className: "flex items-center gap-2 cursor-pointer",
396
+ children: [
397
+ icons[type],
398
+ /* @__PURE__ */ jsxRuntime.jsx("span", { className: "whitespace-nowrap hidden sm:inline", children: blockStyles[type].label })
399
+ ]
400
+ }
401
+ )
402
+ ]
403
+ },
404
+ type
405
+ );
406
+ })
407
+ }
408
+ ),
400
409
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-12 w-full items-center pb-24", children: /* @__PURE__ */ jsxRuntime.jsx(
401
410
  "div",
402
411
  {