@eigenpal/docx-js-editor 0.0.16 → 0.0.19

package/dist/HyperlinkDialog-V63LPOT2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"HyperlinkDialog-V63LPOT2.cjs"}

package/dist/{ImagePositionDialog-52FDANUK.js → ImagePositionDialog-AIAMKPFK.js}

@@ -1 +1,2 @@
-import'./chunk-OWMXCVKB.js';import {useState,useEffect,useCallback}from'react';import {jsx,jsxs}from'react/jsx-runtime';var F={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},G={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:400,maxWidth:480,width:"100%",margin:20},J={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},Q={padding:"16px 20px",display:"flex",flexDirection:"column",gap:16},w={display:"flex",flexDirection:"column",gap:8},I={fontSize:13,fontWeight:600,color:"var(--doc-text)"},l={display:"flex",alignItems:"center",gap:8},a={width:75,fontSize:12,color:"var(--doc-text-muted)"},s={flex:1,padding:"4px 6px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:12},d={...s},U={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},K={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function Z({isOpen:f,onClose:r,onApply:D,currentData:n}){let[v,u]=useState("align"),[y,k]=useState("center"),[c,z]=useState("column"),[b,A]=useState(0),[g,m]=useState("align"),[h,L]=useState("top"),[S,B]=useState("paragraph"),[x,M]=useState(0),[C,N]=useState(0),[P,E]=useState(0),[T,H]=useState(0),[R,V]=useState(0);useEffect(()=>{if(!f)return;let e=n?.horizontal,p=n?.vertical;e?.align?(u("align"),k(e.align)):e?.posOffset!=null&&(u("offset"),A(e.posOffset)),e?.relativeTo&&z(e.relativeTo),p?.align?(m("align"),L(p.align)):p?.posOffset!=null&&(m("offset"),M(p.posOffset)),p?.relativeTo&&B(p.relativeTo),N(n?.distTop??0),E(n?.distBottom??0),H(n?.distLeft??0),V(n?.distRight??0);},[f,n]);let O=useCallback(()=>{let e={};e.horizontal={relativeTo:c,...v==="align"?{align:y}:{posOffset:b}},e.vertical={relativeTo:S,...g==="align"?{align:h}:{posOffset:x}},e.distTop=C,e.distBottom=P,e.distLeft=T,e.distRight=R,D(e),r();},[v,y,c,b,g,h,S,x,C,P,T,R,D,r]),j=useCallback(e=>{e.key==="Escape"&&r(),e.key==="Enter"&&O();},[r,O]);return f?jsx("div",{style:F,onClick:r,onKeyDown:j,children:jsxs("div",{style:G,onClick:e=>e.stopPropagation(),role:"dialog","aria-label":"Image position",children:[jsx("div",{style:J,children:"Image Position"}),jsxs("div",{style:Q,children:[jsxs("div",{style:w,children:[jsx("div",{style:I,children:"Horizontal"}),jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Position"}),jsxs("select",{style:d,value:v,onChange:e=>u(e.target.value),children:[jsx("option",{value:"align",children:"Alignment"}),jsx("option",{value:"offset",children:"Offset"})]})]}),v==="align"?jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Align"}),jsxs("select",{style:d,value:y,onChange:e=>k(e.target.value),children:[jsx("option",{value:"left",children:"Left"}),jsx("option",{value:"center",children:"Center"}),jsx("option",{value:"right",children:"Right"})]})]}):jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Offset (px)"}),jsx("input",{type:"number",style:s,value:b,onChange:e=>A(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Relative to"}),jsxs("select",{style:d,value:c,onChange:e=>z(e.target.value),children:[jsx("option",{value:"page",children:"Page"}),jsx("option",{value:"column",children:"Column"}),jsx("option",{value:"margin",children:"Margin"}),jsx("option",{value:"character",children:"Character"})]})]})]}),jsxs("div",{style:w,children:[jsx("div",{style:I,children:"Vertical"}),jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Position"}),jsxs("select",{style:d,value:g,onChange:e=>m(e.target.value),children:[jsx("option",{value:"align",children:"Alignment"}),jsx("option",{value:"offset",children:"Offset"})]})]}),g==="align"?jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Align"}),jsxs("select",{style:d,value:h,onChange:e=>L(e.target.value),children:[jsx("option",{value:"top",children:"Top"}),jsx("option",{value:"center",children:"Center"}),jsx("option",{value:"bottom",children:"Bottom"})]})]}):jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Offset (px)"}),jsx("input",{type:"number",style:s,value:x,onChange:e=>M(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Relative to"}),jsxs("select",{style:d,value:S,onChange:e=>B(e.target.value),children:[jsx("option",{value:"page",children:"Page"}),jsx("option",{value:"margin",children:"Margin"}),jsx("option",{value:"paragraph",children:"Paragraph"}),jsx("option",{value:"line",children:"Line"})]})]})]}),jsxs("div",{style:w,children:[jsx("div",{style:I,children:"Distance from text (px)"}),jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[jsxs("div",{style:l,children:[jsx("label",{style:{...a,width:45},children:"Top"}),jsx("input",{type:"number",style:s,min:0,value:C,onChange:e=>N(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:{...a,width:45},children:"Bottom"}),jsx("input",{type:"number",style:s,min:0,value:P,onChange:e=>E(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:{...a,width:45},children:"Left"}),jsx("input",{type:"number",style:s,min:0,value:T,onChange:e=>H(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:{...a,width:45},children:"Right"}),jsx("input",{type:"number",style:s,min:0,value:R,onChange:e=>V(Number(e.target.value)||0)})]})]})]})]}),jsxs("div",{style:U,children:[jsx("button",{type:"button",style:K,onClick:r,children:"Cancel"}),jsx("button",{type:"button",style:{...K,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:O,children:"Apply"})]})]})}):null}export{Z as ImagePositionDialog};
+import'./chunk-Y6VCTLCJ.js';import {useState,useEffect,useCallback}from'react';import {jsx,jsxs}from'react/jsx-runtime';var F={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},G={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:400,maxWidth:480,width:"100%",margin:20},J={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},Q={padding:"16px 20px",display:"flex",flexDirection:"column",gap:16},w={display:"flex",flexDirection:"column",gap:8},I={fontSize:13,fontWeight:600,color:"var(--doc-text)"},l={display:"flex",alignItems:"center",gap:8},a={width:75,fontSize:12,color:"var(--doc-text-muted)"},s={flex:1,padding:"4px 6px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:12},d={...s},U={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},K={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function Z({isOpen:f,onClose:r,onApply:D,currentData:n}){let[v,u]=useState("align"),[y,k]=useState("center"),[c,z]=useState("column"),[b,A]=useState(0),[g,m]=useState("align"),[h,L]=useState("top"),[S,B]=useState("paragraph"),[x,M]=useState(0),[C,N]=useState(0),[P,E]=useState(0),[T,H]=useState(0),[R,V]=useState(0);useEffect(()=>{if(!f)return;let e=n?.horizontal,p=n?.vertical;e?.align?(u("align"),k(e.align)):e?.posOffset!=null&&(u("offset"),A(e.posOffset)),e?.relativeTo&&z(e.relativeTo),p?.align?(m("align"),L(p.align)):p?.posOffset!=null&&(m("offset"),M(p.posOffset)),p?.relativeTo&&B(p.relativeTo),N(n?.distTop??0),E(n?.distBottom??0),H(n?.distLeft??0),V(n?.distRight??0);},[f,n]);let O=useCallback(()=>{let e={};e.horizontal={relativeTo:c,...v==="align"?{align:y}:{posOffset:b}},e.vertical={relativeTo:S,...g==="align"?{align:h}:{posOffset:x}},e.distTop=C,e.distBottom=P,e.distLeft=T,e.distRight=R,D(e),r();},[v,y,c,b,g,h,S,x,C,P,T,R,D,r]),j=useCallback(e=>{e.key==="Escape"&&r(),e.key==="Enter"&&O();},[r,O]);return f?jsx("div",{style:F,onClick:r,onKeyDown:j,children:jsxs("div",{style:G,onClick:e=>e.stopPropagation(),role:"dialog","aria-label":"Image position",children:[jsx("div",{style:J,children:"Image Position"}),jsxs("div",{style:Q,children:[jsxs("div",{style:w,children:[jsx("div",{style:I,children:"Horizontal"}),jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Position"}),jsxs("select",{style:d,value:v,onChange:e=>u(e.target.value),children:[jsx("option",{value:"align",children:"Alignment"}),jsx("option",{value:"offset",children:"Offset"})]})]}),v==="align"?jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Align"}),jsxs("select",{style:d,value:y,onChange:e=>k(e.target.value),children:[jsx("option",{value:"left",children:"Left"}),jsx("option",{value:"center",children:"Center"}),jsx("option",{value:"right",children:"Right"})]})]}):jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Offset (px)"}),jsx("input",{type:"number",style:s,value:b,onChange:e=>A(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Relative to"}),jsxs("select",{style:d,value:c,onChange:e=>z(e.target.value),children:[jsx("option",{value:"page",children:"Page"}),jsx("option",{value:"column",children:"Column"}),jsx("option",{value:"margin",children:"Margin"}),jsx("option",{value:"character",children:"Character"})]})]})]}),jsxs("div",{style:w,children:[jsx("div",{style:I,children:"Vertical"}),jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Position"}),jsxs("select",{style:d,value:g,onChange:e=>m(e.target.value),children:[jsx("option",{value:"align",children:"Alignment"}),jsx("option",{value:"offset",children:"Offset"})]})]}),g==="align"?jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Align"}),jsxs("select",{style:d,value:h,onChange:e=>L(e.target.value),children:[jsx("option",{value:"top",children:"Top"}),jsx("option",{value:"center",children:"Center"}),jsx("option",{value:"bottom",children:"Bottom"})]})]}):jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Offset (px)"}),jsx("input",{type:"number",style:s,value:x,onChange:e=>M(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:a,children:"Relative to"}),jsxs("select",{style:d,value:S,onChange:e=>B(e.target.value),children:[jsx("option",{value:"page",children:"Page"}),jsx("option",{value:"margin",children:"Margin"}),jsx("option",{value:"paragraph",children:"Paragraph"}),jsx("option",{value:"line",children:"Line"})]})]})]}),jsxs("div",{style:w,children:[jsx("div",{style:I,children:"Distance from text (px)"}),jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[jsxs("div",{style:l,children:[jsx("label",{style:{...a,width:45},children:"Top"}),jsx("input",{type:"number",style:s,min:0,value:C,onChange:e=>N(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:{...a,width:45},children:"Bottom"}),jsx("input",{type:"number",style:s,min:0,value:P,onChange:e=>E(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:{...a,width:45},children:"Left"}),jsx("input",{type:"number",style:s,min:0,value:T,onChange:e=>H(Number(e.target.value)||0)})]}),jsxs("div",{style:l,children:[jsx("label",{style:{...a,width:45},children:"Right"}),jsx("input",{type:"number",style:s,min:0,value:R,onChange:e=>V(Number(e.target.value)||0)})]})]})]})]}),jsxs("div",{style:U,children:[jsx("button",{type:"button",style:K,onClick:r,children:"Cancel"}),jsx("button",{type:"button",style:{...K,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:O,children:"Apply"})]})]})}):null}export{Z as ImagePositionDialog};//# sourceMappingURL=ImagePositionDialog-AIAMKPFK.js.map
+//# sourceMappingURL=ImagePositionDialog-AIAMKPFK.js.map

