@ahrowe/ui 0.28.0 → 0.29.0

package/dist/esm/common/roomDrawer/roomDrawer.module.mjs

@@ -1,2 +1,2 @@
-var e={roomDrawer:`roomDrawer_SJj4-`,"roomDrawer-disabled":`roomDrawer-disabled_VRaTX`,roomDrawerDisabled:`roomDrawer-disabled_VRaTX`,"roomDrawer-toolbar":`roomDrawer-toolbar_55H5p`,roomDrawerToolbar:`roomDrawer-toolbar_55H5p`,"roomDrawer-toolbar-separator":`roomDrawer-toolbar-separator_z-eRp`,roomDrawerToolbarSeparator:`roomDrawer-toolbar-separator_z-eRp`,"roomDrawer-toolButton":`roomDrawer-toolButton_4GtjR`,roomDrawerToolButton:`roomDrawer-toolButton_4GtjR`,"roomDrawer-viewButton":`roomDrawer-viewButton_OnZR6`,roomDrawerViewButton:`roomDrawer-viewButton_OnZR6`,"roomDrawer-toolButtonActive":`roomDrawer-toolButtonActive_-BXua`,roomDrawerToolButtonActive:`roomDrawer-toolButtonActive_-BXua`,"roomDrawer-toolIcon":`roomDrawer-toolIcon_mJ0vT`,roomDrawerToolIcon:`roomDrawer-toolIcon_mJ0vT`,"roomDrawer-viewControls":`roomDrawer-viewControls_TKUQ1`,roomDrawerViewControls:`roomDrawer-viewControls_TKUQ1`,"roomDrawer-zoomLabel":`roomDrawer-zoomLabel_xGvgk`,roomDrawerZoomLabel:`roomDrawer-zoomLabel_xGvgk`,"roomDrawer-floorBar":`roomDrawer-floorBar_PMWOg`,roomDrawerFloorBar:`roomDrawer-floorBar_PMWOg`,"roomDrawer-floorTab":`roomDrawer-floorTab_lvLY-`,roomDrawerFloorTab:`roomDrawer-floorTab_lvLY-`,"roomDrawer-floorTab-active":`roomDrawer-floorTab-active_pB7Oz`,roomDrawerFloorTabActive:`roomDrawer-floorTab-active_pB7Oz`,"roomDrawer-floorTab-add":`roomDrawer-floorTab-add_F46eU`,roomDrawerFloorTabAdd:`roomDrawer-floorTab-add_F46eU`,"roomDrawer-canvasWrapper":`roomDrawer-canvasWrapper_ctjFw`,roomDrawerCanvasWrapper:`roomDrawer-canvasWrapper_ctjFw`,"roomDrawer-canvasWrapper-drawing":`roomDrawer-canvasWrapper-drawing_8kVH2`,roomDrawerCanvasWrapperDrawing:`roomDrawer-canvasWrapper-drawing_8kVH2`,"roomDrawer-preview":`roomDrawer-preview_vqJGn`,roomDrawerPreview:`roomDrawer-preview_vqJGn`,"roomDrawer-marquee":`roomDrawer-marquee_Vbm28`,roomDrawerMarquee:`roomDrawer-marquee_Vbm28`,"roomDrawer-handle":`roomDrawer-handle_AFyj0`,roomDrawerHandle:`roomDrawer-handle_AFyj0`,"roomDrawer-handle-active":`roomDrawer-handle-active_rfh4M`,roomDrawerHandleActive:`roomDrawer-handle-active_rfh4M`,"roomDrawer-toolButtonOn":`roomDrawer-toolButtonOn_et-K9`,roomDrawerToolButtonOn:`roomDrawer-toolButtonOn_et-K9`,"roomDrawer-guide":`roomDrawer-guide_cg7gP`,roomDrawerGuide:`roomDrawer-guide_cg7gP`,"roomDrawer-guide-angle":`roomDrawer-guide-angle_3SLun`,roomDrawerGuideAngle:`roomDrawer-guide-angle_3SLun`,"roomDrawer-snapMarker":`roomDrawer-snapMarker_2SDhf`,roomDrawerSnapMarker:`roomDrawer-snapMarker_2SDhf`,"roomDrawer-measureLine":`roomDrawer-measureLine_Htenn`,roomDrawerMeasureLine:`roomDrawer-measureLine_Htenn`,"roomDrawer-measureLine-hovered":`roomDrawer-measureLine-hovered_f6U9P`,roomDrawerMeasureLineHovered:`roomDrawer-measureLine-hovered_f6U9P`,"roomDrawer-measureGrip":`roomDrawer-measureGrip_OGY0c`,roomDrawerMeasureGrip:`roomDrawer-measureGrip_OGY0c`,"roomDrawer-midHandle":`roomDrawer-midHandle_rJVzW`,roomDrawerMidHandle:`roomDrawer-midHandle_rJVzW`,"roomDrawer-measure":`roomDrawer-measure_N-cse`,roomDrawerMeasure:`roomDrawer-measure_N-cse`,"roomDrawer-measure-locked":`roomDrawer-measure-locked_FiNSg`,roomDrawerMeasureLocked:`roomDrawer-measure-locked_FiNSg`,"roomDrawer-measure-offset":`roomDrawer-measure-offset_IdBYD`,roomDrawerMeasureOffset:`roomDrawer-measure-offset_IdBYD`,"roomDrawer-measure-secondary":`roomDrawer-measure-secondary_DgNzz`,roomDrawerMeasureSecondary:`roomDrawer-measure-secondary_DgNzz`,"roomDrawer-inspector":`roomDrawer-inspector_hOVUl`,roomDrawerInspector:`roomDrawer-inspector_hOVUl`,"roomDrawer-inspector-action":`roomDrawer-inspector-action_zMwML`,roomDrawerInspectorAction:`roomDrawer-inspector-action_zMwML`,"roomDrawer-inspector-label":`roomDrawer-inspector-label_yA6NE`,roomDrawerInspectorLabel:`roomDrawer-inspector-label_yA6NE`,"roomDrawer-inspector-kind":`roomDrawer-inspector-kind_ebNzr`,roomDrawerInspectorKind:`roomDrawer-inspector-kind_ebNzr`,"roomDrawer-inspector-kindEmpty":`roomDrawer-inspector-kindEmpty_JIx7s`,roomDrawerInspectorKindEmpty:`roomDrawer-inspector-kindEmpty_JIx7s`,"roomDrawer-inspector-field":`roomDrawer-inspector-field_-c8za`,roomDrawerInspectorField:`roomDrawer-inspector-field_-c8za`,"roomDrawer-inspector-name":`roomDrawer-inspector-name_3xHLm`,roomDrawerInspectorName:`roomDrawer-inspector-name_3xHLm`,"roomDrawer-inspector-delete":`roomDrawer-inspector-delete_MzEl2`,roomDrawerInspectorDelete:`roomDrawer-inspector-delete_MzEl2`,"roomDrawer-hint":`roomDrawer-hint_3WTFa`,roomDrawerHint:`roomDrawer-hint_3WTFa`,"roomDrawer-hint-report":`roomDrawer-hint-report_oFtGt`,roomDrawerHintReport:`roomDrawer-hint-report_oFtGt`,"roomDrawer-fileInput":`roomDrawer-fileInput_EAZw-`,roomDrawerFileInput:`roomDrawer-fileInput_EAZw-`};export{e as default};
+var e=`roomDrawer_SJj4-`,t=`roomDrawer-disabled_VRaTX`,n=`roomDrawer-toolbar_55H5p`,r=`roomDrawer-toolbar-separator_z-eRp`,i=`roomDrawer-toolButton_4GtjR`,a=`roomDrawer-viewButton_OnZR6`,o=`roomDrawer-toolButtonActive_-BXua`,s=`roomDrawer-toolIcon_mJ0vT`,c=`roomDrawer-viewControls_TKUQ1`,l=`roomDrawer-zoomLabel_xGvgk`,u=`roomDrawer-floorBar_PMWOg`,d=`roomDrawer-floorTab_lvLY-`,f=`roomDrawer-floorTab-active_pB7Oz`,p=`roomDrawer-floorTab-add_F46eU`,m=`roomDrawer-canvasWrapper_ctjFw`,h=`roomDrawer-canvasWrapper-drawing_8kVH2`,g=`roomDrawer-preview_vqJGn`,_=`roomDrawer-marquee_Vbm28`,v=`roomDrawer-handle_AFyj0`,y=`roomDrawer-handle-active_rfh4M`,b=`roomDrawer-toolButtonOn_et-K9`,x=`roomDrawer-guide_cg7gP`,S=`roomDrawer-guide-angle_3SLun`,C=`roomDrawer-snapMarker_2SDhf`,w=`roomDrawer-measureLine_Htenn`,T=`roomDrawer-measureLine-hovered_f6U9P`,E=`roomDrawer-measureGrip_OGY0c`,D=`roomDrawer-midHandle_rJVzW`,O=`roomDrawer-measure_N-cse`,k=`roomDrawer-measure-locked_FiNSg`,A=`roomDrawer-measure-offset_IdBYD`,j=`roomDrawer-measure-secondary_DgNzz`,M=`roomDrawer-inspector_hOVUl`,N=`roomDrawer-inspector-action_zMwML`,P=`roomDrawer-inspector-label_yA6NE`,F=`roomDrawer-inspector-kind_ebNzr`,I=`roomDrawer-inspector-kindEmpty_JIx7s`,L=`roomDrawer-inspector-field_-c8za`,R=`roomDrawer-inspector-name_3xHLm`,z=`roomDrawer-inspector-delete_MzEl2`,B=`roomDrawer-hint_3WTFa`,V=`roomDrawer-hint-report_oFtGt`,H=`roomDrawer-fileInput_EAZw-`,U={roomDrawer:e,"roomDrawer-disabled":`roomDrawer-disabled_VRaTX`,roomDrawerDisabled:t,"roomDrawer-toolbar":`roomDrawer-toolbar_55H5p`,roomDrawerToolbar:n,"roomDrawer-toolbar-separator":`roomDrawer-toolbar-separator_z-eRp`,roomDrawerToolbarSeparator:r,"roomDrawer-toolButton":`roomDrawer-toolButton_4GtjR`,roomDrawerToolButton:i,"roomDrawer-viewButton":`roomDrawer-viewButton_OnZR6`,roomDrawerViewButton:a,"roomDrawer-toolButtonActive":`roomDrawer-toolButtonActive_-BXua`,roomDrawerToolButtonActive:o,"roomDrawer-toolIcon":`roomDrawer-toolIcon_mJ0vT`,roomDrawerToolIcon:s,"roomDrawer-viewControls":`roomDrawer-viewControls_TKUQ1`,roomDrawerViewControls:c,"roomDrawer-zoomLabel":`roomDrawer-zoomLabel_xGvgk`,roomDrawerZoomLabel:l,"roomDrawer-floorBar":`roomDrawer-floorBar_PMWOg`,roomDrawerFloorBar:u,"roomDrawer-floorTab":`roomDrawer-floorTab_lvLY-`,roomDrawerFloorTab:d,"roomDrawer-floorTab-active":`roomDrawer-floorTab-active_pB7Oz`,roomDrawerFloorTabActive:f,"roomDrawer-floorTab-add":`roomDrawer-floorTab-add_F46eU`,roomDrawerFloorTabAdd:p,"roomDrawer-canvasWrapper":`roomDrawer-canvasWrapper_ctjFw`,roomDrawerCanvasWrapper:m,"roomDrawer-canvasWrapper-drawing":`roomDrawer-canvasWrapper-drawing_8kVH2`,roomDrawerCanvasWrapperDrawing:h,"roomDrawer-preview":`roomDrawer-preview_vqJGn`,roomDrawerPreview:g,"roomDrawer-marquee":`roomDrawer-marquee_Vbm28`,roomDrawerMarquee:_,"roomDrawer-handle":`roomDrawer-handle_AFyj0`,roomDrawerHandle:v,"roomDrawer-handle-active":`roomDrawer-handle-active_rfh4M`,roomDrawerHandleActive:y,"roomDrawer-toolButtonOn":`roomDrawer-toolButtonOn_et-K9`,roomDrawerToolButtonOn:b,"roomDrawer-guide":`roomDrawer-guide_cg7gP`,roomDrawerGuide:x,"roomDrawer-guide-angle":`roomDrawer-guide-angle_3SLun`,roomDrawerGuideAngle:S,"roomDrawer-snapMarker":`roomDrawer-snapMarker_2SDhf`,roomDrawerSnapMarker:C,"roomDrawer-measureLine":`roomDrawer-measureLine_Htenn`,roomDrawerMeasureLine:w,"roomDrawer-measureLine-hovered":`roomDrawer-measureLine-hovered_f6U9P`,roomDrawerMeasureLineHovered:T,"roomDrawer-measureGrip":`roomDrawer-measureGrip_OGY0c`,roomDrawerMeasureGrip:E,"roomDrawer-midHandle":`roomDrawer-midHandle_rJVzW`,roomDrawerMidHandle:D,"roomDrawer-measure":`roomDrawer-measure_N-cse`,roomDrawerMeasure:O,"roomDrawer-measure-locked":`roomDrawer-measure-locked_FiNSg`,roomDrawerMeasureLocked:k,"roomDrawer-measure-offset":`roomDrawer-measure-offset_IdBYD`,roomDrawerMeasureOffset:A,"roomDrawer-measure-secondary":`roomDrawer-measure-secondary_DgNzz`,roomDrawerMeasureSecondary:j,"roomDrawer-inspector":`roomDrawer-inspector_hOVUl`,roomDrawerInspector:M,"roomDrawer-inspector-action":`roomDrawer-inspector-action_zMwML`,roomDrawerInspectorAction:N,"roomDrawer-inspector-label":`roomDrawer-inspector-label_yA6NE`,roomDrawerInspectorLabel:P,"roomDrawer-inspector-kind":`roomDrawer-inspector-kind_ebNzr`,roomDrawerInspectorKind:F,"roomDrawer-inspector-kindEmpty":`roomDrawer-inspector-kindEmpty_JIx7s`,roomDrawerInspectorKindEmpty:I,"roomDrawer-inspector-field":`roomDrawer-inspector-field_-c8za`,roomDrawerInspectorField:L,"roomDrawer-inspector-name":`roomDrawer-inspector-name_3xHLm`,roomDrawerInspectorName:R,"roomDrawer-inspector-delete":`roomDrawer-inspector-delete_MzEl2`,roomDrawerInspectorDelete:z,"roomDrawer-hint":`roomDrawer-hint_3WTFa`,roomDrawerHint:B,"roomDrawer-hint-report":`roomDrawer-hint-report_oFtGt`,roomDrawerHintReport:V,"roomDrawer-fileInput":`roomDrawer-fileInput_EAZw-`,roomDrawerFileInput:H};export{U as default,e as roomDrawer,m as roomDrawerCanvasWrapper,h as roomDrawerCanvasWrapperDrawing,t as roomDrawerDisabled,H as roomDrawerFileInput,u as roomDrawerFloorBar,d as roomDrawerFloorTab,f as roomDrawerFloorTabActive,p as roomDrawerFloorTabAdd,x as roomDrawerGuide,S as roomDrawerGuideAngle,v as roomDrawerHandle,y as roomDrawerHandleActive,B as roomDrawerHint,V as roomDrawerHintReport,M as roomDrawerInspector,N as roomDrawerInspectorAction,z as roomDrawerInspectorDelete,L as roomDrawerInspectorField,F as roomDrawerInspectorKind,I as roomDrawerInspectorKindEmpty,P as roomDrawerInspectorLabel,R as roomDrawerInspectorName,_ as roomDrawerMarquee,O as roomDrawerMeasure,E as roomDrawerMeasureGrip,w as roomDrawerMeasureLine,T as roomDrawerMeasureLineHovered,k as roomDrawerMeasureLocked,A as roomDrawerMeasureOffset,j as roomDrawerMeasureSecondary,D as roomDrawerMidHandle,g as roomDrawerPreview,C as roomDrawerSnapMarker,i as roomDrawerToolButton,o as roomDrawerToolButtonActive,b as roomDrawerToolButtonOn,s as roomDrawerToolIcon,n as roomDrawerToolbar,r as roomDrawerToolbarSeparator,a as roomDrawerViewButton,c as roomDrawerViewControls,l as roomDrawerZoomLabel};
 //# sourceMappingURL=roomDrawer.module.mjs.map

