@ahrowe/ui 0.35.0 → 0.36.0

package/dist/esm/common/styles/scrollFade.module.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollFade.module.mjs","names":[],"sources":["../../../../package/common/styles/scrollFade.module.pcss"],"sourcesContent":["/*\n * The scroll-fade mask, shared by `ScrollFade` and by anything with a scroll port of its own\n * (Modal's body, Carousel's dot strip). Why a mask rather than an overlay, and what that costs:\n * `docs/ScrollFade.md`.\n */\n\n/* Registered so the two alphas can be transitioned: an unregistered custom property has no type\n   for the browser to interpolate, so the fade would snap in and out at each edge. A browser\n   without `@property` keeps them working and simply lands on the old instant switch. */\n@property --custom-scroll-fade-start {\n  syntax: '<number>';\n  inherits: false;\n  initial-value: 1;\n}\n\n@property --custom-scroll-fade-end {\n  syntax: '<number>';\n  inherits: false;\n  initial-value: 1;\n}\n\n/* `inherits: false` so a host setting a length of its own doesn't hand it to a nested\n   `ScrollFade`, and typed so a bare `0` is read as a length instead of voiding the `calc()`\n   below, which would drop the whole mask rather than shorten the fade. */\n@property --custom-scroll-fade-length {\n  syntax: '<length>';\n  inherits: false;\n  initial-value: 24px;\n}\n\n/* Zero specificity, so a host that sets its own length on the same element wins whichever order\n   the bundler emits the two modules in. The `24px` repeats the initial value above for a browser\n   without `@property`, where there is none. */\n:where(.scroll-fade) {\n  --custom-scroll-fade-length: var(--scroll-fade-length, 24px);\n}\n\n.scroll-fade {\n  --custom-scroll-fade-start: 1;\n  --custom-scroll-fade-end: 1;\n\n  /* A fade is not motion, so this stays under `prefers-reduced-motion`. */\n  transition:\n    --custom-scroll-fade-start 0.2s ease,\n    --custom-scroll-fade-end 0.2s ease;\n}\n\n/* One gradient covering the whole port with only its end stops changing, so the four states are\n   two alpha switches rather than four gradients. */\n.scroll-fade-y {\n  -webkit-mask-image: linear-gradient(\n    to bottom,\n    rgb(0 0 0 / var(--custom-scroll-fade-start)) 0,\n    rgb(0 0 0 / 100%) var(--custom-scroll-fade-length),\n    rgb(0 0 0 / 100%) calc(100% - var(--custom-scroll-fade-length)),\n    rgb(0 0 0 / var(--custom-scroll-fade-end)) 100%\n  );\n  mask-image: linear-gradient(\n    to bottom,\n    rgb(0 0 0 / var(--custom-scroll-fade-start)) 0,\n    rgb(0 0 0 / 100%) var(--custom-scroll-fade-length),\n    rgb(0 0 0 / 100%) calc(100% - var(--custom-scroll-fade-length)),\n    rgb(0 0 0 / var(--custom-scroll-fade-end)) 100%\n  );\n}\n\n.scroll-fade-x {\n  -webkit-mask-image: linear-gradient(\n    to right,\n    rgb(0 0 0 / var(--custom-scroll-fade-start)) 0,\n    rgb(0 0 0 / 100%) var(--custom-scroll-fade-length),\n    rgb(0 0 0 / 100%) calc(100% - var(--custom-scroll-fade-length)),\n    rgb(0 0 0 / var(--custom-scroll-fade-end)) 100%\n  );\n  mask-image: linear-gradient(\n    to right,\n    rgb(0 0 0 / var(--custom-scroll-fade-start)) 0,\n    rgb(0 0 0 / 100%) var(--custom-scroll-fade-length),\n    rgb(0 0 0 / 100%) calc(100% - var(--custom-scroll-fade-length)),\n    rgb(0 0 0 / var(--custom-scroll-fade-end)) 100%\n  );\n}\n\n.scroll-fade-faded-start {\n  --custom-scroll-fade-start: 0;\n}\n\n.scroll-fade-faded-end {\n  --custom-scroll-fade-end: 0;\n}\n\n/* Fading text costs contrast at exactly the edge someone may be reading. Anyone who has asked for\n   more of it gets the hard edge back instead — legibility beats the nicer boundary. */\n@media (prefers-contrast: more) {\n  .scroll-fade {\n    --custom-scroll-fade-start: 1;\n    --custom-scroll-fade-end: 1;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/styles/sheet.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.module.mjs","names":[],"sources":["../../../../package/common/styles/sheet.module.pcss"],"sourcesContent":["/*\n * Bottom-sheet presentation, shared by every popup that can switch away from being anchored to\n * its trigger (see `useSheet`).\n *\n * Every selector is doubled (`.sheet.sheet`) on purpose: these classes land on the same elements\n * as a component's own single-class panel styles and have to win over them. Which of two\n * equal-specificity rules wins otherwise depends on the order the bundler happens to emit the\n * two CSS modules in, which is not something a component should have to depend on.\n */\n\n.sheet.sheet {\n  position: fixed;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  width: 100%;\n\n  /* Wide enough for a comfortable list on a phone, narrow enough not to span a tablet. */\n  max-width: 560px;\n\n  /* Two separate caps: how much of the screen a sheet may take at most, and how much screen\n     there actually is — the latter set inline by `useSheet` from the visual viewport, since no\n     viewport unit shrinks when the on-screen keyboard opens. */\n  max-height: min(var(--sheet-max-height, 70vh), var(--sheet-available-height, 100vh));\n  max-height: min(var(--sheet-max-height, 70dvh), var(--sheet-available-height, 100dvh));\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n  animation: sheetSlideIn 0.2s ease-out;\n}\n\n/* What a sheet looks like where it meets the screen, split out from `.sheet-panel` because a\n   component whose own root is the surface (Modal) needs the look without the fill-the-root\n   layout below it. */\n.sheet-surface.sheet-surface {\n  overscroll-behavior: contain;\n  border-radius: calc(var(--default-border-radius) + 4px) calc(var(--default-border-radius) + 4px) 0 0;\n\n  /* Clears the home indicator on a phone without leaving a gap on a device that has none. */\n  padding-bottom: max(var(--sheet-safe-padding, 8px), env(safe-area-inset-bottom));\n}\n\n.sheet-panel {\n  composes: sheet-surface;\n}\n\n.sheet-panel.sheet-panel {\n  position: static;\n  width: 100%;\n  box-sizing: border-box;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  max-height: 100%;\n\n  /* Overrides a panel that caps its own width when anchored, e.g. Popover's 320px. */\n  max-width: 100%;\n\n  /* The sheet root owns the entrance animation; a panel that scales itself in when anchored\n     (Popover) would otherwise play a second, conflicting one on top of the slide-up. */\n  animation: none;\n  overflow-y: auto;\n}\n\n/* For an inner list that caps its own height when anchored: the sheet caps the height instead. */\n.sheet-scroll.sheet-scroll {\n  max-height: none;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.sheet-backdrop.sheet-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: #00000052;\n  z-index: 1;\n  animation: sheetBackdropFadeIn 0.2s ease-out;\n}\n\n@keyframes sheetSlideIn {\n  from {\n    transform: translateY(100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes sheetBackdropFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* Neither animation has a fill mode, so removing them lands both at their natural state: the\n   panel already at translateY(0), the backdrop already opaque. */\n@media (prefers-reduced-motion: reduce) {\n  .sheet-panel,\n  .sheet-backdrop.sheet-backdrop {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"sheet.module.mjs","names":[],"sources":["../../../../package/common/styles/sheet.module.pcss"],"sourcesContent":["/*\n * Bottom-sheet presentation, shared by every popup that can switch away from being anchored to\n * its trigger (see `useSheet`).\n *\n * Every selector is doubled (`.sheet.sheet`) on purpose: these classes land on the same elements\n * as a component's own single-class panel styles and have to win over them. Which of two\n * equal-specificity rules wins otherwise depends on the order the bundler happens to emit the\n * two CSS modules in, which is not something a component should have to depend on.\n */\n\n.sheet.sheet {\n  position: fixed;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  width: 100%;\n\n  /* Wide enough for a comfortable list on a phone, narrow enough not to span a tablet —\n     `Presentation.Auto` reaches a 744px one, where full width would be a banner rather than a\n     sheet. A token like the other two sheet dimensions, since this selector is doubled and a\n     consumer could otherwise only beat it with an inline style. */\n  max-width: var(--sheet-max-width, 560px);\n\n  /* Two separate caps: how much of the screen a sheet may take at most, and how much screen\n     there actually is — the latter set inline by `useSheet` from the visual viewport, since no\n     viewport unit shrinks when the on-screen keyboard opens. */\n  max-height: min(var(--sheet-max-height, 70vh), var(--sheet-available-height, 100vh));\n  max-height: min(var(--sheet-max-height, 70dvh), var(--sheet-available-height, 100dvh));\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n  animation: sheetSlideIn 0.2s ease-out;\n}\n\n/* What a sheet looks like where it meets the screen, split out from `.sheet-panel` because a\n   component whose own root is the surface (Modal) needs the look without the fill-the-root\n   layout below it. */\n.sheet-surface.sheet-surface {\n  overscroll-behavior: contain;\n  border-radius: calc(var(--default-border-radius) + 4px) calc(var(--default-border-radius) + 4px) 0 0;\n\n  /* Clears the home indicator on a phone without leaving a gap on a device that has none. */\n  padding-bottom: max(var(--sheet-safe-padding, 8px), env(safe-area-inset-bottom));\n}\n\n.sheet-panel {\n  composes: sheet-surface;\n}\n\n.sheet-panel.sheet-panel {\n  position: static;\n  width: 100%;\n  box-sizing: border-box;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  max-height: 100%;\n\n  /* Overrides a panel that caps its own width when anchored, e.g. Popover's 320px. */\n  max-width: 100%;\n\n  /* The sheet root owns the entrance animation; a panel that scales itself in when anchored\n     (Popover) would otherwise play a second, conflicting one on top of the slide-up. */\n  animation: none;\n  overflow-y: auto;\n}\n\n/* For an inner list that caps its own height when anchored: the sheet caps the height instead. */\n.sheet-scroll.sheet-scroll {\n  max-height: none;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.sheet-backdrop.sheet-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: #00000052;\n  z-index: 1;\n  animation: sheetBackdropFadeIn 0.2s ease-out;\n}\n\n@keyframes sheetSlideIn {\n  from {\n    transform: translateY(100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes sheetBackdropFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* Neither animation has a fill mode, so removing them lands both at their natural state: the\n   panel already at translateY(0), the backdrop already opaque. */\n@media (prefers-reduced-motion: reduce) {\n  .sheet-panel,\n  .sheet-backdrop.sheet-backdrop {\n    animation: none;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/timeInput/timeInput.mjs

@@ -1,2 +1,2 @@
-"use client";import{ButtonStyleType as e}from"../button/button.types.mjs";import t from"../button/button.mjs";import{PopoverAlign as n,PopoverPlacement as r}from"../popover/popover.types.mjs";import i from"../popover/popover.mjs";import a from"../tooltip/tooltip.mjs";import o from"../input/input.mjs";import ee from"../modal/modal.mjs";import{clampHour as te,clampToRange as s,formatTime as c,parseTimeString as l,snapMinute as u}from"./timeFunctions.mjs";import ne from"./components/clockDial/clockDial.mjs";import d from"./timeInput.module.mjs";import{useEffect as f,useRef as re,useState as p}from"react";import m from"classnames";import{FontAwesomeIcon as ie}from"@fortawesome/react-fontawesome";import{faClock as ae}from"@fortawesome/free-solid-svg-icons";import{jsx as h,jsxs as g}from"react/jsx-runtime";import oe from"@mona-health/react-input-mask";function _({value:_,selected:se,onChange:ce=()=>null,onSelect:v=()=>null,formValidator:y=null,isInline:b=!1,isModal:x=!1,noInput:le=!1,noHeader:ue=!1,showClearButton:S=!1,showNowButton:C=!1,minuteStep:w=1,use24Hour:T=!0,minTime:E=null,maxTime:D=null,label:de=``,isValid:fe=!0,errorMessage:O=``,isRequired:pe=!1,disabled:k=!1,className:me=``,style:he,classNames:A,styles:j,...ge}){let M=()=>y?y.value||``:_??se??``,[N,P]=p(M),[F,I]=p(!1),[L,R]=p(`hours`),[z,B]=p(!1),[_e,V]=p(!1),[,ve]=p(0),H=M(),[ye,be]=p(H),U=re(y);!y&&ye!==H&&(be(H),P(H)),f(()=>{if(U.current=y,!y)return;let e=()=>{P(y.value||``),ve(e=>e+1)};return y.registerOnUpdateListener(e),()=>y.removeOnUpdateListener(e)},[y]);let xe=()=>y?y.touched&&y.hasError():!fe||!!O,Se=()=>!!(pe||y?.validators.find(e=>e.validatorId===`required`)),W=e=>{let t=e?c(e):null;y&&y.set(t),ce?.(t)},G=e=>{P(e?c(e):``),W(e)},K=l(N),q=K??{hours:12,minutes:0},J=e=>{let t={hours:e.hours,minutes:u(e.minutes,w)};G(s(t,E,D))},Ce=e=>{let t={hours:e.hours,minutes:u(e.minutes,w)},n=s(t,E,D);if(G(n),L===`hours`){R(`minutes`);return}v?.(c(n)),b||I(!1)},Y=()=>{k||(R(`hours`),I(!0))},we=({previousState:e,nextState:t})=>{if(!e||t.value===e.value)return t;let n=t.value,r=n.slice(0,2);/^\d\d$/.test(r)&&Number(r)>23&&(n=`23${n.slice(2)}`);let i=n.slice(3,5);return/^\d\d$/.test(i)&&Number(i)>59&&(n=`${n.slice(0,3)}59`),n===t.value?t:{...t,value:n}},Te=e=>{P(e);let t=l(e);t&&W(t)},Ee=()=>{U.current&&(U.current.touched=!0),B(!1),W(l(N))},X=e=>{e!==q.hours>=12&&G({hours:te(q.hours+(e?12:-12)),minutes:q.minutes})},Z=xe(),De=K?String(T?K.hours:(K.hours+11)%12+1).padStart(2,`0`):`--`,Oe=K?String(K.minutes).padStart(2,`0`):`--`,ke=ue?null:g(`div`,{className:m(d.timeInputClockHeader,A?.clockHeader),style:j?.clockHeader,children:[h(`button`,{type:`button`,className:m(d.timeInputHeaderSegment,L===`hours`&&d.timeInputHeaderSegmentActive,A?.headerSegment),style:j?.headerSegment,onClick:()=>R(`hours`),children:De}),h(`span`,{className:d.timeInputHeaderColon,children:`:`}),h(`button`,{type:`button`,className:m(d.timeInputHeaderSegment,L===`minutes`&&d.timeInputHeaderSegmentActive,A?.headerSegment),style:j?.headerSegment,onClick:()=>R(`minutes`),children:Oe}),!T&&g(`div`,{className:m(d.timeInputMeridiem,A?.meridiem),style:j?.meridiem,children:[h(`button`,{type:`button`,className:m(q.hours<12&&d.timeInputMeridiemActive),onClick:()=>X(!1),children:`AM`}),h(`button`,{type:`button`,className:m(q.hours>=12&&d.timeInputMeridiemActive),onClick:()=>X(!0),children:`PM`})]})]}),Ae=S||C?g(`div`,{className:m(d.timeInputFooter,A?.footer),style:j?.footer,children:[C&&h(t,{styleType:e.Default,onClick:()=>{let e=new Date;J({hours:e.getHours(),minutes:e.getMinutes()})},children:`Now`}),S&&h(t,{styleType:e.Default,onClick:()=>{G(null),v?.(null)},children:`Clear`})]}):null,Q=g(`div`,{className:m(d.timeInputClock,A?.clock),style:j?.clock,children:[ke,h(ne,{time:q,mode:L,use24Hour:T,minuteStep:w,onChange:J,onCommit:Ce,classNames:A,styles:j}),Ae]}),$=le?null:h(o,{autoComplete:`off`,label:`${de}${Se()?` *`:``}`,value:N,icon:h(ie,{icon:ae}),onIconClick:Y,onClick:Y,readOnly:x,disabled:k,isValid:!Z,customInput:h(oe,{mask:`99:99`,maskPlaceholder:`_`,beforeMaskedStateChange:we}),onChange:e=>Te(e),onBlur:Ee,onFocus:()=>B(!0),onMouseEnter:()=>V(!0),onMouseLeave:()=>V(!1)}),je=b?Q:x?h(ee,{hideHeader:!0,isOpen:F,onClose:()=>I(!1),children:Q}):h(i,{isOpen:F,onOpenChange:I,content:Q,placement:r.Bottom,align:n.Start,closeOnTriggerClick:!1,constrainWidth:!1,children:$});return g(`div`,{className:m(d.timeInput,A?.root,me),style:{...j?.root,...he},...ge,children:[(x||b)&&$,je,h(a,{variant:`error`,message:y?y.getCurrentErrorMessage()??``:O||``,isVisible:Z&&(z||_e)})]})}export{_ as default};
+"use client";import{ButtonStyleType as e}from"../button/button.types.mjs";import t from"../button/button.mjs";import{PopoverAlign as n,PopoverPlacement as r}from"../popover/popover.types.mjs";import i from"../popover/popover.mjs";import ee from"../tooltip/tooltip.mjs";import te from"../input/input.mjs";import a from"../modal/modal.mjs";import ne from"../maskedInput/maskedInput.mjs";import{clampHour as re,clampToRange as o,formatTime as s,parseTimeString as c,snapMinute as l}from"./timeFunctions.mjs";import ie from"./components/clockDial/clockDial.mjs";import u from"./timeInput.module.mjs";import{useEffect as ae,useRef as oe,useState as d}from"react";import f from"classnames";import{FontAwesomeIcon as se}from"@fortawesome/react-fontawesome";import{faClock as p}from"@fortawesome/free-solid-svg-icons";import{jsx as m,jsxs as h}from"react/jsx-runtime";function g({value:g,selected:ce,onChange:le=()=>null,onSelect:_=()=>null,formValidator:v=null,isInline:y=!1,isModal:b=!1,noInput:ue=!1,noHeader:de=!1,showClearButton:x=!1,showNowButton:S=!1,minuteStep:C=1,use24Hour:w=!0,minTime:T=null,maxTime:E=null,label:fe=``,isValid:D=!0,errorMessage:O=``,isRequired:pe=!1,disabled:k=!1,className:me=``,style:he,classNames:A,styles:j,...ge}){let M=()=>v?v.value||``:g??ce??``,[N,P]=d(M),[F,I]=d(!1),[L,R]=d(`hours`),[z,B]=d(!1),[_e,V]=d(!1),[,ve]=d(0),H=M(),[ye,be]=d(H),U=oe(v);!v&&ye!==H&&(be(H),P(H)),ae(()=>{if(U.current=v,!v)return;let e=()=>{P(v.value||``),ve(e=>e+1)};return v.registerOnUpdateListener(e),()=>v.removeOnUpdateListener(e)},[v]);let xe=()=>v?v.touched&&v.hasError():!D||!!O,Se=()=>!!(pe||v?.validators.find(e=>e.validatorId===`required`)),W=e=>{let t=e?s(e):null;v&&v.set(t),le?.(t)},G=e=>{P(e?s(e):``),W(e)},K=c(N),q=K??{hours:12,minutes:0},J=e=>{let t={hours:e.hours,minutes:l(e.minutes,C)};G(o(t,T,E))},Ce=e=>{let t={hours:e.hours,minutes:l(e.minutes,C)},n=o(t,T,E);if(G(n),L===`hours`){R(`minutes`);return}_?.(s(n)),y||I(!1)},Y=()=>{k||(R(`hours`),I(!0))},we=({previousState:e,nextState:t})=>{if(t.value===e.value)return t;let n=t.value,r=n.slice(0,2);/^\d\d$/.test(r)&&Number(r)>23&&(n=`23${n.slice(2)}`);let i=n.slice(3,5);return/^\d\d$/.test(i)&&Number(i)>59&&(n=`${n.slice(0,3)}59`),n===t.value?t:{...t,value:n}},Te=e=>{P(e);let t=c(e);t&&W(t)},Ee=()=>{U.current&&(U.current.touched=!0),B(!1),W(c(N))},X=e=>{e!==q.hours>=12&&G({hours:re(q.hours+(e?12:-12)),minutes:q.minutes})},Z=xe(),De=K?String(w?K.hours:(K.hours+11)%12+1).padStart(2,`0`):`--`,Oe=K?String(K.minutes).padStart(2,`0`):`--`,ke=de?null:h(`div`,{className:f(u.timeInputClockHeader,A?.clockHeader),style:j?.clockHeader,children:[m(`button`,{type:`button`,className:f(u.timeInputHeaderSegment,L===`hours`&&u.timeInputHeaderSegmentActive,A?.headerSegment),style:j?.headerSegment,onClick:()=>R(`hours`),children:De}),m(`span`,{className:u.timeInputHeaderColon,children:`:`}),m(`button`,{type:`button`,className:f(u.timeInputHeaderSegment,L===`minutes`&&u.timeInputHeaderSegmentActive,A?.headerSegment),style:j?.headerSegment,onClick:()=>R(`minutes`),children:Oe}),!w&&h(`div`,{className:f(u.timeInputMeridiem,A?.meridiem),style:j?.meridiem,children:[m(`button`,{type:`button`,className:f(q.hours<12&&u.timeInputMeridiemActive),onClick:()=>X(!1),children:`AM`}),m(`button`,{type:`button`,className:f(q.hours>=12&&u.timeInputMeridiemActive),onClick:()=>X(!0),children:`PM`})]})]}),Ae=x||S?h(`div`,{className:f(u.timeInputFooter,A?.footer),style:j?.footer,children:[S&&m(t,{styleType:e.Default,onClick:()=>{let e=new Date;J({hours:e.getHours(),minutes:e.getMinutes()})},children:`Now`}),x&&m(t,{styleType:e.Default,onClick:()=>{G(null),_?.(null)},children:`Clear`})]}):null,Q=h(`div`,{className:f(u.timeInputClock,A?.clock),style:j?.clock,children:[ke,m(ie,{time:q,mode:L,use24Hour:w,minuteStep:C,onChange:J,onCommit:Ce,classNames:A,styles:j}),Ae]}),$=ue?null:m(te,{autoComplete:`off`,label:`${fe}${Se()?` *`:``}`,value:N,icon:m(se,{icon:p}),onIconClick:Y,onClick:Y,readOnly:b,disabled:k,isValid:!Z,customInput:m(ne,{mask:`99:99`,beforeMaskedStateChange:we}),onChange:e=>Te(e),onBlur:Ee,onFocus:()=>B(!0),onMouseEnter:()=>V(!0),onMouseLeave:()=>V(!1)}),je=y?Q:b?m(a,{hideHeader:!0,isOpen:F,onClose:()=>I(!1),children:Q}):m(i,{isOpen:F,onOpenChange:I,content:Q,placement:r.Bottom,align:n.Start,closeOnTriggerClick:!1,constrainWidth:!1,children:$});return h(`div`,{className:f(u.timeInput,A?.root,me),style:{...j?.root,...he},...ge,children:[(b||y)&&$,je,m(ee,{variant:`error`,message:v?v.getCurrentErrorMessage()??``:O||``,isVisible:Z&&(z||_e)})]})}export{g as default};
 //# sourceMappingURL=timeInput.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"timeInput.mjs","names":[],"sources":["../../../../package/common/timeInput/timeInput.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport cx from 'classnames';\nimport InputMask, { type BeforeMaskedStateChangeStates, type InputState } from '@mona-health/react-input-mask';\nimport { faClock } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport Input from '../input';\nimport Modal from '../modal';\nimport Popover from '../popover';\nimport Button from '../button';\nimport { ButtonStyleType } from '../button/button.types';\nimport Tooltip from '../tooltip';\nimport ClockDial from './components/clockDial';\nimport { PopoverAlign, PopoverPlacement } from '../popover/popover.types';\nimport { type TimeValue, parseTimeString, formatTime, snapMinute, clampToRange, clampHour } from './timeFunctions';\nimport type { TimeInputProps } from './timeInput.types';\n\nimport styles from './timeInput.module.pcss';\n\ntype ClockMode = 'hours' | 'minutes';\n\nexport default function TimeInput({\n  value,\n  selected,\n  onChange = () => null,\n  onSelect = () => null,\n  formValidator = null,\n  isInline = false,\n  isModal = false,\n  noInput = false,\n  noHeader = false,\n  showClearButton = false,\n  showNowButton = false,\n  minuteStep = 1,\n  use24Hour = true,\n  minTime = null,\n  maxTime = null,\n  label = '',\n  isValid = true,\n  errorMessage = '',\n  isRequired = false,\n  disabled = false,\n  className = '',\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: TimeInputProps) {\n  const getExternalString = (): string => {\n    if (formValidator) return (formValidator.value as string) || '';\n    return value ?? selected ?? '';\n  };\n\n  const [currentTimeString, setCurrentTimeString] = useState(getExternalString);\n  const [isPickerOpen, setIsPickerOpen] = useState(false);\n  const [mode, setMode] = useState<ClockMode>('hours');\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const [, forceUpdate] = useState(0);\n\n  const externalString = getExternalString();\n  const [prevExternal, setPrevExternal] = useState(externalString);\n  const fvRef = useRef(formValidator);\n\n  // Sync when the controlled value changes externally.\n  if (!formValidator && prevExternal !== externalString) {\n    setPrevExternal(externalString);\n    setCurrentTimeString(externalString);\n  }\n\n  useEffect(() => {\n    fvRef.current = formValidator;\n    if (!formValidator) return;\n    const listener = () => {\n      setCurrentTimeString((formValidator.value as string) || '');\n      forceUpdate((n) => n + 1);\n    };\n    formValidator.registerOnUpdateListener(listener);\n    return () => formValidator.removeOnUpdateListener(listener);\n  }, [formValidator]);\n\n  const hasError = (): boolean =>\n    formValidator ? formValidator.touched && formValidator.hasError() : !isValid || !!errorMessage;\n\n  const computedIsRequired = (): boolean =>\n    !!(isRequired || formValidator?.validators.find((v) => (v as { validatorId?: string }).validatorId === 'required'));\n\n  /** Push a value out to formValidator/onChange without touching the input string. */\n  const emit = (time: TimeValue | null) => {\n    const str = time ? formatTime(time) : null;\n    if (formValidator) formValidator.set(str);\n    onChange?.(str);\n  };\n\n  const applyTime = (time: TimeValue | null) => {\n    setCurrentTimeString(time ? formatTime(time) : '');\n    emit(time);\n  };\n\n  const parsed = parseTimeString(currentTimeString);\n  const dialTime: TimeValue = parsed ?? { hours: 12, minutes: 0 };\n\n  const handleDialChange = (time: TimeValue) => {\n    const snapped = { hours: time.hours, minutes: snapMinute(time.minutes, minuteStep) };\n    applyTime(clampToRange(snapped, minTime, maxTime));\n  };\n\n  const handleDialCommit = (time: TimeValue) => {\n    const snapped = { hours: time.hours, minutes: snapMinute(time.minutes, minuteStep) };\n    const next = clampToRange(snapped, minTime, maxTime);\n    applyTime(next);\n    if (mode === 'hours') {\n      setMode('minutes');\n      return;\n    }\n    onSelect?.(formatTime(next));\n    if (!isInline) setIsPickerOpen(false);\n  };\n\n  const openPicker = () => {\n    if (disabled) return;\n    setMode('hours');\n    setIsPickerOpen(true);\n  };\n\n  const beforeMaskedStateChange = ({ previousState, nextState }: BeforeMaskedStateChangeStates): InputState => {\n    if (!previousState || nextState.value === previousState.value) return nextState;\n    let v = nextState.value;\n    const hourStr = v.slice(0, 2);\n    if (/^\\d\\d$/.test(hourStr) && Number(hourStr) > 23) v = `23${v.slice(2)}`;\n    const minStr = v.slice(3, 5);\n    if (/^\\d\\d$/.test(minStr) && Number(minStr) > 59) v = `${v.slice(0, 3)}59`;\n    return v === nextState.value ? nextState : { ...nextState, value: v };\n  };\n\n  const handleInputChange = (v: string) => {\n    setCurrentTimeString(v);\n    const t = parseTimeString(v);\n    if (t) emit(t);\n  };\n\n  const handleBlur = () => {\n    if (fvRef.current) fvRef.current.touched = true;\n    setIsFocused(false);\n    emit(parseTimeString(currentTimeString));\n  };\n\n  const setMeridiem = (pm: boolean) => {\n    const isPm = dialTime.hours >= 12;\n    if (pm === isPm) return;\n    applyTime({ hours: clampHour(dialTime.hours + (pm ? 12 : -12)), minutes: dialTime.minutes });\n  };\n\n  const hasErr = hasError();\n  const displayHours = parsed\n    ? String(use24Hour ? parsed.hours : ((parsed.hours + 11) % 12) + 1).padStart(2, '0')\n    : '--';\n  const displayMinutes = parsed ? String(parsed.minutes).padStart(2, '0') : '--';\n\n  const header = noHeader ? null : (\n    <div className={cx(styles.timeInputClockHeader, classNames?.clockHeader)} style={slotStyles?.clockHeader}>\n      <button\n        type='button'\n        className={cx(\n          styles.timeInputHeaderSegment,\n          mode === 'hours' && styles.timeInputHeaderSegmentActive,\n          classNames?.headerSegment,\n        )}\n        style={slotStyles?.headerSegment}\n        onClick={() => setMode('hours')}\n      >\n        {displayHours}\n      </button>\n      <span className={styles.timeInputHeaderColon}>:</span>\n      <button\n        type='button'\n        className={cx(\n          styles.timeInputHeaderSegment,\n          mode === 'minutes' && styles.timeInputHeaderSegmentActive,\n          classNames?.headerSegment,\n        )}\n        style={slotStyles?.headerSegment}\n        onClick={() => setMode('minutes')}\n      >\n        {displayMinutes}\n      </button>\n      {!use24Hour && (\n        <div className={cx(styles.timeInputMeridiem, classNames?.meridiem)} style={slotStyles?.meridiem}>\n          <button\n            type='button'\n            className={cx(dialTime.hours < 12 && styles.timeInputMeridiemActive)}\n            onClick={() => setMeridiem(false)}\n          >\n            AM\n          </button>\n          <button\n            type='button'\n            className={cx(dialTime.hours >= 12 && styles.timeInputMeridiemActive)}\n            onClick={() => setMeridiem(true)}\n          >\n            PM\n          </button>\n        </div>\n      )}\n    </div>\n  );\n\n  const footer =\n    showClearButton || showNowButton ? (\n      <div className={cx(styles.timeInputFooter, classNames?.footer)} style={slotStyles?.footer}>\n        {showNowButton && (\n          <Button\n            styleType={ButtonStyleType.Default}\n            onClick={() => {\n              const now = new Date();\n              handleDialChange({ hours: now.getHours(), minutes: now.getMinutes() });\n            }}\n          >\n            Now\n          </Button>\n        )}\n        {showClearButton && (\n          <Button\n            styleType={ButtonStyleType.Default}\n            onClick={() => {\n              applyTime(null);\n              onSelect?.(null);\n            }}\n          >\n            Clear\n          </Button>\n        )}\n      </div>\n    ) : null;\n\n  const pickerContent = (\n    <div className={cx(styles.timeInputClock, classNames?.clock)} style={slotStyles?.clock}>\n      {header}\n      <ClockDial\n        time={dialTime}\n        mode={mode}\n        use24Hour={use24Hour}\n        minuteStep={minuteStep}\n        onChange={handleDialChange}\n        onCommit={handleDialCommit}\n        classNames={classNames}\n        styles={slotStyles}\n      />\n      {footer}\n    </div>\n  );\n\n  const input = noInput ? null : (\n    <Input\n      autoComplete='off'\n      label={`${label}${computedIsRequired() ? ' *' : ''}`}\n      value={currentTimeString}\n      icon={<FontAwesomeIcon icon={faClock} />}\n      onIconClick={openPicker}\n      onClick={openPicker}\n      readOnly={isModal}\n      disabled={disabled}\n      isValid={!hasErr}\n      customInput={<InputMask mask='99:99' maskPlaceholder='_' beforeMaskedStateChange={beforeMaskedStateChange} />}\n      onChange={(v) => handleInputChange(v as string)}\n      onBlur={handleBlur}\n      onFocus={() => setIsFocused(true)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    />\n  );\n\n  const picker = (() => {\n    if (isInline) return pickerContent;\n    if (isModal) {\n      return (\n        <Modal hideHeader isOpen={isPickerOpen} onClose={() => setIsPickerOpen(false)}>\n          {pickerContent}\n        </Modal>\n      );\n    }\n    return (\n      <Popover\n        isOpen={isPickerOpen}\n        onOpenChange={setIsPickerOpen}\n        content={pickerContent}\n        placement={PopoverPlacement.Bottom}\n        align={PopoverAlign.Start}\n        // A click to place the caret in the field must not take the panel away.\n        // The focus stays there on its own: Popover only follows a keyboard open.\n        closeOnTriggerClick={false}\n        constrainWidth={false}\n      >\n        {input}\n      </Popover>\n    );\n  })();\n\n  return (\n    <div\n      className={cx(styles.timeInput, classNames?.root, className)}\n      style={{ ...slotStyles?.root, ...style }}\n      {...rest}\n    >\n      {(isModal || isInline) && input}\n      {picker}\n      <Tooltip\n        variant='error'\n        message={formValidator ? (formValidator.getCurrentErrorMessage() ?? '') : errorMessage || ''}\n        isVisible={hasErr && (isFocused || isHovered)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"timeInput.mjs","names":[],"sources":["../../../../package/common/timeInput/timeInput.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef } from 'react';\nimport cx from 'classnames';\nimport MaskedInput from '../maskedInput';\nimport type { BeforeMaskedStateChangeStates, MaskState } from '../maskedInput';\nimport { faClock } from '@fortawesome/free-solid-svg-icons';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport Input from '../input';\nimport Modal from '../modal';\nimport Popover from '../popover';\nimport Button from '../button';\nimport { ButtonStyleType } from '../button/button.types';\nimport Tooltip from '../tooltip';\nimport ClockDial from './components/clockDial';\nimport { PopoverAlign, PopoverPlacement } from '../popover/popover.types';\nimport { type TimeValue, parseTimeString, formatTime, snapMinute, clampToRange, clampHour } from './timeFunctions';\nimport type { TimeInputProps } from './timeInput.types';\n\nimport styles from './timeInput.module.pcss';\n\ntype ClockMode = 'hours' | 'minutes';\n\nexport default function TimeInput({\n  value,\n  selected,\n  onChange = () => null,\n  onSelect = () => null,\n  formValidator = null,\n  isInline = false,\n  isModal = false,\n  noInput = false,\n  noHeader = false,\n  showClearButton = false,\n  showNowButton = false,\n  minuteStep = 1,\n  use24Hour = true,\n  minTime = null,\n  maxTime = null,\n  label = '',\n  isValid = true,\n  errorMessage = '',\n  isRequired = false,\n  disabled = false,\n  className = '',\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: TimeInputProps) {\n  const getExternalString = (): string => {\n    if (formValidator) return (formValidator.value as string) || '';\n    return value ?? selected ?? '';\n  };\n\n  const [currentTimeString, setCurrentTimeString] = useState(getExternalString);\n  const [isPickerOpen, setIsPickerOpen] = useState(false);\n  const [mode, setMode] = useState<ClockMode>('hours');\n  const [isFocused, setIsFocused] = useState(false);\n  const [isHovered, setIsHovered] = useState(false);\n  const [, forceUpdate] = useState(0);\n\n  const externalString = getExternalString();\n  const [prevExternal, setPrevExternal] = useState(externalString);\n  const fvRef = useRef(formValidator);\n\n  // Sync when the controlled value changes externally.\n  if (!formValidator && prevExternal !== externalString) {\n    setPrevExternal(externalString);\n    setCurrentTimeString(externalString);\n  }\n\n  useEffect(() => {\n    fvRef.current = formValidator;\n    if (!formValidator) return;\n    const listener = () => {\n      setCurrentTimeString((formValidator.value as string) || '');\n      forceUpdate((n) => n + 1);\n    };\n    formValidator.registerOnUpdateListener(listener);\n    return () => formValidator.removeOnUpdateListener(listener);\n  }, [formValidator]);\n\n  const hasError = (): boolean =>\n    formValidator ? formValidator.touched && formValidator.hasError() : !isValid || !!errorMessage;\n\n  const computedIsRequired = (): boolean =>\n    !!(isRequired || formValidator?.validators.find((v) => (v as { validatorId?: string }).validatorId === 'required'));\n\n  /** Push a value out to formValidator/onChange without touching the input string. */\n  const emit = (time: TimeValue | null) => {\n    const str = time ? formatTime(time) : null;\n    if (formValidator) formValidator.set(str);\n    onChange?.(str);\n  };\n\n  const applyTime = (time: TimeValue | null) => {\n    setCurrentTimeString(time ? formatTime(time) : '');\n    emit(time);\n  };\n\n  const parsed = parseTimeString(currentTimeString);\n  const dialTime: TimeValue = parsed ?? { hours: 12, minutes: 0 };\n\n  const handleDialChange = (time: TimeValue) => {\n    const snapped = { hours: time.hours, minutes: snapMinute(time.minutes, minuteStep) };\n    applyTime(clampToRange(snapped, minTime, maxTime));\n  };\n\n  const handleDialCommit = (time: TimeValue) => {\n    const snapped = { hours: time.hours, minutes: snapMinute(time.minutes, minuteStep) };\n    const next = clampToRange(snapped, minTime, maxTime);\n    applyTime(next);\n    if (mode === 'hours') {\n      setMode('minutes');\n      return;\n    }\n    onSelect?.(formatTime(next));\n    if (!isInline) setIsPickerOpen(false);\n  };\n\n  const openPicker = () => {\n    if (disabled) return;\n    setMode('hours');\n    setIsPickerOpen(true);\n  };\n\n  const beforeMaskedStateChange = ({ previousState, nextState }: BeforeMaskedStateChangeStates): MaskState => {\n    if (nextState.value === previousState.value) return nextState;\n    let v = nextState.value;\n    const hourStr = v.slice(0, 2);\n    if (/^\\d\\d$/.test(hourStr) && Number(hourStr) > 23) v = `23${v.slice(2)}`;\n    const minStr = v.slice(3, 5);\n    if (/^\\d\\d$/.test(minStr) && Number(minStr) > 59) v = `${v.slice(0, 3)}59`;\n    return v === nextState.value ? nextState : { ...nextState, value: v };\n  };\n\n  const handleInputChange = (v: string) => {\n    setCurrentTimeString(v);\n    const t = parseTimeString(v);\n    if (t) emit(t);\n  };\n\n  const handleBlur = () => {\n    if (fvRef.current) fvRef.current.touched = true;\n    setIsFocused(false);\n    emit(parseTimeString(currentTimeString));\n  };\n\n  const setMeridiem = (pm: boolean) => {\n    const isPm = dialTime.hours >= 12;\n    if (pm === isPm) return;\n    applyTime({ hours: clampHour(dialTime.hours + (pm ? 12 : -12)), minutes: dialTime.minutes });\n  };\n\n  const hasErr = hasError();\n  const displayHours = parsed\n    ? String(use24Hour ? parsed.hours : ((parsed.hours + 11) % 12) + 1).padStart(2, '0')\n    : '--';\n  const displayMinutes = parsed ? String(parsed.minutes).padStart(2, '0') : '--';\n\n  const header = noHeader ? null : (\n    <div className={cx(styles.timeInputClockHeader, classNames?.clockHeader)} style={slotStyles?.clockHeader}>\n      <button\n        type='button'\n        className={cx(\n          styles.timeInputHeaderSegment,\n          mode === 'hours' && styles.timeInputHeaderSegmentActive,\n          classNames?.headerSegment,\n        )}\n        style={slotStyles?.headerSegment}\n        onClick={() => setMode('hours')}\n      >\n        {displayHours}\n      </button>\n      <span className={styles.timeInputHeaderColon}>:</span>\n      <button\n        type='button'\n        className={cx(\n          styles.timeInputHeaderSegment,\n          mode === 'minutes' && styles.timeInputHeaderSegmentActive,\n          classNames?.headerSegment,\n        )}\n        style={slotStyles?.headerSegment}\n        onClick={() => setMode('minutes')}\n      >\n        {displayMinutes}\n      </button>\n      {!use24Hour && (\n        <div className={cx(styles.timeInputMeridiem, classNames?.meridiem)} style={slotStyles?.meridiem}>\n          <button\n            type='button'\n            className={cx(dialTime.hours < 12 && styles.timeInputMeridiemActive)}\n            onClick={() => setMeridiem(false)}\n          >\n            AM\n          </button>\n          <button\n            type='button'\n            className={cx(dialTime.hours >= 12 && styles.timeInputMeridiemActive)}\n            onClick={() => setMeridiem(true)}\n          >\n            PM\n          </button>\n        </div>\n      )}\n    </div>\n  );\n\n  const footer =\n    showClearButton || showNowButton ? (\n      <div className={cx(styles.timeInputFooter, classNames?.footer)} style={slotStyles?.footer}>\n        {showNowButton && (\n          <Button\n            styleType={ButtonStyleType.Default}\n            onClick={() => {\n              const now = new Date();\n              handleDialChange({ hours: now.getHours(), minutes: now.getMinutes() });\n            }}\n          >\n            Now\n          </Button>\n        )}\n        {showClearButton && (\n          <Button\n            styleType={ButtonStyleType.Default}\n            onClick={() => {\n              applyTime(null);\n              onSelect?.(null);\n            }}\n          >\n            Clear\n          </Button>\n        )}\n      </div>\n    ) : null;\n\n  const pickerContent = (\n    <div className={cx(styles.timeInputClock, classNames?.clock)} style={slotStyles?.clock}>\n      {header}\n      <ClockDial\n        time={dialTime}\n        mode={mode}\n        use24Hour={use24Hour}\n        minuteStep={minuteStep}\n        onChange={handleDialChange}\n        onCommit={handleDialCommit}\n        classNames={classNames}\n        styles={slotStyles}\n      />\n      {footer}\n    </div>\n  );\n\n  const input = noInput ? null : (\n    <Input\n      autoComplete='off'\n      label={`${label}${computedIsRequired() ? ' *' : ''}`}\n      value={currentTimeString}\n      icon={<FontAwesomeIcon icon={faClock} />}\n      onIconClick={openPicker}\n      onClick={openPicker}\n      readOnly={isModal}\n      disabled={disabled}\n      isValid={!hasErr}\n      customInput={<MaskedInput mask='99:99' beforeMaskedStateChange={beforeMaskedStateChange} />}\n      onChange={(v) => handleInputChange(v as string)}\n      onBlur={handleBlur}\n      onFocus={() => setIsFocused(true)}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    />\n  );\n\n  const picker = (() => {\n    if (isInline) return pickerContent;\n    if (isModal) {\n      return (\n        <Modal hideHeader isOpen={isPickerOpen} onClose={() => setIsPickerOpen(false)}>\n          {pickerContent}\n        </Modal>\n      );\n    }\n    return (\n      <Popover\n        isOpen={isPickerOpen}\n        onOpenChange={setIsPickerOpen}\n        content={pickerContent}\n        placement={PopoverPlacement.Bottom}\n        align={PopoverAlign.Start}\n        // A click to place the caret in the field must not take the panel away.\n        // The focus stays there on its own: Popover only follows a keyboard open.\n        closeOnTriggerClick={false}\n        constrainWidth={false}\n      >\n        {input}\n      </Popover>\n    );\n  })();\n\n  return (\n    <div\n      className={cx(styles.timeInput, classNames?.root, className)}\n      style={{ ...slotStyles?.root, ...style }}\n      {...rest}\n    >\n      {(isModal || isInline) && input}\n      {picker}\n      <Tooltip\n        variant='error'\n        message={formValidator ? (formValidator.getCurrentErrorMessage() ?? '') : errorMessage || ''}\n        isVisible={hasErr && (isFocused || isHovered)}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/common/utils/interactiveTarget.mjs

@@ -0,0 +1,2 @@
+"use client";var e=[`a[href]`,`button`,`input`,`select`,`textarea`,`label`,`[contenteditable=""]`,`[contenteditable="true"]`,`[role="button"]`,`[role="link"]`,`[role="checkbox"]`,`[role="combobox"]`,`[role="menuitem"]`,`[role="menuitemcheckbox"]`,`[role="menuitemradio"]`,`[role="option"]`,`[role="radio"]`,`[role="searchbox"]`,`[role="slider"]`,`[role="spinbutton"]`,`[role="switch"]`,`[role="tab"]`,`[role="textbox"]`,`[role="treeitem"]`].join(`, `);function t(t,n){if(!n||!(t instanceof Element))return!1;let r=t.closest(e);return!!r&&r!==n&&n.contains(r)}export{t as isInteractiveTarget};
+//# sourceMappingURL=interactiveTarget.mjs.map

package/dist/esm/common/utils/interactiveTarget.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"interactiveTarget.mjs","names":[],"sources":["../../../../package/common/utils/interactiveTarget.ts"],"sourcesContent":["/** Elements that answer a pointer themselves, so a click on one is not a click on its container. */\nconst INTERACTIVE_SELECTOR = [\n  'a[href]',\n  'button',\n  'input',\n  'select',\n  'textarea',\n  'label',\n  '[contenteditable=\"\"]',\n  '[contenteditable=\"true\"]',\n  '[role=\"button\"]',\n  '[role=\"link\"]',\n  '[role=\"checkbox\"]',\n  '[role=\"combobox\"]',\n  '[role=\"menuitem\"]',\n  '[role=\"menuitemcheckbox\"]',\n  '[role=\"menuitemradio\"]',\n  '[role=\"option\"]',\n  '[role=\"radio\"]',\n  '[role=\"searchbox\"]',\n  '[role=\"slider\"]',\n  '[role=\"spinbutton\"]',\n  '[role=\"switch\"]',\n  '[role=\"tab\"]',\n  '[role=\"textbox\"]',\n  '[role=\"treeitem\"]',\n].join(', ');\n\n/**\n * Whether a click landed on a control of its own inside `container`, rather than on the container.\n *\n * `container` itself never counts, or one carrying `role=\"button\"` would exclude every click it is\n * meant to answer. `role=\"group\"` is absent for the same reason: it marks a wrapper, not a control.\n */\nexport function isInteractiveTarget(target: EventTarget | null, container: Element | null): boolean {\n  if (!container || !(target instanceof Element)) return false;\n  const hit = target.closest(INTERACTIVE_SELECTOR);\n  return !!hit && hit !== container && container.contains(hit);\n}\n"],"mappings":"aACA,IAAM,EAAuB,CAC3B,UACA,SACA,QACA,SACA,WACA,QACA,uBACA,2BACA,kBACA,gBACA,oBACA,oBACA,oBACA,4BACA,yBACA,kBACA,iBACA,qBACA,kBACA,sBACA,kBACA,eACA,mBACA,mBACF,CAAC,CAAC,KAAK,IAAI,EAQX,SAAgB,EAAoB,EAA4B,EAAoC,CAClG,GAAI,CAAC,GAAa,EAAE,aAAkB,SAAU,MAAO,GACvD,IAAM,EAAM,EAAO,QAAQ,CAAoB,EAC/C,MAAO,CAAC,CAAC,GAAO,IAAQ,GAAa,EAAU,SAAS,CAAG,CAC7D"}

package/dist/esm/common/utils/listNavigation.mjs

@@ -0,0 +1,2 @@
+"use client";function e(e,t,n,{isDisabled:r,wrap:i=!0}={}){if(n===0)return null;let a=e=>!r?.(e),o=e??(t===1?-1:n);for(let e=1;e<=n;e++){let r=o+t*e;if(!i&&(r<0||r>=n))break;let s=(r%n+n)%n;if(a(s))return s}return e!==null&&a(e)?e:null}function t(t,n,r={}){return t===`first`?e(null,1,n,{...r,wrap:!1}):e(null,-1,n,{...r,wrap:!1})}function n(e,t){if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=n.height>0?e.offsetHeight/n.height:1,a=r.top-n.top,o=r.bottom-n.bottom;a<0?e.scrollTop+=a*i:o>0&&(e.scrollTop+=o*i)}export{t as edgeIndex,e as nextIndex,n as scrollOptionIntoView};
+//# sourceMappingURL=listNavigation.mjs.map

package/dist/esm/common/utils/listNavigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"listNavigation.mjs","names":[],"sources":["../../../../package/common/utils/listNavigation.ts"],"sourcesContent":["/**\n * Where the highlight goes next in a list the arrow keys move through.\n *\n * Shared so the library's listboxes agree on it. They did not: Dropdown wrapped and skipped\n * disabled options, MultiSelect wrapped but stopped on them, and InputDropdown clamped at both\n * ends and cleared the highlight when ArrowUp reached the top. Moving between two fields in the\n * same form behaved differently for no reason a user could see.\n *\n * Only the arithmetic is shared. Which key means what, and what selecting does, stays with each\n * component, because those genuinely differ.\n */\n\n/** `null` is \"nothing highlighted\": the state a freshly opened list starts in. */\nexport type ActiveIndex = number | null;\n\nexport interface ListNavigationOptions {\n  /** Options that cannot be highlighted, by index. */\n  isDisabled?: (index: number) => boolean;\n  /**\n   * Whether moving past an end comes back round. `false` stops on the last selectable option,\n   * for a list whose first entry is the text the user is still typing.\n   */\n  wrap?: boolean;\n}\n\n/**\n * The next selectable index in `step` direction, or `null` when the list has nothing to\n * highlight. From `null` a forward step enters at the top and a backward step at the bottom,\n * which is what both a native `<select>` and the ARIA combobox pattern do.\n */\nexport function nextIndex(\n  from: ActiveIndex,\n  step: 1 | -1,\n  length: number,\n  { isDisabled, wrap = true }: ListNavigationOptions = {},\n): ActiveIndex {\n  if (length === 0) return null;\n  const selectable = (index: number) => !isDisabled?.(index);\n\n  // Entering the list counts as the first hop, so start one step outside it.\n  const start = from ?? (step === 1 ? -1 : length);\n\n  for (let hop = 1; hop <= length; hop++) {\n    const raw = start + step * hop;\n    if (!wrap && (raw < 0 || raw >= length)) break;\n    // `+ length * hop` keeps the operand of `%` positive without a branch; `hop` is enough\n    // because a single step never moves further than one length.\n    const index = ((raw % length) + length) % length;\n    if (selectable(index)) return index;\n  }\n\n  // Nothing selectable that way. Staying put beats jumping somewhere arbitrary, but a `from`\n  // that is itself disabled must not be reported as highlightable.\n  return from !== null && selectable(from) ? from : null;\n}\n\n/** The first or last selectable index, for Home and End. */\nexport function edgeIndex(edge: 'first' | 'last', length: number, options: ListNavigationOptions = {}): ActiveIndex {\n  return edge === 'first'\n    ? nextIndex(null, 1, length, { ...options, wrap: false })\n    : nextIndex(null, -1, length, { ...options, wrap: false });\n}\n\n/**\n * Scrolls `option` into view inside `list`, moving nothing else on the page.\n *\n * The arrow keys move a highlight, not the focus — the focus stays on the combobox, because that\n * is what `aria-activedescendant` points from. So the browser never scrolls the option into view\n * by itself, and a list taller than its panel would highlight rows the user cannot see.\n *\n * Measured with `getBoundingClientRect` rather than `offsetTop`, which is relative to the nearest\n * positioned ancestor and so silently wrong whenever that is not the scrolling element itself.\n * `scrollIntoView` would be shorter but is free to scroll every ancestor, including the page\n * behind the panel.\n *\n * Rectangles are what the screen shows, and `scrollTop` is in layout pixels, so the two disagree\n * whenever an ancestor carries a scale — which every one of these lists does, because the Popover\n * panel holding them animates in from a smaller size. Measured mid-animation, a list 260 layout\n * pixels tall reports a rectangle of 182, and scrolling by the raw difference moved 30% short\n * every step. `offsetHeight` against the rectangle's height recovers the factor.\n */\nexport function scrollOptionIntoView(list: HTMLElement | null | undefined, option: Element | null | undefined): void {\n  if (!list || !option) return;\n  const listBox = list.getBoundingClientRect();\n  const optionBox = option.getBoundingClientRect();\n  const toLayoutPixels = listBox.height > 0 ? list.offsetHeight / listBox.height : 1;\n  const above = optionBox.top - listBox.top;\n  const below = optionBox.bottom - listBox.bottom;\n  if (above < 0) list.scrollTop += above * toLayoutPixels;\n  else if (below > 0) list.scrollTop += below * toLayoutPixels;\n}\n"],"mappings":"aA8BA,SAAgB,EACd,EACA,EACA,EACA,CAAE,aAAY,OAAO,IAAgC,CAAC,EACzC,CACb,GAAI,IAAW,EAAG,OAAO,KACzB,IAAM,EAAc,GAAkB,CAAC,IAAa,CAAK,EAGnD,EAAQ,IAAS,IAAS,EAAI,GAAK,GAEzC,IAAK,IAAI,EAAM,EAAG,GAAO,EAAQ,IAAO,CACtC,IAAM,EAAM,EAAQ,EAAO,EAC3B,GAAI,CAAC,IAAS,EAAM,GAAK,GAAO,GAAS,MAGzC,IAAM,GAAU,EAAM,EAAU,GAAU,EAC1C,GAAI,EAAW,CAAK,EAAG,OAAO,CAChC,CAIA,OAAO,IAAS,MAAQ,EAAW,CAAI,EAAI,EAAO,IACpD,CAGA,SAAgB,EAAU,EAAwB,EAAgB,EAAiC,CAAC,EAAgB,CAClH,OAAO,IAAS,QACZ,EAAU,KAAM,EAAG,EAAQ,CAAE,GAAG,EAAS,KAAM,EAAM,CAAC,EACtD,EAAU,KAAM,GAAI,EAAQ,CAAE,GAAG,EAAS,KAAM,EAAM,CAAC,CAC7D,CAoBA,SAAgB,EAAqB,EAAsC,EAA0C,CACnH,GAAI,CAAC,GAAQ,CAAC,EAAQ,OACtB,IAAM,EAAU,EAAK,sBAAsB,EACrC,EAAY,EAAO,sBAAsB,EACzC,EAAiB,EAAQ,OAAS,EAAI,EAAK,aAAe,EAAQ,OAAS,EAC3E,EAAQ,EAAU,IAAM,EAAQ,IAChC,EAAQ,EAAU,OAAS,EAAQ,OACrC,EAAQ,EAAG,EAAK,WAAa,EAAQ,EAChC,EAAQ,IAAG,EAAK,WAAa,EAAQ,EAChD"}

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

@@ -1 +1 @@
-{"version":3,"file":"wizard.module.mjs","names":[],"sources":["../../../../package/common/wizard/wizard.module.pcss"],"sourcesContent":[".wizard {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  transition: all 0.2s;\n  padding: 1px;\n\n  &-content {\n    position: absolute;\n    height: fit-content;\n\n    &-outOfFrame {\n      * {\n        user-select: none;\n        pointer-events: none;\n        visibility: hidden;\n        display: none;\n      }\n    }\n\n    &-container {\n      display: flex;\n      transition: all 0.6s;\n      position: relative;\n    }\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"wizard.module.mjs","names":[],"sources":["../../../../package/common/wizard/wizard.module.pcss"],"sourcesContent":[".wizard {\n  height: 100%;\n  width: 100%;\n  position: relative;\n  overflow: hidden;\n  transition: all 0.2s;\n  padding: 1px;\n\n  &-content {\n    position: absolute;\n    height: fit-content;\n\n    &-outOfFrame {\n      * {\n        user-select: none;\n        pointer-events: none;\n        visibility: hidden;\n        display: none;\n      }\n    }\n\n    &-container {\n      display: flex;\n      transition: all 0.6s;\n      position: relative;\n    }\n  }\n}\n\n/* The step slide is the whole component's motion; without it a step change is an instant swap,\n   which is the point. */\n@media (prefers-reduced-motion: reduce) {\n  .wizard,\n  .wizard-content-container {\n    transition: none;\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{AlertStyleType as g}from"./common/alert/alert.types.mjs";import _ from"./common/alert/alert.mjs";import v from"./common/animatedLogo/animatedLogo.mjs";import{AnimatedTextUnit as y,AnimatedTextVariant as b}from"./common/animatedText/animatedText.types.mjs";import x from"./common/animatedText/animatedText.mjs";import{BadgePosition as S,BadgeStyleType as C}from"./common/badge/badge.types.mjs";import w from"./common/badge/badge.mjs";import T from"./common/avatar/avatar.mjs";import E from"./common/avatar/avatarGroup.mjs";import D from"./common/bodyEnd/bodyEnd.mjs";import{PopoverAlign as O,PopoverPlacement as k,PopoverTrigger as A}from"./common/popover/popover.types.mjs";import j from"./common/popover/popover.mjs";import M from"./common/breadcrumb/breadcrumb.mjs";import{ButtonGroupOrientation as N}from"./common/buttonGroup/buttonGroup.types.mjs";import P from"./common/buttonGroup/buttonGroup.mjs";import{CardStyleType as F}from"./common/card/card.types.mjs";import I from"./common/card/Card.mjs";import L from"./common/card/CardHeader.mjs";import R from"./common/card/CardMedia.mjs";import z from"./common/card/CardContent.mjs";import B from"./common/card/CardActions.mjs";import V from"./common/carousel/carousel.mjs";import H from"./common/checkbox/checkbox.mjs";import{ChipStyleType as U}from"./common/chip/chip.types.mjs";import W from"./common/chip/chip.mjs";import G from"./common/chip/chipContainer.mjs";import K from"./common/tooltip/tooltip.mjs";import{InputIconPosition as q,InputType as J}from"./common/input/input.types.mjs";import Y from"./common/input/input.mjs";import X from"./common/colorPicker/colorPicker.mjs";import Z from"./common/modal/modal.mjs";import Q from"./common/confirmModal/confirmModal.mjs";import{getLocale as $,mapLocale as ee,setLocale as te}from"./services/localization.mjs";import ne from"./common/infiniteBlock/infiniteBlock.mjs";import re from"./common/dropdown/dropdown.mjs";import ie from"./common/datePicker/datePicker.mjs";import{DividerOrientation as ae,DividerTextPosition as oe}from"./common/divider/divider.types.mjs";import se from"./common/divider/divider.mjs";import ce from"./common/drawer/drawer.mjs";import{DropZoneReturnType as le,DropZoneStatus as ue}from"./common/dropZone/dropZone.types.mjs";import de from"./common/dropZone/dropZone.mjs";import fe from"./common/emptyState/emptyState.mjs";import{showToast as pe}from"./common/toast/toastService.mjs";import me from"./common/toast/toastProvider.mjs";import he from"./common/errorBoundary/errorBoundary.mjs";import ge from"./common/fab/fab.mjs";import _e from"./common/flip/flip.mjs";import{DoorSwing as ve,OpeningKind as ye,PlanIssueKind as be,PlanUnitSystem as xe,WallType as Se}from"./common/floorPlan/floorPlan.types.mjs";import{MIN_OPENING_WIDTH as Ce,MIN_WALL_LENGTH as we}from"./common/floorPlan/floorPlan.geometry.mjs";import{DEFAULT_WALL_ATTRS as Te,addOpening as Ee,addRect as De,addWall as Oe,cleanupPlan as ke,detachWall as Ae,dissolveNode as je,mergeNodes as Me,moveNode as Ne,removeOpening as Pe,removeWall as Fe,scalePlan as Ie,splitWall as Le,transformPlan as Re,updateOpening as ze,validatePlan as Be,wallLength as Ve,weldShortWalls as He}from"./common/floorPlan/floorPlan.graph.mjs";import{MIN_FLOOR_HEIGHT as Ue,addFloor as We,duplicateFloor as Ge,emptyFloor as Ke,emptyFloorPlan as qe,floorBelow as Je,floorBounds as Ye,floorIndex as Xe,getFloor as Ze,moveFloor as Qe,removeFloor as $e,renameFloor as et,setFloor as tt,setFloorHeight as nt,updateFloor as rt}from"./common/floorPlan/floorPlan.plan.mjs";import{deriveFaces as it,nodeDegrees as at}from"./common/floorPlan/floorPlan.faces.mjs";import{commitDerivation as ot,derivePlan as st,pruneUnmatchedRooms as ct,roomAtPoint as lt}from"./common/floorPlan/floorPlan.rooms.mjs";import{buildWallPaths as ut,openingGeometry as dt,wallCentrelineSpans as ft}from"./common/floorPlan/floorPlan.path.mjs";import{HIT_PX as pt,HIT_PX_COARSE as mt,hitTest as ht,selectionsEqual as gt,worldTolerances as _t}from"./common/floorPlan/floorPlan.hit.mjs";import{DEFAULT_SNAP_OPTIONS as vt,SnapKind as yt,clientToWorld as bt,resolveSnap as xt,screenScale as St}from"./common/floorPlan/floorPlan.snap.mjs";import{PLAN_FORMAT_VERSION as Ct,planFromJson as wt,planToJson as Tt}from"./common/floorPlan/floorPlan.json.mjs";import{buildPlanMesh as Et}from"./common/floorPlan/floorPlan.mesh.mjs";import{planFromLegacySvg as Dt}from"./common/floorPlan/legacySvg.mjs";import Ot from"./common/iconPicker/iconPicker.mjs";import kt from"./common/idleManager/idleManager.mjs";import At from"./common/inputDropdown/inputDropdown.mjs";import jt from"./common/kanbanBoard/KanbanColumn.mjs";import Mt from"./common/kanbanBoard/KanbanBoard.mjs";import Nt from"./common/searchInput/searchInput.mjs";import Pt from"./common/klipyPicker/klipyPicker.mjs";import Ft from"./common/loading/iconLoading/index.mjs";import{isMenuAction as It,isMenuHeading as Lt,isMenuSeparator as Rt}from"./common/menu/menu.types.mjs";import zt from"./common/menu/menu.mjs";import Bt from"./common/multiSelect/multiSelect.mjs";import Vt from"./common/numberInput/index.mjs";import Ht from"./common/optionPicker/optionPicker.mjs";import{OtpInputCharset as Ut}from"./common/otpInput/otpInput.types.mjs";import Wt from"./common/otpInput/otpInput.mjs";import Gt from"./common/overscroll/overscroll.mjs";import Kt from"./common/pagination/pagination.mjs";import qt from"./common/progressBar/progressBar.mjs";import{RadioGroupOrientation as Jt}from"./common/radioGroup/radioGroup.types.mjs";import Yt from"./common/radioGroup/radioGroup.mjs";import Xt from"./common/rating/rating.mjs";import Zt from"./common/revealLens/revealLens.mjs";import Qt from"./common/roomDrawer/roomDrawer.mjs";import $t from"./common/roomViewer/roomViewer.mjs";import en from"./common/scrollbarProvider/index.mjs";import{SectionHeaderSize as tn}from"./common/sectionHeader/sectionHeader.types.mjs";import nn from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as rn,SkeletonVariant as an}from"./common/skeleton/skeleton.types.mjs";import on from"./common/skeleton/skeleton.mjs";import sn from"./common/slider/slider.mjs";import cn from"./common/splitButton/splitButton.mjs";import{StepperAlignment as ln,StepperCollapse as un,StepperLabelPlacement as dn,StepperStyleType as fn}from"./common/stepper/stepper.types.mjs";import pn from"./common/stepper/stepper.mjs";import mn from"./common/sticky/sticky.mjs";import hn from"./common/switch/switch.mjs";import gn from"./common/tabHeader/tabHeader.mjs";import _n from"./common/textarea/textarea.mjs";import{defaultTheme as vn}from"./common/themeProvider/defaultTheme.mjs";import yn from"./common/themeProvider/themeProvider.mjs";import{lightTheme as bn}from"./common/themeProvider/lightTheme.mjs";import{useTheme as xn}from"./common/themeProvider/useTheme.mjs";import Sn,{TiltGroupContext as Cn,useTiltGroup as wn}from"./common/tiltGroup/tiltGroup.mjs";import{defaultTiltEasing as Tn}from"./common/tilt/tiltMath.mjs";import En from"./common/tilt/tilt.mjs";import Dn from"./common/timeInput/timeInput.mjs";import{TimelineAlignment as On,TimelineItemStatus as kn}from"./common/timeline/timeline.types.mjs";import An from"./common/timeline/timeline.mjs";import jn from"./common/timer/timer.mjs";import Mn from"./common/virtualList/virtualList.mjs";import{flattenTree as Nn}from"./common/tree/flattenTree.mjs";import Pn from"./common/tree/tree.mjs";import Fn from"./common/wizard/wizard.mjs";import In from"./services/formValidation/FormValidatorGroupWithForm.mjs";import Ln from"./services/formValidation/validatableComponent.mjs";import{useFormValidatorGroup as Rn}from"./services/formValidation/useFormValidatorGroup.mjs";import{FormValidator as zn,Validators as Bn,useFormValidator as Vn}from"./services/formValidation/index.mjs";import{hasEightPasswordChars as Hn,hasOnePasswordDigit as Un,hasOnePasswordLetter as Wn,isBic as Gn,isDate as Kn,isEmail as qn,isISODate as Jn,isNumber as Yn,isPassword as Xn,isURL as Zn}from"@ahrowe/form-validation";export{o as Accordion,e as AccordionStyleType,p as ActionButtons,h as ActionIcon,_ as Alert,g as AlertStyleType,v as AnimatedLogo,x as AnimatedText,y as AnimatedTextUnit,b as AnimatedTextVariant,T as Avatar,E as AvatarGroup,w as Badge,S as BadgePosition,C as BadgeStyleType,D as BodyEnd,M as Breadcrumb,f as Button,P as ButtonGroup,N as ButtonGroupOrientation,c as ButtonSize,l as ButtonStyleType,u as ButtonType,I as Card,B as CardActions,z as CardContent,L as CardHeader,R as CardMedia,F as CardStyleType,V as Carousel,H as Checkbox,W as Chip,G as ChipContainer,U as ChipStyleType,X as ColorPicker,t as ConfigProvider,Q as ConfirmModal,vt as DEFAULT_SNAP_OPTIONS,Te as DEFAULT_WALL_ATTRS,ie as DatePicker,se as Divider,ae as DividerOrientation,oe as DividerTextPosition,ve as DoorSwing,ce as Drawer,de as DropZone,le as DropZoneReturnType,ue as DropZoneStatus,re as Dropdown,fe as EmptyState,he as ErrorBoundary,ge as Fab,_e as Flip,zn as FormValidator,In as FormValidatorGroup,pt as HIT_PX,mt as HIT_PX_COARSE,Ft as IconLoading,Ot as IconPicker,kt as IdleManager,ne as InfiniteBlock,Y as Input,At as InputDropdown,q as InputIconPosition,J as InputType,m as InteractableDiv,Mt as KanbanBoard,jt as KanbanColumn,Pt as KlipyPicker,Ue as MIN_FLOOR_HEIGHT,Ce as MIN_OPENING_WIDTH,we as MIN_WALL_LENGTH,zt as Menu,Z as Modal,Bt as MultiSelect,Vt as NumberInput,ye as OpeningKind,Ht as OptionPicker,Wt as OtpInput,Ut as OtpInputCharset,Gt as Overscroll,Ct as PLAN_FORMAT_VERSION,Kt as Pagination,be as PlanIssueKind,xe as PlanUnitSystem,j as Popover,O as PopoverAlign,k as PopoverPlacement,A as PopoverTrigger,a as Presentation,qt as ProgressBar,Yt as RadioGroup,Jt as RadioGroupOrientation,Xt as Rating,Zt as RevealLens,d as Ripple,Qt as RoomDrawer,$t as RoomViewer,en as ScrollbarProvider,Nt as SearchInput,nn as SectionHeader,tn as SectionHeaderSize,on as Skeleton,rn as SkeletonAnimation,an as SkeletonVariant,sn as Slider,yt as SnapKind,s as SpinnerLoading,cn as SplitButton,pn as Stepper,ln as StepperAlignment,un as StepperCollapse,dn as StepperLabelPlacement,fn as StepperStyleType,mn as Sticky,hn as Switch,gn as TabHeader,_n as Textarea,yn as ThemeProvider,En as Tilt,Sn as TiltGroup,Cn as TiltGroupContext,Dn as TimeInput,An as Timeline,On as TimelineAlignment,kn as TimelineItemStatus,jn as Timer,me as ToastProvider,K as Tooltip,Pn as Tree,Ln as ValidatableComponent,Bn as Validators,Mn as VirtualList,Se as WallType,Fn as Wizard,We as addFloor,Ee as addOpening,De as addRect,Oe as addWall,Et as buildPlanMesh,ut as buildWallPaths,ke as cleanupPlan,bt as clientToWorld,ot as commitDerivation,vn as defaultTheme,Tn as defaultTiltEasing,it as deriveFaces,st as derivePlan,Ae as detachWall,je as dissolveNode,Ge as duplicateFloor,Ke as emptyFloor,qe as emptyFloorPlan,Nn as flattenTree,Je as floorBelow,Ye as floorBounds,Xe as floorIndex,Ze as getFloor,$ as getLocale,Hn as hasEightPasswordChars,Un as hasOnePasswordDigit,Wn as hasOnePasswordLetter,ht as hitTest,Gn as isBic,Kn as isDate,qn as isEmail,Jn as isISODate,It as isMenuAction,Lt as isMenuHeading,Rt as isMenuSeparator,Yn as isNumber,Xn as isPassword,Zn as isURL,bn as lightTheme,ee as mapLocale,Me as mergeNodes,Qe as moveFloor,Ne as moveNode,at as nodeDegrees,dt as openingGeometry,wt as planFromJson,Dt as planFromLegacySvg,Tt as planToJson,ct as pruneUnmatchedRooms,$e as removeFloor,Pe as removeOpening,Fe as removeWall,et as renameFloor,xt as resolveSnap,lt as roomAtPoint,Ie as scalePlan,St as screenScale,gt as selectionsEqual,tt as setFloor,nt as setFloorHeight,te as setLocale,pe as showToast,Le as splitWall,Re as transformPlan,rt as updateFloor,ze as updateOpening,n as useComponentDefaults,Vn as useFormValidator,Rn as useFormValidatorGroup,r as useLabels,i as usePresentationDefault,xn as useTheme,wn as useTiltGroup,Be as validatePlan,ft as wallCentrelineSpans,Ve as wallLength,He as weldShortWalls,_t 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 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{AlertStyleType as g}from"./common/alert/alert.types.mjs";import _ from"./common/alert/alert.mjs";import v from"./common/animatedLogo/animatedLogo.mjs";import{AnimatedTextUnit as y,AnimatedTextVariant as b}from"./common/animatedText/animatedText.types.mjs";import x from"./common/animatedText/animatedText.mjs";import{BadgePosition as S,BadgeStyleType as C}from"./common/badge/badge.types.mjs";import w from"./common/badge/badge.mjs";import T from"./common/avatar/avatar.mjs";import E from"./common/avatar/avatarGroup.mjs";import D from"./common/bodyEnd/bodyEnd.mjs";import{PopoverAlign as O,PopoverPlacement as k,PopoverTrigger as A}from"./common/popover/popover.types.mjs";import j from"./common/popover/popover.mjs";import M from"./common/breadcrumb/breadcrumb.mjs";import{ButtonGroupOrientation as N}from"./common/buttonGroup/buttonGroup.types.mjs";import P from"./common/buttonGroup/buttonGroup.mjs";import{CardStyleType as F}from"./common/card/card.types.mjs";import I from"./common/card/Card.mjs";import L from"./common/card/CardHeader.mjs";import R from"./common/card/CardMedia.mjs";import z from"./common/card/CardContent.mjs";import B from"./common/card/CardActions.mjs";import V from"./common/carousel/carousel.mjs";import H from"./common/checkbox/checkbox.mjs";import{ChipStyleType as U}from"./common/chip/chip.types.mjs";import W from"./common/chip/chip.mjs";import G from"./common/chip/chipContainer.mjs";import K from"./common/tooltip/tooltip.mjs";import{InputIconPosition as q,InputType as J}from"./common/input/input.types.mjs";import Y from"./common/input/input.mjs";import X from"./common/colorPicker/colorPicker.mjs";import Z from"./common/modal/modal.mjs";import Q from"./common/confirmModal/confirmModal.mjs";import{getLocale as $,mapLocale as ee,setLocale as te}from"./services/localization.mjs";import ne from"./common/dropdown/dropdown.mjs";import re from"./common/datePicker/datePicker.mjs";import{DividerOrientation as ie,DividerTextPosition as ae}from"./common/divider/divider.types.mjs";import oe from"./common/divider/divider.mjs";import se from"./common/drawer/drawer.mjs";import{DropZoneReturnType as ce,DropZoneStatus as le}from"./common/dropZone/dropZone.types.mjs";import ue from"./common/dropZone/dropZone.mjs";import de from"./common/emptyState/emptyState.mjs";import{showToast as fe}from"./common/toast/toastService.mjs";import pe from"./common/toast/toastProvider.mjs";import me from"./common/errorBoundary/errorBoundary.mjs";import he from"./common/fab/fab.mjs";import ge from"./common/flip/flip.mjs";import{DoorSwing as _e,OpeningKind as ve,PlanIssueKind as ye,PlanUnitSystem as be,WallType as xe}from"./common/floorPlan/floorPlan.types.mjs";import{MIN_OPENING_WIDTH as Se,MIN_WALL_LENGTH as Ce}from"./common/floorPlan/floorPlan.geometry.mjs";import{DEFAULT_WALL_ATTRS as we,addOpening as Te,addRect as Ee,addWall as De,cleanupPlan as Oe,detachWall as ke,dissolveNode as Ae,mergeNodes as je,moveNode as Me,removeOpening as Ne,removeWall as Pe,scalePlan as Fe,splitWall as Ie,transformPlan as Le,updateOpening as Re,validatePlan as ze,wallLength as Be,weldShortWalls as Ve}from"./common/floorPlan/floorPlan.graph.mjs";import{MIN_FLOOR_HEIGHT as He,addFloor as Ue,duplicateFloor as We,emptyFloor as Ge,emptyFloorPlan as Ke,floorBelow as qe,floorBounds as Je,floorIndex as Ye,getFloor as Xe,moveFloor as Ze,removeFloor as Qe,renameFloor as $e,setFloor as et,setFloorHeight as tt,updateFloor as nt}from"./common/floorPlan/floorPlan.plan.mjs";import{deriveFaces as rt,nodeDegrees as it}from"./common/floorPlan/floorPlan.faces.mjs";import{commitDerivation as at,derivePlan as ot,pruneUnmatchedRooms as st,roomAtPoint as ct}from"./common/floorPlan/floorPlan.rooms.mjs";import{buildWallPaths as lt,openingGeometry as ut,wallCentrelineSpans as dt}from"./common/floorPlan/floorPlan.path.mjs";import{HIT_PX as ft,HIT_PX_COARSE as pt,hitTest as mt,selectionsEqual as ht,worldTolerances as gt}from"./common/floorPlan/floorPlan.hit.mjs";import{DEFAULT_SNAP_OPTIONS as _t,SnapKind as vt,clientToWorld as yt,resolveSnap as bt,screenScale as xt}from"./common/floorPlan/floorPlan.snap.mjs";import{PLAN_FORMAT_VERSION as St,planFromJson as Ct,planToJson as wt}from"./common/floorPlan/floorPlan.json.mjs";import{buildPlanMesh as Tt}from"./common/floorPlan/floorPlan.mesh.mjs";import{planFromLegacySvg as Et}from"./common/floorPlan/legacySvg.mjs";import Dt from"./common/iconPicker/iconPicker.mjs";import Ot from"./common/idleManager/idleManager.mjs";import kt from"./common/inputDropdown/inputDropdown.mjs";import At from"./common/kanbanBoard/KanbanColumn.mjs";import jt from"./common/kanbanBoard/KanbanBoard.mjs";import Mt from"./common/searchInput/searchInput.mjs";import Nt from"./common/klipyPicker/klipyPicker.mjs";import Pt from"./common/loading/iconLoading/index.mjs";import{isMenuAction as Ft,isMenuHeading as It,isMenuSeparator as Lt}from"./common/menu/menu.types.mjs";import Rt from"./common/menu/menu.mjs";import zt from"./common/multiSelect/multiSelect.mjs";import Bt from"./common/numberInput/index.mjs";import Vt from"./common/optionPicker/optionPicker.mjs";import{OtpInputCharset as Ht}from"./common/otpInput/otpInput.types.mjs";import Ut from"./common/otpInput/otpInput.mjs";import Wt from"./common/overscroll/overscroll.mjs";import Gt from"./common/pagination/pagination.mjs";import Kt from"./common/progressBar/progressBar.mjs";import{RadioGroupOrientation as qt}from"./common/radioGroup/radioGroup.types.mjs";import Jt from"./common/radioGroup/radioGroup.mjs";import Yt from"./common/rating/rating.mjs";import Xt from"./common/revealLens/revealLens.mjs";import Zt from"./common/roomDrawer/roomDrawer.mjs";import Qt from"./common/roomViewer/roomViewer.mjs";import{ScrollFadeAxis as $t}from"./common/scrollFade/scrollFade.types.mjs";import en from"./common/scrollFade/scrollFade.mjs";import tn from"./common/scrollbarProvider/index.mjs";import{SectionHeaderSize as nn}from"./common/sectionHeader/sectionHeader.types.mjs";import rn from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as an,SkeletonVariant as on}from"./common/skeleton/skeleton.types.mjs";import sn from"./common/skeleton/skeleton.mjs";import cn from"./common/slider/slider.mjs";import ln from"./common/splitButton/splitButton.mjs";import{StepperAlignment as un,StepperCollapse as dn,StepperLabelPlacement as fn,StepperStyleType as pn}from"./common/stepper/stepper.types.mjs";import mn from"./common/stepper/stepper.mjs";import hn from"./common/sticky/sticky.mjs";import gn from"./common/switch/switch.mjs";import _n from"./common/tabHeader/tabHeader.mjs";import vn from"./common/textarea/textarea.mjs";import{defaultTheme as yn}from"./common/themeProvider/defaultTheme.mjs";import bn from"./common/themeProvider/themeProvider.mjs";import{lightTheme as xn}from"./common/themeProvider/lightTheme.mjs";import{useTheme as Sn}from"./common/themeProvider/useTheme.mjs";import Cn,{TiltGroupContext as wn,useTiltGroup as Tn}from"./common/tiltGroup/tiltGroup.mjs";import{defaultTiltEasing as En}from"./common/tilt/tiltMath.mjs";import Dn from"./common/tilt/tilt.mjs";import On from"./common/timeInput/timeInput.mjs";import{TimelineAlignment as kn,TimelineItemStatus as An}from"./common/timeline/timeline.types.mjs";import jn from"./common/timeline/timeline.mjs";import Mn from"./common/timer/timer.mjs";import Nn from"./common/virtualList/virtualList.mjs";import{flattenTree as Pn}from"./common/tree/flattenTree.mjs";import Fn from"./common/tree/tree.mjs";import In from"./common/wizard/wizard.mjs";import Ln from"./services/formValidation/FormValidatorGroupWithForm.mjs";import Rn from"./services/formValidation/validatableComponent.mjs";import{useFormValidatorGroup as zn}from"./services/formValidation/useFormValidatorGroup.mjs";import{FormValidator as Bn,Validators as Vn,useFormValidator as Hn}from"./services/formValidation/index.mjs";import{hasEightPasswordChars as Un,hasOnePasswordDigit as Wn,hasOnePasswordLetter as Gn,isBic as Kn,isDate as qn,isEmail as Jn,isISODate as Yn,isNumber as Xn,isPassword as Zn,isURL as Qn}from"@ahrowe/form-validation";export{o as Accordion,e as AccordionStyleType,p as ActionButtons,h as ActionIcon,_ as Alert,g as AlertStyleType,v as AnimatedLogo,x as AnimatedText,y as AnimatedTextUnit,b as AnimatedTextVariant,T as Avatar,E as AvatarGroup,w as Badge,S as BadgePosition,C as BadgeStyleType,D as BodyEnd,M as Breadcrumb,f as Button,P as ButtonGroup,N as ButtonGroupOrientation,c as ButtonSize,l as ButtonStyleType,u as ButtonType,I as Card,B as CardActions,z as CardContent,L as CardHeader,R as CardMedia,F as CardStyleType,V as Carousel,H as Checkbox,W as Chip,G as ChipContainer,U as ChipStyleType,X as ColorPicker,t as ConfigProvider,Q as ConfirmModal,_t as DEFAULT_SNAP_OPTIONS,we as DEFAULT_WALL_ATTRS,re as DatePicker,oe as Divider,ie as DividerOrientation,ae as DividerTextPosition,_e as DoorSwing,se as Drawer,ue as DropZone,ce as DropZoneReturnType,le as DropZoneStatus,ne as Dropdown,de as EmptyState,me as ErrorBoundary,he as Fab,ge as Flip,Bn as FormValidator,Ln as FormValidatorGroup,ft as HIT_PX,pt as HIT_PX_COARSE,Pt as IconLoading,Dt as IconPicker,Ot as IdleManager,Y as Input,kt as InputDropdown,q as InputIconPosition,J as InputType,m as InteractableDiv,jt as KanbanBoard,At as KanbanColumn,Nt as KlipyPicker,He as MIN_FLOOR_HEIGHT,Se as MIN_OPENING_WIDTH,Ce as MIN_WALL_LENGTH,Rt as Menu,Z as Modal,zt as MultiSelect,Bt as NumberInput,ve as OpeningKind,Vt as OptionPicker,Ut as OtpInput,Ht as OtpInputCharset,Wt as Overscroll,St as PLAN_FORMAT_VERSION,Gt as Pagination,ye as PlanIssueKind,be as PlanUnitSystem,j as Popover,O as PopoverAlign,k as PopoverPlacement,A as PopoverTrigger,a as Presentation,Kt as ProgressBar,Jt as RadioGroup,qt as RadioGroupOrientation,Yt as Rating,Xt as RevealLens,d as Ripple,Zt as RoomDrawer,Qt as RoomViewer,en as ScrollFade,$t as ScrollFadeAxis,tn as ScrollbarProvider,Mt as SearchInput,rn as SectionHeader,nn as SectionHeaderSize,sn as Skeleton,an as SkeletonAnimation,on as SkeletonVariant,cn as Slider,vt as SnapKind,s as SpinnerLoading,ln as SplitButton,mn as Stepper,un as StepperAlignment,dn as StepperCollapse,fn as StepperLabelPlacement,pn as StepperStyleType,hn as Sticky,gn as Switch,_n as TabHeader,vn as Textarea,bn as ThemeProvider,Dn as Tilt,Cn as TiltGroup,wn as TiltGroupContext,On as TimeInput,jn as Timeline,kn as TimelineAlignment,An as TimelineItemStatus,Mn as Timer,pe as ToastProvider,K as Tooltip,Fn as Tree,Rn as ValidatableComponent,Vn as Validators,Nn as VirtualList,xe as WallType,In as Wizard,Ue as addFloor,Te as addOpening,Ee as addRect,De as addWall,Tt as buildPlanMesh,lt as buildWallPaths,Oe as cleanupPlan,yt as clientToWorld,at as commitDerivation,yn as defaultTheme,En as defaultTiltEasing,rt as deriveFaces,ot as derivePlan,ke as detachWall,Ae as dissolveNode,We as duplicateFloor,Ge as emptyFloor,Ke as emptyFloorPlan,Pn as flattenTree,qe as floorBelow,Je as floorBounds,Ye as floorIndex,Xe as getFloor,$ as getLocale,Un as hasEightPasswordChars,Wn as hasOnePasswordDigit,Gn as hasOnePasswordLetter,mt as hitTest,Kn as isBic,qn as isDate,Jn as isEmail,Yn as isISODate,Ft as isMenuAction,It as isMenuHeading,Lt as isMenuSeparator,Xn as isNumber,Zn as isPassword,Qn as isURL,xn as lightTheme,ee as mapLocale,je as mergeNodes,Ze as moveFloor,Me as moveNode,it as nodeDegrees,ut as openingGeometry,Ct as planFromJson,Et as planFromLegacySvg,wt as planToJson,st as pruneUnmatchedRooms,Qe as removeFloor,Ne as removeOpening,Pe as removeWall,$e as renameFloor,bt as resolveSnap,ct as roomAtPoint,Fe as scalePlan,xt as screenScale,ht as selectionsEqual,et as setFloor,tt as setFloorHeight,te as setLocale,fe as showToast,Ie as splitWall,Le as transformPlan,nt as updateFloor,Re as updateOpening,n as useComponentDefaults,Hn as useFormValidator,zn as useFormValidatorGroup,r as useLabels,i as usePresentationDefault,Sn as useTheme,Tn as useTiltGroup,ze as validatePlan,dt as wallCentrelineSpans,Be as wallLength,Ve as weldShortWalls,gt as worldTolerances};