package/dist/ImagePositionDialog-AIAMKPFK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialogs/ImagePositionDialog.tsx"],"names":["overlayStyle","dialogStyle","headerStyle","bodyStyle","sectionStyle","sectionLabelStyle","rowStyle","labelStyle","inputStyle","selectStyle","footerStyle","btnStyle","ImagePositionDialog","isOpen","onClose","onApply","currentData","hMode","setHMode","useState","hAlign","setHAlign","hRelativeTo","setHRelativeTo","hOffset","setHOffset","vMode","setVMode","vAlign","setVAlign","vRelativeTo","setVRelativeTo","vOffset","setVOffset","distTop","setDistTop","distBottom","setDistBottom","distLeft","setDistLeft","distRight","setDistRight","useEffect","h","v","handleApply","useCallback","data","handleKeyDown","jsx","jsxs"],"mappings":"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","file":"ImagePositionDialog-AIAMKPFK.js","sourcesContent":["/**\n * Image Position Dialog\n *\n * Modal for editing image positioning settings:\n * - Horizontal: alignment or offset, relative to page/column/margin/paragraph\n * - Vertical: alignment or offset, relative to page/margin/paragraph/line\n * - Distance from text (top/bottom/left/right)\n */\n\nimport React, { useState, useCallback, useEffect } from 'react';\nimport type { CSSProperties } from 'react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface ImagePositionData {\n  horizontal?: {\n    relativeTo?: string;\n    posOffset?: number;\n    align?: string;\n  };\n  vertical?: {\n    relativeTo?: string;\n    posOffset?: number;\n    align?: string;\n  };\n  distTop?: number;\n  distBottom?: number;\n  distLeft?: number;\n  distRight?: number;\n}\n\nexport interface ImagePositionDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (data: ImagePositionData) => void;\n  currentData?: ImagePositionData;\n}\n\n// ============================================================================\n// STYLES\n// ============================================================================\n\nconst overlayStyle: CSSProperties = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 10000,\n};\n\nconst dialogStyle: CSSProperties = {\n  backgroundColor: 'white',\n  borderRadius: 8,\n  boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n  minWidth: 400,\n  maxWidth: 480,\n  width: '100%',\n  margin: 20,\n};\n\nconst headerStyle: CSSProperties = {\n  padding: '16px 20px 12px',\n  borderBottom: '1px solid var(--doc-border)',\n  fontSize: 16,\n  fontWeight: 600,\n};\n\nconst bodyStyle: CSSProperties = {\n  padding: '16px 20px',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 16,\n};\n\nconst sectionStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 8,\n};\n\nconst sectionLabelStyle: CSSProperties = {\n  fontSize: 13,\n  fontWeight: 600,\n  color: 'var(--doc-text)',\n};\n\nconst rowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n};\n\nconst labelStyle: CSSProperties = {\n  width: 75,\n  fontSize: 12,\n  color: 'var(--doc-text-muted)',\n};\n\nconst inputStyle: CSSProperties = {\n  flex: 1,\n  padding: '4px 6px',\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  fontSize: 12,\n};\n\nconst selectStyle: CSSProperties = {\n  ...inputStyle,\n};\n\nconst footerStyle: CSSProperties = {\n  padding: '12px 20px 16px',\n  borderTop: '1px solid var(--doc-border)',\n  display: 'flex',\n  justifyContent: 'flex-end',\n  gap: 8,\n};\n\nconst btnStyle: CSSProperties = {\n  padding: '6px 16px',\n  fontSize: 13,\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  cursor: 'pointer',\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function ImagePositionDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentData,\n}: ImagePositionDialogProps): React.ReactElement | null {\n  const [hMode, setHMode] = useState<'align' | 'offset'>('align');\n  const [hAlign, setHAlign] = useState('center');\n  const [hRelativeTo, setHRelativeTo] = useState('column');\n  const [hOffset, setHOffset] = useState(0);\n\n  const [vMode, setVMode] = useState<'align' | 'offset'>('align');\n  const [vAlign, setVAlign] = useState('top');\n  const [vRelativeTo, setVRelativeTo] = useState('paragraph');\n  const [vOffset, setVOffset] = useState(0);\n\n  const [distTop, setDistTop] = useState(0);\n  const [distBottom, setDistBottom] = useState(0);\n  const [distLeft, setDistLeft] = useState(0);\n  const [distRight, setDistRight] = useState(0);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const h = currentData?.horizontal;\n    const v = currentData?.vertical;\n    if (h?.align) {\n      setHMode('align');\n      setHAlign(h.align);\n    } else if (h?.posOffset != null) {\n      setHMode('offset');\n      setHOffset(h.posOffset);\n    }\n    if (h?.relativeTo) setHRelativeTo(h.relativeTo);\n\n    if (v?.align) {\n      setVMode('align');\n      setVAlign(v.align);\n    } else if (v?.posOffset != null) {\n      setVMode('offset');\n      setVOffset(v.posOffset);\n    }\n    if (v?.relativeTo) setVRelativeTo(v.relativeTo);\n\n    setDistTop(currentData?.distTop ?? 0);\n    setDistBottom(currentData?.distBottom ?? 0);\n    setDistLeft(currentData?.distLeft ?? 0);\n    setDistRight(currentData?.distRight ?? 0);\n  }, [isOpen, currentData]);\n\n  const handleApply = useCallback(() => {\n    const data: ImagePositionData = {};\n    data.horizontal = {\n      relativeTo: hRelativeTo,\n      ...(hMode === 'align' ? { align: hAlign } : { posOffset: hOffset }),\n    };\n    data.vertical = {\n      relativeTo: vRelativeTo,\n      ...(vMode === 'align' ? { align: vAlign } : { posOffset: vOffset }),\n    };\n    data.distTop = distTop;\n    data.distBottom = distBottom;\n    data.distLeft = distLeft;\n    data.distRight = distRight;\n    onApply(data);\n    onClose();\n  }, [\n    hMode,\n    hAlign,\n    hRelativeTo,\n    hOffset,\n    vMode,\n    vAlign,\n    vRelativeTo,\n    vOffset,\n    distTop,\n    distBottom,\n    distLeft,\n    distRight,\n    onApply,\n    onClose,\n  ]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n      if (e.key === 'Enter') handleApply();\n    },\n    [onClose, handleApply]\n  );\n\n  if (!isOpen) return null;\n\n  return (\n    <div style={overlayStyle} onClick={onClose} onKeyDown={handleKeyDown}>\n      <div\n        style={dialogStyle}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-label=\"Image position\"\n      >\n        <div style={headerStyle}>Image Position</div>\n\n        <div style={bodyStyle}>\n          {/* Horizontal positioning */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Horizontal</div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Position</label>\n              <select\n                style={selectStyle}\n                value={hMode}\n                onChange={(e) => setHMode(e.target.value as 'align' | 'offset')}\n              >\n                <option value=\"align\">Alignment</option>\n                <option value=\"offset\">Offset</option>\n              </select>\n            </div>\n            {hMode === 'align' ? (\n              <div style={rowStyle}>\n                <label style={labelStyle}>Align</label>\n                <select\n                  style={selectStyle}\n                  value={hAlign}\n                  onChange={(e) => setHAlign(e.target.value)}\n                >\n                  <option value=\"left\">Left</option>\n                  <option value=\"center\">Center</option>\n                  <option value=\"right\">Right</option>\n                </select>\n              </div>\n            ) : (\n              <div style={rowStyle}>\n                <label style={labelStyle}>Offset (px)</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  value={hOffset}\n                  onChange={(e) => setHOffset(Number(e.target.value) || 0)}\n                />\n              </div>\n            )}\n            <div style={rowStyle}>\n              <label style={labelStyle}>Relative to</label>\n              <select\n                style={selectStyle}\n                value={hRelativeTo}\n                onChange={(e) => setHRelativeTo(e.target.value)}\n              >\n                <option value=\"page\">Page</option>\n                <option value=\"column\">Column</option>\n                <option value=\"margin\">Margin</option>\n                <option value=\"character\">Character</option>\n              </select>\n            </div>\n          </div>\n\n          {/* Vertical positioning */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Vertical</div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Position</label>\n              <select\n                style={selectStyle}\n                value={vMode}\n                onChange={(e) => setVMode(e.target.value as 'align' | 'offset')}\n              >\n                <option value=\"align\">Alignment</option>\n                <option value=\"offset\">Offset</option>\n              </select>\n            </div>\n            {vMode === 'align' ? (\n              <div style={rowStyle}>\n                <label style={labelStyle}>Align</label>\n                <select\n                  style={selectStyle}\n                  value={vAlign}\n                  onChange={(e) => setVAlign(e.target.value)}\n                >\n                  <option value=\"top\">Top</option>\n                  <option value=\"center\">Center</option>\n                  <option value=\"bottom\">Bottom</option>\n                </select>\n              </div>\n            ) : (\n              <div style={rowStyle}>\n                <label style={labelStyle}>Offset (px)</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  value={vOffset}\n                  onChange={(e) => setVOffset(Number(e.target.value) || 0)}\n                />\n              </div>\n            )}\n            <div style={rowStyle}>\n              <label style={labelStyle}>Relative to</label>\n              <select\n                style={selectStyle}\n                value={vRelativeTo}\n                onChange={(e) => setVRelativeTo(e.target.value)}\n              >\n                <option value=\"page\">Page</option>\n                <option value=\"margin\">Margin</option>\n                <option value=\"paragraph\">Paragraph</option>\n                <option value=\"line\">Line</option>\n              </select>\n            </div>\n          </div>\n\n          {/* Distance from text */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Distance from text (px)</div>\n            <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 8 }}>\n              <div style={rowStyle}>\n                <label style={{ ...labelStyle, width: 45 }}>Top</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  min={0}\n                  value={distTop}\n                  onChange={(e) => setDistTop(Number(e.target.value) || 0)}\n                />\n              </div>\n              <div style={rowStyle}>\n                <label style={{ ...labelStyle, width: 45 }}>Bottom</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  min={0}\n                  value={distBottom}\n                  onChange={(e) => setDistBottom(Number(e.target.value) || 0)}\n                />\n              </div>\n              <div style={rowStyle}>\n                <label style={{ ...labelStyle, width: 45 }}>Left</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  min={0}\n                  value={distLeft}\n                  onChange={(e) => setDistLeft(Number(e.target.value) || 0)}\n                />\n              </div>\n              <div style={rowStyle}>\n                <label style={{ ...labelStyle, width: 45 }}>Right</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  min={0}\n                  value={distRight}\n                  onChange={(e) => setDistRight(Number(e.target.value) || 0)}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div style={footerStyle}>\n          <button type=\"button\" style={btnStyle} onClick={onClose}>\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            style={{\n              ...btnStyle,\n              backgroundColor: 'var(--doc-primary)',\n              color: 'white',\n              borderColor: 'var(--doc-primary)',\n            }}\n            onClick={handleApply}\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{ImagePositionDialog-ZK5WFBRC.cjs → ImagePositionDialog-KMK7ROV2.cjs}

