@ahrowe/ui 0.42.0 → 0.44.0

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

@@ -1 +1 @@
-{"version":3,"file":"virtualList.module.mjs","names":[],"sources":["../../../../package/common/virtualList/virtualList.module.pcss"],"sourcesContent":[".virtualList {\n  overflow-y: auto;\n  box-sizing: border-box;\n  color: var(--text-color);\n  font-family: var(--default-font);\n\n  /* Disable the browser's own scroll anchoring — the component does its own\n     scroll-position correction when row heights change, and the two fighting\n     each other causes the thumb to desync while dragging. */\n  overflow-anchor: none;\n\n  /* Reserve the scrollbar gutter so rows don't re-wrap (and re-measure) when the\n     vertical scrollbar appears/disappears as content grows. */\n  scrollbar-gutter: stable;\n\n  /* Establish a stacking context so every z-index inside the list (sticky\n     header, toggle popover, drag clone) stays scoped to this component and\n     can't paint over outside content like a modal. */\n  isolation: isolate;\n\n  &-drag-clone {\n    box-sizing: border-box;\n    contain: layout paint style;\n    cursor: grabbing;\n\n    /* It tracks the finger via transform — never animate that. */\n    transition: none;\n  }\n\n  &-header {\n    display: grid;\n    position: sticky;\n\n    /* With `scrollParent` the header sticks to the page's scrollport, where a\n       fixed app bar may already sit; the list is given the offset from outside. */\n    top: var(--vl-header-top, 0);\n\n    /* Frozen layouts are exact pixels and may total more than the viewport, so\n       the header and the row canvas below both take that total and the list\n       scrolls sideways. `--vl-total` is only set once a column has been\n       resized; until then this resolves to 100% and nothing changes. */\n    width: max(100%, var(--vl-total, 0px));\n\n    /* Above focused rows (z-index 1) so a focused row scrolled under the header\n       never paints over it; the drag clone (z-index 3) still floats above both. */\n    z-index: 2;\n    background: var(--background-accent);\n    border-bottom: 1px solid var(--border-color);\n    box-sizing: border-box;\n\n    &-cell {\n      padding: 8px 12px;\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--text-dark);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      box-sizing: border-box;\n\n      /* Anchors the resize handle to the cell's trailing edge. */\n      position: relative;\n\n      /* The cell, not the button inside it, carries the header's tab stop, so\n         this is the ring a keyboard user follows. Inset because the cell clips\n         its overflow and an outward outline would be cut off. */\n      &:focus-visible {\n        outline: 1px solid var(--focus-border-color, var(--primary-color));\n        outline-offset: -1px;\n      }\n    }\n\n    /* Resize handle: a grab strip on the column's trailing edge, wider than the\n       line it sits on because a 1px target is unhittable. It stays inside the\n       cell rather than straddling the edge, since the cell clips its overflow\n       to keep a long header out of its neighbour. */\n    &-resize {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      width: 10px;\n      cursor: col-resize;\n      -webkit-tap-highlight-color: transparent;\n      touch-action: none;\n\n      /* The line itself, drawn on the trailing edge and revealed on hover. */\n      &::after {\n        content: '';\n        position: absolute;\n        top: 4px;\n        bottom: 4px;\n        right: 0;\n        width: 2px;\n        border-radius: 1px;\n        background: var(--primary-color);\n        opacity: 0;\n        transition: opacity 0.12s;\n      }\n\n      &:hover::after,\n      &:active::after {\n        opacity: 1;\n      }\n    }\n\n    /* The clickable part of a sortable header cell. Strips the button chrome and\n       inherits the cell's typography, so a sortable header looks identical to a\n       plain one until it's hovered. */\n    &-sort {\n      font: inherit;\n      color: inherit;\n      background: none;\n      border: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      min-width: 0;\n      max-width: 100%;\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n\n      &:focus-visible {\n        outline: 1px solid var(--focus-border-color, var(--primary-color));\n        outline-offset: 2px;\n      }\n\n      /* The cell's own ellipsis can't apply once its content is a flex button,\n         so the truncation moves onto the label. */\n      &-label {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      &-icon {\n        flex: none;\n        font-size: 11px;\n        opacity: 0.35;\n        transition:\n          opacity 0.15s,\n          color 0.15s;\n\n        &-active {\n          opacity: 1;\n          color: var(--primary-color);\n        }\n      }\n\n      &:hover &-icon {\n        opacity: 0.75;\n      }\n\n      &:hover &-icon-active {\n        opacity: 1;\n      }\n    }\n\n    &-toggle {\n      background: none;\n      border: none;\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      padding: 4px 8px;\n      color: var(--text-dark);\n      display: flex;\n      align-items: center;\n      border-radius: var(--default-border-radius);\n      transition: background 0.15s;\n\n      &:hover {\n        background: var(--background-accent-light);\n        color: var(--text-color);\n      }\n    }\n  }\n\n  /* The entries pad themselves so a hover highlight reaches the panel edge. */\n  &-toggle-panel {\n    padding: 4px 0;\n  }\n\n  &-toggle {\n    &-wrapper {\n      position: absolute;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n      padding: 0 4px;\n    }\n\n    /* Chrome (background, shadow, radius, positioning) is provided by the\n       Popover panel this renders inside — keep only sizing here. */\n    &-popover {\n      display: flex;\n      flex-direction: column;\n      min-width: 160px;\n    }\n\n    &-item {\n      padding: 4px 12px;\n      white-space: nowrap;\n      transition: background 0.1s;\n      font-size: 14px;\n\n      /* `:focus` as well, because the panel takes the focus when the keyboard\n         opens it, and the checkbox itself is the focusable element. Not\n         `--background-accent-light`: it is the same colour as that panel in the\n         default theme. */\n      &:hover,\n      &:focus {\n        background: var(--background-accent);\n      }\n    }\n\n    /* Only rendered once a column has actually been resized, so it reads as an\n       undo for something the user just did rather than a permanent option. */\n    &-reset {\n      margin-top: 4px;\n      padding: 6px 12px;\n      border: none;\n      border-top: 1px solid var(--border-color);\n      background: none;\n      font: inherit;\n      font-size: 13px;\n      color: var(--text-color);\n      text-align: left;\n      white-space: nowrap;\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      transition: background 0.1s;\n\n      &:hover,\n      &:focus {\n        background: var(--background-accent);\n      }\n    }\n  }\n\n  /* Count badge on the column-toggle cog: how many columns the user has hidden.\n     Positioned at the cog's upper-right corner; non-interactive. */\n  &-column-chip {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 16px;\n    height: 16px;\n    padding: 0 4px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--primary-color);\n    color: var(--text-on-primary);\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 1;\n    border-radius: 8px;\n    pointer-events: none;\n  }\n\n  &-select-cell {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 4px;\n    box-sizing: border-box;\n\n    /* Only the header's select-all cell is focusable; the ones in rows are not. */\n    &:focus-visible {\n      outline: 1px solid var(--focus-border-color, var(--primary-color));\n      outline-offset: -1px;\n    }\n  }\n\n  &-body {\n    position: relative;\n    box-sizing: border-box;\n\n    /* Rows are absolute with left/right 0, so they inherit this width and stay\n       aligned with the header when the table is wider than the viewport. */\n    width: max(100%, var(--vl-total, 0px));\n  }\n\n  /* The list itself holds the tab stop, so the active row cannot use a\n     `:focus-visible` of its own. Ringing the list instead would mark the whole\n     table rather than the row the arrow keys are on, so the list drops its own\n     outline and lends it to that row. Scoped to `:focus-visible`, a mouse user\n     never sees it. */\n  &:focus-visible {\n    outline: none;\n\n    & .virtualList-row-active {\n      outline: 2px solid var(--focus-border-color, var(--primary-color));\n      outline-offset: -2px;\n    }\n  }\n\n  /* A resize drag travels over the rows, and their hover highlight following the\n     pointer is noise. Inert rather than a `:hover` override, which would have to\n     out-specify the selected-row rule to work. The drag itself is unaffected:\n     pointer capture bypasses hit testing. */\n  &-resizing &-body {\n    pointer-events: none;\n  }\n\n  &-row {\n    border-bottom: 1px solid var(--border-color);\n    box-sizing: border-box;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    transition: background 0.1s;\n\n    /* Isolate each row's layout/style so measuring or restyling one row can't force\n       the whole list to re-layout — keeps fast scrolling smooth. */\n    contain: layout style;\n\n    &-no-divider {\n      border-bottom: none;\n    }\n\n    &:hover {\n      background: var(--background-accent-light);\n    }\n\n    /* Opt out of the hover highlight (e.g. when each row is a Card that handles\n       its own hover). Declared before the `-selected` rule below, so a selected\n       row's highlight still wins on hover. */\n    &-no-hover:hover {\n      background: transparent;\n    }\n\n    &-selected {\n      background: var(--primary-lighter);\n\n      &:hover {\n        background: var(--primary-lighter);\n      }\n    }\n\n    &-draggable {\n      cursor: grab;\n\n      /* Stop the mobile long-press from selecting text or showing the callout. */\n      user-select: none;\n      -webkit-touch-callout: none;\n\n      &:active {\n        cursor: grabbing;\n      }\n    }\n\n    &-dragging {\n      opacity: 0.4;\n    }\n\n    /* Tree-reorder `inside` drop: the dragged node becomes a child of this row,\n       so highlight the whole row instead of drawing a between-rows line. */\n    &-drop-inside {\n      background: var(--primary-lighter);\n      box-shadow: inset 0 0 0 2px var(--primary-color);\n    }\n  }\n\n  /* Tree-reorder `before`/`after` drop line. Positioned inside the (relatively\n     positioned absolute) row; `left` is set inline to the target's indent so it\n     starts where the dropped content will. */\n  &-drop-line {\n    position: absolute;\n    right: 0;\n    height: 2px;\n    background: var(--primary-color);\n    pointer-events: none;\n    z-index: 1;\n\n    /* A small knob at the line's start, the usual tree drop-indicator look. */\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--primary-color);\n      transform: translate(-50%, -50%);\n    }\n\n    &-before {\n      top: -1px;\n    }\n\n    &-after {\n      bottom: -1px;\n    }\n  }\n\n  /* While a row is being dragged, suppress hover backgrounds so the pointer\n     moving across rows doesn't light up the wrong one, and stop text selection.\n     `touch-action: none` stops the touch drag from also scrolling the list\n     (only active once the long-press has armed the drag). */\n  &-reordering {\n    touch-action: none;\n\n    .virtualList-row {\n      user-select: none;\n\n      &:hover {\n        background: transparent;\n      }\n\n      &.virtualList-row-selected:hover {\n        background: var(--primary-lighter);\n      }\n\n      &.virtualList-row-dragging {\n        background: transparent;\n      }\n    }\n  }\n\n  &-cell {\n    padding: 8px 12px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 14px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    min-width: 0;\n\n    /* `fit` columns are content-sized — keep their cells on a single line so the\n       content can't wrap, and so the width measurement reads the true intrinsic\n       width. (Other cells are free to wrap for variable-height rows.) */\n    &[data-fit-key] {\n      white-space: nowrap;\n    }\n  }\n\n  &-loading {\n    &-full {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n    }\n\n    &-indicator {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: 8px 0;\n    }\n  }\n\n  &-spinner {\n    width: 32px;\n    height: 32px;\n  }\n\n  /* Must stay after the declarations it undoes: both selectors are one class, so\n     only source order separates them. `overflow` cannot be split per axis here\n     either, because a container with `overflow-x` and `overflow-y: visible`\n     computes the visible one to `auto` and hands the list back its own vertical\n     scrollbar. So a frozen layout wider than the list overflows the page\n     sideways instead of scrolling inside it. */\n  &-windowed {\n    height: auto;\n    overflow: visible;\n    scrollbar-gutter: auto;\n\n    .virtualList-loading-full {\n      height: auto;\n      padding: 32px 0;\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"virtualList.module.mjs","names":[],"sources":["../../../../package/common/virtualList/virtualList.module.pcss"],"sourcesContent":[".virtualList {\n  overflow-y: auto;\n  box-sizing: border-box;\n  color: var(--text-color);\n  font-family: var(--default-font);\n\n  /* Disable the browser's own scroll anchoring — the component does its own\n     scroll-position correction when row heights change, and the two fighting\n     each other causes the thumb to desync while dragging. */\n  overflow-anchor: none;\n\n  /* Reserve the scrollbar gutter so rows don't re-wrap (and re-measure) when the\n     vertical scrollbar appears/disappears as content grows. */\n  scrollbar-gutter: stable;\n\n  /* Establish a stacking context so every z-index inside the list (sticky\n     header, toggle popover, drag clone) stays scoped to this component and\n     can't paint over outside content like a modal. */\n  isolation: isolate;\n\n  &-drag-clone {\n    box-sizing: border-box;\n    contain: layout paint style;\n    cursor: grabbing;\n\n    /* It tracks the finger via transform — never animate that. */\n    transition: none;\n  }\n\n  &-header {\n    display: grid;\n    position: sticky;\n\n    /* With `scrollParent` the header sticks to the page's scrollport, where a\n       fixed app bar may already sit; the list is given the offset from outside. */\n    top: var(--vl-header-top, 0);\n\n    /* Frozen layouts are exact pixels and may total more than the viewport, so\n       the header and the row canvas below both take that total and the list\n       scrolls sideways. `--vl-total` is only set once a column has been\n       resized; until then this resolves to 100% and nothing changes. */\n    width: max(100%, var(--vl-total, 0px));\n\n    /* Above focused rows (z-index 1) so a focused row scrolled under the header\n       never paints over it; the drag clone (z-index 3) still floats above both. */\n    z-index: 2;\n    background: var(--background-accent);\n    border-bottom: 1px solid var(--border-color);\n    box-sizing: border-box;\n\n    &-cell {\n      padding: 8px 12px;\n      font-weight: 600;\n      font-size: 13px;\n      color: var(--text-dark);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      box-sizing: border-box;\n\n      /* Anchors the resize handle to the cell's trailing edge. */\n      position: relative;\n\n      /* The cell, not the button inside it, carries the header's tab stop, so\n         this is the ring a keyboard user follows. Inset because the cell clips\n         its overflow and an outward outline would be cut off. */\n      &:focus-visible {\n        outline: 1px solid var(--focus-border-color, var(--primary-color));\n        outline-offset: -1px;\n      }\n    }\n\n    /* Resize handle: a grab strip on the column's trailing edge, wider than the\n       line it sits on because a 1px target is unhittable. It stays inside the\n       cell rather than straddling the edge, since the cell clips its overflow\n       to keep a long header out of its neighbour. */\n    &-resize {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      width: 10px;\n      cursor: col-resize;\n      -webkit-tap-highlight-color: transparent;\n      touch-action: none;\n\n      /* The line itself, drawn on the trailing edge and revealed on hover. */\n      &::after {\n        content: '';\n        position: absolute;\n        top: 4px;\n        bottom: 4px;\n        right: 0;\n        width: 2px;\n        border-radius: 1px;\n        background: var(--primary-color);\n        opacity: 0;\n        transition: opacity 0.12s;\n      }\n\n      &:hover::after,\n      &:active::after {\n        opacity: 1;\n      }\n    }\n\n    /* The clickable part of a sortable header cell. Strips the button chrome and\n       inherits the cell's typography, so a sortable header looks identical to a\n       plain one until it's hovered. */\n    &-sort {\n      font: inherit;\n      color: inherit;\n      background: none;\n      border: none;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      min-width: 0;\n      max-width: 100%;\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n\n      &:focus-visible {\n        outline: 1px solid var(--focus-border-color, var(--primary-color));\n        outline-offset: 2px;\n      }\n\n      /* The cell's own ellipsis can't apply once its content is a flex button,\n         so the truncation moves onto the label. */\n      &-label {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      &-icon {\n        flex: none;\n        font-size: 11px;\n        opacity: 0.35;\n        transition:\n          opacity 0.15s,\n          color 0.15s;\n\n        &-active {\n          opacity: 1;\n          color: var(--primary-color);\n        }\n      }\n\n      &:hover &-icon {\n        opacity: 0.75;\n      }\n\n      &:hover &-icon-active {\n        opacity: 1;\n      }\n    }\n\n    &-toggle {\n      background: none;\n      border: none;\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      padding: 4px 8px;\n      color: var(--text-dark);\n      display: flex;\n      align-items: center;\n      border-radius: var(--default-border-radius);\n      transition: background 0.15s;\n\n      &:hover {\n        background: var(--background-accent-light);\n        color: var(--text-color);\n      }\n    }\n  }\n\n  /* The entries pad themselves so a hover highlight reaches the panel edge. */\n  &-toggle-panel {\n    padding: 4px 0;\n  }\n\n  &-toggle {\n    &-wrapper {\n      position: absolute;\n      right: 0;\n      top: 0;\n      bottom: 0;\n      display: flex;\n      align-items: center;\n      padding: 0 4px;\n    }\n\n    /* Chrome (background, shadow, radius, positioning) is provided by the\n       Popover panel this renders inside — keep only sizing here. */\n    &-popover {\n      display: flex;\n      flex-direction: column;\n      min-width: 160px;\n    }\n\n    &-item {\n      padding: 4px 12px;\n      white-space: nowrap;\n      transition: background 0.1s;\n      font-size: 14px;\n\n      /* `:focus` as well, because the panel takes the focus when the keyboard\n         opens it, and the checkbox itself is the focusable element. Not\n         `--background-accent-light`: it is the same colour as that panel in the\n         default theme. */\n      &:hover,\n      &:focus {\n        background: var(--background-accent);\n      }\n    }\n\n    /* Only rendered once a column has actually been resized, so it reads as an\n       undo for something the user just did rather than a permanent option. */\n    &-reset {\n      margin-top: 4px;\n      padding: 6px 12px;\n      border: none;\n      border-top: 1px solid var(--border-color);\n      background: none;\n      font: inherit;\n      font-size: 13px;\n      color: var(--text-color);\n      text-align: left;\n      white-space: nowrap;\n      cursor: pointer;\n      -webkit-tap-highlight-color: transparent;\n      transition: background 0.1s;\n\n      &:hover,\n      &:focus {\n        background: var(--background-accent);\n      }\n    }\n  }\n\n  /* Count badge on the column-toggle cog: how many columns the user has hidden.\n     Positioned at the cog's upper-right corner; non-interactive. */\n  &-column-chip {\n    position: absolute;\n    top: 0;\n    right: 0;\n    min-width: 16px;\n    height: 16px;\n    padding: 0 4px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--primary-color);\n    color: var(--text-on-primary);\n    font-size: 10px;\n    font-weight: 600;\n    line-height: 1;\n    border-radius: 8px;\n    pointer-events: none;\n  }\n\n  &-select-cell {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0 4px;\n    box-sizing: border-box;\n\n    /* Only the header's select-all cell is focusable; the ones in rows are not. */\n    &:focus-visible {\n      outline: 1px solid var(--focus-border-color, var(--primary-color));\n      outline-offset: -1px;\n    }\n  }\n\n  &-body {\n    position: relative;\n    box-sizing: border-box;\n\n    /* Rows are absolute with left/right 0, so they inherit this width and stay\n       aligned with the header when the table is wider than the viewport. */\n    width: max(100%, var(--vl-total, 0px));\n  }\n\n  /* The list itself holds the tab stop, so the active row cannot use a\n     `:focus-visible` of its own. Ringing the list instead would mark the whole\n     table rather than the row the arrow keys are on, so the list drops its own\n     outline and lends it to that row. Scoped to `:focus-visible`, a mouse user\n     never sees it. */\n  &:focus-visible {\n    outline: none;\n\n    & .virtualList-row-active {\n      outline: 2px solid var(--focus-border-color, var(--primary-color));\n      outline-offset: -2px;\n    }\n  }\n\n  /* A resize drag travels over the rows, and their hover highlight following the\n     pointer is noise. Inert rather than a `:hover` override, which would have to\n     out-specify the selected-row rule to work. The drag itself is unaffected:\n     pointer capture bypasses hit testing. */\n  &-resizing &-body {\n    pointer-events: none;\n  }\n\n  &-row {\n    border-bottom: 1px solid var(--border-color);\n    box-sizing: border-box;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    transition: background 0.1s;\n\n    /* Isolate each row's layout/style so measuring or restyling one row can't force\n       the whole list to re-layout — keeps fast scrolling smooth. */\n    contain: layout style;\n\n    &-no-divider {\n      border-bottom: none;\n    }\n\n    &:hover {\n      background: var(--background-accent-light);\n    }\n\n    /* Opt out of the hover highlight (e.g. when each row is a Card that handles\n       its own hover). Declared before the `-selected` rule below, so a selected\n       row's highlight still wins on hover. */\n    &-no-hover:hover {\n      background: transparent;\n    }\n\n    &-selected {\n      background: var(--primary-lighter);\n\n      &:hover {\n        background: var(--primary-lighter);\n      }\n    }\n\n    &-draggable {\n      cursor: grab;\n\n      /* Stop the mobile long-press from selecting text or showing the callout. */\n      user-select: none;\n      -webkit-touch-callout: none;\n\n      &:active {\n        cursor: grabbing;\n      }\n    }\n\n    &-dragging {\n      opacity: 0.4;\n    }\n\n    /* Tree-reorder `inside` drop: the dragged node becomes a child of this row,\n       so highlight the whole row instead of drawing a between-rows line. */\n    &-drop-inside {\n      background: var(--primary-lighter);\n      box-shadow: inset 0 0 0 2px var(--primary-color);\n    }\n  }\n\n  /* Tree-reorder `before`/`after` drop line. Positioned inside the (relatively\n     positioned absolute) row; `left` is set inline to the target's indent so it\n     starts where the dropped content will. */\n  &-drop-line {\n    position: absolute;\n    right: 0;\n    height: 2px;\n    background: var(--primary-color);\n    pointer-events: none;\n    z-index: 1;\n\n    /* A small knob at the line's start, the usual tree drop-indicator look. */\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 50%;\n      width: 6px;\n      height: 6px;\n      border-radius: 50%;\n      background: var(--primary-color);\n      transform: translate(-50%, -50%);\n    }\n\n    &-before {\n      top: -1px;\n    }\n\n    &-after {\n      bottom: -1px;\n    }\n  }\n\n  /* While a row is being dragged, suppress hover backgrounds so the pointer\n     moving across rows doesn't light up the wrong one, and stop text selection.\n     `touch-action: none` stops the touch drag from also scrolling the list\n     (only active once the long-press has armed the drag). */\n  &-reordering {\n    touch-action: none;\n\n    .virtualList-row {\n      user-select: none;\n\n      &:hover {\n        background: transparent;\n      }\n\n      &.virtualList-row-selected:hover {\n        background: var(--primary-lighter);\n      }\n\n      &.virtualList-row-dragging {\n        background: transparent;\n      }\n    }\n  }\n\n  &-cell {\n    padding: 8px 12px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 14px;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    min-width: 0;\n\n    /* `fit` columns are content-sized — keep their cells on a single line so the\n       content can't wrap, and so the width measurement reads the true intrinsic\n       width. (Other cells are free to wrap for variable-height rows.) */\n    &[data-fit-key] {\n      white-space: nowrap;\n    }\n  }\n\n  &-loading {\n    &-full {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 100%;\n    }\n\n    &-indicator {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      padding: 8px 0;\n    }\n  }\n\n  /* Must stay after the declarations it undoes: both selectors are one class, so\n     only source order separates them. `overflow` cannot be split per axis here\n     either, because a container with `overflow-x` and `overflow-y: visible`\n     computes the visible one to `auto` and hands the list back its own vertical\n     scrollbar. So a frozen layout wider than the list overflows the page\n     sideways instead of scrolling inside it. */\n  &-windowed {\n    height: auto;\n    overflow: visible;\n    scrollbar-gutter: auto;\n\n    .virtualList-loading-full {\n      height: auto;\n      padding: 32px 0;\n    }\n  }\n}\n"],"mappings":""}

package/dist/esm/index.mjs

@@ -1 +1 @@
-"use client";import{AccordionStyleType as e}from"./common/accordion/accordion.types.mjs";import t from"./common/configProvider/configProvider.mjs";import{useComponentDefaults as n}from"./common/configProvider/useComponentDefaults.mjs";import{useLabels as r}from"./common/configProvider/useLabels.mjs";import{usePresentationDefault as i}from"./common/configProvider/usePresentationDefault.mjs";import{Presentation as a}from"./common/configProvider/presentation.types.mjs";import o from"./common/accordion/accordion.mjs";import s from"./common/loading/spinnerLoading/index.mjs";import{ButtonSize as c,ButtonStyleType as l,ButtonType as u}from"./common/button/button.types.mjs";import d from"./common/ripple/ripple.mjs";import f from"./common/button/button.mjs";import p from"./common/actionButtons/actionButtons.mjs";import m from"./common/interactableDiv/index.mjs";import h from"./common/actionIcon/actionIcon.mjs";import g from"./common/scrollbarProvider/index.mjs";import{defaultTheme as _}from"./common/themeProvider/defaultTheme.mjs";import v from"./common/themeProvider/themeProvider.mjs";import{lightTheme as y}from"./common/themeProvider/lightTheme.mjs";import b from"./common/bodyEnd/bodyEnd.mjs";import x from"./common/hooks/useMediaQuery.mjs";import S from"./common/hooks/useCoarsePointer.mjs";import{useSwipeDismiss as C}from"./common/hooks/useSwipeDismiss.mjs";import{showToast as w}from"./common/toast/toastService.mjs";import T from"./common/ahroweProvider/ahroweProvider.mjs";import{AlertStyleType as E}from"./common/alert/alert.types.mjs";import D from"./common/alert/alert.mjs";import O from"./common/animatedLogo/animatedLogo.mjs";import{AnimatedTextUnit as k,AnimatedTextVariant as A}from"./common/animatedText/animatedText.types.mjs";import j from"./common/animatedText/animatedText.mjs";import{BadgePosition as M,BadgeStyleType as N}from"./common/badge/badge.types.mjs";import P from"./common/badge/badge.mjs";import F from"./common/avatar/avatar.mjs";import I from"./common/avatar/avatarGroup.mjs";import{PopoverAlign as L,PopoverPlacement as R,PopoverTrigger as z}from"./common/popover/popover.types.mjs";import{tabbablesIn as B}from"./common/hooks/useFocusBoundary.mjs";import{useVisualViewportSize as V}from"./common/hooks/useVisualViewportSize.mjs";import{useOverlay as H}from"./common/hooks/useOverlay.mjs";import U from"./common/popover/popover.mjs";import W from"./common/breadcrumb/breadcrumb.mjs";import{ButtonGroupOrientation as G}from"./common/buttonGroup/buttonGroup.types.mjs";import K from"./common/buttonGroup/buttonGroup.mjs";import{dateToDay as q,dateToTime as J,dayTimeToDate as Y,dayToDate as X}from"./common/utils/day.mjs";import{CalendarView as Z}from"./common/calendar/calendar.types.mjs";import Q from"./common/optionPicker/optionPicker.mjs";import $ from"./common/calendar/calendar.mjs";import{CardStyleType as ee}from"./common/card/card.types.mjs";import te from"./common/card/Card.mjs";import ne from"./common/card/CardHeader.mjs";import re from"./common/card/CardMedia.mjs";import ie from"./common/card/CardContent.mjs";import ae from"./common/card/CardActions.mjs";import oe from"./common/carousel/carousel.mjs";import se from"./common/checkbox/checkbox.mjs";import{ChipStyleType as ce}from"./common/chip/chip.types.mjs";import le from"./common/chip/chip.mjs";import ue from"./common/chip/chipContainer.mjs";import de from"./common/tooltip/tooltip.mjs";import{InputIconPosition as fe,InputType as pe}from"./common/input/input.types.mjs";import me from"./common/input/input.mjs";import he from"./common/colorPicker/colorPicker.mjs";import{useScrollEdges as ge}from"./common/hooks/useScrollEdges.mjs";import _e from"./common/modal/modal.mjs";import ve,{formatHotkey as ye}from"./common/hooks/useHotkeys.mjs";import{isMenuAction as be,isMenuHeading as xe,isMenuSeparator as Se}from"./common/menu/menu.types.mjs";import Ce from"./common/commandPalette/commandPalette.mjs";import we from"./common/confirmModal/confirmModal.mjs";import Te from"./common/hooks/useClipboard.mjs";import Ee from"./common/copyButton/copyButton.mjs";import{getLocale as De,mapLocale as Oe,setLocale as ke}from"./services/localization.mjs";import Ae from"./common/dropdown/dropdown.mjs";import je from"./common/datePicker/datePicker.mjs";import{DividerOrientation as Me,DividerTextPosition as Ne}from"./common/divider/divider.types.mjs";import Pe from"./common/divider/divider.mjs";import Fe from"./common/drawer/drawer.mjs";import{DropZoneReturnType as Ie,DropZoneStatus as Le}from"./common/dropZone/dropZone.types.mjs";import Re from"./common/dropZone/dropZone.mjs";import ze from"./common/emptyState/emptyState.mjs";import Be from"./common/errorBoundary/errorBoundary.mjs";import Ve from"./common/fab/fab.mjs";import He from"./common/flip/flip.mjs";import{DoorSwing as Ue,OpeningKind as We,PlanIssueKind as Ge,PlanUnitSystem as Ke,WallType as qe}from"./common/floorPlan/floorPlan.types.mjs";import{MIN_OPENING_WIDTH as Je,MIN_WALL_LENGTH as Ye}from"./common/floorPlan/floorPlan.geometry.mjs";import{DEFAULT_WALL_ATTRS as Xe,addOpening as Ze,addRect as Qe,addWall as $e,cleanupPlan as et,detachWall as tt,dissolveNode as nt,mergeNodes as rt,moveNode as it,removeOpening as at,removeWall as ot,scalePlan as st,splitWall as ct,transformPlan as lt,updateOpening as ut,validatePlan as dt,wallLength as ft,weldShortWalls as pt}from"./common/floorPlan/floorPlan.graph.mjs";import{MIN_FLOOR_HEIGHT as mt,addFloor as ht,duplicateFloor as gt,emptyFloor as _t,emptyFloorPlan as vt,floorBelow as yt,floorBounds as bt,floorIndex as xt,getFloor as St,moveFloor as Ct,removeFloor as wt,renameFloor as Tt,setFloor as Et,setFloorHeight as Dt,updateFloor as Ot}from"./common/floorPlan/floorPlan.plan.mjs";import{deriveFaces as kt,nodeDegrees as At}from"./common/floorPlan/floorPlan.faces.mjs";import{commitDerivation as jt,derivePlan as Mt,pruneUnmatchedRooms as Nt,roomAtPoint as Pt}from"./common/floorPlan/floorPlan.rooms.mjs";import{buildWallPaths as Ft,openingGeometry as It,wallCentrelineSpans as Lt}from"./common/floorPlan/floorPlan.path.mjs";import{HIT_PX as Rt,HIT_PX_COARSE as zt,hitTest as Bt,selectionsEqual as Vt,worldTolerances as Ht}from"./common/floorPlan/floorPlan.hit.mjs";import{DEFAULT_SNAP_OPTIONS as Ut,SnapKind as Wt,clientToWorld as Gt,resolveSnap as Kt}from"./common/floorPlan/floorPlan.snap.mjs";import{PLAN_FORMAT_VERSION as qt,planFromJson as Jt,planToJson as Yt}from"./common/floorPlan/floorPlan.json.mjs";import{buildPlanMesh as Xt}from"./common/floorPlan/floorPlan.mesh.mjs";import Zt from"./common/iconPicker/iconPicker.mjs";import Qt from"./common/idleManager/idleManager.mjs";import $t from"./common/inputDropdown/inputDropdown.mjs";import en from"./common/kanbanBoard/KanbanColumn.mjs";import tn from"./common/kanbanBoard/KanbanBoard.mjs";import nn from"./common/searchInput/searchInput.mjs";import rn from"./common/klipyPicker/klipyPicker.mjs";import an from"./common/menu/menu.mjs";import{menuHotkeys as on}from"./common/menu/menuHotkeys.mjs";import sn from"./common/multiSelect/multiSelect.mjs";import cn from"./common/numberInput/index.mjs";import{OtpInputCharset as ln}from"./common/otpInput/otpInput.types.mjs";import un from"./common/otpInput/otpInput.mjs";import dn from"./common/overscroll/overscroll.mjs";import fn from"./common/pagination/pagination.mjs";import pn from"./common/progressBar/progressBar.mjs";import{RadioGroupOrientation as mn}from"./common/radioGroup/radioGroup.types.mjs";import hn from"./common/radioGroup/radioGroup.mjs";import gn from"./common/rating/rating.mjs";import _n from"./common/revealLens/revealLens.mjs";import vn from"./common/roomDrawer/roomDrawer.mjs";import yn from"./common/roomViewer/roomViewer.mjs";import{ScrollFadeAxis as bn}from"./common/scrollFade/scrollFade.types.mjs";import xn from"./common/scrollFade/scrollFade.mjs";import{SectionHeaderSize as Sn}from"./common/sectionHeader/sectionHeader.types.mjs";import Cn from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as wn,SkeletonVariant as Tn}from"./common/skeleton/skeleton.types.mjs";import En from"./common/skeleton/skeleton.mjs";import Dn from"./common/slider/slider.mjs";import On from"./common/splitButton/splitButton.mjs";import{StepperAlignment as kn,StepperCollapse as An,StepperLabelPlacement as jn,StepperStyleType as Mn}from"./common/stepper/stepper.types.mjs";import Nn from"./common/stepper/stepper.mjs";import Pn from"./common/sticky/sticky.mjs";import Fn from"./common/switch/switch.mjs";import In from"./common/tabHeader/tabHeader.mjs";import Ln from"./common/textarea/textarea.mjs";import{useTheme as Rn}from"./common/themeProvider/useTheme.mjs";import zn,{TiltGroupContext as Bn,useTiltGroup as Vn}from"./common/tiltGroup/tiltGroup.mjs";import{defaultTiltEasing as Hn}from"./common/tilt/tiltMath.mjs";import Un from"./common/tilt/tilt.mjs";import Wn from"./common/timeInput/timeInput.mjs";import{TimelineAlignment as Gn,TimelineItemStatus as Kn}from"./common/timeline/timeline.types.mjs";import qn from"./common/timeline/timeline.mjs";import Jn from"./common/timer/timer.mjs";import Yn from"./common/virtualList/virtualList.mjs";import{flattenTree as Xn}from"./common/tree/flattenTree.mjs";import Zn from"./common/tree/tree.mjs";import{WeatherType as Qn}from"./common/weatherIcon/weatherIcon.types.mjs";import $n from"./common/weatherIcon/weatherIcon.mjs";import er from"./common/wizard/wizard.mjs";import tr from"./services/formValidation/FormValidatorGroupWithForm.mjs";import nr from"./services/formValidation/validatableComponent.mjs";import{useFormValidatorGroup as rr}from"./services/formValidation/useFormValidatorGroup.mjs";import{FormValidator as ir,Validators as ar,useFormValidator as or}from"./services/formValidation/index.mjs";import{hasEightPasswordChars as sr,hasOnePasswordDigit as cr,hasOnePasswordLetter as lr,isBic as ur,isDate as dr,isDay as fr,isEmail as pr,isISODate as mr,isNumber as hr,isPassword as gr,isURL as _r}from"@ahrowe/form-validation";export{o as Accordion,e as AccordionStyleType,p as ActionButtons,h as ActionIcon,T as AhroweProvider,D as Alert,E as AlertStyleType,O as AnimatedLogo,j as AnimatedText,k as AnimatedTextUnit,A as AnimatedTextVariant,F as Avatar,I as AvatarGroup,P as Badge,M as BadgePosition,N as BadgeStyleType,b as BodyEnd,W as Breadcrumb,f as Button,K as ButtonGroup,G as ButtonGroupOrientation,c as ButtonSize,l as ButtonStyleType,u as ButtonType,$ as Calendar,Z as CalendarView,te as Card,ae as CardActions,ie as CardContent,ne as CardHeader,re as CardMedia,ee as CardStyleType,oe as Carousel,se as Checkbox,le as Chip,ue as ChipContainer,ce as ChipStyleType,he as ColorPicker,Ce as CommandPalette,t as ConfigProvider,we as ConfirmModal,Ee as CopyButton,Ut as DEFAULT_SNAP_OPTIONS,Xe as DEFAULT_WALL_ATTRS,je as DatePicker,Pe as Divider,Me as DividerOrientation,Ne as DividerTextPosition,Ue as DoorSwing,Fe as Drawer,Re as DropZone,Ie as DropZoneReturnType,Le as DropZoneStatus,Ae as Dropdown,ze as EmptyState,Be as ErrorBoundary,Ve as Fab,He as Flip,ir as FormValidator,tr as FormValidatorGroup,Rt as HIT_PX,zt as HIT_PX_COARSE,Zt as IconPicker,Qt as IdleManager,me as Input,$t as InputDropdown,fe as InputIconPosition,pe as InputType,m as InteractableDiv,tn as KanbanBoard,en as KanbanColumn,rn as KlipyPicker,mt as MIN_FLOOR_HEIGHT,Je as MIN_OPENING_WIDTH,Ye as MIN_WALL_LENGTH,an as Menu,_e as Modal,sn as MultiSelect,cn as NumberInput,We as OpeningKind,Q as OptionPicker,un as OtpInput,ln as OtpInputCharset,dn as Overscroll,qt as PLAN_FORMAT_VERSION,fn as Pagination,Ge as PlanIssueKind,Ke as PlanUnitSystem,U as Popover,L as PopoverAlign,R as PopoverPlacement,z as PopoverTrigger,a as Presentation,pn as ProgressBar,hn as RadioGroup,mn as RadioGroupOrientation,gn as Rating,_n as RevealLens,d as Ripple,vn as RoomDrawer,yn as RoomViewer,xn as ScrollFade,bn as ScrollFadeAxis,g as ScrollbarProvider,nn as SearchInput,Cn as SectionHeader,Sn as SectionHeaderSize,En as Skeleton,wn as SkeletonAnimation,Tn as SkeletonVariant,Dn as Slider,Wt as SnapKind,s as SpinnerLoading,On as SplitButton,Nn as Stepper,kn as StepperAlignment,An as StepperCollapse,jn as StepperLabelPlacement,Mn as StepperStyleType,Pn as Sticky,Fn as Switch,In as TabHeader,Ln as Textarea,v as ThemeProvider,Un as Tilt,zn as TiltGroup,Bn as TiltGroupContext,Wn as TimeInput,qn as Timeline,Gn as TimelineAlignment,Kn as TimelineItemStatus,Jn as Timer,de as Tooltip,Zn as Tree,nr as ValidatableComponent,ar as Validators,Yn as VirtualList,qe as WallType,$n as WeatherIcon,Qn as WeatherType,er as Wizard,ht as addFloor,Ze as addOpening,Qe as addRect,$e as addWall,Xt as buildPlanMesh,Ft as buildWallPaths,et as cleanupPlan,Gt as clientToWorld,jt as commitDerivation,q as dateToDay,J as dateToTime,Y as dayTimeToDate,X as dayToDate,_ as defaultTheme,Hn as defaultTiltEasing,kt as deriveFaces,Mt as derivePlan,tt as detachWall,nt as dissolveNode,gt as duplicateFloor,_t as emptyFloor,vt as emptyFloorPlan,Xn as flattenTree,yt as floorBelow,bt as floorBounds,xt as floorIndex,ye as formatHotkey,St as getFloor,De as getLocale,sr as hasEightPasswordChars,cr as hasOnePasswordDigit,lr as hasOnePasswordLetter,Bt as hitTest,ur as isBic,dr as isDate,fr as isDay,pr as isEmail,mr as isISODate,be as isMenuAction,xe as isMenuHeading,Se as isMenuSeparator,hr as isNumber,gr as isPassword,_r as isURL,y as lightTheme,Oe as mapLocale,on as menuHotkeys,rt as mergeNodes,Ct as moveFloor,it as moveNode,At as nodeDegrees,It as openingGeometry,Jt as planFromJson,Yt as planToJson,Nt as pruneUnmatchedRooms,wt as removeFloor,at as removeOpening,ot as removeWall,Tt as renameFloor,Kt as resolveSnap,Pt as roomAtPoint,st as scalePlan,Vt as selectionsEqual,Et as setFloor,Dt as setFloorHeight,ke as setLocale,w as showToast,ct as splitWall,B as tabbablesIn,lt as transformPlan,Ot as updateFloor,ut as updateOpening,Te as useClipboard,S as useCoarsePointer,n as useComponentDefaults,or as useFormValidator,rr as useFormValidatorGroup,ve as useHotkeys,r as useLabels,x as useMediaQuery,H as useOverlay,i as usePresentationDefault,ge as useScrollEdges,C as useSwipeDismiss,Rn as useTheme,Vn as useTiltGroup,V as useVisualViewportSize,dt as validatePlan,Lt as wallCentrelineSpans,ft as wallLength,pt as weldShortWalls,Ht as worldTolerances};
+"use client";import{AccordionStyleType as e}from"./common/accordion/accordion.types.mjs";import t from"./common/configProvider/configProvider.mjs";import{useComponentDefaults as n}from"./common/configProvider/useComponentDefaults.mjs";import{useLabels as r}from"./common/configProvider/useLabels.mjs";import{usePresentationDefault as i}from"./common/configProvider/usePresentationDefault.mjs";import{Presentation as a}from"./common/configProvider/presentation.types.mjs";import{ThemeColor as o}from"./common/themeProvider/color.types.mjs";import s from"./common/accordion/accordion.mjs";import{LoaderType as c}from"./common/loader/loader.types.mjs";import l from"./common/loader/loader.mjs";import{ButtonSize as u,ButtonStyleType as d,ButtonType as f}from"./common/button/button.types.mjs";import p from"./common/ripple/ripple.mjs";import m from"./common/button/button.mjs";import h from"./common/actionButtons/actionButtons.mjs";import g from"./common/actionIcon/actionIcon.mjs";import _ from"./common/scrollbarProvider/index.mjs";import{defaultTheme as v}from"./common/themeProvider/defaultTheme.mjs";import y from"./common/themeProvider/themeProvider.mjs";import{lightTheme as b}from"./common/themeProvider/lightTheme.mjs";import x from"./common/bodyEnd/bodyEnd.mjs";import S from"./common/hooks/useMediaQuery.mjs";import C from"./common/hooks/useCoarsePointer.mjs";import{useSwipeDismiss as w}from"./common/hooks/useSwipeDismiss.mjs";import{showToast as T}from"./common/toast/toastService.mjs";import E from"./common/ahroweProvider/ahroweProvider.mjs";import D from"./common/alert/alert.mjs";import O from"./common/animatedLogo/animatedLogo.mjs";import{AnimatedTextUnit as k,AnimatedTextVariant as A}from"./common/animatedText/animatedText.types.mjs";import j from"./common/animatedText/animatedText.mjs";import{BadgePosition as M,BadgeStyleType as N}from"./common/badge/badge.types.mjs";import P from"./common/badge/badge.mjs";import F from"./common/avatar/avatar.mjs";import I from"./common/avatar/avatarGroup.mjs";import L from"./common/interactableDiv/index.mjs";import{PopoverAlign as R,PopoverPlacement as z,PopoverTrigger as B}from"./common/popover/popover.types.mjs";import{tabbablesIn as V}from"./common/hooks/useFocusBoundary.mjs";import{useVisualViewportSize as H}from"./common/hooks/useVisualViewportSize.mjs";import{useOverlay as U}from"./common/hooks/useOverlay.mjs";import W from"./common/popover/popover.mjs";import G from"./common/breadcrumb/breadcrumb.mjs";import{ButtonGroupOrientation as K}from"./common/buttonGroup/buttonGroup.types.mjs";import q from"./common/buttonGroup/buttonGroup.mjs";import{dateToDay as J,dateToTime as Y,dayTimeToDate as X,dayToDate as Z}from"./common/utils/day.mjs";import{CalendarView as Q}from"./common/calendar/calendar.types.mjs";import $ from"./common/emptyState/emptyState.mjs";import ee from"./common/optionPicker/optionPicker.mjs";import te from"./common/calendar/calendar.mjs";import{CardStyleType as ne}from"./common/card/card.types.mjs";import re from"./common/card/Card.mjs";import ie from"./common/card/CardHeader.mjs";import ae from"./common/card/CardMedia.mjs";import oe from"./common/card/CardContent.mjs";import se from"./common/card/CardActions.mjs";import ce from"./common/carousel/carousel.mjs";import le from"./common/checkbox/checkbox.mjs";import{ChipStyleType as ue}from"./common/chip/chip.types.mjs";import de from"./common/chip/chip.mjs";import fe from"./common/chip/chipContainer.mjs";import pe from"./common/tooltip/tooltip.mjs";import{InputIconPosition as me,InputType as he}from"./common/input/input.types.mjs";import ge from"./common/input/input.mjs";import _e from"./common/colorPicker/colorPicker.mjs";import{useScrollEdges as ve}from"./common/hooks/useScrollEdges.mjs";import ye from"./common/modal/modal.mjs";import be,{formatHotkey as xe}from"./common/hooks/useHotkeys.mjs";import{isMenuAction as Se,isMenuHeading as Ce,isMenuSeparator as we}from"./common/menu/menu.types.mjs";import Te from"./common/commandPalette/commandPalette.mjs";import Ee from"./common/confirmModal/confirmModal.mjs";import De from"./common/hooks/useClipboard.mjs";import Oe from"./common/copyButton/copyButton.mjs";import{getLocale as ke,mapLocale as Ae,setLocale as je}from"./services/localization.mjs";import Me from"./common/dropdown/dropdown.mjs";import Ne from"./common/datePicker/datePicker.mjs";import{DividerOrientation as Pe,DividerTextPosition as Fe}from"./common/divider/divider.types.mjs";import Ie from"./common/divider/divider.mjs";import Le from"./common/drawer/drawer.mjs";import{DropZoneReturnType as Re,DropZoneStatus as ze}from"./common/dropZone/dropZone.types.mjs";import Be from"./common/dropZone/dropZone.mjs";import Ve from"./common/errorBoundary/errorBoundary.mjs";import He from"./common/fab/fab.mjs";import Ue from"./common/flip/flip.mjs";import{DoorSwing as We,OpeningKind as Ge,PlanIssueKind as Ke,PlanUnitSystem as qe,WallType as Je}from"./common/floorPlan/floorPlan.types.mjs";import{MIN_OPENING_WIDTH as Ye,MIN_WALL_LENGTH as Xe}from"./common/floorPlan/floorPlan.geometry.mjs";import{DEFAULT_WALL_ATTRS as Ze,addOpening as Qe,addRect as $e,addWall as et,cleanupPlan as tt,detachWall as nt,dissolveNode as rt,mergeNodes as it,moveNode as at,removeOpening as ot,removeWall as st,scalePlan as ct,splitWall as lt,transformPlan as ut,updateOpening as dt,validatePlan as ft,wallLength as pt,weldShortWalls as mt}from"./common/floorPlan/floorPlan.graph.mjs";import{MIN_FLOOR_HEIGHT as ht,addFloor as gt,duplicateFloor as _t,emptyFloor as vt,emptyFloorPlan as yt,floorBelow as bt,floorBounds as xt,floorIndex as St,getFloor as Ct,moveFloor as wt,removeFloor as Tt,renameFloor as Et,setFloor as Dt,setFloorHeight as Ot,updateFloor as kt}from"./common/floorPlan/floorPlan.plan.mjs";import{deriveFaces as At,nodeDegrees as jt}from"./common/floorPlan/floorPlan.faces.mjs";import{commitDerivation as Mt,derivePlan as Nt,pruneUnmatchedRooms as Pt,roomAtPoint as Ft}from"./common/floorPlan/floorPlan.rooms.mjs";import{buildWallPaths as It,openingGeometry as Lt,wallCentrelineSpans as Rt}from"./common/floorPlan/floorPlan.path.mjs";import{HIT_PX as zt,HIT_PX_COARSE as Bt,hitTest as Vt,selectionsEqual as Ht,worldTolerances as Ut}from"./common/floorPlan/floorPlan.hit.mjs";import{DEFAULT_SNAP_OPTIONS as Wt,SnapKind as Gt,clientToWorld as Kt,resolveSnap as qt}from"./common/floorPlan/floorPlan.snap.mjs";import{PLAN_FORMAT_VERSION as Jt,planFromJson as Yt,planToJson as Xt}from"./common/floorPlan/floorPlan.json.mjs";import{buildPlanMesh as Zt}from"./common/floorPlan/floorPlan.mesh.mjs";import Qt from"./common/iconPicker/iconPicker.mjs";import $t from"./common/idleManager/idleManager.mjs";import en from"./common/inputDropdown/inputDropdown.mjs";import tn from"./common/kanbanBoard/KanbanColumn.mjs";import nn from"./common/kanbanBoard/KanbanBoard.mjs";import rn from"./common/searchInput/searchInput.mjs";import an from"./common/klipyPicker/klipyPicker.mjs";import on from"./common/loadingOverlay/loadingOverlay.mjs";import sn from"./common/menu/menu.mjs";import{menuHotkeys as cn}from"./common/menu/menuHotkeys.mjs";import ln from"./common/multiSelect/multiSelect.mjs";import un from"./common/numberInput/index.mjs";import{OtpInputCharset as dn}from"./common/otpInput/otpInput.types.mjs";import fn from"./common/otpInput/otpInput.mjs";import pn from"./common/overscroll/overscroll.mjs";import mn from"./common/pagination/pagination.mjs";import hn from"./common/progressBar/progressBar.mjs";import{RadioGroupOrientation as gn}from"./common/radioGroup/radioGroup.types.mjs";import _n from"./common/radioGroup/radioGroup.mjs";import vn from"./common/rating/rating.mjs";import yn from"./common/revealLens/revealLens.mjs";import bn from"./common/roomDrawer/roomDrawer.mjs";import xn from"./common/roomViewer/roomViewer.mjs";import{ScrollFadeAxis as Sn}from"./common/scrollFade/scrollFade.types.mjs";import Cn from"./common/scrollFade/scrollFade.mjs";import{SectionHeaderSize as wn}from"./common/sectionHeader/sectionHeader.types.mjs";import Tn from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as En,SkeletonVariant as Dn}from"./common/skeleton/skeleton.types.mjs";import On from"./common/skeleton/skeleton.mjs";import kn from"./common/slider/slider.mjs";import An from"./common/splitButton/splitButton.mjs";import{StepperAlignment as jn,StepperCollapse as Mn,StepperLabelPlacement as Nn,StepperStyleType as Pn}from"./common/stepper/stepper.types.mjs";import Fn from"./common/stepper/stepper.mjs";import In from"./common/sticky/sticky.mjs";import Ln from"./common/switch/switch.mjs";import Rn from"./common/tabHeader/tabHeader.mjs";import zn from"./common/textarea/textarea.mjs";import{useTheme as Bn}from"./common/themeProvider/useTheme.mjs";import Vn,{TiltGroupContext as Hn,useTiltGroup as Un}from"./common/tiltGroup/tiltGroup.mjs";import{defaultTiltEasing as Wn}from"./common/tilt/tiltMath.mjs";import Gn from"./common/tilt/tilt.mjs";import Kn from"./common/timeInput/timeInput.mjs";import{TimelineAlignment as qn}from"./common/timeline/timeline.types.mjs";import Jn from"./common/timeline/timeline.mjs";import Yn from"./common/timer/timer.mjs";import Xn from"./common/virtualList/virtualList.mjs";import{flattenTree as Zn}from"./common/tree/flattenTree.mjs";import Qn from"./common/tree/tree.mjs";import{WeatherType as $n}from"./common/weatherIcon/weatherIcon.types.mjs";import er from"./common/weatherIcon/weatherIcon.mjs";import tr from"./common/wizard/wizard.mjs";import nr from"./services/formValidation/FormValidatorGroupWithForm.mjs";import rr from"./services/formValidation/validatableComponent.mjs";import{useFormValidatorGroup as ir}from"./services/formValidation/useFormValidatorGroup.mjs";import{FormValidator as ar,Validators as or,useFormValidator as sr}from"./services/formValidation/index.mjs";import{hasEightPasswordChars as cr,hasOnePasswordDigit as lr,hasOnePasswordLetter as ur,isBic as dr,isDate as fr,isDay as pr,isEmail as mr,isISODate as hr,isNumber as gr,isPassword as _r,isURL as vr}from"@ahrowe/form-validation";export{s as Accordion,e as AccordionStyleType,h as ActionButtons,g as ActionIcon,E as AhroweProvider,D as Alert,O as AnimatedLogo,j as AnimatedText,k as AnimatedTextUnit,A as AnimatedTextVariant,F as Avatar,I as AvatarGroup,P as Badge,M as BadgePosition,N as BadgeStyleType,x as BodyEnd,G as Breadcrumb,m as Button,q as ButtonGroup,K as ButtonGroupOrientation,u as ButtonSize,d as ButtonStyleType,f as ButtonType,te as Calendar,Q as CalendarView,re as Card,se as CardActions,oe as CardContent,ie as CardHeader,ae as CardMedia,ne as CardStyleType,ce as Carousel,le as Checkbox,de as Chip,fe as ChipContainer,ue as ChipStyleType,_e as ColorPicker,Te as CommandPalette,t as ConfigProvider,Ee as ConfirmModal,Oe as CopyButton,Wt as DEFAULT_SNAP_OPTIONS,Ze as DEFAULT_WALL_ATTRS,Ne as DatePicker,Ie as Divider,Pe as DividerOrientation,Fe as DividerTextPosition,We as DoorSwing,Le as Drawer,Be as DropZone,Re as DropZoneReturnType,ze as DropZoneStatus,Me as Dropdown,$ as EmptyState,Ve as ErrorBoundary,He as Fab,Ue as Flip,ar as FormValidator,nr as FormValidatorGroup,zt as HIT_PX,Bt as HIT_PX_COARSE,Qt as IconPicker,$t as IdleManager,ge as Input,en as InputDropdown,me as InputIconPosition,he as InputType,L as InteractableDiv,nn as KanbanBoard,tn as KanbanColumn,an as KlipyPicker,l as Loader,c as LoaderType,on as LoadingOverlay,ht as MIN_FLOOR_HEIGHT,Ye as MIN_OPENING_WIDTH,Xe as MIN_WALL_LENGTH,sn as Menu,ye as Modal,ln as MultiSelect,un as NumberInput,Ge as OpeningKind,ee as OptionPicker,fn as OtpInput,dn as OtpInputCharset,pn as Overscroll,Jt as PLAN_FORMAT_VERSION,mn as Pagination,Ke as PlanIssueKind,qe as PlanUnitSystem,W as Popover,R as PopoverAlign,z as PopoverPlacement,B as PopoverTrigger,a as Presentation,hn as ProgressBar,_n as RadioGroup,gn as RadioGroupOrientation,vn as Rating,yn as RevealLens,p as Ripple,bn as RoomDrawer,xn as RoomViewer,Cn as ScrollFade,Sn as ScrollFadeAxis,_ as ScrollbarProvider,rn as SearchInput,Tn as SectionHeader,wn as SectionHeaderSize,On as Skeleton,En as SkeletonAnimation,Dn as SkeletonVariant,kn as Slider,Gt as SnapKind,An as SplitButton,Fn as Stepper,jn as StepperAlignment,Mn as StepperCollapse,Nn as StepperLabelPlacement,Pn as StepperStyleType,In as Sticky,Ln as Switch,Rn as TabHeader,zn as Textarea,o as ThemeColor,y as ThemeProvider,Gn as Tilt,Vn as TiltGroup,Hn as TiltGroupContext,Kn as TimeInput,Jn as Timeline,qn as TimelineAlignment,Yn as Timer,pe as Tooltip,Qn as Tree,rr as ValidatableComponent,or as Validators,Xn as VirtualList,Je as WallType,er as WeatherIcon,$n as WeatherType,tr as Wizard,gt as addFloor,Qe as addOpening,$e as addRect,et as addWall,Zt as buildPlanMesh,It as buildWallPaths,tt as cleanupPlan,Kt as clientToWorld,Mt as commitDerivation,J as dateToDay,Y as dateToTime,X as dayTimeToDate,Z as dayToDate,v as defaultTheme,Wn as defaultTiltEasing,At as deriveFaces,Nt as derivePlan,nt as detachWall,rt as dissolveNode,_t as duplicateFloor,vt as emptyFloor,yt as emptyFloorPlan,Zn as flattenTree,bt as floorBelow,xt as floorBounds,St as floorIndex,xe as formatHotkey,Ct as getFloor,ke as getLocale,cr as hasEightPasswordChars,lr as hasOnePasswordDigit,ur as hasOnePasswordLetter,Vt as hitTest,dr as isBic,fr as isDate,pr as isDay,mr as isEmail,hr as isISODate,Se as isMenuAction,Ce as isMenuHeading,we as isMenuSeparator,gr as isNumber,_r as isPassword,vr as isURL,b as lightTheme,Ae as mapLocale,cn as menuHotkeys,it as mergeNodes,wt as moveFloor,at as moveNode,jt as nodeDegrees,Lt as openingGeometry,Yt as planFromJson,Xt as planToJson,Pt as pruneUnmatchedRooms,Tt as removeFloor,ot as removeOpening,st as removeWall,Et as renameFloor,qt as resolveSnap,Ft as roomAtPoint,ct as scalePlan,Ht as selectionsEqual,Dt as setFloor,Ot as setFloorHeight,je as setLocale,T as showToast,lt as splitWall,V as tabbablesIn,ut as transformPlan,kt as updateFloor,dt as updateOpening,De as useClipboard,C as useCoarsePointer,n as useComponentDefaults,sr as useFormValidator,ir as useFormValidatorGroup,be as useHotkeys,r as useLabels,S as useMediaQuery,U as useOverlay,i as usePresentationDefault,ve as useScrollEdges,w as useSwipeDismiss,Bn as useTheme,Un as useTiltGroup,H as useVisualViewportSize,ft as validatePlan,Rt as wallCentrelineSpans,pt as wallLength,mt as weldShortWalls,Ut as worldTolerances};