package/dist/esm/common/roomDrawer/roomDrawer.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"roomDrawer.module.mjs","names":[],"sources":["../../../../package/common/roomDrawer/roomDrawer.module.pcss"],"sourcesContent":[".roomDrawer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-s, 8px);\n  color: var(--text-color);\n  position: relative;\n\n  &:focus-visible {\n    outline: 2px solid var(--focus-border-color, var(--primary-color));\n    outline-offset: 2px;\n    border-radius: var(--default-border-radius);\n  }\n\n  &-disabled {\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  /* ── Toolbar ── */\n\n  &-toolbar {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 4px;\n    padding: 4px;\n    background: var(--background-accent);\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n\n    &-separator {\n      width: 1px;\n      align-self: stretch;\n      margin: 2px 4px;\n      background: var(--border-color);\n    }\n  }\n\n  &-toolButton,\n  &-viewButton {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 34px;\n    height: 34px;\n    padding: 0 8px;\n    border: 1px solid transparent;\n    border-radius: var(--default-border-radius);\n    background: transparent;\n    color: var(--text-color);\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover:not(:disabled) {\n      background: var(--background-accent-light);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--focus-border-color, var(--primary-color));\n    }\n\n    &:disabled {\n      opacity: 0.4;\n      cursor: default;\n    }\n  }\n\n  &-toolButtonActive {\n    background: var(--primary-color);\n    color: var(--text-on-primary);\n\n    &:hover {\n      background: var(--primary-color);\n    }\n  }\n\n  &-toolIcon {\n    pointer-events: none;\n  }\n\n  &-viewControls {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    margin-left: auto;\n  }\n\n  &-zoomLabel {\n    min-width: 62px;\n    height: 34px;\n    padding: 0 6px;\n    border: 1px solid transparent;\n    border-radius: var(--default-border-radius);\n    background: transparent;\n    color: var(--text-dark);\n    font-size: 12px;\n    font-variant-numeric: tabular-nums;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover {\n      background: var(--background-accent-light);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--focus-border-color, var(--primary-color));\n    }\n  }\n\n  /* Storeys, top one first. A strip rather than a dropdown because switching floors is\n     something you do constantly while drawing, and a dropdown costs two clicks each time. */\n  &-floorBar {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-wrap: wrap;\n    padding: var(--spacing-xs, 4px);\n    background: var(--background-accent);\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n  }\n\n  &-floorTab {\n    height: 28px;\n    padding: 0 10px;\n    border: 1px solid transparent;\n    border-radius: var(--default-border-radius);\n    background: transparent;\n    color: var(--text-dark);\n    font-size: 12px;\n    white-space: nowrap;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover {\n      background: var(--background-accent-light);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--focus-border-color, var(--primary-color));\n    }\n\n    &-active {\n      background: var(--primary-color);\n      border-color: var(--primary-color);\n      color: var(--text-on-primary);\n      font-weight: 600;\n\n      &:hover {\n        background: var(--primary-color);\n      }\n    }\n\n    &-add {\n      padding: 0 8px;\n      color: var(--text-dark);\n    }\n  }\n\n  /* ── Canvas ── */\n\n  &-canvasWrapper {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n    background: var(--background);\n    /* Without this the browser claims the gesture and pointermove stops firing mid-drag. */\n    touch-action: none;\n    cursor: default;\n    -webkit-tap-highlight-color: transparent;\n\n    &-drawing {\n      cursor: crosshair;\n    }\n  }\n\n  /* ── Screen-space overlay ── */\n\n  &-preview {\n    fill: var(--primary-accent);\n    fill-opacity: 0.12;\n    stroke: var(--primary-color);\n    stroke-width: 1.5;\n    stroke-dasharray: 5 4;\n  }\n\n  &-marquee {\n    fill: var(--primary-color);\n    fill-opacity: 0.1;\n    stroke: var(--primary-color);\n    stroke-width: 1;\n    stroke-dasharray: 4 3;\n  }\n\n  &-handle {\n    fill: var(--background);\n    stroke: var(--primary-color);\n    stroke-width: 2;\n\n    &-active {\n      fill: var(--primary-color);\n    }\n  }\n\n  /* A latched toggle (snap, angle lock, grid): on, but not the active tool. */\n  &-toolButtonOn {\n    border-color: var(--primary-color);\n    color: var(--primary-color);\n  }\n\n  /* ── Snap feedback ── */\n\n  &-guide {\n    stroke: var(--plan-guide-color, var(--info-color));\n    stroke-width: 1;\n    stroke-dasharray: 4 4;\n    opacity: 0.8;\n    pointer-events: none;\n\n    /* Angle lock gets the brand colour: it is the one the user asked for by name. */\n    &-angle {\n      stroke: var(--primary-color);\n      stroke-dasharray: 6 3;\n      opacity: 0.9;\n    }\n  }\n\n  &-snapMarker {\n    fill: none;\n    stroke: var(--primary-color);\n    stroke-width: 1.5;\n    pointer-events: none;\n  }\n\n  /* A measurement, not geometry: dashed and in the accent colour so it can never be\n     mistaken for a wall that was actually drawn. */\n  &-measureLine {\n    pointer-events: none;\n\n    line {\n      stroke: var(--plan-measure-color, var(--primary-color));\n      stroke-width: 1.25;\n      stroke-dasharray: 5 4;\n    }\n\n    line + line {\n      stroke-dasharray: none;\n    }\n\n    &-hovered line {\n      stroke-width: 2;\n      opacity: 1;\n    }\n  }\n\n  /* Only drawn while the ruler is the active tool, so it never competes with a corner\n     handle for the same pixel. */\n  &-measureGrip {\n    fill: var(--background);\n    stroke: var(--plan-measure-color, var(--primary-color));\n    stroke-width: 1.5;\n    cursor: grab;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  /* Hollow and smaller than a corner handle: it marks a corner that does not exist yet. */\n  &-midHandle {\n    fill: var(--background);\n    stroke: var(--primary-color);\n    stroke-width: 1.5;\n    stroke-dasharray: 2.5 2;\n  }\n\n  &-measure {\n    fill: var(--text-color);\n    font-size: 11px;\n    font-variant-numeric: tabular-nums;\n    paint-order: stroke;\n    stroke: var(--background);\n    stroke-width: 3px;\n    stroke-linejoin: round;\n\n    &-locked {\n      fill: var(--primary-color);\n      font-weight: 600;\n    }\n\n    /* How far a room has been dragged. Carries a chip behind it because it floats over the\n       room's own fill rather than sitting on a wall, where the halo alone would do. */\n    &-offset {\n      fill: var(--text-on-primary);\n      font-weight: 600;\n      paint-order: stroke;\n      stroke: var(--primary-color);\n      stroke-width: 8px;\n      stroke-linejoin: round;\n    }\n\n    /* A consequence of the edit rather than its subject: still readable, but clearly\n       secondary to the wall or corner actually being moved. */\n    &-secondary {\n      fill: var(--text-dark);\n      opacity: 0.75;\n    }\n  }\n\n  /* ── Inspector ── */\n\n  &-inspector {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px;\n    padding: 8px;\n    background: var(--background-accent);\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n\n    &-action {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      height: 34px;\n      padding: 0 12px;\n      border: 1px solid var(--border-color);\n      border-radius: var(--default-border-radius);\n      background: var(--background);\n      color: var(--text-color);\n      font-size: 13px;\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n\n      &:hover:not(:disabled) {\n        background: var(--background-accent-light);\n      }\n\n      &:disabled {\n        opacity: 0.4;\n        cursor: default;\n      }\n\n      &:focus-visible {\n        outline: none;\n        border-color: var(--focus-border-color, var(--primary-color));\n      }\n    }\n\n    &-label {\n      color: var(--text-dark);\n      font-size: 12px;\n      font-variant-numeric: tabular-nums;\n    }\n\n    /* What is selected. Carries the bar on its own for a corner, which has nothing to edit\n       but a position that is already being edited by dragging it. */\n    &-kind {\n      display: flex;\n      align-items: center;\n      flex: none;\n      /* Always rendered, so it is what holds the row open to a field's height whether or\n         not the selection has any fields. Setting this on the bar itself would not do:\n         it is border-box, so the figure would have to know the padding. */\n      min-height: 34px;\n      color: var(--text-dark);\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    &-kindEmpty {\n      opacity: 0.6;\n      font-weight: 500;\n      text-transform: none;\n      letter-spacing: 0;\n      font-size: 12px;\n    }\n\n    /* Sized to their contents, so the row stays a row. A field at its natural full width\n       wrapped onto a line of its own and took the bar to three of them. They still wrap\n       when the drawer is genuinely too narrow for them. */\n    &-field {\n      flex: none;\n      /* Wide enough for the longest floating label, `Thickness (mm)`, plus the stepper\n         arrows: a narrower box left the label hanging over its own border. */\n      width: 142px;\n    }\n\n    &-name {\n      flex: 1 1 150px;\n      min-width: 120px;\n      max-width: 280px;\n    }\n\n    /* The one action that applies to every kind of selection, and the only destructive one,\n       so it sits apart at the end rather than in the run of fields. */\n    &-delete {\n      margin-left: auto;\n      color: var(--error-color, var(--text-color));\n    }\n  }\n\n  /* ── Hint ── */\n\n  &-hint {\n    color: var(--text-dark);\n    font-size: 12px;\n    line-height: 1.4;\n\n    /* What an opened file needed doing to it. Louder than a hint because it is the only\n       account of what happened to the user's file. */\n    &-report {\n      color: var(--error-color, var(--text-color));\n      font-weight: 500;\n    }\n  }\n\n  /* The picker is opened from the toolbar button, so the input itself is never shown.\n     Hidden by clipping rather than `display: none`, which stops `.click()` opening the\n     dialog in some browsers. */\n  &-fileInput {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    border: 0;\n    clip-path: inset(50%);\n    overflow: hidden;\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"roomDrawer.module.mjs","names":[],"sources":["../../../../package/common/roomDrawer/roomDrawer.module.pcss"],"sourcesContent":[".roomDrawer {\n  display: flex;\n  flex-direction: column;\n  gap: var(--spacing-s, 8px);\n  color: var(--text-color);\n  position: relative;\n\n  &:focus-visible {\n    outline: 2px solid var(--focus-border-color, var(--primary-color));\n    outline-offset: 2px;\n    border-radius: var(--default-border-radius);\n  }\n\n  &-disabled {\n    opacity: 0.6;\n    pointer-events: none;\n  }\n\n  /* ── Toolbar ── */\n\n  &-toolbar {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 4px;\n    padding: 4px;\n    background: var(--background-accent);\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n\n    &-separator {\n      width: 1px;\n      align-self: stretch;\n      margin: 2px 4px;\n      background: var(--border-color);\n    }\n  }\n\n  &-toolButton,\n  &-viewButton {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 34px;\n    height: 34px;\n    padding: 0 8px;\n    border: 1px solid transparent;\n    border-radius: var(--default-border-radius);\n    background: transparent;\n    color: var(--text-color);\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover:not(:disabled) {\n      background: var(--background-accent-light);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--focus-border-color, var(--primary-color));\n    }\n\n    &:disabled {\n      opacity: 0.4;\n      cursor: default;\n    }\n  }\n\n  &-toolButtonActive {\n    background: var(--primary-color);\n    color: var(--text-on-primary);\n\n    &:hover {\n      background: var(--primary-color);\n    }\n  }\n\n  &-toolIcon {\n    pointer-events: none;\n  }\n\n  &-viewControls {\n    display: inline-flex;\n    align-items: center;\n    gap: 2px;\n    margin-left: auto;\n  }\n\n  &-zoomLabel {\n    min-width: 62px;\n    height: 34px;\n    padding: 0 6px;\n    border: 1px solid transparent;\n    border-radius: var(--default-border-radius);\n    background: transparent;\n    color: var(--text-dark);\n    font-size: 12px;\n    font-variant-numeric: tabular-nums;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover {\n      background: var(--background-accent-light);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--focus-border-color, var(--primary-color));\n    }\n  }\n\n  /* Storeys, top one first. A strip rather than a dropdown because switching floors is\n     something you do constantly while drawing, and a dropdown costs two clicks each time. */\n  &-floorBar {\n    display: flex;\n    align-items: center;\n    gap: 2px;\n    flex-wrap: wrap;\n    padding: var(--spacing-xs, 4px);\n    background: var(--background-accent);\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n  }\n\n  &-floorTab {\n    height: 28px;\n    padding: 0 10px;\n    border: 1px solid transparent;\n    border-radius: var(--default-border-radius);\n    background: transparent;\n    color: var(--text-dark);\n    font-size: 12px;\n    white-space: nowrap;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n\n    &:hover {\n      background: var(--background-accent-light);\n    }\n\n    &:focus-visible {\n      outline: none;\n      border-color: var(--focus-border-color, var(--primary-color));\n    }\n\n    &-active {\n      background: var(--primary-color);\n      border-color: var(--primary-color);\n      color: var(--text-on-primary);\n      font-weight: 600;\n\n      &:hover {\n        background: var(--primary-color);\n      }\n    }\n\n    &-add {\n      padding: 0 8px;\n      color: var(--text-dark);\n    }\n  }\n\n  /* ── Canvas ── */\n\n  &-canvasWrapper {\n    position: relative;\n    overflow: hidden;\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n    background: var(--background);\n\n    /* Without this the browser claims the gesture and pointermove stops firing mid-drag. */\n    touch-action: none;\n    cursor: default;\n    -webkit-tap-highlight-color: transparent;\n\n    &-drawing {\n      cursor: crosshair;\n    }\n  }\n\n  /* ── Screen-space overlay ── */\n\n  &-preview {\n    fill: var(--primary-accent);\n    fill-opacity: 0.12;\n    stroke: var(--primary-color);\n    stroke-width: 1.5;\n    stroke-dasharray: 5 4;\n  }\n\n  &-marquee {\n    fill: var(--primary-color);\n    fill-opacity: 0.1;\n    stroke: var(--primary-color);\n    stroke-width: 1;\n    stroke-dasharray: 4 3;\n  }\n\n  &-handle {\n    fill: var(--background);\n    stroke: var(--primary-color);\n    stroke-width: 2;\n\n    &-active {\n      fill: var(--primary-color);\n    }\n  }\n\n  /* A latched toggle (snap, angle lock, grid): on, but not the active tool. */\n  &-toolButtonOn {\n    border-color: var(--primary-color);\n    color: var(--primary-color);\n  }\n\n  /* ── Snap feedback ── */\n\n  &-guide {\n    stroke: var(--plan-guide-color, var(--info-color));\n    stroke-width: 1;\n    stroke-dasharray: 4 4;\n    opacity: 0.8;\n    pointer-events: none;\n\n    /* Angle lock gets the brand colour: it is the one the user asked for by name. */\n    &-angle {\n      stroke: var(--primary-color);\n      stroke-dasharray: 6 3;\n      opacity: 0.9;\n    }\n  }\n\n  &-snapMarker {\n    fill: none;\n    stroke: var(--primary-color);\n    stroke-width: 1.5;\n    pointer-events: none;\n  }\n\n  /* A measurement, not geometry: dashed and in the accent colour so it can never be\n     mistaken for a wall that was actually drawn. */\n  &-measureLine {\n    pointer-events: none;\n\n    line {\n      stroke: var(--plan-measure-color, var(--primary-color));\n      stroke-width: 1.25;\n      stroke-dasharray: 5 4;\n    }\n\n    line + line {\n      stroke-dasharray: none;\n    }\n\n    &-hovered line {\n      stroke-width: 2;\n      opacity: 1;\n    }\n  }\n\n  /* Only drawn while the ruler is the active tool, so it never competes with a corner\n     handle for the same pixel. */\n  &-measureGrip {\n    fill: var(--background);\n    stroke: var(--plan-measure-color, var(--primary-color));\n    stroke-width: 1.5;\n    cursor: grab;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  /* Hollow and smaller than a corner handle: it marks a corner that does not exist yet. */\n  &-midHandle {\n    fill: var(--background);\n    stroke: var(--primary-color);\n    stroke-width: 1.5;\n    stroke-dasharray: 2.5 2;\n  }\n\n  &-measure {\n    fill: var(--text-color);\n    font-size: 11px;\n    font-variant-numeric: tabular-nums;\n    paint-order: stroke;\n    stroke: var(--background);\n    stroke-width: 3px;\n    stroke-linejoin: round;\n\n    &-locked {\n      fill: var(--primary-color);\n      font-weight: 600;\n    }\n\n    /* How far a room has been dragged. Carries a chip behind it because it floats over the\n       room's own fill rather than sitting on a wall, where the halo alone would do. */\n    &-offset {\n      fill: var(--text-on-primary);\n      font-weight: 600;\n      paint-order: stroke;\n      stroke: var(--primary-color);\n      stroke-width: 8px;\n      stroke-linejoin: round;\n    }\n\n    /* A consequence of the edit rather than its subject: still readable, but clearly\n       secondary to the wall or corner actually being moved. */\n    &-secondary {\n      fill: var(--text-dark);\n      opacity: 0.75;\n    }\n  }\n\n  /* ── Inspector ── */\n\n  &-inspector {\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    gap: 8px;\n    padding: 8px;\n    background: var(--background-accent);\n    border: 1px solid var(--border-color);\n    border-radius: var(--default-border-radius);\n\n    &-action {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 6px;\n      height: 34px;\n      padding: 0 12px;\n      border: 1px solid var(--border-color);\n      border-radius: var(--default-border-radius);\n      background: var(--background);\n      color: var(--text-color);\n      font-size: 13px;\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n\n      &:hover:not(:disabled) {\n        background: var(--background-accent-light);\n      }\n\n      &:disabled {\n        opacity: 0.4;\n        cursor: default;\n      }\n\n      &:focus-visible {\n        outline: none;\n        border-color: var(--focus-border-color, var(--primary-color));\n      }\n    }\n\n    &-label {\n      color: var(--text-dark);\n      font-size: 12px;\n      font-variant-numeric: tabular-nums;\n    }\n\n    /* What is selected. Carries the bar on its own for a corner, which has nothing to edit\n       but a position that is already being edited by dragging it. */\n    &-kind {\n      display: flex;\n      align-items: center;\n      flex: none;\n\n      /* Always rendered, so it is what holds the row open to a field's height whether or\n         not the selection has any fields. Setting this on the bar itself would not do:\n         it is border-box, so the figure would have to know the padding. */\n      min-height: 34px;\n      color: var(--text-dark);\n      font-size: 11px;\n      font-weight: 600;\n      letter-spacing: 0.04em;\n      text-transform: uppercase;\n      white-space: nowrap;\n    }\n\n    &-kindEmpty {\n      opacity: 0.6;\n      font-weight: 500;\n      text-transform: none;\n      letter-spacing: 0;\n      font-size: 12px;\n    }\n\n    /* Sized to their contents, so the row stays a row. A field at its natural full width\n       wrapped onto a line of its own and took the bar to three of them. They still wrap\n       when the drawer is genuinely too narrow for them. */\n    &-field {\n      flex: none;\n\n      /* Wide enough for the longest floating label, `Thickness (mm)`, plus the stepper\n         arrows: a narrower box left the label hanging over its own border. */\n      width: 142px;\n    }\n\n    &-name {\n      flex: 1 1 150px;\n      min-width: 120px;\n      max-width: 280px;\n    }\n\n    /* The one action that applies to every kind of selection, and the only destructive one,\n       so it sits apart at the end rather than in the run of fields. */\n    &-delete {\n      margin-left: auto;\n      color: var(--error-color, var(--text-color));\n    }\n  }\n\n  /* ── Hint ── */\n\n  &-hint {\n    color: var(--text-dark);\n    font-size: 12px;\n    line-height: 1.4;\n\n    /* What an opened file needed doing to it. Louder than a hint because it is the only\n       account of what happened to the user's file. */\n    &-report {\n      color: var(--error-color, var(--text-color));\n      font-weight: 500;\n    }\n  }\n\n  /* The picker is opened from the toolbar button, so the input itself is never shown.\n     Hidden by clipping rather than `display: none`, which stops `.click()` opening the\n     dialog in some browsers. */\n  &-fileInput {\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    border: 0;\n    clip-path: inset(50%);\n    overflow: hidden;\n    white-space: nowrap;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/roomDrawer/usePlanHistory.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"usePlanHistory.mjs","names":[],"sources":["../../../../package/common/roomDrawer/usePlanHistory.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport type { FloorPlan } from '../floorPlan';\nimport type { RoomDrawerChangeReason } from './roomDrawer.types';\n\n/**\n * Undo/redo over plan snapshots.\n *\n * Snapshots rather than command objects: every mutator already returns a fresh\n * immutable plan with structural sharing, so a snapshot costs a handful of pointers.\n * Commands would mean writing and testing an inverse for each of fifteen operations,\n * and an `addWall` that split three other walls on its way has no cheap inverse at all.\n *\n * The gesture API is what keeps a 200-move drag to ONE entry: `begin` stashes the plan\n * as it was, `update` replaces the present without pushing, and `end` pushes that single\n * stashed snapshot. A gesture that was aborted, or that ended where it started, pushes\n * nothing.\n */\n\n/** Discrete edits of the same kind on the same target merge if they land within this. */\nconst MERGE_WINDOW_MS = 500;\n\nexport interface PlanHistory {\n  present: FloorPlan;\n  canUndo: boolean;\n  canRedo: boolean;\n\n  /** Stashes the current plan as the snapshot a later `endGesture` would restore to. */\n  beginGesture: () => void;\n  /** Replaces the present mid-gesture. Pushes nothing. */\n  updateGesture: (plan: FloorPlan) => void;\n  /** Pushes the stashed snapshot, if the gesture actually changed anything. */\n  endGesture: () => boolean;\n  /** Discards the gesture and restores the stashed snapshot. */\n  cancelGesture: () => FloorPlan | null;\n\n  /** A discrete edit: pushes and replaces atomically. */\n  commit: (plan: FloorPlan, reason: RoomDrawerChangeReason, targetIds?: string[]) => void;\n  /** Replaces the present without touching history, for an externally driven value. */\n  replace: (plan: FloorPlan) => void;\n\n  undo: () => FloorPlan | null;\n  redo: () => FloorPlan | null;\n  clearHistory: () => void;\n  isGestureActive: () => boolean;\n}\n\nexport function usePlanHistory(initial: FloorPlan, limit = 50): PlanHistory {\n  const [present, setPresent] = useState<FloorPlan>(initial);\n  const pastRef = useRef<FloorPlan[]>([]);\n  const futureRef = useRef<FloorPlan[]>([]);\n  const gestureStartRef = useRef<FloorPlan | null>(null);\n  const presentRef = useRef<FloorPlan>(initial);\n  const lastCommitRef = useRef<{ reason: string; targets: string; at: number } | null>(null);\n  const [, forceCounter] = useState(0);\n\n  const setBoth = useCallback((plan: FloorPlan) => {\n    presentRef.current = plan;\n    setPresent(plan);\n  }, []);\n\n  const push = useCallback(\n    (snapshot: FloorPlan) => {\n      pastRef.current = [...pastRef.current, snapshot].slice(-limit);\n      futureRef.current = [];\n    },\n    [limit],\n  );\n\n  const beginGesture = useCallback(() => {\n    gestureStartRef.current = presentRef.current;\n  }, []);\n\n  const updateGesture = useCallback(\n    (plan: FloorPlan) => {\n      setBoth(plan);\n    },\n    [setBoth],\n  );\n\n  const endGesture = useCallback(() => {\n    const start = gestureStartRef.current;\n    gestureStartRef.current = null;\n    if (!start || start === presentRef.current) return false;\n    push(start);\n    lastCommitRef.current = null;\n    forceCounter((n) => n + 1);\n    return true;\n  }, [push]);\n\n  const cancelGesture = useCallback(() => {\n    const start = gestureStartRef.current;\n    gestureStartRef.current = null;\n    if (!start) return null;\n    setBoth(start);\n    return start;\n  }, [setBoth]);\n\n  const commit = useCallback(\n    (plan: FloorPlan, reason: RoomDrawerChangeReason, targetIds: string[] = []) => {\n      if (plan === presentRef.current) return;\n      const targets = targetIds.join(',');\n      const now = Date.now();\n      const last = lastCommitRef.current;\n      // Typing a room name would otherwise flood the stack with one entry per keystroke.\n      const mergeable =\n        last !== null &&\n        last.reason === reason &&\n        last.targets === targets &&\n        now - last.at < MERGE_WINDOW_MS &&\n        pastRef.current.length > 0;\n\n      if (!mergeable) push(presentRef.current);\n      else futureRef.current = [];\n\n      lastCommitRef.current = { reason, targets, at: now };\n      setBoth(plan);\n      forceCounter((n) => n + 1);\n    },\n    [push, setBoth],\n  );\n\n  const replace = useCallback(\n    (plan: FloorPlan) => {\n      setBoth(plan);\n    },\n    [setBoth],\n  );\n\n  const undo = useCallback(() => {\n    const past = pastRef.current;\n    if (past.length === 0) return null;\n    const previous = past[past.length - 1];\n    pastRef.current = past.slice(0, -1);\n    futureRef.current = [presentRef.current, ...futureRef.current];\n    lastCommitRef.current = null;\n    setBoth(previous);\n    forceCounter((n) => n + 1);\n    return previous;\n  }, [setBoth]);\n\n  const redo = useCallback(() => {\n    const future = futureRef.current;\n    if (future.length === 0) return null;\n    const next = future[0];\n    futureRef.current = future.slice(1);\n    pastRef.current = [...pastRef.current, presentRef.current].slice(-limit);\n    lastCommitRef.current = null;\n    setBoth(next);\n    forceCounter((n) => n + 1);\n    return next;\n  }, [limit, setBoth]);\n\n  const clearHistory = useCallback(() => {\n    pastRef.current = [];\n    futureRef.current = [];\n    lastCommitRef.current = null;\n    forceCounter((n) => n + 1);\n  }, []);\n\n  const isGestureActive = useCallback(() => gestureStartRef.current !== null, []);\n\n  return {\n    present,\n    canUndo: pastRef.current.length > 0,\n    canRedo: futureRef.current.length > 0,\n    beginGesture,\n    updateGesture,\n    endGesture,\n    cancelGesture,\n    commit,\n    replace,\n    undo,\n    redo,\n    clearHistory,\n    isGestureActive,\n  };\n}\n"],"mappings":"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"}
+{"version":3,"file":"usePlanHistory.mjs","names":[],"sources":["../../../../package/common/roomDrawer/usePlanHistory.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\nimport type { FloorPlan } from '../floorPlan';\nimport type { RoomDrawerChangeReason } from './roomDrawer.types';\n\n/**\n * Undo/redo over plan snapshots.\n *\n * Snapshots rather than command objects: every mutator already returns a fresh\n * immutable plan with structural sharing, so a snapshot costs a handful of pointers.\n * Commands would mean writing and testing an inverse for each of fifteen operations,\n * and an `addWall` that split three other walls on its way has no cheap inverse at all.\n *\n * The gesture API is what keeps a 200-move drag to ONE entry: `begin` stashes the plan\n * as it was, `update` replaces the present without pushing, and `end` pushes that single\n * stashed snapshot. A gesture that was aborted, or that ended where it started, pushes\n * nothing.\n */\n\n/** Discrete edits of the same kind on the same target merge if they land within this. */\nconst MERGE_WINDOW_MS = 500;\n\nexport interface PlanHistory {\n  present: FloorPlan;\n  canUndo: boolean;\n  canRedo: boolean;\n\n  /** Stashes the current plan as the snapshot a later `endGesture` would restore to. */\n  beginGesture: () => void;\n  /** Replaces the present mid-gesture. Pushes nothing. */\n  updateGesture: (plan: FloorPlan) => void;\n  /** Pushes the stashed snapshot, if the gesture actually changed anything. */\n  endGesture: () => boolean;\n  /** Discards the gesture and restores the stashed snapshot. */\n  cancelGesture: () => FloorPlan | null;\n\n  /** A discrete edit: pushes and replaces atomically. */\n  commit: (plan: FloorPlan, reason: RoomDrawerChangeReason, targetIds?: string[]) => void;\n  /** Replaces the present without touching history, for an externally driven value. */\n  replace: (plan: FloorPlan) => void;\n\n  undo: () => FloorPlan | null;\n  redo: () => FloorPlan | null;\n  clearHistory: () => void;\n  isGestureActive: () => boolean;\n}\n\nexport function usePlanHistory(initial: FloorPlan, limit = 50): PlanHistory {\n  const [present, setPresent] = useState<FloorPlan>(initial);\n  const pastRef = useRef<FloorPlan[]>([]);\n  const futureRef = useRef<FloorPlan[]>([]);\n  const gestureStartRef = useRef<FloorPlan | null>(null);\n  const presentRef = useRef<FloorPlan>(initial);\n  const lastCommitRef = useRef<{ reason: string; targets: string; at: number } | null>(null);\n  const [, forceCounter] = useState(0);\n\n  const setBoth = useCallback((plan: FloorPlan) => {\n    presentRef.current = plan;\n    setPresent(plan);\n  }, []);\n\n  const push = useCallback(\n    (snapshot: FloorPlan) => {\n      pastRef.current = [...pastRef.current, snapshot].slice(-limit);\n      futureRef.current = [];\n    },\n    [limit],\n  );\n\n  const beginGesture = useCallback(() => {\n    gestureStartRef.current = presentRef.current;\n  }, []);\n\n  const updateGesture = useCallback(\n    (plan: FloorPlan) => {\n      setBoth(plan);\n    },\n    [setBoth],\n  );\n\n  const endGesture = useCallback(() => {\n    const start = gestureStartRef.current;\n    gestureStartRef.current = null;\n    if (!start || start === presentRef.current) return false;\n    push(start);\n    lastCommitRef.current = null;\n    forceCounter((n) => n + 1);\n    return true;\n  }, [push]);\n\n  const cancelGesture = useCallback(() => {\n    const start = gestureStartRef.current;\n    gestureStartRef.current = null;\n    if (!start) return null;\n    setBoth(start);\n    return start;\n  }, [setBoth]);\n\n  const commit = useCallback(\n    (plan: FloorPlan, reason: RoomDrawerChangeReason, targetIds: string[] = []) => {\n      if (plan === presentRef.current) return;\n      const targets = targetIds.join(',');\n      const now = Date.now();\n      const last = lastCommitRef.current;\n      // Typing a room name would otherwise flood the stack with one entry per keystroke.\n      const mergeable =\n        last !== null &&\n        last.reason === reason &&\n        last.targets === targets &&\n        now - last.at < MERGE_WINDOW_MS &&\n        pastRef.current.length > 0;\n\n      if (!mergeable) push(presentRef.current);\n      else futureRef.current = [];\n\n      lastCommitRef.current = { reason, targets, at: now };\n      setBoth(plan);\n      forceCounter((n) => n + 1);\n    },\n    [push, setBoth],\n  );\n\n  const replace = useCallback(\n    (plan: FloorPlan) => {\n      setBoth(plan);\n    },\n    [setBoth],\n  );\n\n  const undo = useCallback(() => {\n    const past = pastRef.current;\n    if (past.length === 0) return null;\n    const previous = past[past.length - 1];\n    pastRef.current = past.slice(0, -1);\n    futureRef.current = [presentRef.current, ...futureRef.current];\n    lastCommitRef.current = null;\n    setBoth(previous);\n    forceCounter((n) => n + 1);\n    return previous;\n  }, [setBoth]);\n\n  const redo = useCallback(() => {\n    const future = futureRef.current;\n    if (future.length === 0) return null;\n    const next = future[0];\n    futureRef.current = future.slice(1);\n    pastRef.current = [...pastRef.current, presentRef.current].slice(-limit);\n    lastCommitRef.current = null;\n    setBoth(next);\n    forceCounter((n) => n + 1);\n    return next;\n  }, [limit, setBoth]);\n\n  const clearHistory = useCallback(() => {\n    pastRef.current = [];\n    futureRef.current = [];\n    lastCommitRef.current = null;\n    forceCounter((n) => n + 1);\n  }, []);\n\n  const isGestureActive = useCallback(() => gestureStartRef.current !== null, []);\n\n  return {\n    present,\n    canUndo: pastRef.current.length > 0,\n    canRedo: futureRef.current.length > 0,\n    beginGesture,\n    updateGesture,\n    endGesture,\n    cancelGesture,\n    commit,\n    replace,\n    undo,\n    redo,\n    clearHistory,\n    isGestureActive,\n  };\n}\n"],"mappings":"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"}

package/dist/esm/common/roomViewer/roomViewer.mjs

@@ -1,2 +1,2 @@
-import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import{renderIcon as t}from"../utils/renderIcon.mjs";import{floorBounds as n,getFloor as r}from"../floorPlan/floorPlan.plan.mjs";import{derivePlan as i}from"../floorPlan/floorPlan.rooms.mjs";import{clientToWorld as a}from"../floorPlan/floorPlan.snap.mjs";import o from"../planCanvas/planCanvas.mjs";import s from"./roomViewer.module.mjs";import{forwardRef as c,useCallback as l,useEffect as u,useId as ee,useImperativeHandle as te,useMemo as d,useRef as f,useState as p}from"react";import m from"classnames";import{faExpand as ne,faMagnifyingGlassMinus as re,faMagnifyingGlassPlus as ie}from"@fortawesome/free-solid-svg-icons";import{jsx as h,jsxs as g}from"react/jsx-runtime";var _=.002,v=4,ae=4;function oe(e){let t=e/1e6;return`${t<10?t.toFixed(1):Math.round(t)} m²`}var se=c(function(c,se){let{plan:y,activeFloorId:b,defaultActiveFloorId:ce,onFloorChange:le,selectedRoomId:x,defaultSelectedRoomId:ue=null,onSelect:de,hoveredRoomId:S,onHoverChange:C,view:w,defaultView:fe,onViewChange:T,interactive:E=!0,pannable:D=!0,fitOnMount:pe=!0,showFloorBar:me=!0,showViewControls:he=!0,showGrid:ge=!1,showRoomLabels:_e=!0,showOpeningSymbols:ve=!0,getRoomColor:ye,renderRoomLabel:be,getRoomLabel:xe,formatArea:O=oe,height:Se=360,emptyState:Ce,labels:k,icons:A,className:we,style:Te,classNames:j,styles:M,"aria-label":N,...Ee}=e(`RoomViewer`,c),P=f(null),F=f(null),De=ee().replace(/:/g,``),I=y?.floors??[],[Oe,ke]=p(ce),L=b??Oe??I[0]?.id,R=d(()=>y?r(y,L)??r(y):null,[y,L]),z=l(e=>{b===void 0&&ke(e),le?.(e)},[b,le]),B=d(()=>R?i(R).rooms:[],[R]),[Ae,je]=p(ue),V=x===void 0?Ae:x,[Me,Ne]=p(null),H=S===void 0?Me:S,U=l(e=>{x===void 0&&je(e);let t=e?B.find(t=>t.roomId===e)??null:null;de?.(e,t,R?.id??``)},[x,B,de,R?.id]),Pe=l(e=>{S===void 0&&Ne(e),C?.(e)},[S,C]),Fe=(()=>{let e=V?B.find(e=>e.roomId===V):void 0;if(!e)return k?.noRoomSelected??`No room selected`;let t=e.meta?.name||`Unnamed room`;return(k?.selectedRoom??`{name} selected, {area}`).replace(`{name}`,t).replace(`{area}`,O(e.area))})(),[Ie,Le]=p(fe??{x:0,y:0,zoom:.05}),W=w??Ie,G=f(W);G.current=W;let K=l(e=>{w===void 0&&Le(e),T?.(e)},[w,T]),q=f(!1),[J,Re]=p({width:800,height:360});u(()=>{let e=P.current;if(!e)return;let t=()=>{let t=e.getBoundingClientRect();t.width>0&&t.height>0&&Re({width:Math.round(t.width),height:Math.round(t.height)})},n=new ResizeObserver(t);return n.observe(e),t(),()=>n.disconnect()},[]);let Y=l((e={})=>{let t=e.padding??24,r=R?n(R):null;if(!r||r.width<=0||r.height<=0){K({x:-1e3,y:-1e3,zoom:.05});return}let i=Math.max(_,Math.min(v,Math.min((J.width-t*2)/r.width,(J.height-t*2)/r.height)));K({x:r.minX-(J.width/i-r.width)/2,y:r.minY-(J.height/i-r.height)/2,zoom:i})},[R,J.width,J.height,K]);u(()=>{!pe||q.current||!R||J.width<=0||Object.keys(R.nodes).length===0||Y()},[pe,R,J.width,J.height,Y]);let X=l((e,t)=>{q.current=!0;let n=G.current,r=Math.max(_,Math.min(v,n.zoom*e));if(r===n.zoom)return;let i=t?.x??J.width/2,a=t?.y??J.height/2;K({x:n.x+i/n.zoom-i/r,y:n.y+a/n.zoom-a/r,zoom:r})},[K,J.width,J.height]),Z=f(new Map),Q=f(null),$=f(null),ze=l(e=>{if(D){if(Z.current.set(e.pointerId,{x:e.clientX,y:e.clientY}),Z.current.size===2){let[e,t]=[...Z.current.values()];$.current={dist:Math.hypot(t.x-e.x,t.y-e.y),view:G.current,mid:{x:(e.x+t.x)/2,y:(e.y+t.y)/2}},Q.current=null;return}Q.current={startClient:{x:e.clientX,y:e.clientY},startView:G.current,moved:!1}}},[D]),Be=l(e=>{Z.current.has(e.pointerId)&&Z.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=$.current;if(t&&Z.current.size>=2){let[e,n]=[...Z.current.values()],r=Math.hypot(n.x-e.x,n.y-e.y);if(t.dist<=0)return;let i=Math.max(_,Math.min(v,t.view.zoom*(r/t.dist))),o=P.current?.getBoundingClientRect()??{left:0,top:0},s={x:(e.x+n.x)/2,y:(e.y+n.y)/2};q.current=!0;let c=a(t.mid.x,t.mid.y,o,t.view);K({x:c.x-(s.x-o.left)/i,y:c.y-(s.y-o.top)/i,zoom:i});return}let n=Q.current;if(!n)return;let r=e.clientX-n.startClient.x,i=e.clientY-n.startClient.y;!n.moved&&Math.hypot(r,i)<=ae||(n.moved||e.currentTarget.setPointerCapture?.(e.pointerId),n.moved=!0,q.current=!0,K({x:n.startView.x-r/n.startView.zoom,y:n.startView.y-i/n.startView.zoom,zoom:n.startView.zoom}))},[K]),Ve=l(e=>{Z.current.delete(e.pointerId),Z.current.size<2&&($.current=null),Q.current=null},[]);u(()=>{let e=P.current;if(!e||!D)return;let t=t=>{t.preventDefault();let n=e.getBoundingClientRect();X(t.deltaY<0?1.1:1/1.1,{x:t.clientX-n.left,y:t.clientY-n.top})};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[D,X]),te(se,()=>({fitToContent:Y,getView:()=>G.current,setView:K,zoomBy:e=>X(e),select:U,getFloorId:()=>R?.id??null,setFloorId:z,getSvgElement:()=>F.current}),[Y,K,X,U,R?.id,z]);let He=d(()=>V?[{type:`room`,id:V}]:[],[V]),Ue=d(()=>H?{type:`room`,id:H}:null,[H]),We=!R||Object.keys(R.walls).length===0;return g(`div`,{...Ee,className:m(s.roomViewer,we,j?.root),style:{...Te,...M?.root},"aria-label":N??`Floor plan`,children:[me&&I.length>1&&h(`div`,{className:m(s.roomViewerFloorBar,j?.floorBar),style:M?.floorBar,role:`tablist`,"aria-label":k?.floors??`Floors`,children:[...I].reverse().map(e=>h(`button`,{type:`button`,role:`tab`,className:m(s.roomViewerFloorTab,e.id===R?.id&&s.roomViewerFloorTabActive,j?.floorTab),style:M?.floorTab,"aria-selected":e.id===R?.id,onClick:()=>z(e.id),children:e.label},e.id))}),g(`div`,{ref:P,className:m(s.roomViewerCanvasWrapper,D&&s.roomViewerCanvasWrapperPannable,j?.canvasWrapper),style:{height:Se,...M?.canvasWrapper},onPointerDown:ze,onPointerMove:Be,onPointerUp:Ve,onPointerCancel:Ve,children:[We?h(`div`,{className:m(s.roomViewerEmpty,j?.empty),style:M?.empty,children:Ce??k?.empty??`Nothing to show`}):h(o,{ref:F,floor:R,rooms:B,view:W,size:J,selection:He,hovered:Ue,interactiveRooms:E,showGrid:ge,showRoomLabels:_e,showOpeningSymbols:ve,getRoomColor:ye,renderRoomLabel:be,getRoomLabel:xe,formatArea:O,onRoomActivate:E?e=>U(e):void 0,onBackgroundActivate:E?()=>U(null):void 0,onHoverChange:E?e=>Pe(e?.type===`room`?e.id:null):void 0,classNames:{canvas:j?.canvas,grid:j?.grid,rooms:j?.rooms,roomFill:j?.roomFill,roomLabel:j?.roomLabel,walls:j?.walls,wallBody:j?.wallBody,openings:j?.openings,opening:j?.opening},styles:{canvas:M?.canvas,grid:M?.grid,rooms:M?.rooms,roomFill:M?.roomFill,roomLabel:M?.roomLabel,walls:M?.walls,wallBody:M?.wallBody,openings:M?.openings,opening:M?.opening},"aria-label":N??`Floor plan`}),he&&!We&&g(`div`,{className:m(s.roomViewerViewControls,j?.viewControls),style:M?.viewControls,children:[h(`button`,{type:`button`,className:m(s.roomViewerViewButton,j?.viewButton),style:M?.viewButton,title:k?.zoomOut??`Zoom out`,"aria-label":k?.zoomOut??`Zoom out`,onClick:()=>X(1/1.2),children:t(A?.zoomOut??re)}),h(`button`,{type:`button`,className:m(s.roomViewerViewButton,j?.viewButton),style:M?.viewButton,title:k?.fit??`Fit to view`,"aria-label":k?.fit??`Fit to view`,onClick:()=>{q.current=!1,Y()},children:t(A?.fit??ne)}),h(`button`,{type:`button`,className:m(s.roomViewerViewButton,j?.viewButton),style:M?.viewButton,title:k?.zoomIn??`Zoom in`,"aria-label":k?.zoomIn??`Zoom in`,onClick:()=>X(1.2),children:t(A?.zoomIn??ie)})]})]}),h(`div`,{id:De,className:s.roomViewerLive,role:`status`,"aria-live":`polite`,children:Fe})]})});export{se as default};
+import{useComponentDefaults as e}from"../configProvider/useComponentDefaults.mjs";import{renderIcon as t}from"../utils/renderIcon.mjs";import{floorBounds as n,getFloor as r}from"../floorPlan/floorPlan.plan.mjs";import{derivePlan as i}from"../floorPlan/floorPlan.rooms.mjs";import{clientToWorld as a}from"../floorPlan/floorPlan.snap.mjs";import o from"../planCanvas/planCanvas.mjs";import s from"./roomViewer.module.mjs";import{forwardRef as c,useCallback as l,useEffect as u,useId as ee,useImperativeHandle as te,useMemo as d,useRef as f,useState as p}from"react";import m from"classnames";import{faExpand as ne,faMagnifyingGlassMinus as re,faMagnifyingGlassPlus as ie}from"@fortawesome/free-solid-svg-icons";import{jsx as h,jsxs as g}from"react/jsx-runtime";var _=.002,v=4,ae=4;function oe(e){let t=e/1e6;return`${t<10?t.toFixed(1):Math.round(t)} m²`}var se=c(function(c,se){let{plan:y,activeFloorId:b,defaultActiveFloorId:ce,onFloorChange:le,selectedRoomId:x,defaultSelectedRoomId:ue=null,onSelect:de,hoveredRoomId:S,onHoverChange:C,view:w,defaultView:fe,onViewChange:T,interactive:E=!0,pannable:D=!0,fitOnMount:pe=!0,showFloorBar:me=!0,showViewControls:he=!0,showGrid:ge=!1,showRoomLabels:_e=!0,showOpeningSymbols:ve=!0,getRoomColor:ye,renderRoomLabel:be,getRoomLabel:xe,formatArea:O=oe,height:Se=360,emptyState:Ce,labels:k,icons:A,className:we,style:Te,classNames:j,styles:M,"aria-label":N,...Ee}=e(`RoomViewer`,c),P=f(null),F=f(null),De=ee().replace(/:/g,``),I=y?.floors??[],[Oe,ke]=p(ce),L=b??Oe??I[0]?.id,R=d(()=>y?r(y,L)??r(y):null,[y,L]),z=l(e=>{b===void 0&&ke(e),le?.(e)},[b,le]),B=d(()=>R?i(R).rooms:[],[R]),[Ae,je]=p(ue),V=x===void 0?Ae:x,[Me,Ne]=p(null),H=S===void 0?Me:S,U=l(e=>{x===void 0&&je(e);let t=e?B.find(t=>t.roomId===e)??null:null;de?.(e,t,R?.id??``)},[x,B,de,R?.id]),Pe=l(e=>{S===void 0&&Ne(e),C?.(e)},[S,C]),Fe=(()=>{let e=V?B.find(e=>e.roomId===V):void 0;if(!e)return k?.noRoomSelected??`No room selected`;let t=e.meta?.name||`Unnamed room`;return(k?.selectedRoom??`{name} selected, {area}`).replace(`{name}`,t).replace(`{area}`,O(e.area))})(),[Ie,Le]=p(fe??{x:0,y:0,zoom:.05}),W=w??Ie,G=f(W);G.current=W;let K=l(e=>{w===void 0&&Le(e),T?.(e)},[w,T]),q=f(!1),[J,Re]=p({width:800,height:360});u(()=>{let e=P.current;if(!e)return;let t=()=>{let t=e.getBoundingClientRect();t.width>0&&t.height>0&&Re({width:Math.round(t.width),height:Math.round(t.height)})},n=new ResizeObserver(t);return n.observe(e),t(),()=>n.disconnect()},[]);let Y=l((e={})=>{let t=e.padding??24,r=R?n(R):null;if(!r||r.width<=0||r.height<=0){K({x:-1e3,y:-1e3,zoom:.05});return}let i=Math.max(_,Math.min(v,Math.min((J.width-t*2)/r.width,(J.height-t*2)/r.height)));K({x:r.minX-(J.width/i-r.width)/2,y:r.minY-(J.height/i-r.height)/2,zoom:i})},[R,J.width,J.height,K]);u(()=>{pe&&!q.current&&(!R||J.width<=0||Object.keys(R.nodes).length===0||Y())},[pe,R,J.width,J.height,Y]);let X=l((e,t)=>{q.current=!0;let n=G.current,r=Math.max(_,Math.min(v,n.zoom*e));if(r===n.zoom)return;let i=t?.x??J.width/2,a=t?.y??J.height/2;K({x:n.x+i/n.zoom-i/r,y:n.y+a/n.zoom-a/r,zoom:r})},[K,J.width,J.height]),Z=f(new Map),Q=f(null),$=f(null),ze=l(e=>{if(D){if(Z.current.set(e.pointerId,{x:e.clientX,y:e.clientY}),Z.current.size===2){let[e,t]=[...Z.current.values()];$.current={dist:Math.hypot(t.x-e.x,t.y-e.y),view:G.current,mid:{x:(e.x+t.x)/2,y:(e.y+t.y)/2}},Q.current=null;return}Q.current={startClient:{x:e.clientX,y:e.clientY},startView:G.current,moved:!1}}},[D]),Be=l(e=>{Z.current.has(e.pointerId)&&Z.current.set(e.pointerId,{x:e.clientX,y:e.clientY});let t=$.current;if(t&&Z.current.size>=2){let[e,n]=[...Z.current.values()],r=Math.hypot(n.x-e.x,n.y-e.y);if(t.dist<=0)return;let i=Math.max(_,Math.min(v,t.view.zoom*(r/t.dist))),o=P.current?.getBoundingClientRect()??{left:0,top:0},s={x:(e.x+n.x)/2,y:(e.y+n.y)/2};q.current=!0;let c=a(t.mid.x,t.mid.y,o,t.view);K({x:c.x-(s.x-o.left)/i,y:c.y-(s.y-o.top)/i,zoom:i});return}let n=Q.current;if(!n)return;let r=e.clientX-n.startClient.x,i=e.clientY-n.startClient.y;!n.moved&&Math.hypot(r,i)<=ae||(n.moved||e.currentTarget.setPointerCapture?.(e.pointerId),n.moved=!0,q.current=!0,K({x:n.startView.x-r/n.startView.zoom,y:n.startView.y-i/n.startView.zoom,zoom:n.startView.zoom}))},[K]),Ve=l(e=>{Z.current.delete(e.pointerId),Z.current.size<2&&($.current=null),Q.current=null},[]);u(()=>{let e=P.current;if(!e||!D)return;let t=t=>{t.preventDefault();let n=e.getBoundingClientRect();X(t.deltaY<0?1.1:1/1.1,{x:t.clientX-n.left,y:t.clientY-n.top})};return e.addEventListener(`wheel`,t,{passive:!1}),()=>e.removeEventListener(`wheel`,t)},[D,X]),te(se,()=>({fitToContent:Y,getView:()=>G.current,setView:K,zoomBy:e=>X(e),select:U,getFloorId:()=>R?.id??null,setFloorId:z,getSvgElement:()=>F.current}),[Y,K,X,U,R?.id,z]);let He=d(()=>V?[{type:`room`,id:V}]:[],[V]),Ue=d(()=>H?{type:`room`,id:H}:null,[H]),We=!R||Object.keys(R.walls).length===0;return g(`div`,{...Ee,className:m(s.roomViewer,we,j?.root),style:{...Te,...M?.root},"aria-label":N??`Floor plan`,children:[me&&I.length>1&&h(`div`,{className:m(s.roomViewerFloorBar,j?.floorBar),style:M?.floorBar,role:`tablist`,"aria-label":k?.floors??`Floors`,children:[...I].reverse().map(e=>h(`button`,{type:`button`,role:`tab`,className:m(s.roomViewerFloorTab,e.id===R?.id&&s.roomViewerFloorTabActive,j?.floorTab),style:M?.floorTab,"aria-selected":e.id===R?.id,onClick:()=>z(e.id),children:e.label},e.id))}),g(`div`,{ref:P,className:m(s.roomViewerCanvasWrapper,D&&s.roomViewerCanvasWrapperPannable,j?.canvasWrapper),style:{height:Se,...M?.canvasWrapper},onPointerDown:ze,onPointerMove:Be,onPointerUp:Ve,onPointerCancel:Ve,children:[We?h(`div`,{className:m(s.roomViewerEmpty,j?.empty),style:M?.empty,children:Ce??k?.empty??`Nothing to show`}):h(o,{ref:F,floor:R,rooms:B,view:W,size:J,selection:He,hovered:Ue,interactiveRooms:E,showGrid:ge,showRoomLabels:_e,showOpeningSymbols:ve,getRoomColor:ye,renderRoomLabel:be,getRoomLabel:xe,formatArea:O,onRoomActivate:E?e=>U(e):void 0,onBackgroundActivate:E?()=>U(null):void 0,onHoverChange:E?e=>Pe(e?.type===`room`?e.id:null):void 0,classNames:{canvas:j?.canvas,grid:j?.grid,rooms:j?.rooms,roomFill:j?.roomFill,roomLabel:j?.roomLabel,walls:j?.walls,wallBody:j?.wallBody,openings:j?.openings,opening:j?.opening},styles:{canvas:M?.canvas,grid:M?.grid,rooms:M?.rooms,roomFill:M?.roomFill,roomLabel:M?.roomLabel,walls:M?.walls,wallBody:M?.wallBody,openings:M?.openings,opening:M?.opening},"aria-label":N??`Floor plan`}),he&&!We&&g(`div`,{className:m(s.roomViewerViewControls,j?.viewControls),style:M?.viewControls,children:[h(`button`,{type:`button`,className:m(s.roomViewerViewButton,j?.viewButton),style:M?.viewButton,title:k?.zoomOut??`Zoom out`,"aria-label":k?.zoomOut??`Zoom out`,onClick:()=>X(1/1.2),children:t(A?.zoomOut??re)}),h(`button`,{type:`button`,className:m(s.roomViewerViewButton,j?.viewButton),style:M?.viewButton,title:k?.fit??`Fit to view`,"aria-label":k?.fit??`Fit to view`,onClick:()=>{q.current=!1,Y()},children:t(A?.fit??ne)}),h(`button`,{type:`button`,className:m(s.roomViewerViewButton,j?.viewButton),style:M?.viewButton,title:k?.zoomIn??`Zoom in`,"aria-label":k?.zoomIn??`Zoom in`,onClick:()=>X(1.2),children:t(A?.zoomIn??ie)})]})]}),h(`div`,{id:De,className:s.roomViewerLive,role:`status`,"aria-live":`polite`,children:Fe})]})});export{se as default};
 //# sourceMappingURL=roomViewer.mjs.map

package/dist/esm/common/roomViewer/roomViewer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"roomViewer.mjs","names":[],"sources":["../../../../package/common/roomViewer/roomViewer.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport type { PointerEvent as ReactPointerEvent } from 'react';\nimport cx from 'classnames';\nimport {\n  faExpand,\n  faMagnifyingGlassMinus,\n  faMagnifyingGlassPlus,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { useComponentDefaults } from '../configProvider';\nimport {\n  clientToWorld,\n  derivePlan,\n  floorBounds,\n  getFloor,\n  type PlanFloor,\n  type PlanSelection,\n  type PlanView,\n} from '../floorPlan';\nimport PlanCanvas from '../planCanvas';\nimport { renderIcon } from '../utils/renderIcon';\nimport type { RoomViewerHandle, RoomViewerProps } from './roomViewer.types';\nimport styles from './roomViewer.module.pcss';\n\nconst MIN_ZOOM = 0.002;\nconst MAX_ZOOM = 4;\n/** Past this many pixels a press is a pan rather than a click on a room. */\nconst PAN_THRESHOLD_PX = 4;\n\nfunction formatAreaDefault(areaMm2: number): string {\n  const m2 = areaMm2 / 1e6;\n  return `${m2 < 10 ? m2.toFixed(1) : Math.round(m2)} m²`;\n}\n\n/**\n * Read-only view of a floor plan.\n *\n * It renders the same `planCanvas` the drawer does, from the same `FloorPlan`, so the\n * two cannot drift apart. Selection and hover are React state rather than classes pushed\n * onto DOM nodes, which is what lets them be controlled from outside.\n */\nconst RoomViewer = forwardRef<RoomViewerHandle, RoomViewerProps>(function RoomViewer(props, ref) {\n  const {\n    plan,\n    activeFloorId,\n    defaultActiveFloorId,\n    onFloorChange,\n    selectedRoomId,\n    defaultSelectedRoomId = null,\n    onSelect,\n    hoveredRoomId,\n    onHoverChange,\n    view,\n    defaultView,\n    onViewChange,\n    interactive = true,\n    pannable = true,\n    fitOnMount = true,\n    showFloorBar = true,\n    showViewControls = true,\n    showGrid = false,\n    showRoomLabels = true,\n    showOpeningSymbols = true,\n    getRoomColor,\n    renderRoomLabel,\n    getRoomLabel,\n    formatArea = formatAreaDefault,\n    height = 360,\n    emptyState,\n    labels,\n    icons,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    'aria-label': ariaLabel,\n    ...rest\n  } = useComponentDefaults('RoomViewer', props);\n\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const svgRef = useRef<SVGSVGElement>(null);\n  const liveId = useId().replace(/:/g, '');\n\n  const floors = plan?.floors ?? [];\n\n  // ─── Floor ────────────────────────────────────────────────────────────────────\n\n  const [floorIdState, setFloorIdState] = useState<string | undefined>(defaultActiveFloorId);\n  const currentFloorId = (activeFloorId ?? floorIdState) ?? floors[0]?.id;\n  const floor: PlanFloor | null = useMemo(\n    () => (plan ? (getFloor(plan, currentFloorId) ?? getFloor(plan)) : null),\n    [plan, currentFloorId],\n  );\n\n  const selectFloor = useCallback(\n    (nextId: string) => {\n      if (activeFloorId === undefined) setFloorIdState(nextId);\n      onFloorChange?.(nextId);\n    },\n    [activeFloorId, onFloorChange],\n  );\n\n  const rooms = useMemo(() => (floor ? derivePlan(floor).rooms : []), [floor]);\n\n  // ─── Selection and hover ──────────────────────────────────────────────────────\n\n  const [selectedState, setSelectedState] = useState<string | null>(defaultSelectedRoomId);\n  const selected = selectedRoomId !== undefined ? selectedRoomId : selectedState;\n\n  const [hoveredState, setHoveredState] = useState<string | null>(null);\n  const hovered = hoveredRoomId !== undefined ? hoveredRoomId : hoveredState;\n\n  const selectRoom = useCallback(\n    (roomId: string | null) => {\n      if (selectedRoomId === undefined) setSelectedState(roomId);\n      const room = roomId ? (rooms.find((r) => r.roomId === roomId) ?? null) : null;\n      onSelect?.(roomId, room, floor?.id ?? '');\n    },\n    [selectedRoomId, rooms, onSelect, floor?.id],\n  );\n\n  const setHovered = useCallback(\n    (roomId: string | null) => {\n      if (hoveredRoomId === undefined) setHoveredState(roomId);\n      onHoverChange?.(roomId);\n    },\n    [hoveredRoomId, onHoverChange],\n  );\n\n  // A selection made by clicking a shape is silent to a screen reader, so it is\n  // announced separately rather than relying on focus landing somewhere useful.\n  const announcement = (() => {\n    const room = selected ? rooms.find((r) => r.roomId === selected) : undefined;\n    if (!room) return labels?.noRoomSelected ?? 'No room selected';\n    const name = room.meta?.name || 'Unnamed room';\n    return (labels?.selectedRoom ?? '{name} selected, {area}')\n      .replace('{name}', name)\n      .replace('{area}', formatArea(room.area));\n  })();\n\n  // ─── View ─────────────────────────────────────────────────────────────────────\n\n  const [viewState, setViewState] = useState<PlanView>(defaultView ?? { x: 0, y: 0, zoom: 0.05 });\n  const currentView = view ?? viewState;\n  const viewRef = useRef(currentView);\n  viewRef.current = currentView;\n\n  const applyView = useCallback(\n    (next: PlanView) => {\n      if (view === undefined) setViewState(next);\n      onViewChange?.(next);\n    },\n    [view, onViewChange],\n  );\n\n  const userMovedRef = useRef(false);\n  const [size, setSize] = useState({ width: 800, height: 360 });\n  useEffect(() => {\n    const element = wrapperRef.current;\n    if (!element) return;\n    const measure = () => {\n      const rect = element.getBoundingClientRect();\n      if (rect.width > 0 && rect.height > 0) {\n        setSize({ width: Math.round(rect.width), height: Math.round(rect.height) });\n      }\n    };\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    measure();\n    return () => observer.disconnect();\n  }, []);\n\n  const fitToContent = useCallback(\n    (options: { padding?: number } = {}) => {\n      const padding = options.padding ?? 24;\n      const bounds = floor ? floorBounds(floor) : null;\n      if (!bounds || bounds.width <= 0 || bounds.height <= 0) {\n        applyView({ x: -1000, y: -1000, zoom: 0.05 });\n        return;\n      }\n      const zoom = Math.max(\n        MIN_ZOOM,\n        Math.min(\n          MAX_ZOOM,\n          Math.min(\n            (size.width - padding * 2) / bounds.width,\n            (size.height - padding * 2) / bounds.height,\n          ),\n        ),\n      );\n      applyView({\n        x: bounds.minX - (size.width / zoom - bounds.width) / 2,\n        y: bounds.minY - (size.height / zoom - bounds.height) / 2,\n        zoom,\n      });\n    },\n    [floor, size.width, size.height, applyView],\n  );\n\n  /**\n   * Refit on anything that changes what \"fitted\" means — the floor, and the canvas size,\n   * which is not known until the element has been measured. The moment the viewer pans or\n   * zooms, the view is theirs and we stop touching it.\n   */\n  useEffect(() => {\n    if (!fitOnMount || userMovedRef.current) return;\n    if (!floor || size.width <= 0 || Object.keys(floor.nodes).length === 0) return;\n    fitToContent();\n  }, [fitOnMount, floor, size.width, size.height, fitToContent]);\n\n  const zoomBy = useCallback(\n    (factor: number, centre?: { x: number; y: number }) => {\n      userMovedRef.current = true;\n      const v = viewRef.current;\n      const next = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, v.zoom * factor));\n      if (next === v.zoom) return;\n      const cx0 = centre?.x ?? size.width / 2;\n      const cy0 = centre?.y ?? size.height / 2;\n      // Keep the world point under the cursor where it is.\n      applyView({\n        x: v.x + cx0 / v.zoom - cx0 / next,\n        y: v.y + cy0 / v.zoom - cy0 / next,\n        zoom: next,\n      });\n    },\n    [applyView, size.width, size.height],\n  );\n\n  // ─── Pan and pinch ────────────────────────────────────────────────────────────\n\n  const pointersRef = useRef(new Map<number, { x: number; y: number }>());\n  const panRef = useRef<{ startClient: { x: number; y: number }; startView: PlanView; moved: boolean } | null>(null);\n  const pinchRef = useRef<{ dist: number; view: PlanView; mid: { x: number; y: number } } | null>(null);\n\n  const handlePointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (!pannable) return;\n      pointersRef.current.set(event.pointerId, { x: event.clientX, y: event.clientY });\n      // Deliberately NOT capturing the pointer yet. While a capture is active the click\n      // is dispatched to the capturing element instead of the shape under the cursor, so\n      // capturing here would mean a room could never be clicked. The capture is taken in\n      // the move handler, once the press has actually turned into a pan.\n      if (pointersRef.current.size === 2) {\n        const [p1, p2] = [...pointersRef.current.values()];\n        pinchRef.current = {\n          dist: Math.hypot(p2.x - p1.x, p2.y - p1.y),\n          view: viewRef.current,\n          mid: { x: (p1.x + p2.x) / 2, y: (p1.y + p2.y) / 2 },\n        };\n        panRef.current = null;\n        return;\n      }\n      panRef.current = {\n        startClient: { x: event.clientX, y: event.clientY },\n        startView: viewRef.current,\n        moved: false,\n      };\n    },\n    [pannable],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (pointersRef.current.has(event.pointerId)) {\n        pointersRef.current.set(event.pointerId, { x: event.clientX, y: event.clientY });\n      }\n\n      const pinch = pinchRef.current;\n      if (pinch && pointersRef.current.size >= 2) {\n        const [p1, p2] = [...pointersRef.current.values()];\n        const now = Math.hypot(p2.x - p1.x, p2.y - p1.y);\n        if (pinch.dist <= 0) return;\n        const zoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, pinch.view.zoom * (now / pinch.dist)));\n        const rect = wrapperRef.current?.getBoundingClientRect() ?? { left: 0, top: 0 };\n        const mid = { x: (p1.x + p2.x) / 2, y: (p1.y + p2.y) / 2 };\n        userMovedRef.current = true;\n        const worldMid = clientToWorld(pinch.mid.x, pinch.mid.y, rect, pinch.view);\n        applyView({\n          x: worldMid.x - (mid.x - rect.left) / zoom,\n          y: worldMid.y - (mid.y - rect.top) / zoom,\n          zoom,\n        });\n        return;\n      }\n\n      const pan = panRef.current;\n      if (!pan) return;\n      const dx = event.clientX - pan.startClient.x;\n      const dy = event.clientY - pan.startClient.y;\n      if (!pan.moved && Math.hypot(dx, dy) <= PAN_THRESHOLD_PX) return;\n      if (!pan.moved) {\n        (event.currentTarget as HTMLElement).setPointerCapture?.(event.pointerId);\n      }\n      pan.moved = true;\n      userMovedRef.current = true;\n      applyView({\n        x: pan.startView.x - dx / pan.startView.zoom,\n        y: pan.startView.y - dy / pan.startView.zoom,\n        zoom: pan.startView.zoom,\n      });\n    },\n    [applyView],\n  );\n\n  const handlePointerUp = useCallback((event: ReactPointerEvent<HTMLDivElement>) => {\n    pointersRef.current.delete(event.pointerId);\n    if (pointersRef.current.size < 2) pinchRef.current = null;\n    panRef.current = null;\n  }, []);\n\n  // React's onWheel is passive, so it cannot preventDefault and the page scrolls instead.\n  useEffect(() => {\n    const element = wrapperRef.current;\n    if (!element || !pannable) return;\n    const onWheel = (event: WheelEvent) => {\n      event.preventDefault();\n      const rect = element.getBoundingClientRect();\n      zoomBy(event.deltaY < 0 ? 1.1 : 1 / 1.1, {\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n      });\n    };\n    element.addEventListener('wheel', onWheel, { passive: false });\n    return () => element.removeEventListener('wheel', onWheel);\n  }, [pannable, zoomBy]);\n\n  // ─── Handle ───────────────────────────────────────────────────────────────────\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      fitToContent,\n      getView: () => viewRef.current,\n      setView: applyView,\n      zoomBy: (factor: number) => zoomBy(factor),\n      select: selectRoom,\n      getFloorId: () => floor?.id ?? null,\n      setFloorId: selectFloor,\n      getSvgElement: () => svgRef.current,\n    }),\n    [fitToContent, applyView, zoomBy, selectRoom, floor?.id, selectFloor],\n  );\n\n  // ─── Render ───────────────────────────────────────────────────────────────────\n\n  const selection: readonly PlanSelection[] = useMemo(\n    () => (selected ? [{ type: 'room', id: selected } as PlanSelection] : []),\n    [selected],\n  );\n  const hoveredSelection: PlanSelection | null = useMemo(\n    () => (hovered ? { type: 'room', id: hovered } : null),\n    [hovered],\n  );\n\n  const isEmpty = !floor || Object.keys(floor.walls).length === 0;\n\n  return (\n    <div\n      {...rest}\n      className={cx(styles.roomViewer, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n      aria-label={ariaLabel ?? 'Floor plan'}\n    >\n      {showFloorBar && floors.length > 1 && (\n        <div\n          className={cx(styles.roomViewerFloorBar, classNames?.floorBar)}\n          style={slotStyles?.floorBar}\n          role=\"tablist\"\n          aria-label={labels?.floors ?? 'Floors'}\n        >\n          {/* Top storey first, the way a building reads in section. */}\n          {[...floors].reverse().map((f) => (\n            <button\n              key={f.id}\n              type=\"button\"\n              role=\"tab\"\n              className={cx(\n                styles.roomViewerFloorTab,\n                f.id === floor?.id && styles.roomViewerFloorTabActive,\n                classNames?.floorTab,\n              )}\n              style={slotStyles?.floorTab}\n              aria-selected={f.id === floor?.id}\n              onClick={() => selectFloor(f.id)}\n            >\n              {f.label}\n            </button>\n          ))}\n        </div>\n      )}\n\n      <div\n        ref={wrapperRef}\n        className={cx(\n          styles.roomViewerCanvasWrapper,\n          pannable && styles.roomViewerCanvasWrapperPannable,\n          classNames?.canvasWrapper,\n        )}\n        style={{ height, ...slotStyles?.canvasWrapper }}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerUp}\n      >\n        {isEmpty ? (\n          <div className={cx(styles.roomViewerEmpty, classNames?.empty)} style={slotStyles?.empty}>\n            {emptyState ?? labels?.empty ?? 'Nothing to show'}\n          </div>\n        ) : (\n          <PlanCanvas\n            ref={svgRef}\n            floor={floor}\n            rooms={rooms}\n            view={currentView}\n            size={size}\n            selection={selection}\n            hovered={hoveredSelection}\n            interactiveRooms={interactive}\n            showGrid={showGrid}\n            showRoomLabels={showRoomLabels}\n            showOpeningSymbols={showOpeningSymbols}\n            getRoomColor={getRoomColor}\n            renderRoomLabel={renderRoomLabel}\n            getRoomLabel={getRoomLabel}\n            formatArea={formatArea}\n            onRoomActivate={interactive ? (roomId) => selectRoom(roomId) : undefined}\n            onBackgroundActivate={interactive ? () => selectRoom(null) : undefined}\n            onHoverChange={\n              interactive ? (target) => setHovered(target?.type === 'room' ? target.id : null) : undefined\n            }\n            classNames={{\n              canvas: classNames?.canvas,\n              grid: classNames?.grid,\n              rooms: classNames?.rooms,\n              roomFill: classNames?.roomFill,\n              roomLabel: classNames?.roomLabel,\n              walls: classNames?.walls,\n              wallBody: classNames?.wallBody,\n              openings: classNames?.openings,\n              opening: classNames?.opening,\n            }}\n            styles={{\n              canvas: slotStyles?.canvas,\n              grid: slotStyles?.grid,\n              rooms: slotStyles?.rooms,\n              roomFill: slotStyles?.roomFill,\n              roomLabel: slotStyles?.roomLabel,\n              walls: slotStyles?.walls,\n              wallBody: slotStyles?.wallBody,\n              openings: slotStyles?.openings,\n              opening: slotStyles?.opening,\n            }}\n            aria-label={ariaLabel ?? 'Floor plan'}\n          />\n        )}\n\n        {showViewControls && !isEmpty && (\n          <div\n            className={cx(styles.roomViewerViewControls, classNames?.viewControls)}\n            style={slotStyles?.viewControls}\n          >\n            <button\n              type=\"button\"\n              className={cx(styles.roomViewerViewButton, classNames?.viewButton)}\n              style={slotStyles?.viewButton}\n              title={labels?.zoomOut ?? 'Zoom out'}\n              aria-label={labels?.zoomOut ?? 'Zoom out'}\n              onClick={() => zoomBy(1 / 1.2)}\n            >\n              {renderIcon(icons?.zoomOut ?? faMagnifyingGlassMinus)}\n            </button>\n            <button\n              type=\"button\"\n              className={cx(styles.roomViewerViewButton, classNames?.viewButton)}\n              style={slotStyles?.viewButton}\n              title={labels?.fit ?? 'Fit to view'}\n              aria-label={labels?.fit ?? 'Fit to view'}\n              onClick={() => {\n                userMovedRef.current = false;\n                fitToContent();\n              }}\n            >\n              {renderIcon(icons?.fit ?? faExpand)}\n            </button>\n            <button\n              type=\"button\"\n              className={cx(styles.roomViewerViewButton, classNames?.viewButton)}\n              style={slotStyles?.viewButton}\n              title={labels?.zoomIn ?? 'Zoom in'}\n              aria-label={labels?.zoomIn ?? 'Zoom in'}\n              onClick={() => zoomBy(1.2)}\n            >\n              {renderIcon(icons?.zoomIn ?? faMagnifyingGlassPlus)}\n            </button>\n          </div>\n        )}\n      </div>\n\n      <div id={liveId} className={styles.roomViewerLive} role=\"status\" aria-live=\"polite\">\n        {announcement}\n      </div>\n    </div>\n  );\n});\n\nexport default RoomViewer;\n"],"mappings":"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"}
+{"version":3,"file":"roomViewer.mjs","names":[],"sources":["../../../../package/common/roomViewer/roomViewer.tsx"],"sourcesContent":["import { forwardRef, useCallback, useEffect, useImperativeHandle, useId, useMemo, useRef, useState } from 'react';\nimport type { PointerEvent as ReactPointerEvent } from 'react';\nimport cx from 'classnames';\nimport { faExpand, faMagnifyingGlassMinus, faMagnifyingGlassPlus } from '@fortawesome/free-solid-svg-icons';\n\nimport { useComponentDefaults } from '../configProvider';\nimport {\n  clientToWorld,\n  derivePlan,\n  floorBounds,\n  getFloor,\n  type PlanFloor,\n  type PlanSelection,\n  type PlanView,\n} from '../floorPlan';\nimport PlanCanvas from '../planCanvas';\nimport { renderIcon } from '../utils/renderIcon';\nimport type { RoomViewerHandle, RoomViewerProps } from './roomViewer.types';\nimport styles from './roomViewer.module.pcss';\n\nconst MIN_ZOOM = 0.002;\nconst MAX_ZOOM = 4;\n/** Past this many pixels a press is a pan rather than a click on a room. */\nconst PAN_THRESHOLD_PX = 4;\n\nfunction formatAreaDefault(areaMm2: number): string {\n  const m2 = areaMm2 / 1e6;\n  return `${m2 < 10 ? m2.toFixed(1) : Math.round(m2)} m²`;\n}\n\n/**\n * Read-only view of a floor plan.\n *\n * It renders the same `planCanvas` the drawer does, from the same `FloorPlan`, so the\n * two cannot drift apart. Selection and hover are React state rather than classes pushed\n * onto DOM nodes, which is what lets them be controlled from outside.\n */\nconst RoomViewer = forwardRef<RoomViewerHandle, RoomViewerProps>(function RoomViewer(props, ref) {\n  const {\n    plan,\n    activeFloorId,\n    defaultActiveFloorId,\n    onFloorChange,\n    selectedRoomId,\n    defaultSelectedRoomId = null,\n    onSelect,\n    hoveredRoomId,\n    onHoverChange,\n    view,\n    defaultView,\n    onViewChange,\n    interactive = true,\n    pannable = true,\n    fitOnMount = true,\n    showFloorBar = true,\n    showViewControls = true,\n    showGrid = false,\n    showRoomLabels = true,\n    showOpeningSymbols = true,\n    getRoomColor,\n    renderRoomLabel,\n    getRoomLabel,\n    formatArea = formatAreaDefault,\n    height = 360,\n    emptyState,\n    labels,\n    icons,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    'aria-label': ariaLabel,\n    ...rest\n  } = useComponentDefaults('RoomViewer', props);\n\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const svgRef = useRef<SVGSVGElement>(null);\n  const liveId = useId().replace(/:/g, '');\n\n  const floors = plan?.floors ?? [];\n\n  // ─── Floor ────────────────────────────────────────────────────────────────────\n\n  const [floorIdState, setFloorIdState] = useState<string | undefined>(defaultActiveFloorId);\n  const currentFloorId = activeFloorId ?? floorIdState ?? floors[0]?.id;\n  const floor: PlanFloor | null = useMemo(\n    () => (plan ? (getFloor(plan, currentFloorId) ?? getFloor(plan)) : null),\n    [plan, currentFloorId],\n  );\n\n  const selectFloor = useCallback(\n    (nextId: string) => {\n      if (activeFloorId === undefined) setFloorIdState(nextId);\n      onFloorChange?.(nextId);\n    },\n    [activeFloorId, onFloorChange],\n  );\n\n  const rooms = useMemo(() => (floor ? derivePlan(floor).rooms : []), [floor]);\n\n  // ─── Selection and hover ──────────────────────────────────────────────────────\n\n  const [selectedState, setSelectedState] = useState<string | null>(defaultSelectedRoomId);\n  const selected = selectedRoomId !== undefined ? selectedRoomId : selectedState;\n\n  const [hoveredState, setHoveredState] = useState<string | null>(null);\n  const hovered = hoveredRoomId !== undefined ? hoveredRoomId : hoveredState;\n\n  const selectRoom = useCallback(\n    (roomId: string | null) => {\n      if (selectedRoomId === undefined) setSelectedState(roomId);\n      const room = roomId ? (rooms.find((r) => r.roomId === roomId) ?? null) : null;\n      onSelect?.(roomId, room, floor?.id ?? '');\n    },\n    [selectedRoomId, rooms, onSelect, floor?.id],\n  );\n\n  const setHovered = useCallback(\n    (roomId: string | null) => {\n      if (hoveredRoomId === undefined) setHoveredState(roomId);\n      onHoverChange?.(roomId);\n    },\n    [hoveredRoomId, onHoverChange],\n  );\n\n  // A selection made by clicking a shape is silent to a screen reader, so it is\n  // announced separately rather than relying on focus landing somewhere useful.\n  const announcement = (() => {\n    const room = selected ? rooms.find((r) => r.roomId === selected) : undefined;\n    if (!room) return labels?.noRoomSelected ?? 'No room selected';\n    const name = room.meta?.name || 'Unnamed room';\n    return (labels?.selectedRoom ?? '{name} selected, {area}')\n      .replace('{name}', name)\n      .replace('{area}', formatArea(room.area));\n  })();\n\n  // ─── View ─────────────────────────────────────────────────────────────────────\n\n  const [viewState, setViewState] = useState<PlanView>(defaultView ?? { x: 0, y: 0, zoom: 0.05 });\n  const currentView = view ?? viewState;\n  const viewRef = useRef(currentView);\n  viewRef.current = currentView;\n\n  const applyView = useCallback(\n    (next: PlanView) => {\n      if (view === undefined) setViewState(next);\n      onViewChange?.(next);\n    },\n    [view, onViewChange],\n  );\n\n  const userMovedRef = useRef(false);\n  const [size, setSize] = useState({ width: 800, height: 360 });\n  useEffect(() => {\n    const element = wrapperRef.current;\n    if (!element) return;\n    const measure = () => {\n      const rect = element.getBoundingClientRect();\n      if (rect.width > 0 && rect.height > 0) {\n        setSize({ width: Math.round(rect.width), height: Math.round(rect.height) });\n      }\n    };\n    const observer = new ResizeObserver(measure);\n    observer.observe(element);\n    measure();\n    return () => observer.disconnect();\n  }, []);\n\n  const fitToContent = useCallback(\n    (options: { padding?: number } = {}) => {\n      const padding = options.padding ?? 24;\n      const bounds = floor ? floorBounds(floor) : null;\n      if (!bounds || bounds.width <= 0 || bounds.height <= 0) {\n        applyView({ x: -1000, y: -1000, zoom: 0.05 });\n        return;\n      }\n      const zoom = Math.max(\n        MIN_ZOOM,\n        Math.min(\n          MAX_ZOOM,\n          Math.min((size.width - padding * 2) / bounds.width, (size.height - padding * 2) / bounds.height),\n        ),\n      );\n      applyView({\n        x: bounds.minX - (size.width / zoom - bounds.width) / 2,\n        y: bounds.minY - (size.height / zoom - bounds.height) / 2,\n        zoom,\n      });\n    },\n    [floor, size.width, size.height, applyView],\n  );\n\n  /**\n   * Refit on anything that changes what \"fitted\" means — the floor, and the canvas size,\n   * which is not known until the element has been measured. The moment the viewer pans or\n   * zooms, the view is theirs and we stop touching it.\n   */\n  useEffect(() => {\n    if (!fitOnMount || userMovedRef.current) return;\n    if (!floor || size.width <= 0 || Object.keys(floor.nodes).length === 0) return;\n    fitToContent();\n  }, [fitOnMount, floor, size.width, size.height, fitToContent]);\n\n  const zoomBy = useCallback(\n    (factor: number, centre?: { x: number; y: number }) => {\n      userMovedRef.current = true;\n      const v = viewRef.current;\n      const next = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, v.zoom * factor));\n      if (next === v.zoom) return;\n      const cx0 = centre?.x ?? size.width / 2;\n      const cy0 = centre?.y ?? size.height / 2;\n      // Keep the world point under the cursor where it is.\n      applyView({\n        x: v.x + cx0 / v.zoom - cx0 / next,\n        y: v.y + cy0 / v.zoom - cy0 / next,\n        zoom: next,\n      });\n    },\n    [applyView, size.width, size.height],\n  );\n\n  // ─── Pan and pinch ────────────────────────────────────────────────────────────\n\n  const pointersRef = useRef(new Map<number, { x: number; y: number }>());\n  const panRef = useRef<{ startClient: { x: number; y: number }; startView: PlanView; moved: boolean } | null>(null);\n  const pinchRef = useRef<{ dist: number; view: PlanView; mid: { x: number; y: number } } | null>(null);\n\n  const handlePointerDown = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (!pannable) return;\n      pointersRef.current.set(event.pointerId, { x: event.clientX, y: event.clientY });\n      // Deliberately NOT capturing the pointer yet. While a capture is active the click\n      // is dispatched to the capturing element instead of the shape under the cursor, so\n      // capturing here would mean a room could never be clicked. The capture is taken in\n      // the move handler, once the press has actually turned into a pan.\n      if (pointersRef.current.size === 2) {\n        const [p1, p2] = [...pointersRef.current.values()];\n        pinchRef.current = {\n          dist: Math.hypot(p2.x - p1.x, p2.y - p1.y),\n          view: viewRef.current,\n          mid: { x: (p1.x + p2.x) / 2, y: (p1.y + p2.y) / 2 },\n        };\n        panRef.current = null;\n        return;\n      }\n      panRef.current = {\n        startClient: { x: event.clientX, y: event.clientY },\n        startView: viewRef.current,\n        moved: false,\n      };\n    },\n    [pannable],\n  );\n\n  const handlePointerMove = useCallback(\n    (event: ReactPointerEvent<HTMLDivElement>) => {\n      if (pointersRef.current.has(event.pointerId)) {\n        pointersRef.current.set(event.pointerId, { x: event.clientX, y: event.clientY });\n      }\n\n      const pinch = pinchRef.current;\n      if (pinch && pointersRef.current.size >= 2) {\n        const [p1, p2] = [...pointersRef.current.values()];\n        const now = Math.hypot(p2.x - p1.x, p2.y - p1.y);\n        if (pinch.dist <= 0) return;\n        const zoom = Math.max(MIN_ZOOM, Math.min(MAX_ZOOM, pinch.view.zoom * (now / pinch.dist)));\n        const rect = wrapperRef.current?.getBoundingClientRect() ?? { left: 0, top: 0 };\n        const mid = { x: (p1.x + p2.x) / 2, y: (p1.y + p2.y) / 2 };\n        userMovedRef.current = true;\n        const worldMid = clientToWorld(pinch.mid.x, pinch.mid.y, rect, pinch.view);\n        applyView({\n          x: worldMid.x - (mid.x - rect.left) / zoom,\n          y: worldMid.y - (mid.y - rect.top) / zoom,\n          zoom,\n        });\n        return;\n      }\n\n      const pan = panRef.current;\n      if (!pan) return;\n      const dx = event.clientX - pan.startClient.x;\n      const dy = event.clientY - pan.startClient.y;\n      if (!pan.moved && Math.hypot(dx, dy) <= PAN_THRESHOLD_PX) return;\n      if (!pan.moved) {\n        (event.currentTarget as HTMLElement).setPointerCapture?.(event.pointerId);\n      }\n      pan.moved = true;\n      userMovedRef.current = true;\n      applyView({\n        x: pan.startView.x - dx / pan.startView.zoom,\n        y: pan.startView.y - dy / pan.startView.zoom,\n        zoom: pan.startView.zoom,\n      });\n    },\n    [applyView],\n  );\n\n  const handlePointerUp = useCallback((event: ReactPointerEvent<HTMLDivElement>) => {\n    pointersRef.current.delete(event.pointerId);\n    if (pointersRef.current.size < 2) pinchRef.current = null;\n    panRef.current = null;\n  }, []);\n\n  // React's onWheel is passive, so it cannot preventDefault and the page scrolls instead.\n  useEffect(() => {\n    const element = wrapperRef.current;\n    if (!element || !pannable) return;\n    const onWheel = (event: WheelEvent) => {\n      event.preventDefault();\n      const rect = element.getBoundingClientRect();\n      zoomBy(event.deltaY < 0 ? 1.1 : 1 / 1.1, {\n        x: event.clientX - rect.left,\n        y: event.clientY - rect.top,\n      });\n    };\n    element.addEventListener('wheel', onWheel, { passive: false });\n    return () => element.removeEventListener('wheel', onWheel);\n  }, [pannable, zoomBy]);\n\n  // ─── Handle ───────────────────────────────────────────────────────────────────\n\n  useImperativeHandle(\n    ref,\n    () => ({\n      fitToContent,\n      getView: () => viewRef.current,\n      setView: applyView,\n      zoomBy: (factor: number) => zoomBy(factor),\n      select: selectRoom,\n      getFloorId: () => floor?.id ?? null,\n      setFloorId: selectFloor,\n      getSvgElement: () => svgRef.current,\n    }),\n    [fitToContent, applyView, zoomBy, selectRoom, floor?.id, selectFloor],\n  );\n\n  // ─── Render ───────────────────────────────────────────────────────────────────\n\n  const selection: readonly PlanSelection[] = useMemo(\n    () => (selected ? [{ type: 'room', id: selected } as PlanSelection] : []),\n    [selected],\n  );\n  const hoveredSelection: PlanSelection | null = useMemo(\n    () => (hovered ? { type: 'room', id: hovered } : null),\n    [hovered],\n  );\n\n  const isEmpty = !floor || Object.keys(floor.walls).length === 0;\n\n  return (\n    <div\n      {...rest}\n      className={cx(styles.roomViewer, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n      aria-label={ariaLabel ?? 'Floor plan'}\n    >\n      {showFloorBar && floors.length > 1 && (\n        <div\n          className={cx(styles.roomViewerFloorBar, classNames?.floorBar)}\n          style={slotStyles?.floorBar}\n          role='tablist'\n          aria-label={labels?.floors ?? 'Floors'}\n        >\n          {/* Top storey first, the way a building reads in section. */}\n          {[...floors].reverse().map((f) => (\n            <button\n              key={f.id}\n              type='button'\n              role='tab'\n              className={cx(\n                styles.roomViewerFloorTab,\n                f.id === floor?.id && styles.roomViewerFloorTabActive,\n                classNames?.floorTab,\n              )}\n              style={slotStyles?.floorTab}\n              aria-selected={f.id === floor?.id}\n              onClick={() => selectFloor(f.id)}\n            >\n              {f.label}\n            </button>\n          ))}\n        </div>\n      )}\n\n      <div\n        ref={wrapperRef}\n        className={cx(\n          styles.roomViewerCanvasWrapper,\n          pannable && styles.roomViewerCanvasWrapperPannable,\n          classNames?.canvasWrapper,\n        )}\n        style={{ height, ...slotStyles?.canvasWrapper }}\n        onPointerDown={handlePointerDown}\n        onPointerMove={handlePointerMove}\n        onPointerUp={handlePointerUp}\n        onPointerCancel={handlePointerUp}\n      >\n        {isEmpty ? (\n          <div className={cx(styles.roomViewerEmpty, classNames?.empty)} style={slotStyles?.empty}>\n            {emptyState ?? labels?.empty ?? 'Nothing to show'}\n          </div>\n        ) : (\n          <PlanCanvas\n            ref={svgRef}\n            floor={floor}\n            rooms={rooms}\n            view={currentView}\n            size={size}\n            selection={selection}\n            hovered={hoveredSelection}\n            interactiveRooms={interactive}\n            showGrid={showGrid}\n            showRoomLabels={showRoomLabels}\n            showOpeningSymbols={showOpeningSymbols}\n            getRoomColor={getRoomColor}\n            renderRoomLabel={renderRoomLabel}\n            getRoomLabel={getRoomLabel}\n            formatArea={formatArea}\n            onRoomActivate={interactive ? (roomId) => selectRoom(roomId) : undefined}\n            onBackgroundActivate={interactive ? () => selectRoom(null) : undefined}\n            onHoverChange={interactive ? (target) => setHovered(target?.type === 'room' ? target.id : null) : undefined}\n            classNames={{\n              canvas: classNames?.canvas,\n              grid: classNames?.grid,\n              rooms: classNames?.rooms,\n              roomFill: classNames?.roomFill,\n              roomLabel: classNames?.roomLabel,\n              walls: classNames?.walls,\n              wallBody: classNames?.wallBody,\n              openings: classNames?.openings,\n              opening: classNames?.opening,\n            }}\n            styles={{\n              canvas: slotStyles?.canvas,\n              grid: slotStyles?.grid,\n              rooms: slotStyles?.rooms,\n              roomFill: slotStyles?.roomFill,\n              roomLabel: slotStyles?.roomLabel,\n              walls: slotStyles?.walls,\n              wallBody: slotStyles?.wallBody,\n              openings: slotStyles?.openings,\n              opening: slotStyles?.opening,\n            }}\n            aria-label={ariaLabel ?? 'Floor plan'}\n          />\n        )}\n\n        {showViewControls && !isEmpty && (\n          <div className={cx(styles.roomViewerViewControls, classNames?.viewControls)} style={slotStyles?.viewControls}>\n            <button\n              type='button'\n              className={cx(styles.roomViewerViewButton, classNames?.viewButton)}\n              style={slotStyles?.viewButton}\n              title={labels?.zoomOut ?? 'Zoom out'}\n              aria-label={labels?.zoomOut ?? 'Zoom out'}\n              onClick={() => zoomBy(1 / 1.2)}\n            >\n              {renderIcon(icons?.zoomOut ?? faMagnifyingGlassMinus)}\n            </button>\n            <button\n              type='button'\n              className={cx(styles.roomViewerViewButton, classNames?.viewButton)}\n              style={slotStyles?.viewButton}\n              title={labels?.fit ?? 'Fit to view'}\n              aria-label={labels?.fit ?? 'Fit to view'}\n              onClick={() => {\n                userMovedRef.current = false;\n                fitToContent();\n              }}\n            >\n              {renderIcon(icons?.fit ?? faExpand)}\n            </button>\n            <button\n              type='button'\n              className={cx(styles.roomViewerViewButton, classNames?.viewButton)}\n              style={slotStyles?.viewButton}\n              title={labels?.zoomIn ?? 'Zoom in'}\n              aria-label={labels?.zoomIn ?? 'Zoom in'}\n              onClick={() => zoomBy(1.2)}\n            >\n              {renderIcon(icons?.zoomIn ?? faMagnifyingGlassPlus)}\n            </button>\n          </div>\n        )}\n      </div>\n\n      <div id={liveId} className={styles.roomViewerLive} role='status' aria-live='polite'>\n        {announcement}\n      </div>\n    </div>\n  );\n});\n\nexport default RoomViewer;\n"],"mappings":"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"}

package/dist/esm/common/roomViewer/roomViewer.module.mjs

@@ -1,2 +1,2 @@
-var e={roomViewer:`roomViewer_JtBDo`,"roomViewer-floorBar":`roomViewer-floorBar_Svfsf`,roomViewerFloorBar:`roomViewer-floorBar_Svfsf`,"roomViewer-floorTab":`roomViewer-floorTab_eH3Nl`,roomViewerFloorTab:`roomViewer-floorTab_eH3Nl`,"roomViewer-floorTab-active":`roomViewer-floorTab-active_3ZQv9`,roomViewerFloorTabActive:`roomViewer-floorTab-active_3ZQv9`,"roomViewer-canvasWrapper":`roomViewer-canvasWrapper_UopaD`,roomViewerCanvasWrapper:`roomViewer-canvasWrapper_UopaD`,"roomViewer-canvasWrapper-pannable":`roomViewer-canvasWrapper-pannable_-Knr7`,roomViewerCanvasWrapperPannable:`roomViewer-canvasWrapper-pannable_-Knr7`,"roomViewer-viewControls":`roomViewer-viewControls_XNVTI`,roomViewerViewControls:`roomViewer-viewControls_XNVTI`,"roomViewer-viewButton":`roomViewer-viewButton_Q-o9G`,roomViewerViewButton:`roomViewer-viewButton_Q-o9G`,"roomViewer-empty":`roomViewer-empty_LL-4L`,roomViewerEmpty:`roomViewer-empty_LL-4L`,"roomViewer-live":`roomViewer-live_WSwUx`,roomViewerLive:`roomViewer-live_WSwUx`};export{e as default};
+var e=`roomViewer_JtBDo`,t=`roomViewer-floorBar_Svfsf`,n=`roomViewer-floorTab_eH3Nl`,r=`roomViewer-floorTab-active_3ZQv9`,i=`roomViewer-canvasWrapper_UopaD`,a=`roomViewer-canvasWrapper-pannable_-Knr7`,o=`roomViewer-viewControls_XNVTI`,s=`roomViewer-viewButton_Q-o9G`,c=`roomViewer-empty_LL-4L`,l=`roomViewer-live_WSwUx`,u={roomViewer:e,"roomViewer-floorBar":`roomViewer-floorBar_Svfsf`,roomViewerFloorBar:t,"roomViewer-floorTab":`roomViewer-floorTab_eH3Nl`,roomViewerFloorTab:n,"roomViewer-floorTab-active":`roomViewer-floorTab-active_3ZQv9`,roomViewerFloorTabActive:r,"roomViewer-canvasWrapper":`roomViewer-canvasWrapper_UopaD`,roomViewerCanvasWrapper:i,"roomViewer-canvasWrapper-pannable":`roomViewer-canvasWrapper-pannable_-Knr7`,roomViewerCanvasWrapperPannable:a,"roomViewer-viewControls":`roomViewer-viewControls_XNVTI`,roomViewerViewControls:o,"roomViewer-viewButton":`roomViewer-viewButton_Q-o9G`,roomViewerViewButton:s,"roomViewer-empty":`roomViewer-empty_LL-4L`,roomViewerEmpty:c,"roomViewer-live":`roomViewer-live_WSwUx`,roomViewerLive:l};export{u as default,e as roomViewer,i as roomViewerCanvasWrapper,a as roomViewerCanvasWrapperPannable,c as roomViewerEmpty,t as roomViewerFloorBar,n as roomViewerFloorTab,r as roomViewerFloorTabActive,l as roomViewerLive,s as roomViewerViewButton,o as roomViewerViewControls};
 //# sourceMappingURL=roomViewer.module.mjs.map

package/dist/esm/common/scrollbarProvider/scrollbarProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbarProvider.mjs","names":[],"sources":["../../../../package/common/scrollbarProvider/scrollbarProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport styles from './scrollbarProvider.module.pcss';\n\ninterface Properties {\n  className?: string | undefined;\n  children?: React.ReactNode | undefined;\n};\n\nfunction ScrollbarProvider({\n  className = undefined,\n  children = undefined,\n}: Properties): ReactElement {\n  return (\n    <div className={cx(styles.scrollbarProvider, className)}>\n      {children}\n    </div>\n  );\n}\n\nexport default ScrollbarProvider;\n"],"mappings":"gHAUA,SAAS,EAAkB,CACzB,YAAY,IAAA,GACZ,WAAW,IAAA,IACgB,CAC3B,OACE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,kBAAmB,CAAS,EACnD,UACE,CAAA,CAET"}
+{"version":3,"file":"scrollbarProvider.mjs","names":[],"sources":["../../../../package/common/scrollbarProvider/scrollbarProvider.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport styles from './scrollbarProvider.module.pcss';\n\ninterface Properties {\n  className?: string | undefined;\n  children?: React.ReactNode | undefined;\n}\n\nfunction ScrollbarProvider({ className = undefined, children = undefined }: Properties): ReactElement {\n  return <div className={cx(styles.scrollbarProvider, className)}>{children}</div>;\n}\n\nexport default ScrollbarProvider;\n"],"mappings":"gHAUA,SAAS,EAAkB,CAAE,YAAY,IAAA,GAAW,WAAW,IAAA,IAAuC,CACpG,OAAO,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,kBAAmB,CAAS,EAAI,UAAc,CAAA,CACjF"}

package/dist/esm/common/scrollbarProvider/scrollbarProvider.module.mjs

@@ -1,2 +1,2 @@
-var e={scrollbarProvider:`scrollbarProvider_IMBFu`};export{e as default};
+var e=`scrollbarProvider_IMBFu`,t={scrollbarProvider:e};export{t as default,e as scrollbarProvider};
 //# sourceMappingURL=scrollbarProvider.module.mjs.map

package/dist/esm/common/scrollbarProvider/scrollbarProvider.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"scrollbarProvider.module.mjs","names":[],"sources":["../../../../package/common/scrollbarProvider/scrollbarProvider.module.pcss"],"sourcesContent":[".scrollbarProvider{\n    display: contents;\n  /* Firefox */\n  * {\n    scrollbar-width: thin;\n    scrollbar-color: var(--background-accent-light) transparent;\n  }\n\n  /* Chrome, Edge, and Safari */\n  *::-webkit-scrollbar {\n    width: 12px;\n  }\n\n  *::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  *::-webkit-scrollbar-thumb {\n    background-color: var(--background-accent-light);\n    border-radius: 10px;\n    border: 3px solid transparent;\n    background-clip: padding-box;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"scrollbarProvider.module.mjs","names":[],"sources":["../../../../package/common/scrollbarProvider/scrollbarProvider.module.pcss"],"sourcesContent":[".scrollbarProvider {\n  display: contents;\n\n  /* Firefox */\n  * {\n    scrollbar-width: thin;\n    scrollbar-color: var(--background-accent-light) transparent;\n  }\n\n  /* Chrome, Edge, and Safari */\n  *::-webkit-scrollbar {\n    width: 12px;\n  }\n\n  *::-webkit-scrollbar-track {\n    background: transparent;\n  }\n\n  *::-webkit-scrollbar-thumb {\n    background-color: var(--background-accent-light);\n    border-radius: 10px;\n    border: 3px solid transparent;\n    background-clip: padding-box;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/searchInput/searchInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"searchInput.mjs","names":[],"sources":["../../../../package/common/searchInput/searchInput.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactElement } from 'react';\nimport Input from 'components/common/input';\nimport { InputType } from 'components/common/input/input.types';\nimport styles from './searchInput.module.pcss';\nimport type { SearchInputProps } from './searchInput.types';\n\n\nexport default function SearchInput({\n  value,\n  onChange,\n  onDebounce,\n  placeholder,\n  label,\n  debounceMs = 500,\n  totalAmount,\n  showAmount = true,\n  className,\n  width,\n  ...rest\n}: SearchInputProps): ReactElement {\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => () => {\n    if (timerRef.current !== null) clearTimeout(timerRef.current);\n  }, []);\n\n  function handleChange(val: unknown) {\n    const str = val != null ? String(val) : '';\n    const trimmed = str.trim() === '' ? '' : str;\n    onChange(trimmed);\n    if (timerRef.current !== null) clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => { onDebounce?.(trimmed); }, debounceMs);\n  }\n\n  const showCount = showAmount && typeof totalAmount === 'number' && !Number.isNaN(totalAmount);\n\n  return (\n    <div {...rest} className={className} style={width != null ? { width } : undefined}>\n      <Input\n        type={InputType.Search}\n        label={label}\n        placeholder={placeholder}\n        value={value}\n        onChange={handleChange}\n      />\n      {showCount && (\n        <p className={styles.resultCount}>\n          {totalAmount} {totalAmount === 1 ? 'result' : 'results'}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"+NAOA,SAAwB,EAAY,CAClC,QACA,WACA,aACA,cACA,QACA,aAAa,IACb,cACA,aAAa,GACb,YACA,QACA,GAAG,GAC8B,CACjC,IAAM,EAAW,EAA6C,IAAI,EAElE,UAAsB,CAChB,EAAS,UAAY,MAAM,aAAa,EAAS,OAAO,CAC9D,EAAG,CAAC,CAAC,EAEL,SAAS,EAAa,EAAc,CAClC,IAAM,EAAM,GAAO,KAAqB,GAAd,OAAO,CAAG,EAC9B,EAAU,EAAI,KAAK,IAAM,GAAK,GAAK,EACzC,EAAS,CAAO,EACZ,EAAS,UAAY,MAAM,aAAa,EAAS,OAAO,EAC5D,EAAS,QAAU,eAAiB,CAAE,IAAa,CAAO,CAAG,EAAG,CAAU,CAC5E,CAEA,IAAM,EAAY,GAAc,OAAO,GAAgB,UAAY,CAAC,OAAO,MAAM,CAAW,EAE5F,OACE,EAAC,MAAD,CAAK,GAAI,EAAiB,YAAW,MAAO,GAAS,KAAmB,IAAA,GAAZ,CAAE,OAAM,WAApE,CACE,EAAC,EAAD,CACE,KAAM,EAAU,OACT,QACM,cACN,QACP,SAAU,CACX,CAAA,EACA,GACC,EAAC,IAAD,CAAG,UAAW,EAAO,qBAArB,CACG,EAAY,IAAE,IAAgB,EAAI,SAAW,SAC7C,GAEF,GAET"}
+{"version":3,"file":"searchInput.mjs","names":[],"sources":["../../../../package/common/searchInput/searchInput.tsx"],"sourcesContent":["import { useEffect, useRef, type ReactElement } from 'react';\nimport Input from 'components/common/input';\nimport { InputType } from 'components/common/input/input.types';\nimport styles from './searchInput.module.pcss';\nimport type { SearchInputProps } from './searchInput.types';\n\nexport default function SearchInput({\n  value,\n  onChange,\n  onDebounce,\n  placeholder,\n  label,\n  debounceMs = 500,\n  totalAmount,\n  showAmount = true,\n  className,\n  width,\n  ...rest\n}: SearchInputProps): ReactElement {\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(\n    () => () => {\n      if (timerRef.current !== null) clearTimeout(timerRef.current);\n    },\n    [],\n  );\n\n  function handleChange(val: unknown) {\n    const str = val != null ? String(val) : '';\n    const trimmed = str.trim() === '' ? '' : str;\n    onChange(trimmed);\n    if (timerRef.current !== null) clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => {\n      onDebounce?.(trimmed);\n    }, debounceMs);\n  }\n\n  const showCount = showAmount && typeof totalAmount === 'number' && !Number.isNaN(totalAmount);\n\n  return (\n    <div {...rest} className={className} style={width != null ? { width } : undefined}>\n      <Input type={InputType.Search} label={label} placeholder={placeholder} value={value} onChange={handleChange} />\n      {showCount && (\n        <p className={styles.resultCount}>\n          {totalAmount} {totalAmount === 1 ? 'result' : 'results'}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"+NAMA,SAAwB,EAAY,CAClC,QACA,WACA,aACA,cACA,QACA,aAAa,IACb,cACA,aAAa,GACb,YACA,QACA,GAAG,GAC8B,CACjC,IAAM,EAAW,EAA6C,IAAI,EAElE,UACc,CACN,EAAS,UAAY,MAAM,aAAa,EAAS,OAAO,CAC9D,EACA,CAAC,CACH,EAEA,SAAS,EAAa,EAAc,CAClC,IAAM,EAAM,GAAO,KAAqB,GAAd,OAAO,CAAG,EAC9B,EAAU,EAAI,KAAK,IAAM,GAAK,GAAK,EACzC,EAAS,CAAO,EACZ,EAAS,UAAY,MAAM,aAAa,EAAS,OAAO,EAC5D,EAAS,QAAU,eAAiB,CAClC,IAAa,CAAO,CACtB,EAAG,CAAU,CACf,CAEA,IAAM,EAAY,GAAc,OAAO,GAAgB,UAAY,CAAC,OAAO,MAAM,CAAW,EAE5F,OACE,EAAC,MAAD,CAAK,GAAI,EAAiB,YAAW,MAAO,GAAS,KAAmB,IAAA,GAAZ,CAAE,OAAM,EAApE,SAAA,CACE,EAAC,EAAD,CAAO,KAAM,EAAU,OAAe,QAAoB,cAAoB,QAAO,SAAU,CAAe,CAAA,EAC7G,GACC,EAAC,IAAD,CAAG,UAAW,EAAO,YAArB,SAAA,CACG,EAAY,IAAE,IAAgB,EAAI,SAAW,SAC7C,CAEF,CAAA,CAAA,GAET"}

package/dist/esm/common/searchInput/searchInput.module.mjs

@@ -1,2 +1,2 @@
-var e={resultCount:`resultCount_Sn48Q`};export{e as default};
+var e=`resultCount_Sn48Q`,t={resultCount:e};export{t as default,e as resultCount};
 //# sourceMappingURL=searchInput.module.mjs.map

package/dist/esm/common/sectionHeader/sectionHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sectionHeader.mjs","names":[],"sources":["../../../../package/common/sectionHeader/sectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { SectionHeaderSize } from './sectionHeader.types';\nimport type { SectionHeaderProps, SectionHeaderAction } from './sectionHeader.types';\nimport styles from './sectionHeader.module.pcss';\nimport ActionIcon from '../actionIcon';\nimport Divider from '../divider';\nimport { useComponentDefaults } from '../configProvider';\nimport { renderIcon } from '../utils/renderIcon';\n\nconst CLASS_BY_SIZE: Record<SectionHeaderSize, string> = {\n  [SectionHeaderSize.Small]: styles.sectionHeaderSizeSmall,\n  [SectionHeaderSize.Medium]: styles.sectionHeaderSizeMedium,\n  [SectionHeaderSize.Large]: styles.sectionHeaderSizeLarge,\n};\n\nfunction SectionHeader(props: SectionHeaderProps): ReactElement {\n  const {\n    title,\n    subtitle,\n    icon,\n    thumbnail,\n    left,\n    center,\n    actions,\n    level = 2,\n    size = SectionHeaderSize.Medium,\n    divider = false,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('SectionHeader', props);\n\n  const thumbnailUrl =\n    typeof thumbnail === 'string' && thumbnail.startsWith('http') ? thumbnail : undefined;\n  const hasThumbnail = thumbnail != null && thumbnail !== '';\n  const hasLeading = hasThumbnail || icon != null;\n\n  const Heading = `h${level}` as keyof React.JSX.IntrinsicElements;\n\n  return (\n    <>\n      <div\n        {...rest}\n        className={cx(\n          styles.sectionHeader,\n          CLASS_BY_SIZE[size],\n          className,\n          classNames?.root,\n        )}\n        style={{ ...style, ...slotStyles?.root }}\n      >\n        <div\n          className={cx(styles.sectionHeaderIdentity, classNames?.identity)}\n          style={slotStyles?.identity}\n        >\n          {hasLeading && (\n            <div\n              className={cx(styles.sectionHeaderLeading, classNames?.leading)}\n              style={{\n                ...(thumbnailUrl ? { backgroundImage: `url(${thumbnailUrl})` } : {}),\n                ...slotStyles?.leading,\n              }}\n            >\n              {hasThumbnail\n                ? !thumbnailUrl && thumbnail\n                : icon ? renderIcon(icon) : null}\n            </div>\n          )}\n\n          <div\n            className={cx(styles.sectionHeaderTitles, classNames?.titles)}\n            style={slotStyles?.titles}\n          >\n            <Heading\n              className={cx(styles.sectionHeaderTitle, classNames?.title)}\n              style={slotStyles?.title}\n              // The title renders on a single line and truncates with an ellipsis,\n              // so expose the full text on hover when it's plain text.\n              title={typeof title === 'string' ? title : undefined}\n            >\n              {title}\n            </Heading>\n            {subtitle != null && subtitle !== '' && (\n              <div\n                className={cx(styles.sectionHeaderSubtitle, classNames?.subtitle)}\n                style={slotStyles?.subtitle}\n              >\n                {subtitle}\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div\n          className={cx(styles.sectionHeaderTrailing, classNames?.trailing)}\n          style={slotStyles?.trailing}\n        >\n          <div className={cx(styles.sectionHeaderLeft, classNames?.left)} style={slotStyles?.left}>\n            {left}\n          </div>\n\n          <div\n            className={cx(styles.sectionHeaderCenter, classNames?.center)}\n            style={slotStyles?.center}\n          >\n            {center}\n          </div>\n\n          <div\n            className={cx(styles.sectionHeaderActions, classNames?.actions)}\n            style={slotStyles?.actions}\n          >\n            {Array.isArray(actions)\n              ? (actions as SectionHeaderAction[]).map((action, index) => (\n                  <ActionIcon\n                    key={index}\n                    title={action.title}\n                    onClick={\n                      action.onClick\n                        ? (e: React.MouseEvent<HTMLDivElement>) => {\n                            e.stopPropagation();\n                            action.onClick?.(e);\n                          }\n                        : undefined\n                    }\n                    icon={action.icon}\n                  />\n                ))\n              : (actions as React.ReactNode)}\n          </div>\n        </div>\n      </div>\n      {divider && <Divider className={styles.sectionHeaderDivider} />}\n    </>\n  );\n}\n\nexport default SectionHeader;\n"],"mappings":"yaAYA,IAAM,EAAmD,EACtD,EAAkB,OAAQ,EAAO,wBACjC,EAAkB,QAAS,EAAO,yBAClC,EAAkB,OAAQ,EAAO,sBACpC,EAEA,SAAS,EAAc,EAAyC,CAC9D,GAAM,CACJ,QACA,WACA,OACA,YACA,OACA,SACA,UACA,QAAQ,EACR,OAAO,EAAkB,OACzB,UAAU,GACV,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,gBAAiB,CAAK,EAEzC,EACJ,OAAO,GAAc,UAAY,EAAU,WAAW,MAAM,EAAI,EAAY,IAAA,GACxE,EAAe,GAAa,MAAQ,IAAc,GAClD,EAAa,GAAgB,GAAQ,KAErC,EAAU,IAAI,IAEpB,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EACT,EAAO,cACP,EAAc,GACd,EACA,GAAY,IACd,EACA,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,WARzC,CAUE,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,sBAAuB,GAAY,QAAQ,EAChE,MAAO,GAAY,kBAFrB,CAIG,GACC,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,qBAAsB,GAAY,OAAO,EAC9D,MAAO,CACL,GAAI,EAAe,CAAE,gBAAiB,OAAO,EAAa,EAAG,EAAI,CAAC,EAClE,GAAG,GAAY,OACjB,WAEC,EACG,CAAC,GAAgB,EACjB,EAAO,EAAW,CAAI,EAAI,IAC3B,CAAA,EAGP,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,oBAAqB,GAAY,MAAM,EAC5D,MAAO,GAAY,gBAFrB,CAIE,EAAC,EAAD,CACE,UAAW,EAAG,EAAO,mBAAoB,GAAY,KAAK,EAC1D,MAAO,GAAY,MAGnB,MAAO,OAAO,GAAU,SAAW,EAAQ,IAAA,YAE1C,CACM,CAAA,EACR,GAAY,MAAQ,IAAa,IAChC,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,sBAAuB,GAAY,QAAQ,EAChE,MAAO,GAAY,kBAElB,CACE,CAAA,CAEJ,GACF,IAEL,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,sBAAuB,GAAY,QAAQ,EAChE,MAAO,GAAY,kBAFrB,CAIE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,kBAAmB,GAAY,IAAI,EAAG,MAAO,GAAY,cAChF,CACE,CAAA,EAEL,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,oBAAqB,GAAY,MAAM,EAC5D,MAAO,GAAY,gBAElB,CACE,CAAA,EAEL,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,qBAAsB,GAAY,OAAO,EAC9D,MAAO,GAAY,iBAElB,MAAM,QAAQ,CAAO,EACjB,EAAkC,KAAK,EAAQ,IAC9C,EAAC,EAAD,CAEE,MAAO,EAAO,MACd,QACE,EAAO,QACF,GAAwC,CACvC,EAAE,gBAAgB,EAClB,EAAO,UAAU,CAAC,CACpB,EACA,IAAA,GAEN,KAAM,EAAO,IACd,EAXM,CAWN,CACF,EACA,CACF,CAAA,CACF,GACF,IACJ,GAAW,EAAC,EAAD,CAAS,UAAW,EAAO,oBAAuB,CAAA,CAC9D,CAAA,CAAA,CAEN"}
+{"version":3,"file":"sectionHeader.mjs","names":[],"sources":["../../../../package/common/sectionHeader/sectionHeader.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { SectionHeaderSize } from './sectionHeader.types';\nimport type { SectionHeaderProps, SectionHeaderAction } from './sectionHeader.types';\nimport styles from './sectionHeader.module.pcss';\nimport ActionIcon from '../actionIcon';\nimport Divider from '../divider';\nimport { useComponentDefaults } from '../configProvider';\nimport { renderIcon } from '../utils/renderIcon';\n\nconst CLASS_BY_SIZE: Record<SectionHeaderSize, string> = {\n  [SectionHeaderSize.Small]: styles.sectionHeaderSizeSmall,\n  [SectionHeaderSize.Medium]: styles.sectionHeaderSizeMedium,\n  [SectionHeaderSize.Large]: styles.sectionHeaderSizeLarge,\n};\n\nfunction SectionHeader(props: SectionHeaderProps): ReactElement {\n  const {\n    title,\n    subtitle,\n    icon,\n    thumbnail,\n    left,\n    center,\n    actions,\n    level = 2,\n    size = SectionHeaderSize.Medium,\n    divider = false,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('SectionHeader', props);\n\n  const thumbnailUrl = typeof thumbnail === 'string' && thumbnail.startsWith('http') ? thumbnail : undefined;\n  const hasThumbnail = thumbnail != null && thumbnail !== '';\n  const hasLeading = hasThumbnail || icon != null;\n\n  const Heading = `h${level}` as keyof React.JSX.IntrinsicElements;\n\n  return (\n    <>\n      <div\n        {...rest}\n        className={cx(styles.sectionHeader, CLASS_BY_SIZE[size], className, classNames?.root)}\n        style={{ ...style, ...slotStyles?.root }}\n      >\n        <div className={cx(styles.sectionHeaderIdentity, classNames?.identity)} style={slotStyles?.identity}>\n          {hasLeading && (\n            <div\n              className={cx(styles.sectionHeaderLeading, classNames?.leading)}\n              style={{\n                ...(thumbnailUrl ? { backgroundImage: `url(${thumbnailUrl})` } : {}),\n                ...slotStyles?.leading,\n              }}\n            >\n              {hasThumbnail ? !thumbnailUrl && thumbnail : icon ? renderIcon(icon) : null}\n            </div>\n          )}\n\n          <div className={cx(styles.sectionHeaderTitles, classNames?.titles)} style={slotStyles?.titles}>\n            <Heading\n              className={cx(styles.sectionHeaderTitle, classNames?.title)}\n              style={slotStyles?.title}\n              // The title renders on a single line and truncates with an ellipsis,\n              // so expose the full text on hover when it's plain text.\n              title={typeof title === 'string' ? title : undefined}\n            >\n              {title}\n            </Heading>\n            {subtitle != null && subtitle !== '' && (\n              <div className={cx(styles.sectionHeaderSubtitle, classNames?.subtitle)} style={slotStyles?.subtitle}>\n                {subtitle}\n              </div>\n            )}\n          </div>\n        </div>\n\n        <div className={cx(styles.sectionHeaderTrailing, classNames?.trailing)} style={slotStyles?.trailing}>\n          <div className={cx(styles.sectionHeaderLeft, classNames?.left)} style={slotStyles?.left}>\n            {left}\n          </div>\n\n          <div className={cx(styles.sectionHeaderCenter, classNames?.center)} style={slotStyles?.center}>\n            {center}\n          </div>\n\n          <div className={cx(styles.sectionHeaderActions, classNames?.actions)} style={slotStyles?.actions}>\n            {Array.isArray(actions)\n              ? (actions as SectionHeaderAction[]).map((action, index) => (\n                  <ActionIcon\n                    key={index}\n                    title={action.title}\n                    onClick={\n                      action.onClick\n                        ? (e: React.MouseEvent<HTMLDivElement>) => {\n                            e.stopPropagation();\n                            action.onClick?.(e);\n                          }\n                        : undefined\n                    }\n                    icon={action.icon}\n                  />\n                ))\n              : (actions as React.ReactNode)}\n          </div>\n        </div>\n      </div>\n      {divider && <Divider className={styles.sectionHeaderDivider} />}\n    </>\n  );\n}\n\nexport default SectionHeader;\n"],"mappings":"yaAYA,IAAM,EAAmD,EACtD,EAAkB,OAAQ,EAAO,wBACjC,EAAkB,QAAS,EAAO,yBAClC,EAAkB,OAAQ,EAAO,sBACpC,EAEA,SAAS,EAAc,EAAyC,CAC9D,GAAM,CACJ,QACA,WACA,OACA,YACA,OACA,SACA,UACA,QAAQ,EACR,OAAO,EAAkB,OACzB,UAAU,GACV,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,gBAAiB,CAAK,EAEzC,EAAe,OAAO,GAAc,UAAY,EAAU,WAAW,MAAM,EAAI,EAAY,IAAA,GAC3F,EAAe,GAAa,MAAQ,IAAc,GAClD,EAAa,GAAgB,GAAQ,KAErC,EAAU,IAAI,IAEpB,OACE,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,cAAe,EAAc,GAAO,EAAW,GAAY,IAAI,EACpF,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EAHzC,SAAA,CAKE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,sBAAuB,GAAY,QAAQ,EAAG,MAAO,GAAY,SAA3F,SAAA,CACG,GACC,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,qBAAsB,GAAY,OAAO,EAC9D,MAAO,CACL,GAAI,EAAe,CAAE,gBAAiB,OAAO,EAAa,EAAG,EAAI,CAAC,EAClE,GAAG,GAAY,OACjB,EAEC,SAAA,EAAe,CAAC,GAAgB,EAAY,EAAO,EAAW,CAAI,EAAI,IACpE,CAAA,EAGP,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,oBAAqB,GAAY,MAAM,EAAG,MAAO,GAAY,OAAvF,SAAA,CACE,EAAC,EAAD,CACE,UAAW,EAAG,EAAO,mBAAoB,GAAY,KAAK,EAC1D,MAAO,GAAY,MAGnB,MAAO,OAAO,GAAU,SAAW,EAAQ,IAAA,GAE1C,SAAA,CACM,CAAA,EACR,GAAY,MAAQ,IAAa,IAChC,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,sBAAuB,GAAY,QAAQ,EAAG,MAAO,GAAY,SACxF,SAAA,CACE,CAAA,CAEJ,CACF,CAAA,CAAA,CAEL,CAAA,EAAA,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,sBAAuB,GAAY,QAAQ,EAAG,MAAO,GAAY,SAA3F,SAAA,CACE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,kBAAmB,GAAY,IAAI,EAAG,MAAO,GAAY,KAChF,SAAA,CACE,CAAA,EAEL,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,oBAAqB,GAAY,MAAM,EAAG,MAAO,GAAY,OACpF,SAAA,CACE,CAAA,EAEL,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,qBAAsB,GAAY,OAAO,EAAG,MAAO,GAAY,QACtF,SAAA,MAAM,QAAQ,CAAO,EACjB,EAAkC,KAAK,EAAQ,IAC9C,EAAC,EAAD,CAEE,MAAO,EAAO,MACd,QACE,EAAO,QACF,GAAwC,CACvC,EAAE,gBAAgB,EAClB,EAAO,UAAU,CAAC,CACpB,EACA,IAAA,GAEN,KAAM,EAAO,IACd,EAXM,CAWN,CACF,EACA,CACF,CAAA,CACF,CACF,CAAA,CAAA,CACJ,CAAA,EAAA,GAAW,EAAC,EAAD,CAAS,UAAW,EAAO,oBAAuB,CAAA,CAC9D,CAAA,CAAA,CAEN"}

package/dist/esm/common/sectionHeader/sectionHeader.module.mjs

@@ -1,2 +1,2 @@
-var e={sectionHeader:`sectionHeader_X3bNj`,"sectionHeader-leading":`sectionHeader-leading_d6opV`,sectionHeaderLeading:`sectionHeader-leading_d6opV`,"sectionHeader-identity":`sectionHeader-identity_Qmlpt`,sectionHeaderIdentity:`sectionHeader-identity_Qmlpt`,"sectionHeader-titles":`sectionHeader-titles_iN9dT`,sectionHeaderTitles:`sectionHeader-titles_iN9dT`,"sectionHeader-title":`sectionHeader-title_wH--S`,sectionHeaderTitle:`sectionHeader-title_wH--S`,"sectionHeader-subtitle":`sectionHeader-subtitle_WRK3Y`,sectionHeaderSubtitle:`sectionHeader-subtitle_WRK3Y`,"sectionHeader-trailing":`sectionHeader-trailing_ewWDV`,sectionHeaderTrailing:`sectionHeader-trailing_ewWDV`,"sectionHeader-left":`sectionHeader-left_ZUuWs`,sectionHeaderLeft:`sectionHeader-left_ZUuWs`,"sectionHeader-center":`sectionHeader-center_MzSev`,sectionHeaderCenter:`sectionHeader-center_MzSev`,"sectionHeader-actions":`sectionHeader-actions_E40ZS`,sectionHeaderActions:`sectionHeader-actions_E40ZS`,"sectionHeader-divider":`sectionHeader-divider_Ovpev`,sectionHeaderDivider:`sectionHeader-divider_Ovpev`,"sectionHeader-size-small":`sectionHeader-size-small_6OVWE`,sectionHeaderSizeSmall:`sectionHeader-size-small_6OVWE`,"sectionHeader-size-medium":`sectionHeader-size-medium_BVSe6`,sectionHeaderSizeMedium:`sectionHeader-size-medium_BVSe6`,"sectionHeader-size-large":`sectionHeader-size-large_bOZDP`,sectionHeaderSizeLarge:`sectionHeader-size-large_bOZDP`};export{e as default};
+var e=`sectionHeader_X3bNj`,t=`sectionHeader-leading_d6opV`,n=`sectionHeader-identity_Qmlpt`,r=`sectionHeader-titles_iN9dT`,i=`sectionHeader-title_wH--S`,a=`sectionHeader-subtitle_WRK3Y`,o=`sectionHeader-trailing_ewWDV`,s=`sectionHeader-left_ZUuWs`,c=`sectionHeader-center_MzSev`,l=`sectionHeader-actions_E40ZS`,u=`sectionHeader-divider_Ovpev`,d=`sectionHeader-size-small_6OVWE`,f=`sectionHeader-size-medium_BVSe6`,p=`sectionHeader-size-large_bOZDP`,m={sectionHeader:e,"sectionHeader-leading":`sectionHeader-leading_d6opV`,sectionHeaderLeading:t,"sectionHeader-identity":`sectionHeader-identity_Qmlpt`,sectionHeaderIdentity:n,"sectionHeader-titles":`sectionHeader-titles_iN9dT`,sectionHeaderTitles:r,"sectionHeader-title":`sectionHeader-title_wH--S`,sectionHeaderTitle:i,"sectionHeader-subtitle":`sectionHeader-subtitle_WRK3Y`,sectionHeaderSubtitle:a,"sectionHeader-trailing":`sectionHeader-trailing_ewWDV`,sectionHeaderTrailing:o,"sectionHeader-left":`sectionHeader-left_ZUuWs`,sectionHeaderLeft:s,"sectionHeader-center":`sectionHeader-center_MzSev`,sectionHeaderCenter:c,"sectionHeader-actions":`sectionHeader-actions_E40ZS`,sectionHeaderActions:l,"sectionHeader-divider":`sectionHeader-divider_Ovpev`,sectionHeaderDivider:u,"sectionHeader-size-small":`sectionHeader-size-small_6OVWE`,sectionHeaderSizeSmall:d,"sectionHeader-size-medium":`sectionHeader-size-medium_BVSe6`,sectionHeaderSizeMedium:f,"sectionHeader-size-large":`sectionHeader-size-large_bOZDP`,sectionHeaderSizeLarge:p};export{m as default,e as sectionHeader,l as sectionHeaderActions,c as sectionHeaderCenter,u as sectionHeaderDivider,n as sectionHeaderIdentity,t as sectionHeaderLeading,s as sectionHeaderLeft,p as sectionHeaderSizeLarge,f as sectionHeaderSizeMedium,d as sectionHeaderSizeSmall,a as sectionHeaderSubtitle,i as sectionHeaderTitle,r as sectionHeaderTitles,o as sectionHeaderTrailing};
 //# sourceMappingURL=sectionHeader.module.mjs.map

package/dist/esm/common/sectionHeader/sectionHeader.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sectionHeader.module.mjs","names":[],"sources":["../../../../package/common/sectionHeader/sectionHeader.module.pcss"],"sourcesContent":[".sectionHeader {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--spacing-m, 16px);\n  align-items: center;\n  color: var(--text-color);\n\n  &-leading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: var(--section-header-leading-size);\n    height: var(--section-header-leading-size);\n    color: var(--primary-color);\n    background: var(--background-accent);\n    border-radius: var(--default-border-radius);\n    overflow: hidden;\n    background-size: cover;\n    background-position: center;\n    flex-shrink: 0;\n    font-size: calc(var(--section-header-leading-size) * 0.5);\n  }\n\n  /* Leading icon/thumbnail + titles form one unbreakable flex item. Without the\n     wrapper they're siblings on the wrapping root, and since flex breaks lines by\n     hypothetical size (flex-basis: auto = content width) rather than the shrunk\n     size, a long title drops to its own row and orphans the icon above it. */\n  &-identity {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-m, 16px);\n    flex: 0 1 auto;\n    min-width: 0;\n  }\n\n  &-titles {\n    display: flex;\n    flex-flow: column;\n    flex: 0 1 auto;\n    gap: 2px;\n    min-width: 0;\n  }\n\n  &-title {\n    margin: 0;\n    font-size: var(--section-header-title-size);\n    font-weight: var(--header-font-weight, 600);\n    line-height: 1.2;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &-subtitle {\n    color: var(--text-dark);\n    font-weight: 300;\n    font-size: var(--section-header-subtitle-size);\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  &-trailing {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--spacing-m, 16px);\n    flex: 1 1 auto;\n  }\n\n  &-left {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  &-center {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  &-actions {\n    display: flex;\n    gap: var(--spacing-s, 8px);\n    flex-wrap: wrap;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  &-divider {\n    margin-top: var(--spacing-s, 8px);\n  }\n\n  &-size {\n    &-small {\n      --section-header-title-size: var(--header-small-font-size, 16px);\n      --section-header-subtitle-size: 12px;\n      --section-header-leading-size: calc(var(--section-header-title-size) * 2.2);\n    }\n\n    &-medium {\n      --section-header-title-size: var(--header-medium-font-size, 18px);\n      --section-header-subtitle-size: 14px;\n      --section-header-leading-size: calc(var(--section-header-title-size) * 2.2);\n    }\n\n    &-large {\n      --section-header-title-size: var(--header-font-size, 24px);\n      --section-header-subtitle-size: 15px;\n      --section-header-leading-size: calc(var(--section-header-title-size) * 2.2);\n    }\n  }\n}\n\n@media (max-width: 640px) {\n  .sectionHeader-center:not(:empty) {\n    flex: 1 1 100%;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"sectionHeader.module.mjs","names":[],"sources":["../../../../package/common/sectionHeader/sectionHeader.module.pcss"],"sourcesContent":[".sectionHeader {\n  display: flex;\n  flex-wrap: wrap;\n  gap: var(--spacing-m, 16px);\n  align-items: center;\n  color: var(--text-color);\n\n  &-leading {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: var(--section-header-leading-size);\n    height: var(--section-header-leading-size);\n    color: var(--primary-color);\n    background: var(--background-accent);\n    border-radius: var(--default-border-radius);\n    overflow: hidden;\n    background-size: cover;\n    background-position: center;\n    flex-shrink: 0;\n    font-size: calc(var(--section-header-leading-size) * 0.5);\n  }\n\n  /* Leading icon/thumbnail + titles form one unbreakable flex item. Without the\n     wrapper they're siblings on the wrapping root, and since flex breaks lines by\n     hypothetical size (flex-basis: auto = content width) rather than the shrunk\n     size, a long title drops to its own row and orphans the icon above it. */\n  &-identity {\n    display: flex;\n    align-items: center;\n    gap: var(--spacing-m, 16px);\n    flex: 0 1 auto;\n    min-width: 0;\n  }\n\n  &-titles {\n    display: flex;\n    flex-flow: column;\n    flex: 0 1 auto;\n    gap: 2px;\n    min-width: 0;\n  }\n\n  &-title {\n    margin: 0;\n    font-size: var(--section-header-title-size);\n    font-weight: var(--header-font-weight, 600);\n    line-height: 1.2;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &-subtitle {\n    color: var(--text-dark);\n    font-weight: 300;\n    font-size: var(--section-header-subtitle-size);\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  &-trailing {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--spacing-m, 16px);\n    flex: 1 1 auto;\n  }\n\n  &-left {\n    display: flex;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  &-center {\n    display: flex;\n    align-items: center;\n    min-width: 0;\n  }\n\n  &-actions {\n    display: flex;\n    gap: var(--spacing-s, 8px);\n    flex-wrap: wrap;\n    flex-shrink: 0;\n    align-items: center;\n    justify-content: flex-end;\n  }\n\n  &-divider {\n    margin-top: var(--spacing-s, 8px);\n  }\n\n  &-size {\n    &-small {\n      --section-header-title-size: var(--header-small-font-size, 16px);\n      --section-header-subtitle-size: 12px;\n      --section-header-leading-size: calc(var(--section-header-title-size) * 2.2);\n    }\n\n    &-medium {\n      --section-header-title-size: var(--header-medium-font-size, 18px);\n      --section-header-subtitle-size: 14px;\n      --section-header-leading-size: calc(var(--section-header-title-size) * 2.2);\n    }\n\n    &-large {\n      --section-header-title-size: var(--header-font-size, 24px);\n      --section-header-subtitle-size: 15px;\n      --section-header-leading-size: calc(var(--section-header-title-size) * 2.2);\n    }\n  }\n}\n\n@media (width <= 640px) {\n  .sectionHeader-center:not(:empty) {\n    flex: 1 1 100%;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/skeleton/skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.mjs","names":[],"sources":["../../../../package/common/skeleton/skeleton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { SkeletonVariant, SkeletonAnimation } from './skeleton.types';\nimport type { SkeletonProps } from './skeleton.types';\nimport styles from './skeleton.module.pcss';\nimport { useComponentDefaults } from '../configProvider';\n\nconst CLASS_BY_VARIANT: Record<SkeletonVariant, string> = {\n  [SkeletonVariant.Text]: styles.skeletonText,\n  [SkeletonVariant.Circle]: styles.skeletonCircle,\n  [SkeletonVariant.Rectangular]: styles.skeletonRectangular,\n};\n\nconst CLASS_BY_ANIMATION: Record<SkeletonAnimation, string | undefined> = {\n  [SkeletonAnimation.Shimmer]: styles.skeletonAnimationShimmer,\n  [SkeletonAnimation.Pulse]: styles.skeletonAnimationPulse,\n  [SkeletonAnimation.None]: undefined,\n};\n\nfunction Skeleton(props: SkeletonProps): ReactElement {\n  const {\n  variant = SkeletonVariant.Text,\n  animation = SkeletonAnimation.Shimmer,\n  lines = 1,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n  } = useComponentDefaults('Skeleton', props);\n  const variantClass = CLASS_BY_VARIANT[variant];\n  const animationClass = CLASS_BY_ANIMATION[animation];\n\n  if (variant !== SkeletonVariant.Text || lines <= 1) {\n    return (\n      <span\n        {...rest}\n        className={cx(styles.skeleton, variantClass, animationClass, className)}\n        style={style}\n      />\n    );\n  }\n\n  return (\n    <span {...rest} className={cx(styles.skeletonLines, className)} style={style}>\n      {Array.from({ length: lines }, (_, index) => (\n        <span\n          key={index}\n          className={cx(\n            styles.skeleton,\n            variantClass,\n            animationClass,\n            index === lines - 1 && styles.skeletonLineLast,\n            classNames?.line\n          )}\n          style={slotStyles?.line}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport default Skeleton;\n"],"mappings":"uQAQA,IAAM,EAAoD,EACvD,EAAgB,MAAO,EAAO,cAC9B,EAAgB,QAAS,EAAO,gBAChC,EAAgB,aAAc,EAAO,mBACxC,EAEM,EAAoE,EACvE,EAAkB,SAAU,EAAO,0BACnC,EAAkB,OAAQ,EAAO,wBACjC,EAAkB,MAAO,IAAA,EAC5B,EAEA,SAAS,EAAS,EAAoC,CACpD,GAAM,CACN,UAAU,EAAgB,KAC1B,YAAY,EAAkB,QAC9B,QAAQ,EACR,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACC,EAAqB,WAAY,CAAK,EACpC,EAAe,EAAiB,GAChC,EAAiB,EAAmB,GAY1C,OAVI,IAAY,EAAgB,MAAQ,GAAS,EAE7C,EAAC,OAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,SAAU,EAAc,EAAgB,CAAS,EAC/D,OACR,CAAA,EAKH,EAAC,OAAD,CAAM,GAAI,EAAM,UAAW,EAAG,EAAO,cAAe,CAAS,EAAU,iBACpE,MAAM,KAAK,CAAE,OAAQ,CAAM,GAAI,EAAG,IACjC,EAAC,OAAD,CAEE,UAAW,EACT,EAAO,SACP,EACA,EACA,IAAU,EAAQ,GAAK,EAAO,iBAC9B,GAAY,IACd,EACA,MAAO,GAAY,IACpB,EATM,CASN,CACF,CACG,CAAA,CAEV"}
+{"version":3,"file":"skeleton.mjs","names":[],"sources":["../../../../package/common/skeleton/skeleton.tsx"],"sourcesContent":["import type { ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { SkeletonVariant, SkeletonAnimation } from './skeleton.types';\nimport type { SkeletonProps } from './skeleton.types';\nimport styles from './skeleton.module.pcss';\nimport { useComponentDefaults } from '../configProvider';\n\nconst CLASS_BY_VARIANT: Record<SkeletonVariant, string> = {\n  [SkeletonVariant.Text]: styles.skeletonText,\n  [SkeletonVariant.Circle]: styles.skeletonCircle,\n  [SkeletonVariant.Rectangular]: styles.skeletonRectangular,\n};\n\nconst CLASS_BY_ANIMATION: Record<SkeletonAnimation, string | undefined> = {\n  [SkeletonAnimation.Shimmer]: styles.skeletonAnimationShimmer,\n  [SkeletonAnimation.Pulse]: styles.skeletonAnimationPulse,\n  [SkeletonAnimation.None]: undefined,\n};\n\nfunction Skeleton(props: SkeletonProps): ReactElement {\n  const {\n    variant = SkeletonVariant.Text,\n    animation = SkeletonAnimation.Shimmer,\n    lines = 1,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Skeleton', props);\n  const variantClass = CLASS_BY_VARIANT[variant];\n  const animationClass = CLASS_BY_ANIMATION[animation];\n\n  if (variant !== SkeletonVariant.Text || lines <= 1) {\n    return <span {...rest} className={cx(styles.skeleton, variantClass, animationClass, className)} style={style} />;\n  }\n\n  return (\n    <span {...rest} className={cx(styles.skeletonLines, className)} style={style}>\n      {Array.from({ length: lines }, (_, index) => (\n        <span\n          key={index}\n          className={cx(\n            styles.skeleton,\n            variantClass,\n            animationClass,\n            index === lines - 1 && styles.skeletonLineLast,\n            classNames?.line,\n          )}\n          style={slotStyles?.line}\n        />\n      ))}\n    </span>\n  );\n}\n\nexport default Skeleton;\n"],"mappings":"uQAQA,IAAM,EAAoD,EACvD,EAAgB,MAAO,EAAO,cAC9B,EAAgB,QAAS,EAAO,gBAChC,EAAgB,aAAc,EAAO,mBACxC,EAEM,EAAoE,EACvE,EAAkB,SAAU,EAAO,0BACnC,EAAkB,OAAQ,EAAO,wBACjC,EAAkB,MAAO,IAAA,EAC5B,EAEA,SAAS,EAAS,EAAoC,CACpD,GAAM,CACJ,UAAU,EAAgB,KAC1B,YAAY,EAAkB,QAC9B,QAAQ,EACR,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,WAAY,CAAK,EACpC,EAAe,EAAiB,GAChC,EAAiB,EAAmB,GAM1C,OAJI,IAAY,EAAgB,MAAQ,GAAS,EACxC,EAAC,OAAD,CAAM,GAAI,EAAM,UAAW,EAAG,EAAO,SAAU,EAAc,EAAgB,CAAS,EAAU,OAAQ,CAAA,EAI/G,EAAC,OAAD,CAAM,GAAI,EAAM,UAAW,EAAG,EAAO,cAAe,CAAS,EAAU,QACpE,SAAA,MAAM,KAAK,CAAE,OAAQ,CAAM,GAAI,EAAG,IACjC,EAAC,OAAD,CAEE,UAAW,EACT,EAAO,SACP,EACA,EACA,IAAU,EAAQ,GAAK,EAAO,iBAC9B,GAAY,IACd,EACA,MAAO,GAAY,IACpB,EATM,CASN,CACF,CACG,CAAA,CAEV"}

package/dist/esm/common/skeleton/skeleton.module.mjs

@@ -1,2 +1,2 @@
-var e={skeleton:`skeleton_TSg1y`,"skeleton-lines":`skeleton-lines_-Z-gf`,skeletonLines:`skeleton-lines_-Z-gf`,"skeleton-line-last":`skeleton-line-last_UFw21`,skeletonLineLast:`skeleton-line-last_UFw21`,"skeleton-text":`skeleton-text_Jlefj`,skeletonText:`skeleton-text_Jlefj`,"skeleton-circle":`skeleton-circle_t0bbj`,skeletonCircle:`skeleton-circle_t0bbj`,"skeleton-rectangular":`skeleton-rectangular_UtIyN`,skeletonRectangular:`skeleton-rectangular_UtIyN`,"skeleton-animation-pulse":`skeleton-animation-pulse_wGbPg`,skeletonAnimationPulse:`skeleton-animation-pulse_wGbPg`,skeletonPulse:`skeletonPulse_06yjn`,"skeleton-animation-shimmer":`skeleton-animation-shimmer_a0nwc`,skeletonAnimationShimmer:`skeleton-animation-shimmer_a0nwc`,skeletonShimmer:`skeletonShimmer_wLPXR`};export{e as default};
+var e=`skeleton_TSg1y`,t=`skeleton-lines_-Z-gf`,n=`skeleton-line-last_UFw21`,r=`skeleton-text_Jlefj`,i=`skeleton-circle_t0bbj`,a=`skeleton-rectangular_UtIyN`,o=`skeleton-animation-pulse_wGbPg`,s=`skeletonPulse_06yjn`,c=`skeleton-animation-shimmer_a0nwc`,l=`skeletonShimmer_wLPXR`,u={skeleton:e,"skeleton-lines":`skeleton-lines_-Z-gf`,skeletonLines:t,"skeleton-line-last":`skeleton-line-last_UFw21`,skeletonLineLast:n,"skeleton-text":`skeleton-text_Jlefj`,skeletonText:r,"skeleton-circle":`skeleton-circle_t0bbj`,skeletonCircle:i,"skeleton-rectangular":`skeleton-rectangular_UtIyN`,skeletonRectangular:a,"skeleton-animation-pulse":`skeleton-animation-pulse_wGbPg`,skeletonAnimationPulse:o,skeletonPulse:s,"skeleton-animation-shimmer":`skeleton-animation-shimmer_a0nwc`,skeletonAnimationShimmer:c,skeletonShimmer:l};export{u as default,e as skeleton,o as skeletonAnimationPulse,c as skeletonAnimationShimmer,i as skeletonCircle,n as skeletonLineLast,t as skeletonLines,s as skeletonPulse,a as skeletonRectangular,l as skeletonShimmer,r as skeletonText};
 //# sourceMappingURL=skeleton.module.mjs.map

package/dist/esm/common/slider/slider.mjs

@@ -1,2 +1,2 @@
-import e from"./slider.module.mjs";import t,{useEffect as n,useRef as r,useState as i}from"react";import a from"classnames";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(e){let t=String(e),n=t.indexOf(`.`);return n===-1?0:t.length-n-1}function l({value:l,defaultValue:u,onChange:d,onChangeEnd:f,min:p=0,max:m=100,step:h=1,disabled:g=!1,marks:_,showValue:v=!1,formatValue:y,size:b=`18px`,tabIndex:x=0,className:S,style:C,classNames:w,styles:T,"aria-label":E,...D}){let O=r(null),k=r(null),A=r(!1),[j,M]=i(!1),N=l!==void 0,[P,F]=i(u??p),I=c(h);function L(e){return Math.min(m,Math.max(p,e))}function R(e){let t=Math.round((e-p)/h)*h+p;return Number(L(t).toFixed(I))}let z=L(N?l:P),B=r(z);n(()=>{B.current=z},[z]);let V=`${(m>p?(z-p)/(m-p):0)*100}%`;function H(e,t){let n=R(e);n!==B.current&&(B.current=n,N||F(n),d?.(n)),t&&f?.(n)}function U(e){let t=O.current;if(!t)return B.current;let n=t.getBoundingClientRect(),r=n.width?(e-n.left)/n.width:0;return p+Math.min(1,Math.max(0,r))*(m-p)}function W(e){g||(e.preventDefault(),k.current?.focus(),k.current?.setPointerCapture?.(e.pointerId),A.current=!0,M(!0),H(U(e.clientX),!1))}function G(e){A.current&&H(U(e.clientX),!1)}function K(e){A.current&&(A.current=!1,M(!1),k.current?.releasePointerCapture?.(e.pointerId),f?.(B.current))}function q(e){if(g)return;let t=h*10,n=null;switch(e.key){case`ArrowRight`:case`ArrowUp`:n=z+h;break;case`ArrowLeft`:case`ArrowDown`:n=z-h;break;case`PageUp`:n=z+t;break;case`PageDown`:n=z-t;break;case`Home`:n=p;break;case`End`:n=m;break;default:return}e.preventDefault(),H(n,!0)}let J=y?y(z):z,Y=!!_?.some(e=>e.label!=null);return o(`div`,{...D,ref:k,role:`slider`,"aria-label":E,"aria-valuemin":p,"aria-valuemax":m,"aria-valuenow":z,"aria-valuetext":typeof J==`string`||typeof J==`number`?String(J):void 0,"aria-orientation":`horizontal`,"aria-disabled":g||void 0,tabIndex:g?-1:x,className:a(e.slider,g&&e.sliderDisabled,j&&e.sliderDragging,Y&&e.sliderHasMarkLabels,S,w?.root),style:{"--slider-thumb-size":b,...C,...T?.root},onPointerDown:W,onPointerMove:G,onPointerUp:K,onKeyDown:q,children:s(`div`,{ref:O,className:a(e.sliderTrack,w?.track),style:T?.track,children:[o(`div`,{className:a(e.sliderRange,w?.range),style:{width:V,...T?.range}}),_?.map(n=>{let r=`${(m>p?(L(n.value)-p)/(m-p):0)*100}%`;return s(t.Fragment,{children:[o(`span`,{className:a(e.sliderMark,w?.mark),style:{left:r,...T?.mark}}),n.label!=null&&o(`span`,{className:a(e.sliderMarkLabel,w?.markLabel),style:{left:r,...T?.markLabel},children:n.label})]},n.value)}),o(`div`,{className:a(e.sliderThumb,w?.thumb),style:{left:V,...T?.thumb},children:v&&o(`span`,{className:a(e.sliderValue,w?.value),style:T?.value,children:J})})]})})}export{l as default};
+import e from"./slider.module.mjs";import t,{useEffect as n,useRef as r,useState as i}from"react";import a from"classnames";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(e){let t=String(e),n=t.indexOf(`.`);return n===-1?0:t.length-n-1}function l(l){let{min:u=0,max:d=100,step:f=1,disabled:p=!1,marks:m,showValue:h=!1,formatValue:g,size:_=`18px`,tabIndex:v=0,className:ee,style:te,classNames:y,styles:b,"aria-label":x,range:S,value:C,defaultValue:ne,onChange:re,onChangeEnd:ie,minRange:w=0,thumbLabels:T,...E}=l,D=re,O=ie,k=S===!0,A=r(null),j=r(null),M=r([]),N=r(null),[ae,P]=i(!1),F=c(f);function I(e){return Math.min(d,Math.max(u,e))}function oe(e){let t=Math.round((e-u)/f)*f+u;return Number(I(t).toFixed(F))}function L(e){if(k){let t=e??[u,d];return[I(t[0]),I(t[1])]}return[I(e??u)]}function R(e){let t=k?2:1;return e.length===t?e:k?[e[0],d]:[e[0]]}let z=C!==void 0,[B,V]=i(()=>L(ne)),H=z?L(C):R(B),U=r(H);n(()=>{U.current=H},[H]);function W(e){return k?[e[0],e[1]]:e[0]}function G(e,t){return k?e===0?[u,t[1]-w]:[t[0]+w,d]:[u,d]}function K(e,t,n){let r=U.current,[i,a]=G(e,r),o=oe(t);if(o<i&&(o=Number(Math.max(u,i).toFixed(F))),o>a&&(o=Number(Math.min(d,a).toFixed(F))),o===r[e]){n&&O?.(W(r));return}let s=[...r];s[e]=o,U.current=s,z||V(s),D?.(W(s)),n&&O?.(W(s))}function q(e){let t=A.current;if(!t)return U.current[0];let n=t.getBoundingClientRect(),r=n.width?(e-n.left)/n.width:0;return u+Math.min(1,Math.max(0,r))*(d-u)}function se(e){if(!k)return 0;let[t,n]=U.current,r=Math.abs(e-t),i=Math.abs(e-n);return r===i?+(e>n):r<i?0:1}function ce(e){if(p)return;e.preventDefault();let t=q(e.clientX),n=se(t);(k?M.current[n]:j.current)?.focus(),j.current?.setPointerCapture?.(e.pointerId),N.current=n,P(!0),K(n,t,!1)}function le(e){let t=N.current;t!==null&&K(t,q(e.clientX),!1)}function ue(e){N.current!==null&&(N.current=null,P(!1),j.current?.releasePointerCapture?.(e.pointerId),O?.(W(U.current)))}function J(e,t){if(p)return;let n=f*10,r=H[t],i=null;switch(e.key){case`ArrowRight`:case`ArrowUp`:i=r+f;break;case`ArrowLeft`:case`ArrowDown`:i=r-f;break;case`PageUp`:i=r+n;break;case`PageDown`:i=r-n;break;case`Home`:i=u;break;case`End`:i=d;break;default:return}e.preventDefault(),K(t,i,!0)}let Y=e=>d>u?(I(e)-u)/(d-u):0,X=e=>`${Y(e)*100}%`,de=k?{left:X(H[0]),width:`${(Y(H[1])-Y(H[0]))*100}%`}:{width:X(H[0])},Z=!!m?.some(e=>e.label!=null),Q=e=>g?g(e):e;function $(e){let t=H[e],n=Q(t),[r,i]=G(e,H);return{role:`slider`,"aria-valuemin":Number(Math.max(u,r).toFixed(F)),"aria-valuemax":Number(Math.min(d,i).toFixed(F)),"aria-valuenow":t,"aria-valuetext":typeof n==`string`||typeof n==`number`?String(n):void 0,"aria-orientation":`horizontal`,"aria-disabled":p||void 0}}let fe=k?{role:`group`,"aria-label":x,"aria-disabled":p||void 0}:{...$(0),"aria-label":x,tabIndex:p?-1:v};return o(`div`,{...E,...fe,ref:j,className:a(e.slider,p&&e.sliderDisabled,ae&&e.sliderDragging,Z&&e.sliderHasMarkLabels,ee,y?.root),style:{"--slider-thumb-size":_,...te,...b?.root},onPointerDown:ce,onPointerMove:le,onPointerUp:ue,onKeyDown:k?void 0:e=>J(e,0),children:s(`div`,{ref:A,className:a(e.sliderTrack,y?.track),style:b?.track,children:[o(`div`,{className:a(e.sliderRange,y?.range),style:{...de,...b?.range}}),m?.map(n=>{let r=X(n.value);return s(t.Fragment,{children:[o(`span`,{className:a(e.sliderMark,y?.mark),style:{left:r,...b?.mark}}),n.label!=null&&o(`span`,{className:a(e.sliderMarkLabel,y?.markLabel),style:{left:r,...b?.markLabel},children:n.label})]},n.value)}),H.map((t,n)=>o(`div`,{ref:e=>{M.current[n]=e},className:a(e.sliderThumb,y?.thumb),style:{left:X(t),...b?.thumb},...k?{...$(n),"aria-label":T?.[n]??(n===0?`From`:`To`),tabIndex:p?-1:v,onKeyDown:e=>J(e,n)}:{},children:h&&o(`span`,{className:a(e.sliderValue,y?.value),style:b?.value,children:Q(t)})},n))]})})}export{l as default};
 //# sourceMappingURL=slider.mjs.map

package/dist/esm/common/slider/slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.mjs","names":[],"sources":["../../../../package/common/slider/slider.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, type ReactElement } from 'react';\nimport cx from 'classnames';\nimport styles from './slider.module.pcss';\nimport type { SliderProps } from './slider.types';\n\n/** Count decimal places in a step so snapped values don't accumulate float error. */\nfunction decimalsOf(step: number): number {\n  const s = String(step);\n  const dot = s.indexOf('.');\n  return dot === -1 ? 0 : s.length - dot - 1;\n}\n\nexport default function Slider({\n  value,\n  defaultValue,\n  onChange,\n  onChangeEnd,\n  min = 0,\n  max = 100,\n  step = 1,\n  disabled = false,\n  marks,\n  showValue = false,\n  formatValue,\n  size = '18px',\n  tabIndex = 0,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  'aria-label': ariaLabel,\n  ...rest\n}: SliderProps): ReactElement {\n  const trackRef = useRef<HTMLDivElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const draggingRef = useRef(false);\n  const [dragging, setDragging] = useState(false);\n\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<number>(defaultValue ?? min);\n\n  const decimals = decimalsOf(step);\n\n  function clamp(v: number): number {\n    return Math.min(max, Math.max(min, v));\n  }\n\n  function snap(v: number): number {\n    const snapped = Math.round((v - min) / step) * step + min;\n    return Number(clamp(snapped).toFixed(decimals));\n  }\n\n  const current = clamp(isControlled ? (value as number) : internal);\n  // Latest committed value, for reading inside pointer handlers without stale\n  // closures. Synced after render (never written during render) and optimistically\n  // in commit() so a drag burst dedupes before the next render lands.\n  const currentRef = useRef(current);\n  useEffect(() => {\n    currentRef.current = current;\n  }, [current]);\n\n  const fraction = max > min ? (current - min) / (max - min) : 0;\n  const percent = `${fraction * 100}%`;\n\n  function commit(next: number, ended: boolean) {\n    const snapped = snap(next);\n    if (snapped !== currentRef.current) {\n      currentRef.current = snapped;\n      if (!isControlled) setInternal(snapped);\n      onChange?.(snapped);\n    }\n    if (ended) onChangeEnd?.(snapped);\n  }\n\n  function valueFromClientX(clientX: number): number {\n    const track = trackRef.current;\n    if (!track) return currentRef.current;\n    const rect = track.getBoundingClientRect();\n    const ratio = rect.width ? (clientX - rect.left) / rect.width : 0;\n    return min + Math.min(1, Math.max(0, ratio)) * (max - min);\n  }\n\n  function handlePointerDown(e: React.PointerEvent<HTMLDivElement>) {\n    if (disabled) return;\n    e.preventDefault();\n    rootRef.current?.focus();\n    rootRef.current?.setPointerCapture?.(e.pointerId);\n    draggingRef.current = true;\n    setDragging(true);\n    commit(valueFromClientX(e.clientX), false);\n  }\n\n  function handlePointerMove(e: React.PointerEvent<HTMLDivElement>) {\n    if (!draggingRef.current) return;\n    commit(valueFromClientX(e.clientX), false);\n  }\n\n  function handlePointerUp(e: React.PointerEvent<HTMLDivElement>) {\n    if (!draggingRef.current) return;\n    draggingRef.current = false;\n    setDragging(false);\n    rootRef.current?.releasePointerCapture?.(e.pointerId);\n    onChangeEnd?.(currentRef.current);\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent<HTMLDivElement>) {\n    if (disabled) return;\n    const page = step * 10;\n    let next: number | null = null;\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        next = current + step;\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        next = current - step;\n        break;\n      case 'PageUp':\n        next = current + page;\n        break;\n      case 'PageDown':\n        next = current - page;\n        break;\n      case 'Home':\n        next = min;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    e.preventDefault();\n    commit(next, true);\n  }\n\n  const valueText = formatValue ? formatValue(current) : current;\n  const hasMarkLabels = !!marks?.some((m) => m.label != null);\n\n  return (\n    <div\n      {...rest}\n      ref={rootRef}\n      role=\"slider\"\n      aria-label={ariaLabel}\n      aria-valuemin={min}\n      aria-valuemax={max}\n      aria-valuenow={current}\n      aria-valuetext={typeof valueText === 'string' || typeof valueText === 'number' ? String(valueText) : undefined}\n      aria-orientation=\"horizontal\"\n      aria-disabled={disabled || undefined}\n      tabIndex={disabled ? -1 : tabIndex}\n      className={cx(\n        styles.slider,\n        disabled && styles.sliderDisabled,\n        dragging && styles.sliderDragging,\n        hasMarkLabels && styles.sliderHasMarkLabels,\n        className,\n        classNames?.root,\n      )}\n      style={{ '--slider-thumb-size': size, ...style, ...slotStyles?.root } as React.CSSProperties}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerUp}\n      onKeyDown={handleKeyDown}\n    >\n      <div ref={trackRef} className={cx(styles.sliderTrack, classNames?.track)} style={slotStyles?.track}>\n        <div\n          className={cx(styles.sliderRange, classNames?.range)}\n          style={{ width: percent, ...slotStyles?.range }}\n        />\n        {marks?.map((mark) => {\n          const markFraction = max > min ? (clamp(mark.value) - min) / (max - min) : 0;\n          const left = `${markFraction * 100}%`;\n          return (\n            <React.Fragment key={mark.value}>\n              <span\n                className={cx(styles.sliderMark, classNames?.mark)}\n                style={{ left, ...slotStyles?.mark }}\n              />\n              {mark.label != null && (\n                <span\n                  className={cx(styles.sliderMarkLabel, classNames?.markLabel)}\n                  style={{ left, ...slotStyles?.markLabel }}\n                >\n                  {mark.label}\n                </span>\n              )}\n            </React.Fragment>\n          );\n        })}\n        <div\n          className={cx(styles.sliderThumb, classNames?.thumb)}\n          style={{ left: percent, ...slotStyles?.thumb }}\n        >\n          {showValue && (\n            <span className={cx(styles.sliderValue, classNames?.value)} style={slotStyles?.value}>\n              {valueText}\n            </span>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"slider.mjs","names":[],"sources":["../../../../package/common/slider/slider.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, type ReactElement } from 'react';\nimport cx from 'classnames';\nimport styles from './slider.module.pcss';\nimport type { RangeSliderProps, SingleSliderProps, SliderProps } from './slider.types';\n\n/**\n * Every prop of both variants, optional. Destructuring the union directly cannot reach the\n * range-only props, and leaving them in `...rest` spreads them onto the DOM node.\n */\ntype AnySliderProps = Omit<SingleSliderProps, 'onChange' | 'onChangeEnd' | 'value' | 'defaultValue' | 'range'> &\n  Partial<Pick<RangeSliderProps, 'minRange' | 'thumbLabels'>> & {\n    range?: boolean;\n    value?: number | [number, number];\n    defaultValue?: number | [number, number];\n    onChange?: (value: never) => void;\n    onChangeEnd?: (value: never) => void;\n  };\n\n/** Count decimal places in a step so snapped values don't accumulate float error. */\nfunction decimalsOf(step: number): number {\n  const s = String(step);\n  const dot = s.indexOf('.');\n  return dot === -1 ? 0 : s.length - dot - 1;\n}\n\nexport default function Slider(props: SliderProps): ReactElement {\n  const {\n    min = 0,\n    max = 100,\n    step = 1,\n    disabled = false,\n    marks,\n    showValue = false,\n    formatValue,\n    size = '18px',\n    tabIndex = 0,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    'aria-label': ariaLabel,\n    range,\n    value,\n    defaultValue,\n    onChange,\n    onChangeEnd,\n    minRange = 0,\n    thumbLabels,\n    ...rest\n  } = props as AnySliderProps;\n\n  // The union guarantees each handler matches `range`, but that link does not survive\n  // destructuring, so the pair is widened once here rather than cast at every call.\n  const emitChange = onChange as ((v: number | [number, number]) => void) | undefined;\n  const emitEnd = onChangeEnd as ((v: number | [number, number]) => void) | undefined;\n\n  const isRange = range === true;\n\n  const trackRef = useRef<HTMLDivElement>(null);\n  const rootRef = useRef<HTMLDivElement>(null);\n  const thumbRefs = useRef<(HTMLDivElement | null)[]>([]);\n  const draggingIndexRef = useRef<number | null>(null);\n  const [dragging, setDragging] = useState(false);\n\n  const decimals = decimalsOf(step);\n\n  function clamp(v: number): number {\n    return Math.min(max, Math.max(min, v));\n  }\n\n  function snap(v: number): number {\n    const snapped = Math.round((v - min) / step) * step + min;\n    return Number(clamp(snapped).toFixed(decimals));\n  }\n\n  /** Both modes run on an array internally; only the edges of the component know the difference. */\n  function toValues(raw: number | [number, number] | undefined): number[] {\n    if (isRange) {\n      const pair = (raw as [number, number] | undefined) ?? [min, max];\n      return [clamp(pair[0]), clamp(pair[1])];\n    }\n    return [clamp((raw as number | undefined) ?? min)];\n  }\n\n  /** Reshapes a stored pair or single if `range` is flipped after mount. */\n  function fitToMode(values: number[]): number[] {\n    const expected = isRange ? 2 : 1;\n    if (values.length === expected) return values;\n    return isRange ? [values[0], max] : [values[0]];\n  }\n\n  const isControlled = value !== undefined;\n  const [internal, setInternal] = useState<number[]>(() => toValues(defaultValue));\n  const current = isControlled ? toValues(value) : fitToMode(internal);\n\n  // Latest committed values, for reading inside pointer handlers without stale closures. Synced\n  // after render (never written during render) and optimistically in commit() so a drag burst\n  // dedupes before the next render lands.\n  const currentRef = useRef(current);\n  useEffect(() => {\n    currentRef.current = current;\n  }, [current]);\n\n  function payloadOf(next: number[]): number | [number, number] {\n    return isRange ? [next[0], next[1]] : next[0];\n  }\n\n  /** How far this thumb may travel: the track, narrowed by its neighbour and `minRange`. */\n  function boundsFor(index: number, values: number[]): [number, number] {\n    if (!isRange) return [min, max];\n    return index === 0 ? [min, values[1] - minRange] : [values[0] + minRange, max];\n  }\n\n  function commit(index: number, raw: number, ended: boolean) {\n    const previous = currentRef.current;\n    const [lower, upper] = boundsFor(index, previous);\n\n    // Clamped after snapping, and rounded again: a bound derived from a neighbour plus `minRange`\n    // is off the step grid and carries float error (0.3 - 0.1 is 0.19999999999999998).\n    let snapped = snap(raw);\n    if (snapped < lower) snapped = Number(Math.max(min, lower).toFixed(decimals));\n    if (snapped > upper) snapped = Number(Math.min(max, upper).toFixed(decimals));\n\n    // A keyboard step that lands on the same value still ends a gesture, but nothing changed,\n    // so only onChangeEnd fires.\n    if (snapped === previous[index]) {\n      if (ended) emitEnd?.(payloadOf(previous));\n      return;\n    }\n\n    const next = [...previous];\n    next[index] = snapped;\n    currentRef.current = next;\n    if (!isControlled) setInternal(next);\n    emitChange?.(payloadOf(next));\n    if (ended) emitEnd?.(payloadOf(next));\n  }\n\n  function valueFromClientX(clientX: number): number {\n    const track = trackRef.current;\n    if (!track) return currentRef.current[0];\n    const rect = track.getBoundingClientRect();\n    const ratio = rect.width ? (clientX - rect.left) / rect.width : 0;\n    return min + Math.min(1, Math.max(0, ratio)) * (max - min);\n  }\n\n  /**\n   * The thumb closest to the press. On a tie the press direction decides, which is what keeps the\n   * upper thumb reachable when the two sit on the same value and every distance ties.\n   */\n  function nearestThumb(target: number): number {\n    if (!isRange) return 0;\n    const [lo, hi] = currentRef.current;\n    const toLo = Math.abs(target - lo);\n    const toHi = Math.abs(target - hi);\n    if (toLo === toHi) return target > hi ? 1 : 0;\n    return toLo < toHi ? 0 : 1;\n  }\n\n  function handlePointerDown(e: React.PointerEvent<HTMLDivElement>) {\n    if (disabled) return;\n    e.preventDefault();\n    const target = valueFromClientX(e.clientX);\n    const index = nearestThumb(target);\n\n    (isRange ? thumbRefs.current[index] : rootRef.current)?.focus();\n    rootRef.current?.setPointerCapture?.(e.pointerId);\n    draggingIndexRef.current = index;\n    setDragging(true);\n    commit(index, target, false);\n  }\n\n  function handlePointerMove(e: React.PointerEvent<HTMLDivElement>) {\n    const index = draggingIndexRef.current;\n    if (index === null) return;\n    commit(index, valueFromClientX(e.clientX), false);\n  }\n\n  function handlePointerUp(e: React.PointerEvent<HTMLDivElement>) {\n    if (draggingIndexRef.current === null) return;\n    draggingIndexRef.current = null;\n    setDragging(false);\n    rootRef.current?.releasePointerCapture?.(e.pointerId);\n    emitEnd?.(payloadOf(currentRef.current));\n  }\n\n  function handleKeyDown(e: React.KeyboardEvent<HTMLDivElement>, index: number) {\n    if (disabled) return;\n    const page = step * 10;\n    const from = current[index];\n    let next: number | null = null;\n\n    switch (e.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        next = from + step;\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        next = from - step;\n        break;\n      case 'PageUp':\n        next = from + page;\n        break;\n      case 'PageDown':\n        next = from - page;\n        break;\n      case 'Home':\n        next = min;\n        break;\n      case 'End':\n        next = max;\n        break;\n      default:\n        return;\n    }\n    e.preventDefault();\n    commit(index, next, true);\n  }\n\n  const fractionOf = (v: number) => (max > min ? (clamp(v) - min) / (max - min) : 0);\n  const percentOf = (v: number) => `${fractionOf(v) * 100}%`;\n\n  const rangeStyle = isRange\n    ? { left: percentOf(current[0]), width: `${(fractionOf(current[1]) - fractionOf(current[0])) * 100}%` }\n    : { width: percentOf(current[0]) };\n\n  const hasMarkLabels = !!marks?.some((m) => m.label != null);\n  const textOf = (v: number) => (formatValue ? formatValue(v) : v);\n\n  function thumbAriaProps(index: number) {\n    const v = current[index];\n    const text = textOf(v);\n    const [lower, upper] = boundsFor(index, current);\n    return {\n      role: 'slider' as const,\n      'aria-valuemin': Number(Math.max(min, lower).toFixed(decimals)),\n      'aria-valuemax': Number(Math.min(max, upper).toFixed(decimals)),\n      'aria-valuenow': v,\n      'aria-valuetext': typeof text === 'string' || typeof text === 'number' ? String(text) : undefined,\n      'aria-orientation': 'horizontal' as const,\n      'aria-disabled': disabled || undefined,\n    };\n  }\n\n  // A single-thumb slider is the slider; a two-thumb one is a group of two, each its own slider.\n  const rootAria = isRange\n    ? { role: 'group' as const, 'aria-label': ariaLabel, 'aria-disabled': disabled || undefined }\n    : { ...thumbAriaProps(0), 'aria-label': ariaLabel, tabIndex: disabled ? -1 : tabIndex };\n\n  return (\n    <div\n      {...rest}\n      {...rootAria}\n      ref={rootRef}\n      className={cx(\n        styles.slider,\n        disabled && styles.sliderDisabled,\n        dragging && styles.sliderDragging,\n        hasMarkLabels && styles.sliderHasMarkLabels,\n        className,\n        classNames?.root,\n      )}\n      style={{ '--slider-thumb-size': size, ...style, ...slotStyles?.root } as React.CSSProperties}\n      onPointerDown={handlePointerDown}\n      onPointerMove={handlePointerMove}\n      onPointerUp={handlePointerUp}\n      onKeyDown={isRange ? undefined : (e) => handleKeyDown(e, 0)}\n    >\n      <div ref={trackRef} className={cx(styles.sliderTrack, classNames?.track)} style={slotStyles?.track}>\n        <div className={cx(styles.sliderRange, classNames?.range)} style={{ ...rangeStyle, ...slotStyles?.range }} />\n        {marks?.map((mark) => {\n          const left = percentOf(mark.value);\n          return (\n            <React.Fragment key={mark.value}>\n              <span className={cx(styles.sliderMark, classNames?.mark)} style={{ left, ...slotStyles?.mark }} />\n              {mark.label != null && (\n                <span\n                  className={cx(styles.sliderMarkLabel, classNames?.markLabel)}\n                  style={{ left, ...slotStyles?.markLabel }}\n                >\n                  {mark.label}\n                </span>\n              )}\n            </React.Fragment>\n          );\n        })}\n        {current.map((v, index) => (\n          <div\n            key={index}\n            ref={(el) => {\n              thumbRefs.current[index] = el;\n            }}\n            className={cx(styles.sliderThumb, classNames?.thumb)}\n            style={{ left: percentOf(v), ...slotStyles?.thumb }}\n            {...(isRange\n              ? {\n                  ...thumbAriaProps(index),\n                  'aria-label': thumbLabels?.[index] ?? (index === 0 ? 'From' : 'To'),\n                  tabIndex: disabled ? -1 : tabIndex,\n                  onKeyDown: (e: React.KeyboardEvent<HTMLDivElement>) => handleKeyDown(e, index),\n                }\n              : {})}\n          >\n            {showValue && (\n              <span className={cx(styles.sliderValue, classNames?.value)} style={slotStyles?.value}>\n                {textOf(v)}\n              </span>\n            )}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/common/slider/slider.module.mjs

@@ -1,2 +1,2 @@
-var e={slider:`slider_qmg2W`,"slider-thumb":`slider-thumb_CHuJN`,sliderThumb:`slider-thumb_CHuJN`,"slider-disabled":`slider-disabled_T0o2S`,sliderDisabled:`slider-disabled_T0o2S`,"slider-has-mark-labels":`slider-has-mark-labels_Xw6ZJ`,sliderHasMarkLabels:`slider-has-mark-labels_Xw6ZJ`,"slider-track":`slider-track_UyKYc`,sliderTrack:`slider-track_UyKYc`,"slider-range":`slider-range_exAs9`,sliderRange:`slider-range_exAs9`,"slider-dragging":`slider-dragging_htPFH`,sliderDragging:`slider-dragging_htPFH`,"slider-mark":`slider-mark_fvw-n`,sliderMark:`slider-mark_fvw-n`,"slider-mark-label":`slider-mark-label_iDtU2`,sliderMarkLabel:`slider-mark-label_iDtU2`,"slider-value":`slider-value_3rQgd`,sliderValue:`slider-value_3rQgd`};export{e as default};
+var e=`slider_qmg2W`,t=`slider-thumb_CHuJN`,n=`slider-disabled_T0o2S`,r=`slider-has-mark-labels_Xw6ZJ`,i=`slider-track_UyKYc`,a=`slider-range_exAs9`,o=`slider-dragging_htPFH`,s=`slider-mark_fvw-n`,c=`slider-mark-label_iDtU2`,l=`slider-value_3rQgd`,u={slider:e,"slider-thumb":`slider-thumb_CHuJN`,sliderThumb:t,"slider-disabled":`slider-disabled_T0o2S`,sliderDisabled:n,"slider-has-mark-labels":`slider-has-mark-labels_Xw6ZJ`,sliderHasMarkLabels:r,"slider-track":`slider-track_UyKYc`,sliderTrack:i,"slider-range":`slider-range_exAs9`,sliderRange:a,"slider-dragging":`slider-dragging_htPFH`,sliderDragging:o,"slider-mark":`slider-mark_fvw-n`,sliderMark:s,"slider-mark-label":`slider-mark-label_iDtU2`,sliderMarkLabel:c,"slider-value":`slider-value_3rQgd`,sliderValue:l};export{u as default,e as slider,n as sliderDisabled,o as sliderDragging,r as sliderHasMarkLabels,s as sliderMark,c as sliderMarkLabel,a as sliderRange,t as sliderThumb,i as sliderTrack,l as sliderValue};
 //# sourceMappingURL=slider.module.mjs.map