@@ -1 +1,2 @@
-'use strict';require('./chunk-VOWKSURW.cjs');var react=require('react'),jsxRuntime=require('react/jsx-runtime');var F={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},G={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:400,maxWidth:480,width:"100%",margin:20},J={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},Q={padding:"16px 20px",display:"flex",flexDirection:"column",gap:16},w={display:"flex",flexDirection:"column",gap:8},I={fontSize:13,fontWeight:600,color:"var(--doc-text)"},l={display:"flex",alignItems:"center",gap:8},a={width:75,fontSize:12,color:"var(--doc-text-muted)"},s={flex:1,padding:"4px 6px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:12},d={...s},U={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},K={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function Z({isOpen:f,onClose:r,onApply:D,currentData:n}){let[v,u]=react.useState("align"),[y,k]=react.useState("center"),[c,z]=react.useState("column"),[b,A]=react.useState(0),[g,m]=react.useState("align"),[h,L]=react.useState("top"),[S,B]=react.useState("paragraph"),[x,M]=react.useState(0),[C,N]=react.useState(0),[P,E]=react.useState(0),[T,H]=react.useState(0),[R,V]=react.useState(0);react.useEffect(()=>{if(!f)return;let e=n?.horizontal,p=n?.vertical;e?.align?(u("align"),k(e.align)):e?.posOffset!=null&&(u("offset"),A(e.posOffset)),e?.relativeTo&&z(e.relativeTo),p?.align?(m("align"),L(p.align)):p?.posOffset!=null&&(m("offset"),M(p.posOffset)),p?.relativeTo&&B(p.relativeTo),N(n?.distTop??0),E(n?.distBottom??0),H(n?.distLeft??0),V(n?.distRight??0);},[f,n]);let O=react.useCallback(()=>{let e={};e.horizontal={relativeTo:c,...v==="align"?{align:y}:{posOffset:b}},e.vertical={relativeTo:S,...g==="align"?{align:h}:{posOffset:x}},e.distTop=C,e.distBottom=P,e.distLeft=T,e.distRight=R,D(e),r();},[v,y,c,b,g,h,S,x,C,P,T,R,D,r]),j=react.useCallback(e=>{e.key==="Escape"&&r(),e.key==="Enter"&&O();},[r,O]);return f?jsxRuntime.jsx("div",{style:F,onClick:r,onKeyDown:j,children:jsxRuntime.jsxs("div",{style:G,onClick:e=>e.stopPropagation(),role:"dialog","aria-label":"Image position",children:[jsxRuntime.jsx("div",{style:J,children:"Image Position"}),jsxRuntime.jsxs("div",{style:Q,children:[jsxRuntime.jsxs("div",{style:w,children:[jsxRuntime.jsx("div",{style:I,children:"Horizontal"}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Position"}),jsxRuntime.jsxs("select",{style:d,value:v,onChange:e=>u(e.target.value),children:[jsxRuntime.jsx("option",{value:"align",children:"Alignment"}),jsxRuntime.jsx("option",{value:"offset",children:"Offset"})]})]}),v==="align"?jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Align"}),jsxRuntime.jsxs("select",{style:d,value:y,onChange:e=>k(e.target.value),children:[jsxRuntime.jsx("option",{value:"left",children:"Left"}),jsxRuntime.jsx("option",{value:"center",children:"Center"}),jsxRuntime.jsx("option",{value:"right",children:"Right"})]})]}):jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Offset (px)"}),jsxRuntime.jsx("input",{type:"number",style:s,value:b,onChange:e=>A(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Relative to"}),jsxRuntime.jsxs("select",{style:d,value:c,onChange:e=>z(e.target.value),children:[jsxRuntime.jsx("option",{value:"page",children:"Page"}),jsxRuntime.jsx("option",{value:"column",children:"Column"}),jsxRuntime.jsx("option",{value:"margin",children:"Margin"}),jsxRuntime.jsx("option",{value:"character",children:"Character"})]})]})]}),jsxRuntime.jsxs("div",{style:w,children:[jsxRuntime.jsx("div",{style:I,children:"Vertical"}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Position"}),jsxRuntime.jsxs("select",{style:d,value:g,onChange:e=>m(e.target.value),children:[jsxRuntime.jsx("option",{value:"align",children:"Alignment"}),jsxRuntime.jsx("option",{value:"offset",children:"Offset"})]})]}),g==="align"?jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Align"}),jsxRuntime.jsxs("select",{style:d,value:h,onChange:e=>L(e.target.value),children:[jsxRuntime.jsx("option",{value:"top",children:"Top"}),jsxRuntime.jsx("option",{value:"center",children:"Center"}),jsxRuntime.jsx("option",{value:"bottom",children:"Bottom"})]})]}):jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Offset (px)"}),jsxRuntime.jsx("input",{type:"number",style:s,value:x,onChange:e=>M(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Relative to"}),jsxRuntime.jsxs("select",{style:d,value:S,onChange:e=>B(e.target.value),children:[jsxRuntime.jsx("option",{value:"page",children:"Page"}),jsxRuntime.jsx("option",{value:"margin",children:"Margin"}),jsxRuntime.jsx("option",{value:"paragraph",children:"Paragraph"}),jsxRuntime.jsx("option",{value:"line",children:"Line"})]})]})]}),jsxRuntime.jsxs("div",{style:w,children:[jsxRuntime.jsx("div",{style:I,children:"Distance from text (px)"}),jsxRuntime.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:{...a,width:45},children:"Top"}),jsxRuntime.jsx("input",{type:"number",style:s,min:0,value:C,onChange:e=>N(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:{...a,width:45},children:"Bottom"}),jsxRuntime.jsx("input",{type:"number",style:s,min:0,value:P,onChange:e=>E(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:{...a,width:45},children:"Left"}),jsxRuntime.jsx("input",{type:"number",style:s,min:0,value:T,onChange:e=>H(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:{...a,width:45},children:"Right"}),jsxRuntime.jsx("input",{type:"number",style:s,min:0,value:R,onChange:e=>V(Number(e.target.value)||0)})]})]})]})]}),jsxRuntime.jsxs("div",{style:U,children:[jsxRuntime.jsx("button",{type:"button",style:K,onClick:r,children:"Cancel"}),jsxRuntime.jsx("button",{type:"button",style:{...K,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:O,children:"Apply"})]})]})}):null}exports.ImagePositionDialog=Z;
+'use strict';require('./chunk-QEBO3EQP.cjs');var react=require('react'),jsxRuntime=require('react/jsx-runtime');var F={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},G={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:400,maxWidth:480,width:"100%",margin:20},J={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},Q={padding:"16px 20px",display:"flex",flexDirection:"column",gap:16},w={display:"flex",flexDirection:"column",gap:8},I={fontSize:13,fontWeight:600,color:"var(--doc-text)"},l={display:"flex",alignItems:"center",gap:8},a={width:75,fontSize:12,color:"var(--doc-text-muted)"},s={flex:1,padding:"4px 6px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:12},d={...s},U={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},K={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function Z({isOpen:f,onClose:r,onApply:D,currentData:n}){let[v,u]=react.useState("align"),[y,k]=react.useState("center"),[c,z]=react.useState("column"),[b,A]=react.useState(0),[g,m]=react.useState("align"),[h,L]=react.useState("top"),[S,B]=react.useState("paragraph"),[x,M]=react.useState(0),[C,N]=react.useState(0),[P,E]=react.useState(0),[T,H]=react.useState(0),[R,V]=react.useState(0);react.useEffect(()=>{if(!f)return;let e=n?.horizontal,p=n?.vertical;e?.align?(u("align"),k(e.align)):e?.posOffset!=null&&(u("offset"),A(e.posOffset)),e?.relativeTo&&z(e.relativeTo),p?.align?(m("align"),L(p.align)):p?.posOffset!=null&&(m("offset"),M(p.posOffset)),p?.relativeTo&&B(p.relativeTo),N(n?.distTop??0),E(n?.distBottom??0),H(n?.distLeft??0),V(n?.distRight??0);},[f,n]);let O=react.useCallback(()=>{let e={};e.horizontal={relativeTo:c,...v==="align"?{align:y}:{posOffset:b}},e.vertical={relativeTo:S,...g==="align"?{align:h}:{posOffset:x}},e.distTop=C,e.distBottom=P,e.distLeft=T,e.distRight=R,D(e),r();},[v,y,c,b,g,h,S,x,C,P,T,R,D,r]),j=react.useCallback(e=>{e.key==="Escape"&&r(),e.key==="Enter"&&O();},[r,O]);return f?jsxRuntime.jsx("div",{style:F,onClick:r,onKeyDown:j,children:jsxRuntime.jsxs("div",{style:G,onClick:e=>e.stopPropagation(),role:"dialog","aria-label":"Image position",children:[jsxRuntime.jsx("div",{style:J,children:"Image Position"}),jsxRuntime.jsxs("div",{style:Q,children:[jsxRuntime.jsxs("div",{style:w,children:[jsxRuntime.jsx("div",{style:I,children:"Horizontal"}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Position"}),jsxRuntime.jsxs("select",{style:d,value:v,onChange:e=>u(e.target.value),children:[jsxRuntime.jsx("option",{value:"align",children:"Alignment"}),jsxRuntime.jsx("option",{value:"offset",children:"Offset"})]})]}),v==="align"?jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Align"}),jsxRuntime.jsxs("select",{style:d,value:y,onChange:e=>k(e.target.value),children:[jsxRuntime.jsx("option",{value:"left",children:"Left"}),jsxRuntime.jsx("option",{value:"center",children:"Center"}),jsxRuntime.jsx("option",{value:"right",children:"Right"})]})]}):jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Offset (px)"}),jsxRuntime.jsx("input",{type:"number",style:s,value:b,onChange:e=>A(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Relative to"}),jsxRuntime.jsxs("select",{style:d,value:c,onChange:e=>z(e.target.value),children:[jsxRuntime.jsx("option",{value:"page",children:"Page"}),jsxRuntime.jsx("option",{value:"column",children:"Column"}),jsxRuntime.jsx("option",{value:"margin",children:"Margin"}),jsxRuntime.jsx("option",{value:"character",children:"Character"})]})]})]}),jsxRuntime.jsxs("div",{style:w,children:[jsxRuntime.jsx("div",{style:I,children:"Vertical"}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Position"}),jsxRuntime.jsxs("select",{style:d,value:g,onChange:e=>m(e.target.value),children:[jsxRuntime.jsx("option",{value:"align",children:"Alignment"}),jsxRuntime.jsx("option",{value:"offset",children:"Offset"})]})]}),g==="align"?jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Align"}),jsxRuntime.jsxs("select",{style:d,value:h,onChange:e=>L(e.target.value),children:[jsxRuntime.jsx("option",{value:"top",children:"Top"}),jsxRuntime.jsx("option",{value:"center",children:"Center"}),jsxRuntime.jsx("option",{value:"bottom",children:"Bottom"})]})]}):jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Offset (px)"}),jsxRuntime.jsx("input",{type:"number",style:s,value:x,onChange:e=>M(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:a,children:"Relative to"}),jsxRuntime.jsxs("select",{style:d,value:S,onChange:e=>B(e.target.value),children:[jsxRuntime.jsx("option",{value:"page",children:"Page"}),jsxRuntime.jsx("option",{value:"margin",children:"Margin"}),jsxRuntime.jsx("option",{value:"paragraph",children:"Paragraph"}),jsxRuntime.jsx("option",{value:"line",children:"Line"})]})]})]}),jsxRuntime.jsxs("div",{style:w,children:[jsxRuntime.jsx("div",{style:I,children:"Distance from text (px)"}),jsxRuntime.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:8},children:[jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:{...a,width:45},children:"Top"}),jsxRuntime.jsx("input",{type:"number",style:s,min:0,value:C,onChange:e=>N(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:{...a,width:45},children:"Bottom"}),jsxRuntime.jsx("input",{type:"number",style:s,min:0,value:P,onChange:e=>E(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:{...a,width:45},children:"Left"}),jsxRuntime.jsx("input",{type:"number",style:s,min:0,value:T,onChange:e=>H(Number(e.target.value)||0)})]}),jsxRuntime.jsxs("div",{style:l,children:[jsxRuntime.jsx("label",{style:{...a,width:45},children:"Right"}),jsxRuntime.jsx("input",{type:"number",style:s,min:0,value:R,onChange:e=>V(Number(e.target.value)||0)})]})]})]})]}),jsxRuntime.jsxs("div",{style:U,children:[jsxRuntime.jsx("button",{type:"button",style:K,onClick:r,children:"Cancel"}),jsxRuntime.jsx("button",{type:"button",style:{...K,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:O,children:"Apply"})]})]})}):null}exports.ImagePositionDialog=Z;//# sourceMappingURL=ImagePositionDialog-KMK7ROV2.cjs.map
+//# sourceMappingURL=ImagePositionDialog-KMK7ROV2.cjs.map