package/dist/esm/services/formValidation/FormValidatorGroupWithForm.mjs

@@ -1,2 +1,2 @@
-"use client";import{showToast as e}from"../../common/toast/toastService.mjs";import{FormValidatorGroup as t,createFormComponent as n}from"@ahrowe/form-validation";var r=t=>{e(t[0].message,{type:`error`})},i=class extends t{constructor(e,t=null,i){super(e,t,{...i,onSubmitError:i?.onSubmitError??r}),this.Form=n(this)}};export{i as default};
+"use client";import{ThemeColor as e}from"../../common/themeProvider/color.types.mjs";import{showToast as t}from"../../common/toast/toastService.mjs";import{FormValidatorGroup as n,createFormComponent as r}from"@ahrowe/form-validation";var i=n=>{t(n[0].message,{color:e.Error})},a=class extends n{constructor(e,t=null,n){super(e,t,{...n,onSubmitError:n?.onSubmitError??i}),this.Form=r(this)}};export{a as default};
 //# sourceMappingURL=FormValidatorGroupWithForm.mjs.map

package/dist/esm/services/formValidation/FormValidatorGroupWithForm.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormValidatorGroupWithForm.mjs","names":[],"sources":["../../../../package/services/formValidation/FormValidatorGroupWithForm.tsx"],"sourcesContent":["import { showToast } from 'components/common/toast';\nimport { FormValidatorGroup, createFormComponent } from '@ahrowe/form-validation';\nimport type { FormGroup, FormValidatorGroupOptions, InferGroupValues, ValidationError } from '@ahrowe/form-validation';\nimport type React from 'react';\n\n/** Default onSubmitError: surface the first error as an error toast. Callers can override via options.onSubmitError. */\nconst defaultOnSubmitError = (errors: ValidationError[]): void => {\n  showToast(errors[0].message, { type: 'error' });\n};\n\n/**\n * FormValidatorGroup with `this.Form` automatically attached.\n * Kept in a .tsx file so formValidatorGroup.ts stays framework-agnostic.\n *\n * This is the class you should use everywhere — it is a drop-in replacement\n * for FormValidatorGroup with one extra property: `this.Form`.\n *\n * Also injects the default toast-based onSubmitError so both hook and class-component\n * consumers surface errors out of the box; pass options.onSubmitError to override.\n */\nexport default class FormValidatorGroupWithForm<\n  TGroup extends FormGroup = FormGroup,\n  TInitial = InferGroupValues<TGroup>,\n> extends FormValidatorGroup<TGroup, TInitial> {\n  Form: React.FC<React.FormHTMLAttributes<HTMLFormElement>>;\n\n  constructor(\n    groupDef: TGroup,\n    component: { forceUpdate: () => void } | null = null,\n    options?: FormValidatorGroupOptions<TGroup, TInitial>,\n  ) {\n    super(groupDef, component, { ...options, onSubmitError: options?.onSubmitError ?? defaultOnSubmitError });\n    this.Form = createFormComponent(this);\n  }\n}\n"],"mappings":"mKAMA,IAAM,EAAwB,GAAoC,CAChE,EAAU,EAAO,EAAE,CAAC,QAAS,CAAE,KAAM,OAAQ,CAAC,CAChD,EAYqB,EAArB,cAGU,CAAqC,CAG7C,YACE,EACA,EAAgD,KAChD,EACA,CACA,MAAM,EAAU,EAAW,CAAE,GAAG,EAAS,cAAe,GAAS,eAAiB,CAAqB,CAAC,EACxG,KAAK,KAAO,EAAoB,IAAI,CACtC,CACF"}
+{"version":3,"file":"FormValidatorGroupWithForm.mjs","names":[],"sources":["../../../../package/services/formValidation/FormValidatorGroupWithForm.tsx"],"sourcesContent":["import { showToast } from 'components/common/toast';\nimport { FormValidatorGroup, createFormComponent } from '@ahrowe/form-validation';\nimport type { FormGroup, FormValidatorGroupOptions, InferGroupValues, ValidationError } from '@ahrowe/form-validation';\nimport type React from 'react';\nimport { ThemeColor } from '../../common/themeProvider/color.types';\n\n/** Default onSubmitError: surface the first error as an error toast. Callers can override via options.onSubmitError. */\nconst defaultOnSubmitError = (errors: ValidationError[]): void => {\n  showToast(errors[0].message, { color: ThemeColor.Error });\n};\n\n/**\n * FormValidatorGroup with `this.Form` automatically attached.\n * Kept in a .tsx file so formValidatorGroup.ts stays framework-agnostic.\n *\n * This is the class you should use everywhere — it is a drop-in replacement\n * for FormValidatorGroup with one extra property: `this.Form`.\n *\n * Also injects the default toast-based onSubmitError so both hook and class-component\n * consumers surface errors out of the box; pass options.onSubmitError to override.\n */\nexport default class FormValidatorGroupWithForm<\n  TGroup extends FormGroup = FormGroup,\n  TInitial = InferGroupValues<TGroup>,\n> extends FormValidatorGroup<TGroup, TInitial> {\n  Form: React.FC<React.FormHTMLAttributes<HTMLFormElement>>;\n\n  constructor(\n    groupDef: TGroup,\n    component: { forceUpdate: () => void } | null = null,\n    options?: FormValidatorGroupOptions<TGroup, TInitial>,\n  ) {\n    super(groupDef, component, { ...options, onSubmitError: options?.onSubmitError ?? defaultOnSubmitError });\n    this.Form = createFormComponent(this);\n  }\n}\n"],"mappings":"2OAOA,IAAM,EAAwB,GAAoC,CAChE,EAAU,EAAO,EAAE,CAAC,QAAS,CAAE,MAAO,EAAW,KAAM,CAAC,CAC1D,EAYqB,EAArB,cAGU,CAAqC,CAG7C,YACE,EACA,EAAgD,KAChD,EACA,CACA,MAAM,EAAU,EAAW,CAAE,GAAG,EAAS,cAAe,GAAS,eAAiB,CAAqB,CAAC,EACxG,KAAK,KAAO,EAAoB,IAAI,CACtC,CACF"}