package/dist/ImagePositionDialog-KMK7ROV2.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialogs/ImagePositionDialog.tsx"],"names":["overlayStyle","dialogStyle","headerStyle","bodyStyle","sectionStyle","sectionLabelStyle","rowStyle","labelStyle","inputStyle","selectStyle","footerStyle","btnStyle","ImagePositionDialog","isOpen","onClose","onApply","currentData","hMode","setHMode","useState","hAlign","setHAlign","hRelativeTo","setHRelativeTo","hOffset","setHOffset","vMode","setVMode","vAlign","setVAlign","vRelativeTo","setVRelativeTo","vOffset","setVOffset","distTop","setDistTop","distBottom","setDistBottom","distLeft","setDistLeft","distRight","setDistRight","useEffect","h","v","handleApply","useCallback","data","handleKeyDown","jsx","jsxs"],"mappings":"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","file":"ImagePositionDialog-KMK7ROV2.cjs","sourcesContent":["/**\n * Image Position Dialog\n *\n * Modal for editing image positioning settings:\n * - Horizontal: alignment or offset, relative to page/column/margin/paragraph\n * - Vertical: alignment or offset, relative to page/margin/paragraph/line\n * - Distance from text (top/bottom/left/right)\n */\n\nimport React, { useState, useCallback, useEffect } from 'react';\nimport type { CSSProperties } from 'react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface ImagePositionData {\n  horizontal?: {\n    relativeTo?: string;\n    posOffset?: number;\n    align?: string;\n  };\n  vertical?: {\n    relativeTo?: string;\n    posOffset?: number;\n    align?: string;\n  };\n  distTop?: number;\n  distBottom?: number;\n  distLeft?: number;\n  distRight?: number;\n}\n\nexport interface ImagePositionDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (data: ImagePositionData) => void;\n  currentData?: ImagePositionData;\n}\n\n// ============================================================================\n// STYLES\n// ============================================================================\n\nconst overlayStyle: CSSProperties = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 10000,\n};\n\nconst dialogStyle: CSSProperties = {\n  backgroundColor: 'white',\n  borderRadius: 8,\n  boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n  minWidth: 400,\n  maxWidth: 480,\n  width: '100%',\n  margin: 20,\n};\n\nconst headerStyle: CSSProperties = {\n  padding: '16px 20px 12px',\n  borderBottom: '1px solid var(--doc-border)',\n  fontSize: 16,\n  fontWeight: 600,\n};\n\nconst bodyStyle: CSSProperties = {\n  padding: '16px 20px',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 16,\n};\n\nconst sectionStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 8,\n};\n\nconst sectionLabelStyle: CSSProperties = {\n  fontSize: 13,\n  fontWeight: 600,\n  color: 'var(--doc-text)',\n};\n\nconst rowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n};\n\nconst labelStyle: CSSProperties = {\n  width: 75,\n  fontSize: 12,\n  color: 'var(--doc-text-muted)',\n};\n\nconst inputStyle: CSSProperties = {\n  flex: 1,\n  padding: '4px 6px',\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  fontSize: 12,\n};\n\nconst selectStyle: CSSProperties = {\n  ...inputStyle,\n};\n\nconst footerStyle: CSSProperties = {\n  padding: '12px 20px 16px',\n  borderTop: '1px solid var(--doc-border)',\n  display: 'flex',\n  justifyContent: 'flex-end',\n  gap: 8,\n};\n\nconst btnStyle: CSSProperties = {\n  padding: '6px 16px',\n  fontSize: 13,\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  cursor: 'pointer',\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function ImagePositionDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentData,\n}: ImagePositionDialogProps): React.ReactElement | null {\n  const [hMode, setHMode] = useState<'align' | 'offset'>('align');\n  const [hAlign, setHAlign] = useState('center');\n  const [hRelativeTo, setHRelativeTo] = useState('column');\n  const [hOffset, setHOffset] = useState(0);\n\n  const [vMode, setVMode] = useState<'align' | 'offset'>('align');\n  const [vAlign, setVAlign] = useState('top');\n  const [vRelativeTo, setVRelativeTo] = useState('paragraph');\n  const [vOffset, setVOffset] = useState(0);\n\n  const [distTop, setDistTop] = useState(0);\n  const [distBottom, setDistBottom] = useState(0);\n  const [distLeft, setDistLeft] = useState(0);\n  const [distRight, setDistRight] = useState(0);\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const h = currentData?.horizontal;\n    const v = currentData?.vertical;\n    if (h?.align) {\n      setHMode('align');\n      setHAlign(h.align);\n    } else if (h?.posOffset != null) {\n      setHMode('offset');\n      setHOffset(h.posOffset);\n    }\n    if (h?.relativeTo) setHRelativeTo(h.relativeTo);\n\n    if (v?.align) {\n      setVMode('align');\n      setVAlign(v.align);\n    } else if (v?.posOffset != null) {\n      setVMode('offset');\n      setVOffset(v.posOffset);\n    }\n    if (v?.relativeTo) setVRelativeTo(v.relativeTo);\n\n    setDistTop(currentData?.distTop ?? 0);\n    setDistBottom(currentData?.distBottom ?? 0);\n    setDistLeft(currentData?.distLeft ?? 0);\n    setDistRight(currentData?.distRight ?? 0);\n  }, [isOpen, currentData]);\n\n  const handleApply = useCallback(() => {\n    const data: ImagePositionData = {};\n    data.horizontal = {\n      relativeTo: hRelativeTo,\n      ...(hMode === 'align' ? { align: hAlign } : { posOffset: hOffset }),\n    };\n    data.vertical = {\n      relativeTo: vRelativeTo,\n      ...(vMode === 'align' ? { align: vAlign } : { posOffset: vOffset }),\n    };\n    data.distTop = distTop;\n    data.distBottom = distBottom;\n    data.distLeft = distLeft;\n    data.distRight = distRight;\n    onApply(data);\n    onClose();\n  }, [\n    hMode,\n    hAlign,\n    hRelativeTo,\n    hOffset,\n    vMode,\n    vAlign,\n    vRelativeTo,\n    vOffset,\n    distTop,\n    distBottom,\n    distLeft,\n    distRight,\n    onApply,\n    onClose,\n  ]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n      if (e.key === 'Enter') handleApply();\n    },\n    [onClose, handleApply]\n  );\n\n  if (!isOpen) return null;\n\n  return (\n    <div style={overlayStyle} onClick={onClose} onKeyDown={handleKeyDown}>\n      <div\n        style={dialogStyle}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-label=\"Image position\"\n      >\n        <div style={headerStyle}>Image Position</div>\n\n        <div style={bodyStyle}>\n          {/* Horizontal positioning */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Horizontal</div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Position</label>\n              <select\n                style={selectStyle}\n                value={hMode}\n                onChange={(e) => setHMode(e.target.value as 'align' | 'offset')}\n              >\n                <option value=\"align\">Alignment</option>\n                <option value=\"offset\">Offset</option>\n              </select>\n            </div>\n            {hMode === 'align' ? (\n              <div style={rowStyle}>\n                <label style={labelStyle}>Align</label>\n                <select\n                  style={selectStyle}\n                  value={hAlign}\n                  onChange={(e) => setHAlign(e.target.value)}\n                >\n                  <option value=\"left\">Left</option>\n                  <option value=\"center\">Center</option>\n                  <option value=\"right\">Right</option>\n                </select>\n              </div>\n            ) : (\n              <div style={rowStyle}>\n                <label style={labelStyle}>Offset (px)</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  value={hOffset}\n                  onChange={(e) => setHOffset(Number(e.target.value) || 0)}\n                />\n              </div>\n            )}\n            <div style={rowStyle}>\n              <label style={labelStyle}>Relative to</label>\n              <select\n                style={selectStyle}\n                value={hRelativeTo}\n                onChange={(e) => setHRelativeTo(e.target.value)}\n              >\n                <option value=\"page\">Page</option>\n                <option value=\"column\">Column</option>\n                <option value=\"margin\">Margin</option>\n                <option value=\"character\">Character</option>\n              </select>\n            </div>\n          </div>\n\n          {/* Vertical positioning */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Vertical</div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Position</label>\n              <select\n                style={selectStyle}\n                value={vMode}\n                onChange={(e) => setVMode(e.target.value as 'align' | 'offset')}\n              >\n                <option value=\"align\">Alignment</option>\n                <option value=\"offset\">Offset</option>\n              </select>\n            </div>\n            {vMode === 'align' ? (\n              <div style={rowStyle}>\n                <label style={labelStyle}>Align</label>\n                <select\n                  style={selectStyle}\n                  value={vAlign}\n                  onChange={(e) => setVAlign(e.target.value)}\n                >\n                  <option value=\"top\">Top</option>\n                  <option value=\"center\">Center</option>\n                  <option value=\"bottom\">Bottom</option>\n                </select>\n              </div>\n            ) : (\n              <div style={rowStyle}>\n                <label style={labelStyle}>Offset (px)</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  value={vOffset}\n                  onChange={(e) => setVOffset(Number(e.target.value) || 0)}\n                />\n              </div>\n            )}\n            <div style={rowStyle}>\n              <label style={labelStyle}>Relative to</label>\n              <select\n                style={selectStyle}\n                value={vRelativeTo}\n                onChange={(e) => setVRelativeTo(e.target.value)}\n              >\n                <option value=\"page\">Page</option>\n                <option value=\"margin\">Margin</option>\n                <option value=\"paragraph\">Paragraph</option>\n                <option value=\"line\">Line</option>\n              </select>\n            </div>\n          </div>\n\n          {/* Distance from text */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Distance from text (px)</div>\n            <div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 8 }}>\n              <div style={rowStyle}>\n                <label style={{ ...labelStyle, width: 45 }}>Top</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  min={0}\n                  value={distTop}\n                  onChange={(e) => setDistTop(Number(e.target.value) || 0)}\n                />\n              </div>\n              <div style={rowStyle}>\n                <label style={{ ...labelStyle, width: 45 }}>Bottom</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  min={0}\n                  value={distBottom}\n                  onChange={(e) => setDistBottom(Number(e.target.value) || 0)}\n                />\n              </div>\n              <div style={rowStyle}>\n                <label style={{ ...labelStyle, width: 45 }}>Left</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  min={0}\n                  value={distLeft}\n                  onChange={(e) => setDistLeft(Number(e.target.value) || 0)}\n                />\n              </div>\n              <div style={rowStyle}>\n                <label style={{ ...labelStyle, width: 45 }}>Right</label>\n                <input\n                  type=\"number\"\n                  style={inputStyle}\n                  min={0}\n                  value={distRight}\n                  onChange={(e) => setDistRight(Number(e.target.value) || 0)}\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div style={footerStyle}>\n          <button type=\"button\" style={btnStyle} onClick={onClose}>\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            style={{\n              ...btnStyle,\n              backgroundColor: 'var(--doc-primary)',\n              color: 'white',\n              borderColor: 'var(--doc-primary)',\n            }}\n            onClick={handleApply}\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{ImagePropertiesDialog-YPSLPSF6.js → ImagePropertiesDialog-ERFCUVCW.js}

@@ -1 +1,2 @@
-import'./chunk-OWMXCVKB.js';import {useState,useEffect,useCallback}from'react';import {jsx,jsxs}from'react/jsx-runtime';var D={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},k={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:380,maxWidth:440,width:"100%",margin:20},w={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},R={padding:"16px 20px",display:"flex",flexDirection:"column",gap:16},h={display:"flex",flexDirection:"column",gap:8},C={fontSize:13,fontWeight:600,color:"var(--doc-text)"},v={display:"flex",alignItems:"center",gap:8},u={width:60,fontSize:12,color:"var(--doc-text-muted)"},s={flex:1,padding:"4px 6px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:12},z={...s},A={...s,minHeight:60,resize:"vertical",fontFamily:"inherit"},B={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},P={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function T({isOpen:p,onClose:i,onApply:g,currentData:l}){let[c,S]=useState(""),[r,x]=useState(0),[d,y]=useState("#000000"),[a,f]=useState("solid");useEffect(()=>{p&&(S(l?.alt??""),x(l?.borderWidth??0),y(l?.borderColor??"#000000"),f(l?.borderStyle??"solid"));},[p,l]);let b=useCallback(()=>{g({alt:c||void 0,borderWidth:r>0?r:void 0,borderColor:r>0?d:void 0,borderStyle:r>0?a:void 0}),i();},[c,r,d,a,g,i]),I=useCallback(t=>{t.key==="Escape"&&i(),t.key==="Enter"&&!t.shiftKey&&b();},[i,b]);return p?jsx("div",{style:D,onClick:i,onKeyDown:I,children:jsxs("div",{style:k,onClick:t=>t.stopPropagation(),role:"dialog","aria-label":"Image properties",children:[jsx("div",{style:w,children:"Image Properties"}),jsxs("div",{style:R,children:[jsxs("div",{style:h,children:[jsx("div",{style:C,children:"Alt Text"}),jsx("textarea",{style:A,value:c,onChange:t=>S(t.target.value),placeholder:"Describe this image for accessibility..."})]}),jsxs("div",{style:h,children:[jsx("div",{style:C,children:"Border"}),jsxs("div",{style:v,children:[jsx("label",{style:u,children:"Width"}),jsx("input",{type:"number",style:{...s,maxWidth:80},min:0,max:20,step:.5,value:r,onChange:t=>x(Number(t.target.value)||0)}),jsx("span",{style:{fontSize:12,color:"var(--doc-text-muted)"},children:"px"})]}),jsxs("div",{style:v,children:[jsx("label",{style:u,children:"Style"}),jsxs("select",{style:z,value:a,onChange:t=>f(t.target.value),children:[jsx("option",{value:"solid",children:"Solid"}),jsx("option",{value:"dashed",children:"Dashed"}),jsx("option",{value:"dotted",children:"Dotted"}),jsx("option",{value:"double",children:"Double"}),jsx("option",{value:"groove",children:"Groove"}),jsx("option",{value:"ridge",children:"Ridge"}),jsx("option",{value:"inset",children:"Inset"}),jsx("option",{value:"outset",children:"Outset"})]})]}),jsxs("div",{style:v,children:[jsx("label",{style:u,children:"Color"}),jsx("input",{type:"color",value:d,onChange:t=>y(t.target.value),style:{width:32,height:24,padding:0,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"}}),jsx("input",{type:"text",style:{...s,maxWidth:90},value:d,onChange:t=>y(t.target.value)})]}),r>0&&jsx("div",{style:{marginTop:4,padding:8,border:`${r}px ${a} ${d}`,borderRadius:4,fontSize:11,color:"var(--doc-text-muted)",textAlign:"center"},children:"Preview"})]})]}),jsxs("div",{style:B,children:[jsx("button",{type:"button",style:P,onClick:i,children:"Cancel"}),jsx("button",{type:"button",style:{...P,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:b,children:"Apply"})]})]})}):null}export{T as ImagePropertiesDialog};
+import'./chunk-Y6VCTLCJ.js';import {useState,useEffect,useCallback}from'react';import {jsx,jsxs}from'react/jsx-runtime';var D={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},k={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:380,maxWidth:440,width:"100%",margin:20},w={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},R={padding:"16px 20px",display:"flex",flexDirection:"column",gap:16},h={display:"flex",flexDirection:"column",gap:8},C={fontSize:13,fontWeight:600,color:"var(--doc-text)"},v={display:"flex",alignItems:"center",gap:8},u={width:60,fontSize:12,color:"var(--doc-text-muted)"},s={flex:1,padding:"4px 6px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:12},z={...s},A={...s,minHeight:60,resize:"vertical",fontFamily:"inherit"},B={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},P={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function T({isOpen:p,onClose:i,onApply:g,currentData:l}){let[c,S]=useState(""),[r,x]=useState(0),[d,y]=useState("#000000"),[a,f]=useState("solid");useEffect(()=>{p&&(S(l?.alt??""),x(l?.borderWidth??0),y(l?.borderColor??"#000000"),f(l?.borderStyle??"solid"));},[p,l]);let b=useCallback(()=>{g({alt:c||void 0,borderWidth:r>0?r:void 0,borderColor:r>0?d:void 0,borderStyle:r>0?a:void 0}),i();},[c,r,d,a,g,i]),I=useCallback(t=>{t.key==="Escape"&&i(),t.key==="Enter"&&!t.shiftKey&&b();},[i,b]);return p?jsx("div",{style:D,onClick:i,onKeyDown:I,children:jsxs("div",{style:k,onClick:t=>t.stopPropagation(),role:"dialog","aria-label":"Image properties",children:[jsx("div",{style:w,children:"Image Properties"}),jsxs("div",{style:R,children:[jsxs("div",{style:h,children:[jsx("div",{style:C,children:"Alt Text"}),jsx("textarea",{style:A,value:c,onChange:t=>S(t.target.value),placeholder:"Describe this image for accessibility..."})]}),jsxs("div",{style:h,children:[jsx("div",{style:C,children:"Border"}),jsxs("div",{style:v,children:[jsx("label",{style:u,children:"Width"}),jsx("input",{type:"number",style:{...s,maxWidth:80},min:0,max:20,step:.5,value:r,onChange:t=>x(Number(t.target.value)||0)}),jsx("span",{style:{fontSize:12,color:"var(--doc-text-muted)"},children:"px"})]}),jsxs("div",{style:v,children:[jsx("label",{style:u,children:"Style"}),jsxs("select",{style:z,value:a,onChange:t=>f(t.target.value),children:[jsx("option",{value:"solid",children:"Solid"}),jsx("option",{value:"dashed",children:"Dashed"}),jsx("option",{value:"dotted",children:"Dotted"}),jsx("option",{value:"double",children:"Double"}),jsx("option",{value:"groove",children:"Groove"}),jsx("option",{value:"ridge",children:"Ridge"}),jsx("option",{value:"inset",children:"Inset"}),jsx("option",{value:"outset",children:"Outset"})]})]}),jsxs("div",{style:v,children:[jsx("label",{style:u,children:"Color"}),jsx("input",{type:"color",value:d,onChange:t=>y(t.target.value),style:{width:32,height:24,padding:0,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"}}),jsx("input",{type:"text",style:{...s,maxWidth:90},value:d,onChange:t=>y(t.target.value)})]}),r>0&&jsx("div",{style:{marginTop:4,padding:8,border:`${r}px ${a} ${d}`,borderRadius:4,fontSize:11,color:"var(--doc-text-muted)",textAlign:"center"},children:"Preview"})]})]}),jsxs("div",{style:B,children:[jsx("button",{type:"button",style:P,onClick:i,children:"Cancel"}),jsx("button",{type:"button",style:{...P,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:b,children:"Apply"})]})]})}):null}export{T as ImagePropertiesDialog};//# sourceMappingURL=ImagePropertiesDialog-ERFCUVCW.js.map
+//# sourceMappingURL=ImagePropertiesDialog-ERFCUVCW.js.map

package/dist/ImagePropertiesDialog-ERFCUVCW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialogs/ImagePropertiesDialog.tsx"],"names":["overlayStyle","dialogStyle","headerStyle","bodyStyle","sectionStyle","sectionLabelStyle","rowStyle","labelStyle","inputStyle","selectStyle","textareaStyle","footerStyle","btnStyle","ImagePropertiesDialog","isOpen","onClose","onApply","currentData","alt","setAlt","useState","borderWidth","setBorderWidth","borderColor","setBorderColor","borderStyle","setBorderStyle","useEffect","handleApply","useCallback","handleKeyDown","e","jsx","jsxs"],"mappings":"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","file":"ImagePropertiesDialog-ERFCUVCW.js","sourcesContent":["/**\n * Image Properties Dialog\n *\n * Modal for editing image properties:\n * - Alt text for accessibility\n * - Border/outline style, color, and width\n */\n\nimport React, { useState, useCallback, useEffect } from 'react';\nimport type { CSSProperties } from 'react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface ImagePropertiesData {\n  alt?: string;\n  borderWidth?: number;\n  borderColor?: string;\n  borderStyle?: string;\n}\n\nexport interface ImagePropertiesDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (data: ImagePropertiesData) => void;\n  currentData?: ImagePropertiesData;\n}\n\n// ============================================================================\n// STYLES\n// ============================================================================\n\nconst overlayStyle: CSSProperties = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 10000,\n};\n\nconst dialogStyle: CSSProperties = {\n  backgroundColor: 'white',\n  borderRadius: 8,\n  boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n  minWidth: 380,\n  maxWidth: 440,\n  width: '100%',\n  margin: 20,\n};\n\nconst headerStyle: CSSProperties = {\n  padding: '16px 20px 12px',\n  borderBottom: '1px solid var(--doc-border)',\n  fontSize: 16,\n  fontWeight: 600,\n};\n\nconst bodyStyle: CSSProperties = {\n  padding: '16px 20px',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 16,\n};\n\nconst sectionStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 8,\n};\n\nconst sectionLabelStyle: CSSProperties = {\n  fontSize: 13,\n  fontWeight: 600,\n  color: 'var(--doc-text)',\n};\n\nconst rowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n};\n\nconst labelStyle: CSSProperties = {\n  width: 60,\n  fontSize: 12,\n  color: 'var(--doc-text-muted)',\n};\n\nconst inputStyle: CSSProperties = {\n  flex: 1,\n  padding: '4px 6px',\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  fontSize: 12,\n};\n\nconst selectStyle: CSSProperties = {\n  ...inputStyle,\n};\n\nconst textareaStyle: CSSProperties = {\n  ...inputStyle,\n  minHeight: 60,\n  resize: 'vertical' as const,\n  fontFamily: 'inherit',\n};\n\nconst footerStyle: CSSProperties = {\n  padding: '12px 20px 16px',\n  borderTop: '1px solid var(--doc-border)',\n  display: 'flex',\n  justifyContent: 'flex-end',\n  gap: 8,\n};\n\nconst btnStyle: CSSProperties = {\n  padding: '6px 16px',\n  fontSize: 13,\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  cursor: 'pointer',\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function ImagePropertiesDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentData,\n}: ImagePropertiesDialogProps): React.ReactElement | null {\n  const [alt, setAlt] = useState('');\n  const [borderWidth, setBorderWidth] = useState(0);\n  const [borderColor, setBorderColor] = useState('#000000');\n  const [borderStyle, setBorderStyle] = useState('solid');\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setAlt(currentData?.alt ?? '');\n    setBorderWidth(currentData?.borderWidth ?? 0);\n    setBorderColor(currentData?.borderColor ?? '#000000');\n    setBorderStyle(currentData?.borderStyle ?? 'solid');\n  }, [isOpen, currentData]);\n\n  const handleApply = useCallback(() => {\n    onApply({\n      alt: alt || undefined,\n      borderWidth: borderWidth > 0 ? borderWidth : undefined,\n      borderColor: borderWidth > 0 ? borderColor : undefined,\n      borderStyle: borderWidth > 0 ? borderStyle : undefined,\n    });\n    onClose();\n  }, [alt, borderWidth, borderColor, borderStyle, onApply, onClose]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n      if (e.key === 'Enter' && !e.shiftKey) handleApply();\n    },\n    [onClose, handleApply]\n  );\n\n  if (!isOpen) return null;\n\n  return (\n    <div style={overlayStyle} onClick={onClose} onKeyDown={handleKeyDown}>\n      <div\n        style={dialogStyle}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-label=\"Image properties\"\n      >\n        <div style={headerStyle}>Image Properties</div>\n\n        <div style={bodyStyle}>\n          {/* Alt Text */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Alt Text</div>\n            <textarea\n              style={textareaStyle}\n              value={alt}\n              onChange={(e) => setAlt(e.target.value)}\n              placeholder=\"Describe this image for accessibility...\"\n            />\n          </div>\n\n          {/* Border / Outline */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Border</div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Width</label>\n              <input\n                type=\"number\"\n                style={{ ...inputStyle, maxWidth: 80 }}\n                min={0}\n                max={20}\n                step={0.5}\n                value={borderWidth}\n                onChange={(e) => setBorderWidth(Number(e.target.value) || 0)}\n              />\n              <span style={{ fontSize: 12, color: 'var(--doc-text-muted)' }}>px</span>\n            </div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Style</label>\n              <select\n                style={selectStyle}\n                value={borderStyle}\n                onChange={(e) => setBorderStyle(e.target.value)}\n              >\n                <option value=\"solid\">Solid</option>\n                <option value=\"dashed\">Dashed</option>\n                <option value=\"dotted\">Dotted</option>\n                <option value=\"double\">Double</option>\n                <option value=\"groove\">Groove</option>\n                <option value=\"ridge\">Ridge</option>\n                <option value=\"inset\">Inset</option>\n                <option value=\"outset\">Outset</option>\n              </select>\n            </div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Color</label>\n              <input\n                type=\"color\"\n                value={borderColor}\n                onChange={(e) => setBorderColor(e.target.value)}\n                style={{\n                  width: 32,\n                  height: 24,\n                  padding: 0,\n                  border: '1px solid var(--doc-border)',\n                  borderRadius: 4,\n                  cursor: 'pointer',\n                }}\n              />\n              <input\n                type=\"text\"\n                style={{ ...inputStyle, maxWidth: 90 }}\n                value={borderColor}\n                onChange={(e) => setBorderColor(e.target.value)}\n              />\n            </div>\n            {borderWidth > 0 && (\n              <div\n                style={{\n                  marginTop: 4,\n                  padding: 8,\n                  border: `${borderWidth}px ${borderStyle} ${borderColor}`,\n                  borderRadius: 4,\n                  fontSize: 11,\n                  color: 'var(--doc-text-muted)',\n                  textAlign: 'center',\n                }}\n              >\n                Preview\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div style={footerStyle}>\n          <button type=\"button\" style={btnStyle} onClick={onClose}>\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            style={{\n              ...btnStyle,\n              backgroundColor: 'var(--doc-primary)',\n              color: 'white',\n              borderColor: 'var(--doc-primary)',\n            }}\n            onClick={handleApply}\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{ImagePropertiesDialog-LU44RDIY.cjs → ImagePropertiesDialog-USMMRK6X.cjs}

@@ -1 +1,2 @@
-'use strict';require('./chunk-VOWKSURW.cjs');var react=require('react'),jsxRuntime=require('react/jsx-runtime');var D={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},k={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:380,maxWidth:440,width:"100%",margin:20},w={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},R={padding:"16px 20px",display:"flex",flexDirection:"column",gap:16},h={display:"flex",flexDirection:"column",gap:8},C={fontSize:13,fontWeight:600,color:"var(--doc-text)"},v={display:"flex",alignItems:"center",gap:8},u={width:60,fontSize:12,color:"var(--doc-text-muted)"},s={flex:1,padding:"4px 6px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:12},z={...s},A={...s,minHeight:60,resize:"vertical",fontFamily:"inherit"},B={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},P={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function T({isOpen:p,onClose:i,onApply:g,currentData:l}){let[c,S]=react.useState(""),[r,x]=react.useState(0),[d,y]=react.useState("#000000"),[a,f]=react.useState("solid");react.useEffect(()=>{p&&(S(l?.alt??""),x(l?.borderWidth??0),y(l?.borderColor??"#000000"),f(l?.borderStyle??"solid"));},[p,l]);let b=react.useCallback(()=>{g({alt:c||void 0,borderWidth:r>0?r:void 0,borderColor:r>0?d:void 0,borderStyle:r>0?a:void 0}),i();},[c,r,d,a,g,i]),I=react.useCallback(t=>{t.key==="Escape"&&i(),t.key==="Enter"&&!t.shiftKey&&b();},[i,b]);return p?jsxRuntime.jsx("div",{style:D,onClick:i,onKeyDown:I,children:jsxRuntime.jsxs("div",{style:k,onClick:t=>t.stopPropagation(),role:"dialog","aria-label":"Image properties",children:[jsxRuntime.jsx("div",{style:w,children:"Image Properties"}),jsxRuntime.jsxs("div",{style:R,children:[jsxRuntime.jsxs("div",{style:h,children:[jsxRuntime.jsx("div",{style:C,children:"Alt Text"}),jsxRuntime.jsx("textarea",{style:A,value:c,onChange:t=>S(t.target.value),placeholder:"Describe this image for accessibility..."})]}),jsxRuntime.jsxs("div",{style:h,children:[jsxRuntime.jsx("div",{style:C,children:"Border"}),jsxRuntime.jsxs("div",{style:v,children:[jsxRuntime.jsx("label",{style:u,children:"Width"}),jsxRuntime.jsx("input",{type:"number",style:{...s,maxWidth:80},min:0,max:20,step:.5,value:r,onChange:t=>x(Number(t.target.value)||0)}),jsxRuntime.jsx("span",{style:{fontSize:12,color:"var(--doc-text-muted)"},children:"px"})]}),jsxRuntime.jsxs("div",{style:v,children:[jsxRuntime.jsx("label",{style:u,children:"Style"}),jsxRuntime.jsxs("select",{style:z,value:a,onChange:t=>f(t.target.value),children:[jsxRuntime.jsx("option",{value:"solid",children:"Solid"}),jsxRuntime.jsx("option",{value:"dashed",children:"Dashed"}),jsxRuntime.jsx("option",{value:"dotted",children:"Dotted"}),jsxRuntime.jsx("option",{value:"double",children:"Double"}),jsxRuntime.jsx("option",{value:"groove",children:"Groove"}),jsxRuntime.jsx("option",{value:"ridge",children:"Ridge"}),jsxRuntime.jsx("option",{value:"inset",children:"Inset"}),jsxRuntime.jsx("option",{value:"outset",children:"Outset"})]})]}),jsxRuntime.jsxs("div",{style:v,children:[jsxRuntime.jsx("label",{style:u,children:"Color"}),jsxRuntime.jsx("input",{type:"color",value:d,onChange:t=>y(t.target.value),style:{width:32,height:24,padding:0,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"}}),jsxRuntime.jsx("input",{type:"text",style:{...s,maxWidth:90},value:d,onChange:t=>y(t.target.value)})]}),r>0&&jsxRuntime.jsx("div",{style:{marginTop:4,padding:8,border:`${r}px ${a} ${d}`,borderRadius:4,fontSize:11,color:"var(--doc-text-muted)",textAlign:"center"},children:"Preview"})]})]}),jsxRuntime.jsxs("div",{style:B,children:[jsxRuntime.jsx("button",{type:"button",style:P,onClick:i,children:"Cancel"}),jsxRuntime.jsx("button",{type:"button",style:{...P,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:b,children:"Apply"})]})]})}):null}exports.ImagePropertiesDialog=T;
+'use strict';require('./chunk-QEBO3EQP.cjs');var react=require('react'),jsxRuntime=require('react/jsx-runtime');var D={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},k={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:380,maxWidth:440,width:"100%",margin:20},w={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},R={padding:"16px 20px",display:"flex",flexDirection:"column",gap:16},h={display:"flex",flexDirection:"column",gap:8},C={fontSize:13,fontWeight:600,color:"var(--doc-text)"},v={display:"flex",alignItems:"center",gap:8},u={width:60,fontSize:12,color:"var(--doc-text-muted)"},s={flex:1,padding:"4px 6px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:12},z={...s},A={...s,minHeight:60,resize:"vertical",fontFamily:"inherit"},B={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},P={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function T({isOpen:p,onClose:i,onApply:g,currentData:l}){let[c,S]=react.useState(""),[r,x]=react.useState(0),[d,y]=react.useState("#000000"),[a,f]=react.useState("solid");react.useEffect(()=>{p&&(S(l?.alt??""),x(l?.borderWidth??0),y(l?.borderColor??"#000000"),f(l?.borderStyle??"solid"));},[p,l]);let b=react.useCallback(()=>{g({alt:c||void 0,borderWidth:r>0?r:void 0,borderColor:r>0?d:void 0,borderStyle:r>0?a:void 0}),i();},[c,r,d,a,g,i]),I=react.useCallback(t=>{t.key==="Escape"&&i(),t.key==="Enter"&&!t.shiftKey&&b();},[i,b]);return p?jsxRuntime.jsx("div",{style:D,onClick:i,onKeyDown:I,children:jsxRuntime.jsxs("div",{style:k,onClick:t=>t.stopPropagation(),role:"dialog","aria-label":"Image properties",children:[jsxRuntime.jsx("div",{style:w,children:"Image Properties"}),jsxRuntime.jsxs("div",{style:R,children:[jsxRuntime.jsxs("div",{style:h,children:[jsxRuntime.jsx("div",{style:C,children:"Alt Text"}),jsxRuntime.jsx("textarea",{style:A,value:c,onChange:t=>S(t.target.value),placeholder:"Describe this image for accessibility..."})]}),jsxRuntime.jsxs("div",{style:h,children:[jsxRuntime.jsx("div",{style:C,children:"Border"}),jsxRuntime.jsxs("div",{style:v,children:[jsxRuntime.jsx("label",{style:u,children:"Width"}),jsxRuntime.jsx("input",{type:"number",style:{...s,maxWidth:80},min:0,max:20,step:.5,value:r,onChange:t=>x(Number(t.target.value)||0)}),jsxRuntime.jsx("span",{style:{fontSize:12,color:"var(--doc-text-muted)"},children:"px"})]}),jsxRuntime.jsxs("div",{style:v,children:[jsxRuntime.jsx("label",{style:u,children:"Style"}),jsxRuntime.jsxs("select",{style:z,value:a,onChange:t=>f(t.target.value),children:[jsxRuntime.jsx("option",{value:"solid",children:"Solid"}),jsxRuntime.jsx("option",{value:"dashed",children:"Dashed"}),jsxRuntime.jsx("option",{value:"dotted",children:"Dotted"}),jsxRuntime.jsx("option",{value:"double",children:"Double"}),jsxRuntime.jsx("option",{value:"groove",children:"Groove"}),jsxRuntime.jsx("option",{value:"ridge",children:"Ridge"}),jsxRuntime.jsx("option",{value:"inset",children:"Inset"}),jsxRuntime.jsx("option",{value:"outset",children:"Outset"})]})]}),jsxRuntime.jsxs("div",{style:v,children:[jsxRuntime.jsx("label",{style:u,children:"Color"}),jsxRuntime.jsx("input",{type:"color",value:d,onChange:t=>y(t.target.value),style:{width:32,height:24,padding:0,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"}}),jsxRuntime.jsx("input",{type:"text",style:{...s,maxWidth:90},value:d,onChange:t=>y(t.target.value)})]}),r>0&&jsxRuntime.jsx("div",{style:{marginTop:4,padding:8,border:`${r}px ${a} ${d}`,borderRadius:4,fontSize:11,color:"var(--doc-text-muted)",textAlign:"center"},children:"Preview"})]})]}),jsxRuntime.jsxs("div",{style:B,children:[jsxRuntime.jsx("button",{type:"button",style:P,onClick:i,children:"Cancel"}),jsxRuntime.jsx("button",{type:"button",style:{...P,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:b,children:"Apply"})]})]})}):null}exports.ImagePropertiesDialog=T;//# sourceMappingURL=ImagePropertiesDialog-USMMRK6X.cjs.map
+//# sourceMappingURL=ImagePropertiesDialog-USMMRK6X.cjs.map

package/dist/ImagePropertiesDialog-USMMRK6X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialogs/ImagePropertiesDialog.tsx"],"names":["overlayStyle","dialogStyle","headerStyle","bodyStyle","sectionStyle","sectionLabelStyle","rowStyle","labelStyle","inputStyle","selectStyle","textareaStyle","footerStyle","btnStyle","ImagePropertiesDialog","isOpen","onClose","onApply","currentData","alt","setAlt","useState","borderWidth","setBorderWidth","borderColor","setBorderColor","borderStyle","setBorderStyle","useEffect","handleApply","useCallback","handleKeyDown","e","jsx","jsxs"],"mappings":"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","file":"ImagePropertiesDialog-USMMRK6X.cjs","sourcesContent":["/**\n * Image Properties Dialog\n *\n * Modal for editing image properties:\n * - Alt text for accessibility\n * - Border/outline style, color, and width\n */\n\nimport React, { useState, useCallback, useEffect } from 'react';\nimport type { CSSProperties } from 'react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface ImagePropertiesData {\n  alt?: string;\n  borderWidth?: number;\n  borderColor?: string;\n  borderStyle?: string;\n}\n\nexport interface ImagePropertiesDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (data: ImagePropertiesData) => void;\n  currentData?: ImagePropertiesData;\n}\n\n// ============================================================================\n// STYLES\n// ============================================================================\n\nconst overlayStyle: CSSProperties = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 10000,\n};\n\nconst dialogStyle: CSSProperties = {\n  backgroundColor: 'white',\n  borderRadius: 8,\n  boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n  minWidth: 380,\n  maxWidth: 440,\n  width: '100%',\n  margin: 20,\n};\n\nconst headerStyle: CSSProperties = {\n  padding: '16px 20px 12px',\n  borderBottom: '1px solid var(--doc-border)',\n  fontSize: 16,\n  fontWeight: 600,\n};\n\nconst bodyStyle: CSSProperties = {\n  padding: '16px 20px',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 16,\n};\n\nconst sectionStyle: CSSProperties = {\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 8,\n};\n\nconst sectionLabelStyle: CSSProperties = {\n  fontSize: 13,\n  fontWeight: 600,\n  color: 'var(--doc-text)',\n};\n\nconst rowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 8,\n};\n\nconst labelStyle: CSSProperties = {\n  width: 60,\n  fontSize: 12,\n  color: 'var(--doc-text-muted)',\n};\n\nconst inputStyle: CSSProperties = {\n  flex: 1,\n  padding: '4px 6px',\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  fontSize: 12,\n};\n\nconst selectStyle: CSSProperties = {\n  ...inputStyle,\n};\n\nconst textareaStyle: CSSProperties = {\n  ...inputStyle,\n  minHeight: 60,\n  resize: 'vertical' as const,\n  fontFamily: 'inherit',\n};\n\nconst footerStyle: CSSProperties = {\n  padding: '12px 20px 16px',\n  borderTop: '1px solid var(--doc-border)',\n  display: 'flex',\n  justifyContent: 'flex-end',\n  gap: 8,\n};\n\nconst btnStyle: CSSProperties = {\n  padding: '6px 16px',\n  fontSize: 13,\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  cursor: 'pointer',\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function ImagePropertiesDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentData,\n}: ImagePropertiesDialogProps): React.ReactElement | null {\n  const [alt, setAlt] = useState('');\n  const [borderWidth, setBorderWidth] = useState(0);\n  const [borderColor, setBorderColor] = useState('#000000');\n  const [borderStyle, setBorderStyle] = useState('solid');\n\n  useEffect(() => {\n    if (!isOpen) return;\n    setAlt(currentData?.alt ?? '');\n    setBorderWidth(currentData?.borderWidth ?? 0);\n    setBorderColor(currentData?.borderColor ?? '#000000');\n    setBorderStyle(currentData?.borderStyle ?? 'solid');\n  }, [isOpen, currentData]);\n\n  const handleApply = useCallback(() => {\n    onApply({\n      alt: alt || undefined,\n      borderWidth: borderWidth > 0 ? borderWidth : undefined,\n      borderColor: borderWidth > 0 ? borderColor : undefined,\n      borderStyle: borderWidth > 0 ? borderStyle : undefined,\n    });\n    onClose();\n  }, [alt, borderWidth, borderColor, borderStyle, onApply, onClose]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n      if (e.key === 'Enter' && !e.shiftKey) handleApply();\n    },\n    [onClose, handleApply]\n  );\n\n  if (!isOpen) return null;\n\n  return (\n    <div style={overlayStyle} onClick={onClose} onKeyDown={handleKeyDown}>\n      <div\n        style={dialogStyle}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-label=\"Image properties\"\n      >\n        <div style={headerStyle}>Image Properties</div>\n\n        <div style={bodyStyle}>\n          {/* Alt Text */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Alt Text</div>\n            <textarea\n              style={textareaStyle}\n              value={alt}\n              onChange={(e) => setAlt(e.target.value)}\n              placeholder=\"Describe this image for accessibility...\"\n            />\n          </div>\n\n          {/* Border / Outline */}\n          <div style={sectionStyle}>\n            <div style={sectionLabelStyle}>Border</div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Width</label>\n              <input\n                type=\"number\"\n                style={{ ...inputStyle, maxWidth: 80 }}\n                min={0}\n                max={20}\n                step={0.5}\n                value={borderWidth}\n                onChange={(e) => setBorderWidth(Number(e.target.value) || 0)}\n              />\n              <span style={{ fontSize: 12, color: 'var(--doc-text-muted)' }}>px</span>\n            </div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Style</label>\n              <select\n                style={selectStyle}\n                value={borderStyle}\n                onChange={(e) => setBorderStyle(e.target.value)}\n              >\n                <option value=\"solid\">Solid</option>\n                <option value=\"dashed\">Dashed</option>\n                <option value=\"dotted\">Dotted</option>\n                <option value=\"double\">Double</option>\n                <option value=\"groove\">Groove</option>\n                <option value=\"ridge\">Ridge</option>\n                <option value=\"inset\">Inset</option>\n                <option value=\"outset\">Outset</option>\n              </select>\n            </div>\n            <div style={rowStyle}>\n              <label style={labelStyle}>Color</label>\n              <input\n                type=\"color\"\n                value={borderColor}\n                onChange={(e) => setBorderColor(e.target.value)}\n                style={{\n                  width: 32,\n                  height: 24,\n                  padding: 0,\n                  border: '1px solid var(--doc-border)',\n                  borderRadius: 4,\n                  cursor: 'pointer',\n                }}\n              />\n              <input\n                type=\"text\"\n                style={{ ...inputStyle, maxWidth: 90 }}\n                value={borderColor}\n                onChange={(e) => setBorderColor(e.target.value)}\n              />\n            </div>\n            {borderWidth > 0 && (\n              <div\n                style={{\n                  marginTop: 4,\n                  padding: 8,\n                  border: `${borderWidth}px ${borderStyle} ${borderColor}`,\n                  borderRadius: 4,\n                  fontSize: 11,\n                  color: 'var(--doc-text-muted)',\n                  textAlign: 'center',\n                }}\n              >\n                Preview\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div style={footerStyle}>\n          <button type=\"button\" style={btnStyle} onClick={onClose}>\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            style={{\n              ...btnStyle,\n              backgroundColor: 'var(--doc-primary)',\n              color: 'white',\n              borderColor: 'var(--doc-primary)',\n            }}\n            onClick={handleApply}\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{TablePropertiesDialog-KMOYHPGF.cjs → TablePropertiesDialog-72CIUAZT.cjs}

@@ -1 +1,2 @@
-'use strict';require('./chunk-VOWKSURW.cjs');var react=require('react'),jsxRuntime=require('react/jsx-runtime');var C={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},P={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:360,maxWidth:440,width:"100%",margin:20},T={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},k={padding:"16px 20px",display:"flex",flexDirection:"column",gap:12},c={display:"flex",alignItems:"center",gap:12},u={width:80,fontSize:13,color:"var(--doc-text-muted)"},x={flex:1,padding:"6px 8px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:13},S={...x},R={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},h={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function z({isOpen:n,onClose:r,onApply:y,currentProps:i}){let[a,b]=react.useState(i?.width||0),[l,f]=react.useState(i?.widthType||"auto"),[p,g]=react.useState(i?.justification||"left");react.useEffect(()=>{n&&(b(i?.width||0),f(i?.widthType||"auto"),g(i?.justification||"left"));},[n,i]);let d=react.useCallback(()=>{let t={};l==="auto"?(t.width=null,t.widthType="auto"):(t.width=a,t.widthType=l),t.justification=p,y(t),r();},[a,l,p,y,r]),w=react.useCallback(t=>{t.key==="Escape"&&r(),t.key==="Enter"&&d();},[r,d]);return n?jsxRuntime.jsx("div",{style:C,onClick:r,onKeyDown:w,children:jsxRuntime.jsxs("div",{style:P,onClick:t=>t.stopPropagation(),role:"dialog","aria-label":"Table properties",children:[jsxRuntime.jsx("div",{style:T,children:"Table Properties"}),jsxRuntime.jsxs("div",{style:k,children:[jsxRuntime.jsxs("div",{style:c,children:[jsxRuntime.jsx("label",{style:u,children:"Width type"}),jsxRuntime.jsxs("select",{style:S,value:l,onChange:t=>f(t.target.value),children:[jsxRuntime.jsx("option",{value:"auto",children:"Auto"}),jsxRuntime.jsx("option",{value:"dxa",children:"Fixed (twips)"}),jsxRuntime.jsx("option",{value:"pct",children:"Percentage"})]})]}),l!=="auto"&&jsxRuntime.jsxs("div",{style:c,children:[jsxRuntime.jsx("label",{style:u,children:"Width"}),jsxRuntime.jsx("input",{type:"number",style:x,min:0,step:l==="pct"?5:100,value:a,onChange:t=>b(Number(t.target.value)||0)}),jsxRuntime.jsx("span",{style:{fontSize:11,color:"var(--doc-text-muted)"},children:l==="pct"?"(50ths of %)":"tw"})]}),jsxRuntime.jsxs("div",{style:c,children:[jsxRuntime.jsx("label",{style:u,children:"Alignment"}),jsxRuntime.jsxs("select",{style:S,value:p,onChange:t=>g(t.target.value),children:[jsxRuntime.jsx("option",{value:"left",children:"Left"}),jsxRuntime.jsx("option",{value:"center",children:"Center"}),jsxRuntime.jsx("option",{value:"right",children:"Right"})]})]})]}),jsxRuntime.jsxs("div",{style:R,children:[jsxRuntime.jsx("button",{type:"button",style:h,onClick:r,children:"Cancel"}),jsxRuntime.jsx("button",{type:"button",style:{...h,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:d,children:"Apply"})]})]})}):null}exports.TablePropertiesDialog=z;
+'use strict';require('./chunk-QEBO3EQP.cjs');var react=require('react'),jsxRuntime=require('react/jsx-runtime');var C={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},P={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:360,maxWidth:440,width:"100%",margin:20},T={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},k={padding:"16px 20px",display:"flex",flexDirection:"column",gap:12},c={display:"flex",alignItems:"center",gap:12},u={width:80,fontSize:13,color:"var(--doc-text-muted)"},x={flex:1,padding:"6px 8px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:13},S={...x},R={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},h={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function z({isOpen:n,onClose:r,onApply:y,currentProps:i}){let[a,b]=react.useState(i?.width||0),[l,f]=react.useState(i?.widthType||"auto"),[p,g]=react.useState(i?.justification||"left");react.useEffect(()=>{n&&(b(i?.width||0),f(i?.widthType||"auto"),g(i?.justification||"left"));},[n,i]);let d=react.useCallback(()=>{let t={};l==="auto"?(t.width=null,t.widthType="auto"):(t.width=a,t.widthType=l),t.justification=p,y(t),r();},[a,l,p,y,r]),w=react.useCallback(t=>{t.key==="Escape"&&r(),t.key==="Enter"&&d();},[r,d]);return n?jsxRuntime.jsx("div",{style:C,onClick:r,onKeyDown:w,children:jsxRuntime.jsxs("div",{style:P,onClick:t=>t.stopPropagation(),role:"dialog","aria-label":"Table properties",children:[jsxRuntime.jsx("div",{style:T,children:"Table Properties"}),jsxRuntime.jsxs("div",{style:k,children:[jsxRuntime.jsxs("div",{style:c,children:[jsxRuntime.jsx("label",{style:u,children:"Width type"}),jsxRuntime.jsxs("select",{style:S,value:l,onChange:t=>f(t.target.value),children:[jsxRuntime.jsx("option",{value:"auto",children:"Auto"}),jsxRuntime.jsx("option",{value:"dxa",children:"Fixed (twips)"}),jsxRuntime.jsx("option",{value:"pct",children:"Percentage"})]})]}),l!=="auto"&&jsxRuntime.jsxs("div",{style:c,children:[jsxRuntime.jsx("label",{style:u,children:"Width"}),jsxRuntime.jsx("input",{type:"number",style:x,min:0,step:l==="pct"?5:100,value:a,onChange:t=>b(Number(t.target.value)||0)}),jsxRuntime.jsx("span",{style:{fontSize:11,color:"var(--doc-text-muted)"},children:l==="pct"?"(50ths of %)":"tw"})]}),jsxRuntime.jsxs("div",{style:c,children:[jsxRuntime.jsx("label",{style:u,children:"Alignment"}),jsxRuntime.jsxs("select",{style:S,value:p,onChange:t=>g(t.target.value),children:[jsxRuntime.jsx("option",{value:"left",children:"Left"}),jsxRuntime.jsx("option",{value:"center",children:"Center"}),jsxRuntime.jsx("option",{value:"right",children:"Right"})]})]})]}),jsxRuntime.jsxs("div",{style:R,children:[jsxRuntime.jsx("button",{type:"button",style:h,onClick:r,children:"Cancel"}),jsxRuntime.jsx("button",{type:"button",style:{...h,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:d,children:"Apply"})]})]})}):null}exports.TablePropertiesDialog=z;//# sourceMappingURL=TablePropertiesDialog-72CIUAZT.cjs.map
+//# sourceMappingURL=TablePropertiesDialog-72CIUAZT.cjs.map

package/dist/TablePropertiesDialog-72CIUAZT.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialogs/TablePropertiesDialog.tsx"],"names":["overlayStyle","dialogStyle","headerStyle","bodyStyle","rowStyle","labelStyle","inputStyle","selectStyle","footerStyle","btnStyle","TablePropertiesDialog","isOpen","onClose","onApply","currentProps","width","setWidth","useState","widthType","setWidthType","justification","setJustification","useEffect","handleApply","useCallback","props","handleKeyDown","e","jsx","jsxs"],"mappings":"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","file":"TablePropertiesDialog-72CIUAZT.cjs","sourcesContent":["/**\n * Table Properties Dialog\n *\n * Modal for editing table-level settings:\n * - Preferred width (twips or percentage)\n * - Alignment (left, center, right)\n */\n\nimport React, { useState, useCallback, useEffect } from 'react';\nimport type { CSSProperties } from 'react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface TableProperties {\n  width?: number | null;\n  widthType?: string | null;\n  justification?: 'left' | 'center' | 'right' | null;\n}\n\nexport interface TablePropertiesDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (props: TableProperties) => void;\n  currentProps?: {\n    width?: number;\n    widthType?: string;\n    justification?: string;\n  };\n}\n\n// ============================================================================\n// STYLES\n// ============================================================================\n\nconst overlayStyle: CSSProperties = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 10000,\n};\n\nconst dialogStyle: CSSProperties = {\n  backgroundColor: 'white',\n  borderRadius: 8,\n  boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n  minWidth: 360,\n  maxWidth: 440,\n  width: '100%',\n  margin: 20,\n};\n\nconst headerStyle: CSSProperties = {\n  padding: '16px 20px 12px',\n  borderBottom: '1px solid var(--doc-border)',\n  fontSize: 16,\n  fontWeight: 600,\n};\n\nconst bodyStyle: CSSProperties = {\n  padding: '16px 20px',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 12,\n};\n\nconst rowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 12,\n};\n\nconst labelStyle: CSSProperties = {\n  width: 80,\n  fontSize: 13,\n  color: 'var(--doc-text-muted)',\n};\n\nconst inputStyle: CSSProperties = {\n  flex: 1,\n  padding: '6px 8px',\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  fontSize: 13,\n};\n\nconst selectStyle: CSSProperties = {\n  ...inputStyle,\n};\n\nconst footerStyle: CSSProperties = {\n  padding: '12px 20px 16px',\n  borderTop: '1px solid var(--doc-border)',\n  display: 'flex',\n  justifyContent: 'flex-end',\n  gap: 8,\n};\n\nconst btnStyle: CSSProperties = {\n  padding: '6px 16px',\n  fontSize: 13,\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  cursor: 'pointer',\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function TablePropertiesDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentProps,\n}: TablePropertiesDialogProps): React.ReactElement | null {\n  const [width, setWidth] = useState<number>(currentProps?.width || 0);\n  const [widthType, setWidthType] = useState<string>(currentProps?.widthType || 'auto');\n  const [justification, setJustification] = useState<string>(currentProps?.justification || 'left');\n\n  useEffect(() => {\n    if (isOpen) {\n      setWidth(currentProps?.width || 0);\n      setWidthType(currentProps?.widthType || 'auto');\n      setJustification(currentProps?.justification || 'left');\n    }\n  }, [isOpen, currentProps]);\n\n  const handleApply = useCallback(() => {\n    const props: TableProperties = {};\n    if (widthType === 'auto') {\n      props.width = null;\n      props.widthType = 'auto';\n    } else {\n      props.width = width;\n      props.widthType = widthType;\n    }\n    props.justification = justification as 'left' | 'center' | 'right';\n    onApply(props);\n    onClose();\n  }, [width, widthType, justification, onApply, onClose]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n      if (e.key === 'Enter') handleApply();\n    },\n    [onClose, handleApply]\n  );\n\n  if (!isOpen) return null;\n\n  return (\n    <div style={overlayStyle} onClick={onClose} onKeyDown={handleKeyDown}>\n      <div\n        style={dialogStyle}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-label=\"Table properties\"\n      >\n        <div style={headerStyle}>Table Properties</div>\n\n        <div style={bodyStyle}>\n          {/* Width type */}\n          <div style={rowStyle}>\n            <label style={labelStyle}>Width type</label>\n            <select\n              style={selectStyle}\n              value={widthType}\n              onChange={(e) => setWidthType(e.target.value)}\n            >\n              <option value=\"auto\">Auto</option>\n              <option value=\"dxa\">Fixed (twips)</option>\n              <option value=\"pct\">Percentage</option>\n            </select>\n          </div>\n\n          {/* Width value */}\n          {widthType !== 'auto' && (\n            <div style={rowStyle}>\n              <label style={labelStyle}>Width</label>\n              <input\n                type=\"number\"\n                style={inputStyle}\n                min={0}\n                step={widthType === 'pct' ? 5 : 100}\n                value={width}\n                onChange={(e) => setWidth(Number(e.target.value) || 0)}\n              />\n              <span style={{ fontSize: 11, color: 'var(--doc-text-muted)' }}>\n                {widthType === 'pct' ? '(50ths of %)' : 'tw'}\n              </span>\n            </div>\n          )}\n\n          {/* Alignment */}\n          <div style={rowStyle}>\n            <label style={labelStyle}>Alignment</label>\n            <select\n              style={selectStyle}\n              value={justification}\n              onChange={(e) => setJustification(e.target.value)}\n            >\n              <option value=\"left\">Left</option>\n              <option value=\"center\">Center</option>\n              <option value=\"right\">Right</option>\n            </select>\n          </div>\n        </div>\n\n        <div style={footerStyle}>\n          <button type=\"button\" style={btnStyle} onClick={onClose}>\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            style={{\n              ...btnStyle,\n              backgroundColor: 'var(--doc-primary)',\n              color: 'white',\n              borderColor: 'var(--doc-primary)',\n            }}\n            onClick={handleApply}\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/{TablePropertiesDialog-OUUJAA7D.js → TablePropertiesDialog-EMUEVYB3.js}

@@ -1 +1,2 @@
-import'./chunk-OWMXCVKB.js';import {useState,useEffect,useCallback}from'react';import {jsx,jsxs}from'react/jsx-runtime';var C={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},P={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:360,maxWidth:440,width:"100%",margin:20},T={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},k={padding:"16px 20px",display:"flex",flexDirection:"column",gap:12},c={display:"flex",alignItems:"center",gap:12},u={width:80,fontSize:13,color:"var(--doc-text-muted)"},x={flex:1,padding:"6px 8px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:13},S={...x},R={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},h={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function z({isOpen:n,onClose:r,onApply:y,currentProps:i}){let[a,b]=useState(i?.width||0),[l,f]=useState(i?.widthType||"auto"),[p,g]=useState(i?.justification||"left");useEffect(()=>{n&&(b(i?.width||0),f(i?.widthType||"auto"),g(i?.justification||"left"));},[n,i]);let d=useCallback(()=>{let t={};l==="auto"?(t.width=null,t.widthType="auto"):(t.width=a,t.widthType=l),t.justification=p,y(t),r();},[a,l,p,y,r]),w=useCallback(t=>{t.key==="Escape"&&r(),t.key==="Enter"&&d();},[r,d]);return n?jsx("div",{style:C,onClick:r,onKeyDown:w,children:jsxs("div",{style:P,onClick:t=>t.stopPropagation(),role:"dialog","aria-label":"Table properties",children:[jsx("div",{style:T,children:"Table Properties"}),jsxs("div",{style:k,children:[jsxs("div",{style:c,children:[jsx("label",{style:u,children:"Width type"}),jsxs("select",{style:S,value:l,onChange:t=>f(t.target.value),children:[jsx("option",{value:"auto",children:"Auto"}),jsx("option",{value:"dxa",children:"Fixed (twips)"}),jsx("option",{value:"pct",children:"Percentage"})]})]}),l!=="auto"&&jsxs("div",{style:c,children:[jsx("label",{style:u,children:"Width"}),jsx("input",{type:"number",style:x,min:0,step:l==="pct"?5:100,value:a,onChange:t=>b(Number(t.target.value)||0)}),jsx("span",{style:{fontSize:11,color:"var(--doc-text-muted)"},children:l==="pct"?"(50ths of %)":"tw"})]}),jsxs("div",{style:c,children:[jsx("label",{style:u,children:"Alignment"}),jsxs("select",{style:S,value:p,onChange:t=>g(t.target.value),children:[jsx("option",{value:"left",children:"Left"}),jsx("option",{value:"center",children:"Center"}),jsx("option",{value:"right",children:"Right"})]})]})]}),jsxs("div",{style:R,children:[jsx("button",{type:"button",style:h,onClick:r,children:"Cancel"}),jsx("button",{type:"button",style:{...h,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:d,children:"Apply"})]})]})}):null}export{z as TablePropertiesDialog};
+import'./chunk-Y6VCTLCJ.js';import {useState,useEffect,useCallback}from'react';import {jsx,jsxs}from'react/jsx-runtime';var C={position:"fixed",top:0,left:0,right:0,bottom:0,backgroundColor:"rgba(0, 0, 0, 0.5)",display:"flex",alignItems:"center",justifyContent:"center",zIndex:1e4},P={backgroundColor:"white",borderRadius:8,boxShadow:"0 4px 20px rgba(0, 0, 0, 0.15)",minWidth:360,maxWidth:440,width:"100%",margin:20},T={padding:"16px 20px 12px",borderBottom:"1px solid var(--doc-border)",fontSize:16,fontWeight:600},k={padding:"16px 20px",display:"flex",flexDirection:"column",gap:12},c={display:"flex",alignItems:"center",gap:12},u={width:80,fontSize:13,color:"var(--doc-text-muted)"},x={flex:1,padding:"6px 8px",border:"1px solid var(--doc-border)",borderRadius:4,fontSize:13},S={...x},R={padding:"12px 20px 16px",borderTop:"1px solid var(--doc-border)",display:"flex",justifyContent:"flex-end",gap:8},h={padding:"6px 16px",fontSize:13,border:"1px solid var(--doc-border)",borderRadius:4,cursor:"pointer"};function z({isOpen:n,onClose:r,onApply:y,currentProps:i}){let[a,b]=useState(i?.width||0),[l,f]=useState(i?.widthType||"auto"),[p,g]=useState(i?.justification||"left");useEffect(()=>{n&&(b(i?.width||0),f(i?.widthType||"auto"),g(i?.justification||"left"));},[n,i]);let d=useCallback(()=>{let t={};l==="auto"?(t.width=null,t.widthType="auto"):(t.width=a,t.widthType=l),t.justification=p,y(t),r();},[a,l,p,y,r]),w=useCallback(t=>{t.key==="Escape"&&r(),t.key==="Enter"&&d();},[r,d]);return n?jsx("div",{style:C,onClick:r,onKeyDown:w,children:jsxs("div",{style:P,onClick:t=>t.stopPropagation(),role:"dialog","aria-label":"Table properties",children:[jsx("div",{style:T,children:"Table Properties"}),jsxs("div",{style:k,children:[jsxs("div",{style:c,children:[jsx("label",{style:u,children:"Width type"}),jsxs("select",{style:S,value:l,onChange:t=>f(t.target.value),children:[jsx("option",{value:"auto",children:"Auto"}),jsx("option",{value:"dxa",children:"Fixed (twips)"}),jsx("option",{value:"pct",children:"Percentage"})]})]}),l!=="auto"&&jsxs("div",{style:c,children:[jsx("label",{style:u,children:"Width"}),jsx("input",{type:"number",style:x,min:0,step:l==="pct"?5:100,value:a,onChange:t=>b(Number(t.target.value)||0)}),jsx("span",{style:{fontSize:11,color:"var(--doc-text-muted)"},children:l==="pct"?"(50ths of %)":"tw"})]}),jsxs("div",{style:c,children:[jsx("label",{style:u,children:"Alignment"}),jsxs("select",{style:S,value:p,onChange:t=>g(t.target.value),children:[jsx("option",{value:"left",children:"Left"}),jsx("option",{value:"center",children:"Center"}),jsx("option",{value:"right",children:"Right"})]})]})]}),jsxs("div",{style:R,children:[jsx("button",{type:"button",style:h,onClick:r,children:"Cancel"}),jsx("button",{type:"button",style:{...h,backgroundColor:"var(--doc-primary)",color:"white",borderColor:"var(--doc-primary)"},onClick:d,children:"Apply"})]})]})}):null}export{z as TablePropertiesDialog};//# sourceMappingURL=TablePropertiesDialog-EMUEVYB3.js.map
+//# sourceMappingURL=TablePropertiesDialog-EMUEVYB3.js.map

package/dist/TablePropertiesDialog-EMUEVYB3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/dialogs/TablePropertiesDialog.tsx"],"names":["overlayStyle","dialogStyle","headerStyle","bodyStyle","rowStyle","labelStyle","inputStyle","selectStyle","footerStyle","btnStyle","TablePropertiesDialog","isOpen","onClose","onApply","currentProps","width","setWidth","useState","widthType","setWidthType","justification","setJustification","useEffect","handleApply","useCallback","props","handleKeyDown","e","jsx","jsxs"],"mappings":"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","file":"TablePropertiesDialog-EMUEVYB3.js","sourcesContent":["/**\n * Table Properties Dialog\n *\n * Modal for editing table-level settings:\n * - Preferred width (twips or percentage)\n * - Alignment (left, center, right)\n */\n\nimport React, { useState, useCallback, useEffect } from 'react';\nimport type { CSSProperties } from 'react';\n\n// ============================================================================\n// TYPES\n// ============================================================================\n\nexport interface TableProperties {\n  width?: number | null;\n  widthType?: string | null;\n  justification?: 'left' | 'center' | 'right' | null;\n}\n\nexport interface TablePropertiesDialogProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onApply: (props: TableProperties) => void;\n  currentProps?: {\n    width?: number;\n    widthType?: string;\n    justification?: string;\n  };\n}\n\n// ============================================================================\n// STYLES\n// ============================================================================\n\nconst overlayStyle: CSSProperties = {\n  position: 'fixed',\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  backgroundColor: 'rgba(0, 0, 0, 0.5)',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  zIndex: 10000,\n};\n\nconst dialogStyle: CSSProperties = {\n  backgroundColor: 'white',\n  borderRadius: 8,\n  boxShadow: '0 4px 20px rgba(0, 0, 0, 0.15)',\n  minWidth: 360,\n  maxWidth: 440,\n  width: '100%',\n  margin: 20,\n};\n\nconst headerStyle: CSSProperties = {\n  padding: '16px 20px 12px',\n  borderBottom: '1px solid var(--doc-border)',\n  fontSize: 16,\n  fontWeight: 600,\n};\n\nconst bodyStyle: CSSProperties = {\n  padding: '16px 20px',\n  display: 'flex',\n  flexDirection: 'column',\n  gap: 12,\n};\n\nconst rowStyle: CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 12,\n};\n\nconst labelStyle: CSSProperties = {\n  width: 80,\n  fontSize: 13,\n  color: 'var(--doc-text-muted)',\n};\n\nconst inputStyle: CSSProperties = {\n  flex: 1,\n  padding: '6px 8px',\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  fontSize: 13,\n};\n\nconst selectStyle: CSSProperties = {\n  ...inputStyle,\n};\n\nconst footerStyle: CSSProperties = {\n  padding: '12px 20px 16px',\n  borderTop: '1px solid var(--doc-border)',\n  display: 'flex',\n  justifyContent: 'flex-end',\n  gap: 8,\n};\n\nconst btnStyle: CSSProperties = {\n  padding: '6px 16px',\n  fontSize: 13,\n  border: '1px solid var(--doc-border)',\n  borderRadius: 4,\n  cursor: 'pointer',\n};\n\n// ============================================================================\n// COMPONENT\n// ============================================================================\n\nexport function TablePropertiesDialog({\n  isOpen,\n  onClose,\n  onApply,\n  currentProps,\n}: TablePropertiesDialogProps): React.ReactElement | null {\n  const [width, setWidth] = useState<number>(currentProps?.width || 0);\n  const [widthType, setWidthType] = useState<string>(currentProps?.widthType || 'auto');\n  const [justification, setJustification] = useState<string>(currentProps?.justification || 'left');\n\n  useEffect(() => {\n    if (isOpen) {\n      setWidth(currentProps?.width || 0);\n      setWidthType(currentProps?.widthType || 'auto');\n      setJustification(currentProps?.justification || 'left');\n    }\n  }, [isOpen, currentProps]);\n\n  const handleApply = useCallback(() => {\n    const props: TableProperties = {};\n    if (widthType === 'auto') {\n      props.width = null;\n      props.widthType = 'auto';\n    } else {\n      props.width = width;\n      props.widthType = widthType;\n    }\n    props.justification = justification as 'left' | 'center' | 'right';\n    onApply(props);\n    onClose();\n  }, [width, widthType, justification, onApply, onClose]);\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n      if (e.key === 'Enter') handleApply();\n    },\n    [onClose, handleApply]\n  );\n\n  if (!isOpen) return null;\n\n  return (\n    <div style={overlayStyle} onClick={onClose} onKeyDown={handleKeyDown}>\n      <div\n        style={dialogStyle}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-label=\"Table properties\"\n      >\n        <div style={headerStyle}>Table Properties</div>\n\n        <div style={bodyStyle}>\n          {/* Width type */}\n          <div style={rowStyle}>\n            <label style={labelStyle}>Width type</label>\n            <select\n              style={selectStyle}\n              value={widthType}\n              onChange={(e) => setWidthType(e.target.value)}\n            >\n              <option value=\"auto\">Auto</option>\n              <option value=\"dxa\">Fixed (twips)</option>\n              <option value=\"pct\">Percentage</option>\n            </select>\n          </div>\n\n          {/* Width value */}\n          {widthType !== 'auto' && (\n            <div style={rowStyle}>\n              <label style={labelStyle}>Width</label>\n              <input\n                type=\"number\"\n                style={inputStyle}\n                min={0}\n                step={widthType === 'pct' ? 5 : 100}\n                value={width}\n                onChange={(e) => setWidth(Number(e.target.value) || 0)}\n              />\n              <span style={{ fontSize: 11, color: 'var(--doc-text-muted)' }}>\n                {widthType === 'pct' ? '(50ths of %)' : 'tw'}\n              </span>\n            </div>\n          )}\n\n          {/* Alignment */}\n          <div style={rowStyle}>\n            <label style={labelStyle}>Alignment</label>\n            <select\n              style={selectStyle}\n              value={justification}\n              onChange={(e) => setJustification(e.target.value)}\n            >\n              <option value=\"left\">Left</option>\n              <option value=\"center\">Center</option>\n              <option value=\"right\">Right</option>\n            </select>\n          </div>\n        </div>\n\n        <div style={footerStyle}>\n          <button type=\"button\" style={btnStyle} onClick={onClose}>\n            Cancel\n          </button>\n          <button\n            type=\"button\"\n            style={{\n              ...btnStyle,\n              backgroundColor: 'var(--doc-primary)',\n              color: 'white',\n              borderColor: 'var(--doc-primary)',\n            }}\n            onClick={handleApply}\n          >\n            Apply\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}