@ahrowe/ui 0.14.0 → 0.15.0

package/dist/esm/common/errorBoundary/errorBoundary.mjs

@@ -0,0 +1,4 @@
+import e from"../accordion/accordion.mjs";import{ButtonSize as t}from"../button/button.types.mjs";import n from"../button/button.mjs";import{showToast as r}from"../toast/toastService.mjs";import i from"./errorBoundary.module.mjs";import a from"react";import o from"classnames";import{FontAwesomeIcon as s}from"@fortawesome/react-fontawesome";import{faArrowRotateRight as c,faCheck as l,faCopy as u,faTriangleExclamation as d}from"@fortawesome/free-solid-svg-icons";import{jsx as f,jsxs as p}from"react/jsx-runtime";var m=2e3,h={stackTrace:`Stack trace`,copy:`Copy`,copied:`Copied`,reset:`Try again`,copySuccessToast:`Stack trace copied to clipboard`,copyErrorToast:`Could not copy stack trace`};function g(e,t){let n=[e.stack??`${e.name}: ${e.message}`];return t?.componentStack&&n.push(`Component stack:${t.componentStack}`),n.join(`
+
+`)}var _=class extends a.Component{constructor(...e){super(...e),this.state={error:null,errorInfo:null,copied:!1},this.copyResetTimeout=null,this.reset=()=>{this.setState({error:null,errorInfo:null,copied:!1}),this.props.onReset?.()},this.copyStackTrace=async()=>{let{error:e,errorInfo:t}=this.state;if(!e)return;let n={...h,...this.props.labels};try{await navigator.clipboard.writeText(g(e,t)),this.setState({copied:!0}),this.copyResetTimeout&&clearTimeout(this.copyResetTimeout),this.copyResetTimeout=setTimeout(()=>this.setState({copied:!1}),m),r(n.copySuccessToast,{type:`success`})}catch{r(n.copyErrorToast,{type:`error`})}}}static getDerivedStateFromError(e){return{error:e}}componentDidCatch(e,t){this.setState({errorInfo:t}),this.props.onError?.(e,t)}componentDidUpdate(e){if(!this.state.error)return;let t=e.resetKeys??[],n=this.props.resetKeys??[];(n.length!==t.length||n.some((e,n)=>e!==t[n]))&&this.reset()}componentWillUnmount(){this.copyResetTimeout&&clearTimeout(this.copyResetTimeout)}render(){let{error:r,errorInfo:a,copied:m}=this.state,{children:_=null,title:v=`Something went wrong`,description:y,labels:b,fallback:x,hideStack:S=!1,className:C,style:w,classNames:T,styles:E,onError:D,onReset:O,resetKeys:k,role:A=`alert`,...j}=this.props;if(!r)return _;let M={...h,...b};return x?typeof x==`function`?x({error:r,errorInfo:a,resetErrorBoundary:this.reset}):x:p(`div`,{...j,role:A,className:o(i.errorBoundary,C,T?.root),style:{...w,...E?.root},children:[p(`div`,{className:o(i.errorBoundaryHeader,T?.header),style:E?.header,children:[f(`div`,{className:o(i.errorBoundaryBadge,T?.badge),style:E?.badge,children:f(s,{icon:d,className:o(i.errorBoundaryIcon,T?.icon),style:E?.icon})}),f(`div`,{className:o(i.errorBoundaryTitle,T?.title),style:E?.title,children:v}),f(`div`,{className:o(i.errorBoundaryDescription,T?.description),style:E?.description,children:y??r.message})]}),!S&&p(e,{title:M.stackTrace,className:o(i.errorBoundaryStack,T?.stack),style:E?.stack,children:[p(`div`,{className:o(i.errorBoundaryStackHeader,T?.stackHeader),style:E?.stackHeader,children:[f(`span`,{className:o(i.errorBoundaryStackLabel,T?.stackLabel),style:E?.stackLabel,children:r.name||`Error`}),f(n,{size:t.Small,icon:m?l:u,onClick:this.copyStackTrace,className:o(i.errorBoundaryCopyButton,m&&i.errorBoundaryCopyButtonActive,T?.copyButton),style:E?.copyButton,children:m?M.copied:M.copy})]}),f(`pre`,{className:o(i.errorBoundaryStackTrace,T?.stackTrace),style:E?.stackTrace,children:g(r,a)})]}),f(`div`,{className:o(i.errorBoundaryActions,T?.actions),style:E?.actions,children:f(n,{onClick:this.reset,icon:c,className:o(i.errorBoundaryResetButton,T?.resetButton),style:E?.resetButton,children:M.reset})})]})}};export{_ as default};
+//# sourceMappingURL=errorBoundary.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"errorBoundary.mjs","names":[],"sources":["../../../../package/common/errorBoundary/errorBoundary.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faTriangleExclamation, faCopy, faCheck, faArrowRotateRight } from '@fortawesome/free-solid-svg-icons';\n\nimport Button, { ButtonSize } from '../button';\nimport Accordion from '../accordion';\nimport { showToast } from '../toast';\nimport type { ErrorBoundaryLabels, ErrorBoundaryProps, ErrorBoundaryState } from './errorBoundary.types';\nimport styles from './errorBoundary.module.pcss';\n\nconst COPY_FEEDBACK_DURATION = 2000;\n\nconst DEFAULT_LABELS: Required<ErrorBoundaryLabels> = {\n  stackTrace: 'Stack trace',\n  copy: 'Copy',\n  copied: 'Copied',\n  reset: 'Try again',\n  copySuccessToast: 'Stack trace copied to clipboard',\n  copyErrorToast: 'Could not copy stack trace',\n};\n\nfunction formatStackTrace(error: Error, errorInfo: React.ErrorInfo | null): string {\n  const parts = [error.stack ?? `${error.name}: ${error.message}`];\n  if (errorInfo?.componentStack) parts.push(`Component stack:${errorInfo.componentStack}`);\n  return parts.join('\\n\\n');\n}\n\nclass ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  state: ErrorBoundaryState = { error: null, errorInfo: null, copied: false };\n\n  private copyResetTimeout: ReturnType<typeof setTimeout> | null = null;\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void {\n    this.setState({ errorInfo });\n    this.props.onError?.(error, errorInfo);\n  }\n\n  componentDidUpdate(prevProps: ErrorBoundaryProps): void {\n    if (!this.state.error) return;\n    const prevKeys = prevProps.resetKeys ?? [];\n    const nextKeys = this.props.resetKeys ?? [];\n    const changed = nextKeys.length !== prevKeys.length || nextKeys.some((key, i) => key !== prevKeys[i]);\n    if (changed) this.reset();\n  }\n\n  componentWillUnmount(): void {\n    if (this.copyResetTimeout) clearTimeout(this.copyResetTimeout);\n  }\n\n  private reset = (): void => {\n    this.setState({ error: null, errorInfo: null, copied: false });\n    this.props.onReset?.();\n  };\n\n  private copyStackTrace = async (): Promise<void> => {\n    const { error, errorInfo } = this.state;\n    if (!error) return;\n    const labels = { ...DEFAULT_LABELS, ...this.props.labels };\n    try {\n      await navigator.clipboard.writeText(formatStackTrace(error, errorInfo));\n      this.setState({ copied: true });\n      if (this.copyResetTimeout) clearTimeout(this.copyResetTimeout);\n      this.copyResetTimeout = setTimeout(() => this.setState({ copied: false }), COPY_FEEDBACK_DURATION);\n      showToast(labels.copySuccessToast, { type: 'success' });\n    } catch {\n      showToast(labels.copyErrorToast, { type: 'error' });\n    }\n  };\n\n  render(): React.ReactNode {\n    const { error, errorInfo, copied } = this.state;\n    // onError/onReset/resetKeys are consumed elsewhere (getDerivedStateFromError,\n    // componentDidCatch, componentDidUpdate) and must not land on the root element via `rest`.\n    /* eslint-disable @typescript-eslint/no-unused-vars */\n    const {\n      children = null,\n      title = 'Something went wrong',\n      description,\n      labels: labelOverrides,\n      fallback,\n      hideStack = false,\n      className,\n      style,\n      classNames,\n      styles: slotStyles,\n      onError,\n      onReset,\n      resetKeys,\n      role = 'alert',\n      ...rest\n    } = this.props;\n\n    if (!error) return children;\n\n    const labels = { ...DEFAULT_LABELS, ...labelOverrides };\n\n    if (fallback) {\n      return typeof fallback === 'function'\n        ? fallback({ error, errorInfo, resetErrorBoundary: this.reset })\n        : fallback;\n    }\n\n    return (\n      <div\n        {...rest}\n        role={role}\n        className={cx(styles.errorBoundary, className, classNames?.root)}\n        style={{ ...style, ...slotStyles?.root }}\n      >\n        <div className={cx(styles.errorBoundaryHeader, classNames?.header)} style={slotStyles?.header}>\n          <div className={cx(styles.errorBoundaryBadge, classNames?.badge)} style={slotStyles?.badge}>\n            <FontAwesomeIcon\n              icon={faTriangleExclamation}\n              className={cx(styles.errorBoundaryIcon, classNames?.icon)}\n              style={slotStyles?.icon as React.CSSProperties & Record<`--fa-font-${string}`, string>}\n            />\n          </div>\n          <div className={cx(styles.errorBoundaryTitle, classNames?.title)} style={slotStyles?.title}>\n            {title}\n          </div>\n          <div className={cx(styles.errorBoundaryDescription, classNames?.description)} style={slotStyles?.description}>\n            {description ?? error.message}\n          </div>\n        </div>\n\n        {!hideStack && (\n          <Accordion\n            title={labels.stackTrace}\n            className={cx(styles.errorBoundaryStack, classNames?.stack)}\n            style={slotStyles?.stack}\n          >\n            <div className={cx(styles.errorBoundaryStackHeader, classNames?.stackHeader)} style={slotStyles?.stackHeader}>\n              <span className={cx(styles.errorBoundaryStackLabel, classNames?.stackLabel)} style={slotStyles?.stackLabel}>\n                {error.name || 'Error'}\n              </span>\n              <Button\n                size={ButtonSize.Small}\n                icon={copied ? faCheck : faCopy}\n                onClick={this.copyStackTrace}\n                className={cx(styles.errorBoundaryCopyButton, copied && styles.errorBoundaryCopyButtonActive, classNames?.copyButton)}\n                style={slotStyles?.copyButton}\n              >\n                {copied ? labels.copied : labels.copy}\n              </Button>\n            </div>\n            <pre className={cx(styles.errorBoundaryStackTrace, classNames?.stackTrace)} style={slotStyles?.stackTrace}>\n              {formatStackTrace(error, errorInfo)}\n            </pre>\n          </Accordion>\n        )}\n\n        <div className={cx(styles.errorBoundaryActions, classNames?.actions)} style={slotStyles?.actions}>\n          <Button\n            onClick={this.reset}\n            icon={faArrowRotateRight}\n            className={cx(styles.errorBoundaryResetButton, classNames?.resetButton)}\n            style={slotStyles?.resetButton}\n          >\n            {labels.reset}\n          </Button>\n        </div>\n      </div>\n    );\n  }\n}\n\nexport default ErrorBoundary;\n"],"mappings":"mgBAWA,IAAM,EAAyB,IAEzB,EAAgD,CACpD,WAAY,cACZ,KAAM,OACN,OAAQ,SACR,MAAO,YACP,iBAAkB,kCAClB,eAAgB,4BAClB,EAEA,SAAS,EAAiB,EAAc,EAA2C,CACjF,IAAM,EAAQ,CAAC,EAAM,OAAS,GAAG,EAAM,KAAK,IAAI,EAAM,SAAS,EAE/D,OADI,GAAW,gBAAgB,EAAM,KAAK,mBAAmB,EAAU,gBAAgB,EAChF,EAAM,KAAK;;CAAM,CAC1B,CAEA,IAAM,EAAN,cAA4B,EAAM,SAAkD,0CACtD,CAAE,MAAO,KAAM,UAAW,KAAM,OAAQ,EAAM,wBAET,oBAuBrC,CAC1B,KAAK,SAAS,CAAE,MAAO,KAAM,UAAW,KAAM,OAAQ,EAAM,CAAC,EAC7D,KAAK,MAAM,UAAU,CACvB,sBAEyB,SAA2B,CAClD,GAAM,CAAE,QAAO,aAAc,KAAK,MAClC,GAAI,CAAC,EAAO,OACZ,IAAM,EAAS,CAAE,GAAG,EAAgB,GAAG,KAAK,MAAM,MAAO,EACzD,GAAI,CACF,MAAM,UAAU,UAAU,UAAU,EAAiB,EAAO,CAAS,CAAC,EACtE,KAAK,SAAS,CAAE,OAAQ,EAAK,CAAC,EAC1B,KAAK,kBAAkB,aAAa,KAAK,gBAAgB,EAC7D,KAAK,iBAAmB,eAAiB,KAAK,SAAS,CAAE,OAAQ,EAAM,CAAC,EAAG,CAAsB,EACjG,EAAU,EAAO,iBAAkB,CAAE,KAAM,SAAU,CAAC,CACxD,MAAQ,CACN,EAAU,EAAO,eAAgB,CAAE,KAAM,OAAQ,CAAC,CACpD,CACF,EAvCA,OAAO,yBAAyB,EAA2C,CACzE,MAAO,CAAE,OAAM,CACjB,CAEA,kBAAkB,EAAc,EAAkC,CAChE,KAAK,SAAS,CAAE,WAAU,CAAC,EAC3B,KAAK,MAAM,UAAU,EAAO,CAAS,CACvC,CAEA,mBAAmB,EAAqC,CACtD,GAAI,CAAC,KAAK,MAAM,MAAO,OACvB,IAAM,EAAW,EAAU,WAAa,CAAC,EACnC,EAAW,KAAK,MAAM,WAAa,CAAC,GAC1B,EAAS,SAAW,EAAS,QAAU,EAAS,MAAM,EAAK,IAAM,IAAQ,EAAS,EAAE,IACvF,KAAK,MAAM,CAC1B,CAEA,sBAA6B,CACvB,KAAK,kBAAkB,aAAa,KAAK,gBAAgB,CAC/D,CAsBA,QAA0B,CACxB,GAAM,CAAE,QAAO,YAAW,UAAW,KAAK,MAIpC,CACJ,WAAW,KACX,QAAQ,uBACR,cACA,OAAQ,EACR,WACA,YAAY,GACZ,YACA,QACA,aACA,OAAQ,EACR,UACA,UACA,YACA,OAAO,QACP,GAAG,GACD,KAAK,MAET,GAAI,CAAC,EAAO,OAAO,EAEnB,IAAM,EAAS,CAAE,GAAG,EAAgB,GAAG,CAAe,EAQtD,OANI,EACK,OAAO,GAAa,WACvB,EAAS,CAAE,QAAO,YAAW,mBAAoB,KAAK,KAAM,CAAC,EAC7D,EAIJ,EAAC,MAAD,CACE,GAAI,EACE,OACN,UAAW,EAAG,EAAO,cAAe,EAAW,GAAY,IAAI,EAC/D,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,WAJzC,CAME,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,oBAAqB,GAAY,MAAM,EAAG,MAAO,GAAY,gBAAvF,CACE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,mBAAoB,GAAY,KAAK,EAAG,MAAO,GAAY,eACnF,EAAC,EAAD,CACE,KAAM,EACN,UAAW,EAAG,EAAO,kBAAmB,GAAY,IAAI,EACxD,MAAO,GAAY,IACpB,CAAA,CACE,CAAA,EACL,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,mBAAoB,GAAY,KAAK,EAAG,MAAO,GAAY,eAClF,CACE,CAAA,EACL,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,yBAA0B,GAAY,WAAW,EAAG,MAAO,GAAY,qBAC9F,GAAe,EAAM,OACnB,CAAA,CACF,IAEJ,CAAC,GACA,EAAC,EAAD,CACE,MAAO,EAAO,WACd,UAAW,EAAG,EAAO,mBAAoB,GAAY,KAAK,EAC1D,MAAO,GAAY,eAHrB,CAKE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,yBAA0B,GAAY,WAAW,EAAG,MAAO,GAAY,qBAAjG,CACE,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,wBAAyB,GAAY,UAAU,EAAG,MAAO,GAAY,oBAC7F,EAAM,MAAQ,OACX,CAAA,EACN,EAAC,EAAD,CACE,KAAM,EAAW,MACjB,KAAM,EAAS,EAAU,EACzB,QAAS,KAAK,eACd,UAAW,EAAG,EAAO,wBAAyB,GAAU,EAAO,8BAA+B,GAAY,UAAU,EACpH,MAAO,GAAY,oBAElB,EAAS,EAAO,OAAS,EAAO,IAC3B,CAAA,CACL,IACL,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,wBAAyB,GAAY,UAAU,EAAG,MAAO,GAAY,oBAC5F,EAAiB,EAAO,CAAS,CAC/B,CAAA,CACI,IAGb,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,qBAAsB,GAAY,OAAO,EAAG,MAAO,GAAY,iBACvF,EAAC,EAAD,CACE,QAAS,KAAK,MACd,KAAM,EACN,UAAW,EAAG,EAAO,yBAA0B,GAAY,WAAW,EACtE,MAAO,GAAY,qBAElB,EAAO,KACF,CAAA,CACL,CAAA,CACF,GAET,CACF"}

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

@@ -0,0 +1,2 @@
+var e={errorBoundary:`errorBoundary_XdPM0`,errorBoundaryHeader:`errorBoundaryHeader_2PdRz`,errorBoundaryBadge:`errorBoundaryBadge_TyXdO`,errorBoundaryBadgeIn:`errorBoundaryBadgeIn_Q-MMB`,errorBoundaryIcon:`errorBoundaryIcon_PcZ4H`,errorBoundaryTitle:`errorBoundaryTitle_X9tEE`,errorBoundaryFadeUp:`errorBoundaryFadeUp_2qx5d`,errorBoundaryDescription:`errorBoundaryDescription_NELdD`,errorBoundaryStack:`errorBoundaryStack_BUkBD`,errorBoundaryStackHeader:`errorBoundaryStackHeader_uimLH`,errorBoundaryStackLabel:`errorBoundaryStackLabel_D-19W`,errorBoundaryCopyButton:`errorBoundaryCopyButton_e09KC`,errorBoundaryCopyButtonActive:`errorBoundaryCopyButtonActive_OBPiV`,errorBoundaryStackTrace:`errorBoundaryStackTrace_DskzG`,errorBoundaryActions:`errorBoundaryActions_h3GMQ`};export{e as default};
+//# sourceMappingURL=errorBoundary.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"errorBoundary.module.mjs","names":[],"sources":["../../../../package/common/errorBoundary/errorBoundary.module.pcss"],"sourcesContent":["@keyframes errorBoundaryBadgeIn {\n  from {\n    opacity: 0;\n    transform: scale(0.6);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes errorBoundaryFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.errorBoundary {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n  padding: 36px 28px;\n  border-radius: var(--default-border-radius);\n  background: var(--background-accent);\n  border: 1px solid var(--border-color);\n  box-shadow: var(--card-shadow);\n  color: var(--text-color);\n  font-family: var(--default-font);\n  box-sizing: border-box;\n  overflow: hidden;\n  isolation: isolate;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -30px;\n    left: 50%;\n    width: 260px;\n    height: 180px;\n    transform: translateX(-50%);\n    background: radial-gradient(closest-side, color-mix(in srgb, var(--error-color) 16%, transparent), transparent);\n    pointer-events: none;\n    z-index: -1;\n  }\n\n  &Header {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    text-align: center;\n    max-width: 420px;\n  }\n\n  &Badge {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: var(--error-lighter);\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--error-color) 8%, transparent);\n    margin-bottom: 4px;\n    animation: errorBoundaryBadgeIn 0.35s ease-out;\n  }\n\n  &Icon {\n    font-size: 20px;\n    color: var(--error-color, #ef4444);\n  }\n\n  &Title {\n    font-weight: var(--header-font-weight, 700);\n    font-size: 17px;\n    animation: errorBoundaryFadeUp 0.3s ease-out 0.05s backwards;\n  }\n\n  &Description {\n    color: var(--text-dark);\n    font-size: 14px;\n    line-height: 1.5;\n    word-break: break-word;\n    animation: errorBoundaryFadeUp 0.3s ease-out 0.1s backwards;\n  }\n\n  &Stack {\n    align-self: stretch;\n    width: 100%;\n    text-align: left;\n    animation: errorBoundaryFadeUp 0.3s ease-out 0.15s backwards;\n  }\n\n  &StackHeader {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n\n  &StackLabel {\n    font-family: var(--monospace-font, monospace);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    text-transform: uppercase;\n    color: var(--error-color, #ef4444);\n    background: var(--error-lighter);\n    padding: 3px 8px;\n    border-radius: 999px;\n  }\n\n  &CopyButton {\n    flex-shrink: 0;\n\n    &Active {\n      color: var(--success-color) !important;\n    }\n  }\n\n  &StackTrace {\n    margin: 0;\n    padding: 12px;\n    border-radius: var(--default-border-radius);\n    background: var(--background);\n    color: var(--text-dark);\n    font-family: var(--monospace-font, monospace);\n    font-size: 12px;\n    line-height: 1.6;\n    white-space: pre-wrap;\n    word-break: break-word;\n    max-height: 320px;\n    overflow: auto;\n  }\n\n  &Actions {\n    display: flex;\n    justify-content: center;\n    animation: errorBoundaryFadeUp 0.3s ease-out 0.2s backwards;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .errorBoundaryBadge,\n  .errorBoundaryTitle,\n  .errorBoundaryDescription,\n  .errorBoundaryStack,\n  .errorBoundaryActions {\n    animation: none;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/interactableDiv/interactableDiv.mjs

@@ -1,2 +1,2 @@
-import e from"./interactableDiv.module.mjs";import t,{useCallback as n}from"react";import r from"classnames";import{jsx as i}from"react/jsx-runtime";var a=t.forwardRef(({className:t,children:a,onClick:o,onMouseDown:s,onKeyDown:c,tabIndex:l=0,title:u,...d},f)=>{let p=n(e=>{e.key===`Enter`&&o?.(e),c?.(e)},[o,c]);return i(`div`,{className:r(e.interactableDiv,t),onClick:o,onMouseDown:s,tabIndex:l??0,role:`button`,onKeyDown:p,ref:f,title:u,...d,children:a})});a.displayName=`InteractableDiv`;export{a as default};
+import e from"./interactableDiv.module.mjs";import t,{useCallback as n}from"react";import r from"classnames";import{jsx as i}from"react/jsx-runtime";var a=t.forwardRef(({className:t,children:a,onClick:o,onMouseDown:s,onKeyDown:c,tabIndex:l=0,title:u,...d},f)=>{let p=n(e=>{e.key===`Enter`&&o?.(e),c?.(e)},[o,c]);return i(`div`,{className:r(e.interactableDiv,t),onClick:o,onMouseDown:s,tabIndex:l??void 0,role:`button`,onKeyDown:p,ref:f,title:u,...d,children:a})});a.displayName=`InteractableDiv`;export{a as default};
 //# sourceMappingURL=interactableDiv.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"interactableDiv.mjs","names":[],"sources":["../../../../package/common/interactableDiv/interactableDiv.tsx"],"sourcesContent":["import cx from 'classnames';\nimport React, {\n  ReactNode,\n  useCallback,\n  type KeyboardEvent,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type MouseEventHandler,\n  type ReactElement,\n} from 'react';\n\nimport styles from './interactableDiv.module.pcss';\nimport type { HtmlProps } from '../types/baseProps.types';\n\ninterface Properties extends HtmlProps {\n  className?: string | undefined;\n  children?: ReactNode | undefined;\n  onClick?: MouseEventHandler<HTMLDivElement> | undefined;\n  onMouseDown?: MouseEventHandler<HTMLDivElement> | undefined;\n  onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;\n  style?: React.CSSProperties | undefined;\n  tabIndex?: number | null;\n  title?: string | undefined;\n}\n\nconst InteractableDiv = React.forwardRef<HTMLDivElement, Properties>(\n  ({ className, children, onClick, onMouseDown, onKeyDown, tabIndex = 0, title, ...props }, ref): ReactElement => {\n    const onKeyDownHandler = useCallback(\n      (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        if ((e as React.KeyboardEvent).key === 'Enter') {\n          onClick?.(e as MouseEvent<HTMLDivElement>);\n        }\n        onKeyDown?.(e as KeyboardEvent<HTMLDivElement>);\n      },\n      [onClick, onKeyDown]\n    );\n\n    return (\n      <div\n        className={cx(styles.interactableDiv, className)}\n        onClick={onClick}\n        onMouseDown={onMouseDown}\n        tabIndex={tabIndex == undefined ? 0 : tabIndex}\n        role=\"button\"\n        onKeyDown={onKeyDownHandler}\n        ref={ref}\n        title={title}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nInteractableDiv.displayName = 'InteractableDiv';\n\nexport default InteractableDiv;\n"],"mappings":"qJAyBA,IAAM,EAAkB,EAAM,YAC3B,CAAE,YAAW,WAAU,UAAS,cAAa,YAAW,WAAW,EAAG,QAAO,GAAG,GAAS,IAAsB,CAC9G,IAAM,EAAmB,EACtB,GAAkE,CAC5D,EAA0B,MAAQ,SACrC,IAAU,CAA+B,EAE3C,IAAY,CAAkC,CAChD,EACA,CAAC,EAAS,CAAS,CACrB,EAEA,OACE,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,gBAAiB,CAAS,EACtC,UACI,cACb,SAAU,GAAwB,EAClC,KAAK,SACL,UAAW,EACN,MACE,QACP,GAAI,EAEH,UACE,CAAA,CAET,CACF,EAEA,EAAgB,YAAc"}
+{"version":3,"file":"interactableDiv.mjs","names":[],"sources":["../../../../package/common/interactableDiv/interactableDiv.tsx"],"sourcesContent":["import cx from 'classnames';\nimport React, {\n  ReactNode,\n  useCallback,\n  type KeyboardEvent,\n  type KeyboardEventHandler,\n  type MouseEvent,\n  type MouseEventHandler,\n  type ReactElement,\n} from 'react';\n\nimport styles from './interactableDiv.module.pcss';\nimport type { HtmlProps } from '../types/baseProps.types';\n\ninterface Properties extends HtmlProps {\n  className?: string | undefined;\n  children?: ReactNode | undefined;\n  onClick?: MouseEventHandler<HTMLDivElement> | undefined;\n  onMouseDown?: MouseEventHandler<HTMLDivElement> | undefined;\n  onKeyDown?: KeyboardEventHandler<HTMLDivElement> | undefined;\n  style?: React.CSSProperties | undefined;\n  tabIndex?: number | null;\n  title?: string | undefined;\n}\n\nconst InteractableDiv = React.forwardRef<HTMLDivElement, Properties>(\n  ({ className, children, onClick, onMouseDown, onKeyDown, tabIndex = 0, title, ...props }, ref): ReactElement => {\n    const onKeyDownHandler = useCallback(\n      (e: KeyboardEvent<HTMLDivElement> | MouseEvent<HTMLDivElement>) => {\n        if ((e as React.KeyboardEvent).key === 'Enter') {\n          onClick?.(e as MouseEvent<HTMLDivElement>);\n        }\n        onKeyDown?.(e as KeyboardEvent<HTMLDivElement>);\n      },\n      [onClick, onKeyDown]\n    );\n\n    return (\n      <div\n        className={cx(styles.interactableDiv, className)}\n        onClick={onClick}\n        onMouseDown={onMouseDown}\n        tabIndex={tabIndex ?? undefined}\n        role=\"button\"\n        onKeyDown={onKeyDownHandler}\n        ref={ref}\n        title={title}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nInteractableDiv.displayName = 'InteractableDiv';\n\nexport default InteractableDiv;\n"],"mappings":"qJAyBA,IAAM,EAAkB,EAAM,YAC3B,CAAE,YAAW,WAAU,UAAS,cAAa,YAAW,WAAW,EAAG,QAAO,GAAG,GAAS,IAAsB,CAC9G,IAAM,EAAmB,EACtB,GAAkE,CAC5D,EAA0B,MAAQ,SACrC,IAAU,CAA+B,EAE3C,IAAY,CAAkC,CAChD,EACA,CAAC,EAAS,CAAS,CACrB,EAEA,OACE,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,gBAAiB,CAAS,EACtC,UACI,cACb,SAAU,GAAY,IAAA,GACtB,KAAK,SACL,UAAW,EACN,MACE,QACP,GAAI,EAEH,UACE,CAAA,CAET,CACF,EAEA,EAAgB,YAAc"}

package/dist/esm/common/kanbanBoard/KanbanBoard.mjs

@@ -1,2 +1,7 @@
-import e from"./kanbanBoard.module.mjs";import t from"./KanbanColumn.mjs";import{useState as n}from"react";import r from"classnames";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{DndContext as o,DragOverlay as s,PointerSensor as c,closestCorners as l,useSensor as u,useSensors as d}from"@dnd-kit/core";import{arrayMove as f}from"@dnd-kit/sortable";function p({columns:p,items:m,renderItem:h,onChange:g,className:_,style:v,classNames:y,styles:b}){let[x,S]=n(null),[C,w]=n(null),T=d(u(c,{activationConstraint:{distance:8}})),E=C??p;function D(e,t){return e.findIndex(e=>e.itemIds.includes(t))}function O({active:e}){S(String(e.id)),w(p.map(e=>({...e,itemIds:[...e.itemIds]})))}function k({active:e,over:t}){if(!t)return;let n=String(e.id),r=String(t.id);w(e=>{let t=(e??p.map(e=>({...e,itemIds:[...e.itemIds]}))).map(e=>({...e,itemIds:[...e.itemIds]})),i=D(t,n);if(i===-1)return e;let a;if(r.startsWith(`column-`)){let e=r.slice(7);a=t.findIndex(t=>t.id===e)}else a=D(t,r);if(a===-1)return e;if(i===a){let e=t[i],a=e.itemIds.indexOf(n),o=e.itemIds.indexOf(r);a!==-1&&o!==-1&&a!==o&&(t[i]={...e,itemIds:f(e.itemIds,a,o)})}else{t[i].itemIds=t[i].itemIds.filter(e=>e!==n);let e=t[a].itemIds.indexOf(r),o=e===-1?t[a].itemIds.length:e;t[a].itemIds.splice(o,0,n)}return t})}function A({active:e,over:t}){if(S(null),!t||!C){w(null);return}g(C),w(null)}return a(o,{sensors:T,collisionDetection:l,onDragStart:O,onDragOver:k,onDragEnd:A,children:[i(`div`,{className:r(e.board,_),style:v,children:E.map(e=>i(t,{id:e.id,title:e.title,itemIds:e.itemIds,items:m,renderItem:h},e.id))}),i(s,{children:x&&m[x]!==void 0?i(`div`,{className:r(e.dragOverlay,y?.dragOverlay),style:b?.dragOverlay,children:h(m[x],x)}):null})]})}export{p as default};
+import e from"./kanbanBoard.module.mjs";import t from"./KanbanColumn.mjs";import{buildAnnouncements as n,columnsEqual as r,isColumnDragData as i,kanbanCollisionDetection as a,kanbanKeyboardCoordinateGetter as o,moveColumn as s,moveItem as c}from"./kanbanBoard.utils.mjs";import{useMemo as l,useRef as u,useState as d}from"react";import f from"classnames";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{DndContext as h,DragOverlay as g,KeyboardSensor as _,MouseSensor as v,TouchSensor as y,useSensor as b,useSensors as x}from"@dnd-kit/core";import{SortableContext as S,horizontalListSortingStrategy as C}from"@dnd-kit/sortable";var ee=(e,t)=>t,te={activationConstraint:{distance:8}},ne={activationConstraint:{delay:250,tolerance:5}},re={coordinateGetter:o},w={draggable:`
+    To pick up a card or column, press space or enter.
+    While dragging, use the arrow keys to move it — for a card, between positions and columns;
+    for a column, left/right to reorder it.
+    Press space or enter again to drop it, or press escape to cancel.
+  `};function T({columns:o,items:T,renderItem:E,onChange:D,dragHandle:O,getItemLabel:k=ee,getItemDisabled:A,renderEmptyColumn:j,renderColumnActions:M,reorderableColumns:N,collapseEmptyColumns:P,columnMaxHeight:F,onLoadMore:I,loadMoreThreshold:L,className:R,style:z,classNames:ie,styles:B,...V}){let[H,U]=d(null),[W,G]=d(!1),[K,q]=d(null),J=u(null),Y=x(b(v,te),b(y,ne),b(_,re)),X=K??o,ae=l(()=>X.map(e=>e.id),[X]),Z=l(()=>n(X,T,k),[X,T,k]),oe=l(()=>({announcements:Z,screenReaderInstructions:w}),[Z]);function se({active:e}){U(String(e.id)),G(i(e.data.current)),q(o),J.current=null}function Q({active:e,over:t}){if(!t)return;if(i(e.data.current)){let n=String(e.id),r=String(t.id);q(e=>{let t=e??o,i=s(t,n,r);return i===t?e:i});return}let n=String(e.id),r=String(t.id),a=e.rect.current.translated??e.rect.current.initial,l=a?`${a.top}:${a.left}`:null;l!==null&&l===J.current||(J.current=l,q(e=>{let i=e??o,s=c(i,n,r,{activeRect:a,overRect:t.rect});return s===i?e:s}))}function ce({over:e}){if(U(null),G(!1),!e||!K){q(null);return}r(K,o)||D(K),q(null)}function le(){U(null),G(!1),q(null)}let $=H&&W?X.find(e=>e.id===H):void 0;return m(h,{sensors:Y,collisionDetection:a,onDragStart:se,onDragOver:Q,onDragEnd:ce,onDragCancel:le,accessibility:oe,children:[p(S,{id:`kanban-columns`,items:ae,strategy:C,children:p(`div`,{...V,className:f(e.board,R),style:z,children:X.map(e=>p(t,{id:e.id,title:e.title,itemIds:e.itemIds,maxItems:e.maxItems,disabled:e.disabled,getItemDisabled:A,emptyPlaceholder:j?.(e),actions:M?.(e),reorderable:N,activeIsColumn:H!==null&&W,collapseEmptyColumns:P,columnMaxHeight:F,hasMore:e.hasMore,onLoadMore:I?()=>I(e.id):void 0,loadMoreThreshold:L,items:T,renderItem:E,dragHandle:O,preserveSizeWhileEmpty:H!==null},e.id))})}),p(g,{children:$?p(`div`,{className:f(e.column,e.columnDragOverlay),children:p(`div`,{className:e.columnHeader,children:p(`span`,{className:e.columnHeaderTitle,children:$.title})})}):H&&!W&&T[H]!==void 0?p(`div`,{className:f(e.dragOverlay,ie?.dragOverlay),style:B?.dragOverlay,children:E(T[H],H)}):null})]})}export{T as default};
 //# sourceMappingURL=KanbanBoard.mjs.map

package/dist/esm/common/kanbanBoard/KanbanBoard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanBoard.mjs","names":[],"sources":["../../../../package/common/kanbanBoard/KanbanBoard.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  DndContext,\n  DragOverlay,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  closestCorners,\n  type DragStartEvent,\n  type DragOverEvent,\n  type DragEndEvent,\n} from '@dnd-kit/core';\nimport { arrayMove } from '@dnd-kit/sortable';\nimport cx from 'classnames';\n\nimport type { KanbanBoardProps, KanbanColumnDef } from './kanbanBoard.types';\nimport styles from './kanbanBoard.module.pcss';\nimport KanbanColumn from './KanbanColumn';\n\nfunction KanbanBoard<T = unknown>({\n  columns,\n  items,\n  renderItem,\n  onChange,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n}: KanbanBoardProps<T>) {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [shadowColumns, setShadowColumns] = useState<KanbanColumnDef[] | null>(null);\n\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: { distance: 8 },\n    })\n  );\n\n  const displayColumns = shadowColumns ?? columns;\n\n  function findColumnForItem(cols: KanbanColumnDef[], itemId: string): number {\n    return cols.findIndex((col) => col.itemIds.includes(itemId));\n  }\n\n  function handleDragStart({ active }: DragStartEvent) {\n    setActiveId(String(active.id));\n    setShadowColumns(columns.map((col) => ({ ...col, itemIds: [...col.itemIds] })));\n  }\n\n  function handleDragOver({ active, over }: DragOverEvent) {\n    if (!over) return;\n\n    const activeItemId = String(active.id);\n    const overId = String(over.id);\n\n    setShadowColumns((prev) => {\n      const base = prev ?? columns.map((col) => ({ ...col, itemIds: [...col.itemIds] }));\n      const next = base.map((col) => ({ ...col, itemIds: [...col.itemIds] }));\n\n      const sourceColIndex = findColumnForItem(next, activeItemId);\n      if (sourceColIndex === -1) return prev;\n\n      // Determine destination column\n      let destColIndex: number;\n      if (overId.startsWith('column-')) {\n        const colId = overId.slice('column-'.length);\n        destColIndex = next.findIndex((col) => col.id === colId);\n      } else {\n        destColIndex = findColumnForItem(next, overId);\n      }\n\n      if (destColIndex === -1) return prev;\n\n      if (sourceColIndex === destColIndex) {\n        // Reorder within the same column\n        const col = next[sourceColIndex];\n        const oldIndex = col.itemIds.indexOf(activeItemId);\n        const newIndex = col.itemIds.indexOf(overId);\n        if (oldIndex !== -1 && newIndex !== -1 && oldIndex !== newIndex) {\n          next[sourceColIndex] = {\n            ...col,\n            itemIds: arrayMove(col.itemIds, oldIndex, newIndex),\n          };\n        }\n      } else {\n        // Move across columns\n        next[sourceColIndex].itemIds = next[sourceColIndex].itemIds.filter(\n          (id) => id !== activeItemId\n        );\n        const overIndex = next[destColIndex].itemIds.indexOf(overId);\n        const insertAt = overIndex === -1 ? next[destColIndex].itemIds.length : overIndex;\n        next[destColIndex].itemIds.splice(insertAt, 0, activeItemId);\n      }\n\n      return next;\n    });\n  }\n\n  function handleDragEnd({ active, over }: DragEndEvent) {\n    setActiveId(null);\n\n    if (!over || !shadowColumns) {\n      setShadowColumns(null);\n      return;\n    }\n\n    // Commit shadow columns to parent\n    onChange(shadowColumns);\n    setShadowColumns(null);\n  }\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCorners}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n    >\n      <div className={cx(styles.board, className)} style={style}>\n        {displayColumns.map((col) => (\n          <KanbanColumn\n            key={col.id}\n            id={col.id}\n            title={col.title}\n            itemIds={col.itemIds}\n            items={items}\n            renderItem={renderItem}\n          />\n        ))}\n      </div>\n      <DragOverlay>\n        {activeId && items[activeId] !== undefined ? (\n          <div className={cx(styles.dragOverlay, classNames?.dragOverlay)} style={slotStyles?.dragOverlay}>{renderItem(items[activeId], activeId)}</div>\n        ) : null}\n      </DragOverlay>\n    </DndContext>\n  );\n}\n\nexport default KanbanBoard;\n"],"mappings":"uWAmBA,SAAS,EAAyB,CAChC,UACA,QACA,aACA,WACA,YACA,QACA,aACA,OAAQ,GACc,CACtB,GAAM,CAAC,EAAU,GAAe,EAAwB,IAAI,EACtD,CAAC,EAAe,GAAoB,EAAmC,IAAI,EAE3E,EAAU,EACd,EAAU,EAAe,CACvB,qBAAsB,CAAE,SAAU,CAAE,CACtC,CAAC,CACH,EAEM,EAAiB,GAAiB,EAExC,SAAS,EAAkB,EAAyB,EAAwB,CAC1E,OAAO,EAAK,UAAW,GAAQ,EAAI,QAAQ,SAAS,CAAM,CAAC,CAC7D,CAEA,SAAS,EAAgB,CAAE,UAA0B,CACnD,EAAY,OAAO,EAAO,EAAE,CAAC,EAC7B,EAAiB,EAAQ,IAAK,IAAS,CAAE,GAAG,EAAK,QAAS,CAAC,GAAG,EAAI,OAAO,CAAE,EAAE,CAAC,CAChF,CAEA,SAAS,EAAe,CAAE,SAAQ,QAAuB,CACvD,GAAI,CAAC,EAAM,OAEX,IAAM,EAAe,OAAO,EAAO,EAAE,EAC/B,EAAS,OAAO,EAAK,EAAE,EAE7B,EAAkB,GAAS,CAEzB,IAAM,GADO,GAAQ,EAAQ,IAAK,IAAS,CAAE,GAAG,EAAK,QAAS,CAAC,GAAG,EAAI,OAAO,CAAE,EAAE,GAC/D,IAAK,IAAS,CAAE,GAAG,EAAK,QAAS,CAAC,GAAG,EAAI,OAAO,CAAE,EAAE,EAEhE,EAAiB,EAAkB,EAAM,CAAY,EAC3D,GAAI,IAAmB,GAAI,OAAO,EAGlC,IAAI,EACJ,GAAI,EAAO,WAAW,SAAS,EAAG,CAChC,IAAM,EAAQ,EAAO,MAAM,CAAgB,EAC3C,EAAe,EAAK,UAAW,GAAQ,EAAI,KAAO,CAAK,CACzD,MACE,EAAe,EAAkB,EAAM,CAAM,EAG/C,GAAI,IAAiB,GAAI,OAAO,EAEhC,GAAI,IAAmB,EAAc,CAEnC,IAAM,EAAM,EAAK,GACX,EAAW,EAAI,QAAQ,QAAQ,CAAY,EAC3C,EAAW,EAAI,QAAQ,QAAQ,CAAM,EACvC,IAAa,IAAM,IAAa,IAAM,IAAa,IACrD,EAAK,GAAkB,CACrB,GAAG,EACH,QAAS,EAAU,EAAI,QAAS,EAAU,CAAQ,CACpD,EAEJ,KAAO,CAEL,EAAK,GAAgB,QAAU,EAAK,GAAgB,QAAQ,OACzD,GAAO,IAAO,CACjB,EACA,IAAM,EAAY,EAAK,GAAc,QAAQ,QAAQ,CAAM,EACrD,EAAW,IAAc,GAAK,EAAK,GAAc,QAAQ,OAAS,EACxE,EAAK,GAAc,QAAQ,OAAO,EAAU,EAAG,CAAY,CAC7D,CAEA,OAAO,CACT,CAAC,CACH,CAEA,SAAS,EAAc,CAAE,SAAQ,QAAsB,CAGrD,GAFA,EAAY,IAAI,EAEZ,CAAC,GAAQ,CAAC,EAAe,CAC3B,EAAiB,IAAI,EACrB,MACF,CAGA,EAAS,CAAa,EACtB,EAAiB,IAAI,CACvB,CAEA,OACE,EAAC,EAAD,CACW,UACT,mBAAoB,EACpB,YAAa,EACb,WAAY,EACZ,UAAW,WALb,CAOE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,MAAO,CAAS,EAAU,iBACjD,EAAe,IAAK,GACnB,EAAC,EAAD,CAEE,GAAI,EAAI,GACR,MAAO,EAAI,MACX,QAAS,EAAI,QACN,QACK,YACb,EANM,EAAI,EAMV,CACF,CACE,CAAA,EACL,EAAC,EAAD,CAAA,SACG,GAAY,EAAM,KAAc,IAAA,GAC/B,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,YAAa,GAAY,WAAW,EAAG,MAAO,GAAY,qBAAc,EAAW,EAAM,GAAW,CAAQ,CAAO,CAAA,EAC3I,IACO,CAAA,CACH,GAEhB"}
+{"version":3,"file":"KanbanBoard.mjs","names":[],"sources":["../../../../package/common/kanbanBoard/KanbanBoard.tsx"],"sourcesContent":["import { useMemo, useRef, useState } from 'react';\nimport {\n  DndContext,\n  DragOverlay,\n  KeyboardSensor,\n  MouseSensor,\n  TouchSensor,\n  useSensor,\n  useSensors,\n  type DragStartEvent,\n  type DragOverEvent,\n  type DragEndEvent,\n  type ScreenReaderInstructions,\n} from '@dnd-kit/core';\nimport { SortableContext, horizontalListSortingStrategy } from '@dnd-kit/sortable';\nimport cx from 'classnames';\n\nimport type { KanbanBoardProps, KanbanColumnDef } from './kanbanBoard.types';\nimport styles from './kanbanBoard.module.pcss';\nimport KanbanColumn from './KanbanColumn';\nimport {\n  buildAnnouncements,\n  columnsEqual,\n  isColumnDragData,\n  kanbanCollisionDetection,\n  kanbanKeyboardCoordinateGetter,\n  moveColumn,\n  moveItem,\n} from './kanbanBoard.utils';\n\nconst defaultGetItemLabel = <T,>(_item: T, id: string): string => id;\n\n// Hoisted so these are referentially stable across renders — inline literals here would give\n// `useSensor` a new options object every render (including every dragOver during an active\n// drag), which defeats its own memoization and makes `sensors` a new array each time too.\n//\n// Mouse and touch are split (rather than one combined `PointerSensor`) because they need\n// different activation constraints: a small movement threshold for mouse starts a drag\n// immediately without interfering with clicks, but the same threshold on a touchscreen would\n// hijack an ordinary scroll gesture as soon as the finger moves a few pixels. Touch instead\n// requires a brief press-and-hold before a drag arms, so a normal swipe-to-scroll passes through\n// untouched — the same pattern `VirtualList`'s `longPressDelay` uses.\nconst MOUSE_SENSOR_OPTIONS = { activationConstraint: { distance: 8 } };\nconst TOUCH_SENSOR_OPTIONS = { activationConstraint: { delay: 250, tolerance: 5 } };\nconst KEYBOARD_SENSOR_OPTIONS = { coordinateGetter: kanbanKeyboardCoordinateGetter };\n\nconst SCREEN_READER_INSTRUCTIONS: ScreenReaderInstructions = {\n  draggable: `\n    To pick up a card or column, press space or enter.\n    While dragging, use the arrow keys to move it — for a card, between positions and columns;\n    for a column, left/right to reorder it.\n    Press space or enter again to drop it, or press escape to cancel.\n  `,\n};\n\nfunction KanbanBoard<T = unknown>({\n  columns,\n  items,\n  renderItem,\n  onChange,\n  dragHandle,\n  getItemLabel = defaultGetItemLabel,\n  getItemDisabled,\n  renderEmptyColumn,\n  renderColumnActions,\n  reorderableColumns,\n  collapseEmptyColumns,\n  columnMaxHeight,\n  onLoadMore,\n  loadMoreThreshold,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: KanbanBoardProps<T>) {\n  const [activeId, setActiveId] = useState<string | null>(null);\n  const [activeIsColumn, setActiveIsColumn] = useState(false);\n  const [shadowColumns, setShadowColumns] = useState<KanbanColumnDef[] | null>(null);\n\n  // Guards against a self-sustaining reorder loop: applying a card move reflows the columns\n  // involved, which can shift a *different* card under an otherwise-stationary pointer. dnd-kit\n  // then re-fires `dragOver` with that new `over`, even though the user hasn't moved anything —\n  // and if the geometry decision for that new target flips back once applied, the two states\n  // (or more) can bounce forever, purely from our own layout changes, eventually tripping React's\n  // \"Maximum update depth exceeded\" guard. `activeRect` only changes when the dragged card's own\n  // position actually moves (real pointer/keyboard input), so it's used here as a proxy for \"did\n  // anything the user did actually change\" — a reorder is only applied once per distinct\n  // `activeRect`, which lets a drag settle and then holds still instead of oscillating.\n  const lastAppliedActiveRectKeyRef = useRef<string | null>(null);\n\n  const sensors = useSensors(\n    useSensor(MouseSensor, MOUSE_SENSOR_OPTIONS),\n    useSensor(TouchSensor, TOUCH_SENSOR_OPTIONS),\n    useSensor(KeyboardSensor, KEYBOARD_SENSOR_OPTIONS)\n  );\n\n  const displayColumns = shadowColumns ?? columns;\n\n  // `SortableContext` memoizes its own derived `items`/context value keyed on this array's\n  // *reference*, not its contents — an inline `.map()` here would hand it a new array every\n  // render (including every `dragOver` while a drag is in progress, via `shadowColumns`), forcing\n  // every column's own `useSortable` to recompute and its whole subtree to re-render on every\n  // board render, not just when the column order actually changes. Same class of bug as the\n  // sensor options and the `data`/`disabled` objects in `KanbanColumn.tsx`/`KanbanItem.tsx`.\n  const columnIds = useMemo(() => displayColumns.map((col) => col.id), [displayColumns]);\n\n  const announcements = useMemo(\n    () => buildAnnouncements(displayColumns, items, getItemLabel),\n    [displayColumns, items, getItemLabel]\n  );\n\n  const accessibility = useMemo(\n    () => ({ announcements, screenReaderInstructions: SCREEN_READER_INSTRUCTIONS }),\n    [announcements]\n  );\n\n  function handleDragStart({ active }: DragStartEvent) {\n    setActiveId(String(active.id));\n    setActiveIsColumn(isColumnDragData(active.data.current));\n    // `moveItem`/`moveColumn` never mutate what's passed in, only returning new objects/arrays\n    // for the column(s) actually touched — so seeding the shadow state directly with `columns`\n    // (rather than a full deep clone) is safe, and skips an O(total cards) clone on every drag.\n    setShadowColumns(columns);\n    lastAppliedActiveRectKeyRef.current = null;\n  }\n\n  function handleDragOver({ active, over }: DragOverEvent) {\n    if (!over) return;\n\n    if (isColumnDragData(active.data.current)) {\n      const activeColumnId = String(active.id);\n      const overColumnId = String(over.id);\n\n      setShadowColumns((prev) => {\n        const base = prev ?? columns;\n        const next = moveColumn(base, activeColumnId, overColumnId);\n        return next === base ? prev : next;\n      });\n      return;\n    }\n\n    const activeItemId = String(active.id);\n    const overId = String(over.id);\n    const activeRect = active.rect.current.translated ?? active.rect.current.initial;\n\n    const activeRectKey = activeRect ? `${activeRect.top}:${activeRect.left}` : null;\n    if (activeRectKey !== null && activeRectKey === lastAppliedActiveRectKeyRef.current) {\n      return;\n    }\n    lastAppliedActiveRectKeyRef.current = activeRectKey;\n\n    setShadowColumns((prev) => {\n      const base = prev ?? columns;\n      const next = moveItem(base, activeItemId, overId, { activeRect, overRect: over.rect });\n      return next === base ? prev : next;\n    });\n  }\n\n  function handleDragEnd({ over }: DragEndEvent) {\n    setActiveId(null);\n    setActiveIsColumn(false);\n\n    if (!over || !shadowColumns) {\n      setShadowColumns(null);\n      return;\n    }\n\n    if (!columnsEqual(shadowColumns, columns)) {\n      onChange(shadowColumns);\n    }\n    setShadowColumns(null);\n  }\n\n  function handleDragCancel() {\n    setActiveId(null);\n    setActiveIsColumn(false);\n    setShadowColumns(null);\n  }\n\n  const activeColumn = activeId && activeIsColumn ? displayColumns.find((col) => col.id === activeId) : undefined;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={kanbanCollisionDetection}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n      onDragCancel={handleDragCancel}\n      accessibility={accessibility}\n    >\n      <SortableContext\n        id=\"kanban-columns\"\n        items={columnIds}\n        strategy={horizontalListSortingStrategy}\n      >\n        <div {...rest} className={cx(styles.board, className)} style={style}>\n          {displayColumns.map((col) => (\n            <KanbanColumn\n              key={col.id}\n              id={col.id}\n              title={col.title}\n              itemIds={col.itemIds}\n              maxItems={col.maxItems}\n              disabled={col.disabled}\n              getItemDisabled={getItemDisabled}\n              emptyPlaceholder={renderEmptyColumn?.(col)}\n              actions={renderColumnActions?.(col)}\n              reorderable={reorderableColumns}\n              activeIsColumn={activeId !== null && activeIsColumn}\n              collapseEmptyColumns={collapseEmptyColumns}\n              columnMaxHeight={columnMaxHeight}\n              hasMore={col.hasMore}\n              onLoadMore={onLoadMore ? () => onLoadMore(col.id) : undefined}\n              loadMoreThreshold={loadMoreThreshold}\n              items={items}\n              renderItem={renderItem}\n              dragHandle={dragHandle}\n              preserveSizeWhileEmpty={activeId !== null}\n            />\n          ))}\n        </div>\n      </SortableContext>\n      <DragOverlay>\n        {activeColumn ? (\n          <div className={cx(styles.column, styles.columnDragOverlay)}>\n            <div className={styles.columnHeader}>\n              <span className={styles.columnHeaderTitle}>{activeColumn.title}</span>\n            </div>\n          </div>\n        ) : activeId && !activeIsColumn && items[activeId] !== undefined ? (\n          <div className={cx(styles.dragOverlay, classNames?.dragOverlay)} style={slotStyles?.dragOverlay}>{renderItem(items[activeId], activeId)}</div>\n        ) : null}\n      </DragOverlay>\n    </DndContext>\n  );\n}\n\nexport default KanbanBoard;\n"],"mappings":"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"}

package/dist/esm/common/kanbanBoard/KanbanColumn.mjs

@@ -1,2 +1,2 @@
-import e from"./kanbanBoard.module.mjs";import t from"./KanbanItem.mjs";import n from"classnames";import{jsx as r,jsxs as i}from"react/jsx-runtime";import{useDroppable as a}from"@dnd-kit/core";import{SortableContext as o,verticalListSortingStrategy as s}from"@dnd-kit/sortable";function c({id:c,title:l,itemIds:u,items:d,renderItem:f,className:p,classNames:m,styles:h}){let{setNodeRef:g,isOver:_}=a({id:`column-${c}`});return i(`div`,{className:n(e.column,_&&e.columnOver,u.length===0&&e.columnEmpty,p),children:[r(`div`,{className:n(e.columnHeader,m?.header),style:h?.header,children:l}),r(o,{items:u,strategy:s,children:r(`div`,{ref:g,className:n(e.columnItems,m?.items),style:h?.items,children:u.map(e=>r(t,{id:e,children:d[e]===void 0?null:f(d[e],e)},e))})})]})}export{c as default};
+import e from"../loading/spinnerLoading/index.mjs";import t from"./kanbanBoard.module.mjs";import n from"./KanbanItem.mjs";import{useCallback as r,useEffect as i,useRef as a,useState as o}from"react";import s from"classnames";import{jsx as c,jsxs as l}from"react/jsx-runtime";import{useDroppable as u}from"@dnd-kit/core";import{SortableContext as d,useSortable as f,verticalListSortingStrategy as p}from"@dnd-kit/sortable";import{CSS as m}from"@dnd-kit/utilities";var h={type:`column`},g={draggable:!0,droppable:!0};function _({id:_,title:v,itemIds:y,items:b,renderItem:x,dragHandle:S,preserveSizeWhileEmpty:C,collapseEmptyColumns:w=!0,maxItems:T,disabled:E,getItemDisabled:D,emptyPlaceholder:O,actions:k,reorderable:A,activeIsColumn:j,columnMaxHeight:M,hasMore:N,onLoadMore:P,loadMoreThreshold:F=100,className:I,style:L,classNames:R,styles:z,...B}){let{setNodeRef:V,isOver:H}=u({id:`column-${_}`,disabled:E}),U=w&&y.length===0&&!C,W=T!=null&&y.length>T,G=a(null),K=r(e=>{G.current=e,V(e)},[V]),q=a(!1),[J,Y]=o(!1),X=r(()=>{!P||q.current||(q.current=!0,Y(!0),Promise.resolve(P()).finally(()=>{q.current=!1,Y(!1)}))},[P]),Z=r(e=>{if(!N)return;let t=e.currentTarget;t.scrollTop+t.clientHeight>=t.scrollHeight-F&&X()},[N,F,X]),Q=a(``);i(()=>{if(!N||!M||J)return;let e=G.current;if(!e||e.clientHeight===0||e.scrollHeight>e.clientHeight)return;let t=`${y.length}:${e.clientHeight}`;Q.current!==t&&(Q.current=t,X())},[N,M,J,y.length,X]);let{attributes:$,listeners:ee,setNodeRef:te,transform:ne,transition:re,isDragging:ie,isOver:ae}=f({id:_,data:h,disabled:A?!1:g});return l(`div`,{...B,ref:te,id:_,className:s(t.column,H&&!j&&t.columnOver,ae&&t.columnDropTarget,U&&t.columnEmpty,W&&t.columnOverLimit,E&&t.columnDisabled,ie&&t.columnDragging,I),style:{transform:m.Transform.toString(ne),transition:re,...L},children:[l(`div`,{className:s(t.columnHeader,A&&t.columnHeaderReorderable,R?.header),style:z?.header,...A?$:void 0,...A?ee:void 0,children:[c(`span`,{className:t.columnHeaderTitle,children:v}),l(`div`,{className:t.columnHeaderTrailing,children:[T!=null&&l(`span`,{className:s(t.columnHeaderCount,W&&t.columnHeaderCountOver,R?.count),style:z?.count,children:[y.length,`/`,T]}),k!=null&&c(`div`,{className:s(t.columnHeaderActions,R?.actions),style:z?.actions,children:k})]})]}),c(d,{id:_,items:y,strategy:p,children:l(`div`,{ref:K,className:s(t.columnItems,R?.items),style:{maxHeight:M,overflowY:M?`auto`:void 0,...z?.items},onScroll:M?Z:void 0,children:[y.length===0&&O!=null?c(`div`,{className:s(t.columnPlaceholder,R?.placeholder),style:z?.placeholder,children:O}):null,y.map(e=>c(n,{id:e,dragHandle:S,disabled:E||b[e]!==void 0&&(D?.(b[e],e)??!1),preventAsDropTarget:E,children:b[e]===void 0?null:x(b[e],e)},e)),J&&c(`div`,{className:s(t.columnLoadingIndicator,R?.loadingIndicator),style:z?.loadingIndicator,children:c(e,{className:t.columnLoadingSpinner})})]})})]})}export{_ as default};
 //# sourceMappingURL=KanbanColumn.mjs.map

package/dist/esm/common/kanbanBoard/KanbanColumn.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanColumn.mjs","names":[],"sources":["../../../../package/common/kanbanBoard/KanbanColumn.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport cx from 'classnames';\n\nimport type { KanbanColumnProps } from './kanbanBoard.types';\nimport styles from './kanbanBoard.module.pcss';\nimport KanbanItem from './KanbanItem';\n\ninterface KanbanColumnInternalProps<T> extends KanbanColumnProps {\n  itemIds: string[];\n  items: Record<string, T>;\n  renderItem: (item: T, id: string) => ReactNode;\n}\n\nfunction KanbanColumn<T>({\n  id,\n  title,\n  itemIds,\n  items,\n  renderItem,\n  className,\n  classNames,\n  styles: slotStyles,\n}: KanbanColumnInternalProps<T>) {\n  const droppableId = `column-${id}`;\n  const { setNodeRef, isOver } = useDroppable({ id: droppableId });\n\n  return (\n    <div className={cx(styles.column, isOver && styles.columnOver, itemIds.length === 0 && styles.columnEmpty, className)}>\n      <div className={cx(styles.columnHeader, classNames?.header)} style={slotStyles?.header}>{title}</div>\n      <SortableContext items={itemIds} strategy={verticalListSortingStrategy}>\n        <div ref={setNodeRef} className={cx(styles.columnItems, classNames?.items)} style={slotStyles?.items}>\n          {itemIds.map((itemId) => (\n            <KanbanItem key={itemId} id={itemId}>\n              {items[itemId] !== undefined ? renderItem(items[itemId], itemId) : null}\n            </KanbanItem>\n          ))}\n        </div>\n      </SortableContext>\n    </div>\n  );\n}\n\nexport default KanbanColumn;\n"],"mappings":"sRAeA,SAAS,EAAgB,CACvB,KACA,QACA,UACA,QACA,aACA,YACA,aACA,OAAQ,GACuB,CAE/B,GAAM,CAAE,aAAY,UAAW,EAAa,CAAE,GAAI,UADpB,GACgC,CAAC,EAE/D,OACE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,OAAQ,GAAU,EAAO,WAAY,EAAQ,SAAW,GAAK,EAAO,YAAa,CAAS,WAApH,CACE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,aAAc,GAAY,MAAM,EAAG,MAAO,GAAY,gBAAS,CAAW,CAAA,EACpG,EAAC,EAAD,CAAiB,MAAO,EAAS,SAAU,WACzC,EAAC,MAAD,CAAK,IAAK,EAAY,UAAW,EAAG,EAAO,YAAa,GAAY,KAAK,EAAG,MAAO,GAAY,eAC5F,EAAQ,IAAK,GACZ,EAAC,EAAD,CAAyB,GAAI,WAC1B,EAAM,KAAY,IAAA,GAAgD,KAApC,EAAW,EAAM,GAAS,CAAM,CACrD,EAFK,CAEL,CACb,CACE,CAAA,CACU,CAAA,CACd,GAET"}
+{"version":3,"file":"KanbanColumn.mjs","names":[],"sources":["../../../../package/common/kanbanBoard/KanbanColumn.tsx"],"sourcesContent":["import type { ReactNode, UIEvent } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport cx from 'classnames';\n\nimport type { KanbanColumnProps } from './kanbanBoard.types';\nimport styles from './kanbanBoard.module.pcss';\nimport KanbanItem from './KanbanItem';\nimport SpinnerLoading from '../loading/spinnerLoading';\n\n// Hoisted so these are referentially stable across renders — inline literals here would give\n// `useSortable` a new `data`/`disabled` object every render (every column re-renders on every\n// `dragOver` while a drag is in progress, via `shadowColumns`), which can spin dnd-kit's own\n// registration effect into a render loop that eventually trips React's \"Maximum update depth\n// exceeded\" guard. Same fix as the sensor options in `KanbanBoard.tsx`.\nconst COLUMN_SORTABLE_DATA = { type: 'column' };\nconst COLUMN_SORTABLE_DISABLED = { draggable: true, droppable: true };\n\ninterface KanbanColumnInternalProps<T> extends KanbanColumnProps {\n  itemIds: string[];\n  items: Record<string, T>;\n  renderItem: (item: T, id: string) => ReactNode;\n  dragHandle?: boolean;\n  /**\n   * Keep the column at its normal flex width even when `itemIds` is empty. Used while a drag\n   * is in progress: the empty-column collapse is driven by transient shadow state during a\n   * drag, and letting the column shrink mid-drag shifts every column's layout underneath the\n   * pointer, which can flip the collision target back and forth forever.\n   */\n  preserveSizeWhileEmpty?: boolean;\n  /** Shrink to a narrow strip when empty — see `KanbanBoardProps.collapseEmptyColumns`. Defaults to `true`. */\n  collapseEmptyColumns?: boolean;\n  /** Work-in-progress limit — see `KanbanColumnDef.maxItems`. Display-only. */\n  maxItems?: number;\n  /** Freezes the column — see `KanbanColumnDef.disabled`. */\n  disabled?: boolean;\n  /** Returns whether a specific card can't be picked up — see `KanbanBoardProps.getItemDisabled`. */\n  getItemDisabled?: (item: T, id: string) => boolean;\n  /** Custom content shown when the column has no cards — see `KanbanBoardProps.renderEmptyColumn`. */\n  emptyPlaceholder?: ReactNode;\n  /** Custom header actions — see `KanbanBoardProps.renderColumnActions`. */\n  actions?: ReactNode;\n  /** Allow the whole column to be dragged (by its header) to reorder it — see `KanbanBoardProps.reorderableColumns`. */\n  reorderable?: boolean;\n  /**\n   * Whether the card currently being dragged (if any) is actually a column. Suppresses the\n   * cards drop-target highlight, which otherwise lights up on every column a dragged column\n   * passes over — that highlight means \"drop a card here\", which doesn't apply mid-column-drag.\n   */\n  activeIsColumn?: boolean;\n  /** Bounds the column's height and makes its card list scroll — see `KanbanBoardProps.columnMaxHeight`. */\n  columnMaxHeight?: string;\n  /** Whether more items exist for this column — see `KanbanColumnDef.hasMore`. */\n  hasMore?: boolean;\n  /** Requests the next page for this column — see `KanbanBoardProps.onLoadMore`. */\n  onLoadMore?: () => void | Promise<void>;\n  /** Scroll distance from the bottom that triggers `onLoadMore` — see `KanbanBoardProps.loadMoreThreshold`. */\n  loadMoreThreshold?: number;\n}\n\nfunction KanbanColumn<T>({\n  id,\n  title,\n  itemIds,\n  items,\n  renderItem,\n  dragHandle,\n  preserveSizeWhileEmpty,\n  collapseEmptyColumns = true,\n  maxItems,\n  disabled,\n  getItemDisabled,\n  emptyPlaceholder,\n  actions,\n  reorderable,\n  activeIsColumn,\n  columnMaxHeight,\n  hasMore,\n  onLoadMore,\n  loadMoreThreshold = 100,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: KanbanColumnInternalProps<T>) {\n  const droppableId = `column-${id}`;\n  const { setNodeRef, isOver } = useDroppable({ id: droppableId, disabled });\n  const isEmpty = collapseEmptyColumns && itemIds.length === 0 && !preserveSizeWhileEmpty;\n  const isOverLimit = maxItems != null && itemIds.length > maxItems;\n\n  const itemsRef = useRef<HTMLDivElement | null>(null);\n  const setItemsRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      itemsRef.current = node;\n      setNodeRef(node);\n    },\n    [setNodeRef]\n  );\n  const isLoadingMoreRef = useRef(false);\n  const [isLoadingMore, setIsLoadingMore] = useState(false);\n\n  const triggerLoadMore = useCallback(() => {\n    if (!onLoadMore || isLoadingMoreRef.current) return;\n    isLoadingMoreRef.current = true;\n    setIsLoadingMore(true);\n    Promise.resolve(onLoadMore()).finally(() => {\n      isLoadingMoreRef.current = false;\n      setIsLoadingMore(false);\n    });\n  }, [onLoadMore]);\n\n  const handleItemsScroll = useCallback(\n    (event: UIEvent<HTMLDivElement>) => {\n      if (!hasMore) return;\n      const el = event.currentTarget;\n      if (el.scrollTop + el.clientHeight >= el.scrollHeight - loadMoreThreshold) triggerLoadMore();\n    },\n    [hasMore, loadMoreThreshold, triggerLoadMore]\n  );\n\n  // The scroll trigger above can only fire once the list actually overflows and scrolls. A batch\n  // smaller than the column's own visible height never generates a scroll event, which would\n  // otherwise dead-end pagination after the first page. Re-probes at most once per (item count,\n  // visible height) pair, so settled content can't re-ask a source that already ran dry.\n  const fillProbeRef = useRef('');\n  useEffect(() => {\n    if (!hasMore || !columnMaxHeight || isLoadingMore) return;\n    const el = itemsRef.current;\n    if (!el || el.clientHeight === 0) return;\n    if (el.scrollHeight > el.clientHeight) return;\n    const probe = `${itemIds.length}:${el.clientHeight}`;\n    if (fillProbeRef.current === probe) return;\n    fillProbeRef.current = probe;\n    triggerLoadMore();\n  }, [hasMore, columnMaxHeight, isLoadingMore, itemIds.length, triggerLoadMore]);\n\n  const {\n    attributes: columnAttributes,\n    listeners: columnListeners,\n    setNodeRef: setColumnNodeRef,\n    transform: columnTransform,\n    transition: columnTransition,\n    isDragging: isColumnDragging,\n    isOver: isColumnOver,\n  } = useSortable({\n    id,\n    data: COLUMN_SORTABLE_DATA,\n    disabled: reorderable ? false : COLUMN_SORTABLE_DISABLED,\n  });\n\n  return (\n    <div\n      {...rest}\n      ref={setColumnNodeRef}\n      id={id}\n      className={cx(\n        styles.column,\n        isOver && !activeIsColumn && styles.columnOver,\n        isColumnOver && styles.columnDropTarget,\n        isEmpty && styles.columnEmpty,\n        isOverLimit && styles.columnOverLimit,\n        disabled && styles.columnDisabled,\n        isColumnDragging && styles.columnDragging,\n        className\n      )}\n      style={{ transform: CSS.Transform.toString(columnTransform), transition: columnTransition, ...style }}\n    >\n      <div\n        className={cx(styles.columnHeader, reorderable && styles.columnHeaderReorderable, classNames?.header)}\n        style={slotStyles?.header}\n        {...(reorderable ? columnAttributes : undefined)}\n        {...(reorderable ? columnListeners : undefined)}\n      >\n        <span className={styles.columnHeaderTitle}>{title}</span>\n        <div className={styles.columnHeaderTrailing}>\n          {maxItems != null && (\n            <span\n              className={cx(styles.columnHeaderCount, isOverLimit && styles.columnHeaderCountOver, classNames?.count)}\n              style={slotStyles?.count}\n            >\n              {itemIds.length}/{maxItems}\n            </span>\n          )}\n          {actions != null && (\n            <div className={cx(styles.columnHeaderActions, classNames?.actions)} style={slotStyles?.actions}>\n              {actions}\n            </div>\n          )}\n        </div>\n      </div>\n      <SortableContext id={id} items={itemIds} strategy={verticalListSortingStrategy}>\n        <div\n          ref={setItemsRef}\n          className={cx(styles.columnItems, classNames?.items)}\n          style={{ maxHeight: columnMaxHeight, overflowY: columnMaxHeight ? 'auto' : undefined, ...slotStyles?.items }}\n          onScroll={columnMaxHeight ? handleItemsScroll : undefined}\n        >\n          {itemIds.length === 0 && emptyPlaceholder != null ? (\n            <div className={cx(styles.columnPlaceholder, classNames?.placeholder)} style={slotStyles?.placeholder}>\n              {emptyPlaceholder}\n            </div>\n          ) : null}\n          {itemIds.map((itemId) => (\n            <KanbanItem\n              key={itemId}\n              id={itemId}\n              dragHandle={dragHandle}\n              disabled={disabled || (items[itemId] !== undefined && (getItemDisabled?.(items[itemId], itemId) ?? false))}\n              preventAsDropTarget={disabled}\n            >\n              {items[itemId] !== undefined ? renderItem(items[itemId], itemId) : null}\n            </KanbanItem>\n          ))}\n          {isLoadingMore && (\n            <div\n              className={cx(styles.columnLoadingIndicator, classNames?.loadingIndicator)}\n              style={slotStyles?.loadingIndicator}\n            >\n              <SpinnerLoading className={styles.columnLoadingSpinner} />\n            </div>\n          )}\n        </div>\n      </SortableContext>\n    </div>\n  );\n}\n\nexport default KanbanColumn;\n"],"mappings":"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"}

package/dist/esm/common/kanbanBoard/KanbanItem.mjs

@@ -1,2 +1,2 @@
-import e from"./kanbanBoard.module.mjs";import t from"classnames";import{jsx as n}from"react/jsx-runtime";import{useSortable as r}from"@dnd-kit/sortable";import{CSS as i}from"@dnd-kit/utilities";function a({id:a,children:o}){let{attributes:s,listeners:c,setNodeRef:l,transform:u,transition:d,isDragging:f}=r({id:a});return n(`div`,{ref:l,style:{transform:i.Transform.toString(u),transition:d},className:t(e.item,f&&e.itemDragging),...s,...c,children:o})}export{a as default};
+import e from"./kanbanBoard.module.mjs";import t from"classnames";import{jsx as n}from"react/jsx-runtime";import{useSortable as r}from"@dnd-kit/sortable";import{CSS as i}from"@dnd-kit/utilities";var a={draggable:!0,droppable:!0},o={draggable:!0,droppable:!1};function s({id:s,dragHandle:c,disabled:l,preventAsDropTarget:u,children:d}){let{attributes:f,listeners:p,setNodeRef:m,transform:h,transition:g,isDragging:_}=r({id:s,disabled:l?u?a:o:void 0});function v(e){e.target.closest(`[data-drag-handle]`)&&p?.onPointerDown?.(e)}return n(`div`,{ref:m,style:{transform:i.Transform.toString(h),transition:g},className:t(e.item,c&&e.itemHandled,_&&e.itemDragging,l&&e.itemDisabled),...f,...p,onPointerDown:c?v:p?.onPointerDown,children:d})}export{s as default};
 //# sourceMappingURL=KanbanItem.mjs.map

package/dist/esm/common/kanbanBoard/KanbanItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanItem.mjs","names":[],"sources":["../../../../package/common/kanbanBoard/KanbanItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport cx from 'classnames';\n\nimport styles from './kanbanBoard.module.pcss';\n\ninterface KanbanItemProps {\n  id: string;\n  children: ReactNode;\n}\n\nfunction KanbanItem({ id, children }: KanbanItemProps) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n  });\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(transform), transition }}\n      className={cx(styles.item, isDragging && styles.itemDragging)}\n      {...attributes}\n      {...listeners}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default KanbanItem;\n"],"mappings":"mMAYA,SAAS,EAAW,CAAE,KAAI,YAA6B,CACrD,GAAM,CAAE,aAAY,YAAW,aAAY,YAAW,aAAY,cAAe,EAAY,CAC3F,IACF,CAAC,EAED,OACE,EAAC,MAAD,CACE,IAAK,EACL,MAAO,CAAE,UAAW,EAAI,UAAU,SAAS,CAAS,EAAG,YAAW,EAClE,UAAW,EAAG,EAAO,KAAM,GAAc,EAAO,YAAY,EAC5D,GAAI,EACJ,GAAI,EAEH,UACE,CAAA,CAET"}
+{"version":3,"file":"KanbanItem.mjs","names":[],"sources":["../../../../package/common/kanbanBoard/KanbanItem.tsx"],"sourcesContent":["import type { PointerEvent as ReactPointerEvent, PointerEventHandler } from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport cx from 'classnames';\n\nimport type { KanbanItemProps } from './kanbanBoard.types';\nimport styles from './kanbanBoard.module.pcss';\n\n// Hoisted so these are referentially stable across renders — an inline object literal here would\n// give `useSortable` a new `disabled` value every render (every card re-renders on every\n// `dragOver` while a drag is in progress, via `shadowColumns`), which can spin dnd-kit's own\n// registration effect into a render loop that eventually trips React's \"Maximum update depth\n// exceeded\" guard. Same fix as the sensor options in `KanbanBoard.tsx` and `data`/`disabled` in\n// `KanbanColumn.tsx`. Only two shapes are ever needed, so both are hoisted rather than memoized.\nconst ITEM_DISABLED_DRAG_AND_DROP = { draggable: true, droppable: true };\nconst ITEM_DISABLED_DRAG_ONLY = { draggable: true, droppable: false };\n\nfunction KanbanItem({ id, dragHandle, disabled, preventAsDropTarget, children }: KanbanItemProps) {\n  const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({\n    id,\n    // The boolean shorthand only disables dragging *out* of the card — dnd-kit hard-codes\n    // `droppable: false` for it either way (\"backwards compatibility\"). That's actually what we\n    // want for a card pinned individually (`getItemDisabled`): it can't be dragged, but other\n    // cards should still be able to land before/after it normally. Only a frozen *column*\n    // (`preventAsDropTarget`) also disables droppable, so nothing can be dropped into it at all.\n    disabled: disabled ? (preventAsDropTarget ? ITEM_DISABLED_DRAG_AND_DROP : ITEM_DISABLED_DRAG_ONLY) : undefined,\n  });\n\n  function handlePointerDown(event: ReactPointerEvent<HTMLDivElement>) {\n    if (!(event.target as HTMLElement).closest('[data-drag-handle]')) return;\n    listeners?.onPointerDown?.(event);\n  }\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={{ transform: CSS.Transform.toString(transform), transition }}\n      className={cx(\n        styles.item,\n        dragHandle && styles.itemHandled,\n        isDragging && styles.itemDragging,\n        disabled && styles.itemDisabled\n      )}\n      {...attributes}\n      {...listeners}\n      onPointerDown={dragHandle ? handlePointerDown : (listeners?.onPointerDown as PointerEventHandler<HTMLDivElement> | undefined)}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport default KanbanItem;\n"],"mappings":"mMAcA,IAAM,EAA8B,CAAE,UAAW,GAAM,UAAW,EAAK,EACjE,EAA0B,CAAE,UAAW,GAAM,UAAW,EAAM,EAEpE,SAAS,EAAW,CAAE,KAAI,aAAY,WAAU,sBAAqB,YAA6B,CAChG,GAAM,CAAE,aAAY,YAAW,aAAY,YAAW,aAAY,cAAe,EAAY,CAC3F,KAMA,SAAU,EAAY,EAAsB,EAA8B,EAA2B,IAAA,EACvG,CAAC,EAED,SAAS,EAAkB,EAA0C,CAC7D,EAAM,OAAuB,QAAQ,oBAAoB,GAC/D,GAAW,gBAAgB,CAAK,CAClC,CAEA,OACE,EAAC,MAAD,CACE,IAAK,EACL,MAAO,CAAE,UAAW,EAAI,UAAU,SAAS,CAAS,EAAG,YAAW,EAClE,UAAW,EACT,EAAO,KACP,GAAc,EAAO,YACrB,GAAc,EAAO,aACrB,GAAY,EAAO,YACrB,EACA,GAAI,EACJ,GAAI,EACJ,cAAe,EAAa,EAAqB,GAAW,cAE3D,UACE,CAAA,CAET"}

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

@@ -1,2 +1,2 @@
-var e={board:`board_6KRdw`,column:`column_NrNeF`,"column-empty":`column-empty_5KYsJ`,columnEmpty:`column-empty_5KYsJ`,"column-over":`column-over_sO7oD`,columnOver:`column-over_sO7oD`,"column-header":`column-header_PLeKG`,columnHeader:`column-header_PLeKG`,"column-items":`column-items_xY5er`,columnItems:`column-items_xY5er`,item:`item_T8CJK`,"item-dragging":`item-dragging_iWurw`,itemDragging:`item-dragging_iWurw`,dragOverlay:`dragOverlay_DSyKz`};export{e as default};
+var e={board:`board_6KRdw`,column:`column_NrNeF`,"column-empty":`column-empty_5KYsJ`,columnEmpty:`column-empty_5KYsJ`,"column-over":`column-over_sO7oD`,columnOver:`column-over_sO7oD`,"column-over-limit":`column-over-limit_QmeZF`,columnOverLimit:`column-over-limit_QmeZF`,"column-drop-target":`column-drop-target_mznmc`,columnDropTarget:`column-drop-target_mznmc`,"column-disabled":`column-disabled_ehcz3`,columnDisabled:`column-disabled_ehcz3`,"column-items":`column-items_xY5er`,columnItems:`column-items_xY5er`,"column-dragging":`column-dragging_6F5TK`,columnDragging:`column-dragging_6F5TK`,"column-drag-overlay":`column-drag-overlay_ctehQ`,columnDragOverlay:`column-drag-overlay_ctehQ`,"column-header":`column-header_PLeKG`,columnHeader:`column-header_PLeKG`,"column-header-reorderable":`column-header-reorderable_Jtgii`,columnHeaderReorderable:`column-header-reorderable_Jtgii`,"column-header-title":`column-header-title_FQhHQ`,columnHeaderTitle:`column-header-title_FQhHQ`,"column-header-count":`column-header-count_3t83e`,columnHeaderCount:`column-header-count_3t83e`,"column-header-count-over":`column-header-count-over_AkAdo`,columnHeaderCountOver:`column-header-count-over_AkAdo`,"column-header-trailing":`column-header-trailing_6625D`,columnHeaderTrailing:`column-header-trailing_6625D`,"column-header-actions":`column-header-actions_XKY3t`,columnHeaderActions:`column-header-actions_XKY3t`,"column-placeholder":`column-placeholder_WGyF-`,columnPlaceholder:`column-placeholder_WGyF-`,"column-loading-indicator":`column-loading-indicator_2Q70t`,columnLoadingIndicator:`column-loading-indicator_2Q70t`,"column-loading-spinner":`column-loading-spinner_4ca6l`,columnLoadingSpinner:`column-loading-spinner_4ca6l`,item:`item_T8CJK`,"item-dragging":`item-dragging_iWurw`,itemDragging:`item-dragging_iWurw`,"item-handled":`item-handled_l28gq`,itemHandled:`item-handled_l28gq`,"item-disabled":`item-disabled_n8Nuq`,itemDisabled:`item-disabled_n8Nuq`,dragOverlay:`dragOverlay_DSyKz`};export{e as default};
 //# sourceMappingURL=kanbanBoard.module.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"kanbanBoard.module.mjs","names":[],"sources":["../../../../package/common/kanbanBoard/kanbanBoard.module.pcss"],"sourcesContent":[".board {\n  display: flex;\n  gap: var(--spacing-s);\n  overflow-x: auto;\n  align-items: flex-start;\n  width: 100%;\n}\n\n.column {\n  background: var(--background-accent-light);\n  border-radius: var(--default-border-radius);\n  box-shadow: var(--card-shadow);\n  flex: 1 1 0;\n  display: flex;\n  flex-direction: column;\n  border: 2px solid transparent;\n  transition: border-color 0.15s ease, background 0.15s ease;\n\n  &-empty {\n    flex: 0 1 0;\n    min-width: 140px;\n  }\n\n  &-over {\n    border-color: var(--primary-lighter);\n    background: var(--background-accent);\n  }\n\n  &-header {\n    padding: var(--spacing-m) var(--spacing-l);\n    background: var(--background-accent);\n    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    font-size: var(--header-small-font-size);\n    font-weight: var(--header-font-weight);\n    color: var(--text-color);\n    border-bottom: 1px solid var(--border-color);\n  }\n\n  &-items {\n    padding: var(--spacing-m);\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-m);\n    min-height: 80px;\n    flex: 1;\n  }\n}\n\n.item {\n  cursor: grab;\n  touch-action: none;\n\n  &:active {\n    cursor: grabbing;\n  }\n\n  &-dragging {\n    opacity: 0.4;\n  }\n}\n\n.dragOverlay {\n  border-radius: var(--default-border-radius);\n  cursor: grabbing;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), var(--card-shadow);\n}\n"],"mappings":""}
+{"version":3,"file":"kanbanBoard.module.mjs","names":[],"sources":["../../../../package/common/kanbanBoard/kanbanBoard.module.pcss"],"sourcesContent":[".board {\n  display: flex;\n  gap: var(--spacing-s);\n  overflow-x: auto;\n  align-items: flex-start;\n  width: 100%;\n}\n\n.column {\n  background: var(--background-accent-light);\n  border-radius: var(--default-border-radius);\n  box-shadow: var(--card-shadow);\n  flex: 1 1 0;\n  display: flex;\n  flex-direction: column;\n  border: 2px solid transparent;\n  transition: border-color 0.15s ease, background 0.15s ease;\n\n  &-empty {\n    flex: 0 1 0;\n    min-width: var(--kanban-empty-column-width, 140px);\n  }\n\n  &-over {\n    border-color: var(--primary-lighter);\n    background: var(--background-accent);\n  }\n\n  &-over-limit {\n    border-color: var(--warn-color);\n  }\n\n  /* A whole column being dragged over this one, reordering — distinct from -over (a card being\n     dropped into this column's card list), even though both are dashed-free solid borders here;\n     kept as a separate class so consumers can restyle one without affecting the other. */\n  &-drop-target {\n    border-color: var(--primary-color);\n    background: var(--background-accent);\n  }\n\n  /* Dims only the cards area, not the header — header actions (e.g. an \"add card\" button) are\n     consumer-controlled and often meant to stay fully interactive even while the column itself\n     is frozen for dragging, and opacity on an ancestor can't be undone by a child's own opacity. */\n  &-disabled &-items {\n    opacity: 0.6;\n  }\n\n  &-dragging {\n    opacity: 0.4;\n  }\n\n  &-drag-overlay {\n    cursor: grabbing;\n    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), var(--card-shadow);\n    min-width: 220px;\n  }\n\n  &-header {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: var(--spacing-s);\n    padding: var(--spacing-m) var(--spacing-l);\n    background: var(--background-accent);\n    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    font-size: var(--header-small-font-size);\n    font-weight: var(--header-font-weight);\n    color: var(--text-color);\n    border-bottom: 1px solid var(--border-color);\n\n    &-reorderable {\n      cursor: grab;\n      -webkit-tap-highlight-color: transparent;\n      touch-action: none;\n\n      &:active {\n        cursor: grabbing;\n      }\n    }\n\n    &-title {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    &-count {\n      flex-shrink: 0;\n      font-size: var(--default-font-size);\n      font-weight: var(--default-font-weight);\n      color: var(--text-dark);\n\n      &-over {\n        color: var(--warn-color);\n        font-weight: var(--header-font-weight);\n      }\n    }\n\n    &-trailing {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-s);\n      flex-shrink: 0;\n    }\n\n    &-actions {\n      display: flex;\n      align-items: center;\n      gap: var(--spacing-s);\n    }\n  }\n\n  &-items {\n    padding: var(--spacing-m);\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-m);\n    min-height: 80px;\n    flex: 1;\n  }\n\n  &-placeholder {\n    flex: 1;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    color: var(--text-dark);\n    font-size: var(--default-font-size);\n  }\n\n  &-loading-indicator {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: var(--spacing-s) 0;\n  }\n\n  &-loading-spinner {\n    width: 2.6rem;\n    height: 2.6rem;\n  }\n}\n\n.item {\n  cursor: grab;\n  touch-action: none;\n\n  &:active {\n    cursor: grabbing;\n  }\n\n  &-dragging {\n    opacity: 0.4;\n  }\n\n  &-handled {\n    cursor: default;\n    touch-action: auto;\n\n    &:active {\n      cursor: default;\n    }\n\n    [data-drag-handle] {\n      cursor: grab;\n      -webkit-tap-highlight-color: transparent;\n      touch-action: none;\n    }\n\n    [data-drag-handle]:active {\n      cursor: grabbing;\n    }\n  }\n\n  &-disabled {\n    cursor: not-allowed;\n\n    &:active {\n      cursor: not-allowed;\n    }\n\n    [data-drag-handle] {\n      cursor: not-allowed;\n    }\n\n    [data-drag-handle]:active {\n      cursor: not-allowed;\n    }\n  }\n}\n\n.dragOverlay {\n  border-radius: var(--default-border-radius);\n  cursor: grabbing;\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25), var(--card-shadow);\n}\n"],"mappings":""}

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

@@ -0,0 +1,2 @@
+import{KeyboardCode as e,closestCorners as t}from"@dnd-kit/core";import{arrayMove as n,hasSortableData as r}from"@dnd-kit/sortable";function i(e,t){return e.length===t.length?e.every((e,n)=>{let r=t[n];return e.id===r.id&&e.itemIds.length===r.itemIds.length&&e.itemIds.every((e,t)=>e===r.itemIds[t])}):!1}function a(e,t){return e.findIndex(e=>e.itemIds.includes(t))}function o(e){return!!(e&&typeof e==`object`&&e.type===`column`)}function s(e,t,r){let i=e.findIndex(e=>e.id===t),a=e.findIndex(e=>e.id===r);return i===-1||a===-1||i===a?e:n(e,i,a)}var c=e=>{let n=o(e.active.data.current),r=e.droppableContainers.filter(e=>n?o(e.data.current):!o(e.data.current));return t({...e,droppableContainers:r})};function l(e){return e.startsWith(`column-`)?e.slice(7):null}function u(e,t,r,i){let o=a(e,t);if(o===-1)return e;let s=l(r),c=s===null?a(e,r):e.findIndex(e=>e.id===s);if(c===-1)return e;if(o===c){let a=e[o],c=a.itemIds.indexOf(t);if(c===-1)return e;if(s!==null){let{activeRect:t,overRect:r}=i,s=t&&t.top+t.height/2>r.top+r.height/2?a.itemIds.length-1:0;if(s===c)return e;let l=[...e];return l[o]={...a,itemIds:n(a.itemIds,c,s)},l}let l=a.itemIds.indexOf(r);if(l===-1||c===l)return e;let u=[...e];return u[o]={...a,itemIds:n(a.itemIds,c,l)},u}let u=e[o],d=e[c],f=[...d.itemIds],{activeRect:p,overRect:m}=i,h;if(s!==null)h=p&&p.top+p.height/2>m.top+m.height/2?f.length:0;else{let e=f.indexOf(r),t=e!==-1&&e===f.length-1,n=!!(p&&p.top+p.height/2>m.top+m.height);h=e===-1?f.length:t&&n?e+1:e}f.splice(h,0,t);let g=[...e];return g[o]={...u,itemIds:u.itemIds.filter(e=>e!==t)},g[c]={...d,itemIds:f},g}function d(e,t,n){function r(e){let r=t[e];return r===void 0?e:n(r,e)}function i(t){let n=l(t);if(n!==null){let t=e.find(e=>e.id===n);return t?`the ${t.title} column`:`a column`}let i=e.find(e=>e.itemIds.includes(t));return i?`${r(t)}, in the ${i.title} column`:r(t)}function a(t){return e.find(e=>e.id===t)?.title??t}return{onDragStart({active:e}){return o(e.data.current)?`Picked up column ${a(String(e.id))}.`:`Picked up card ${r(String(e.id))}.`},onDragOver({active:e,over:t}){return o(e.data.current)?t?`Column ${a(String(e.id))} is over column ${a(String(t.id))}.`:`Column ${a(String(e.id))} is no longer over a droppable area.`:t?`Card ${r(String(e.id))} is over ${i(String(t.id))}.`:`Card ${r(String(e.id))} is no longer over a droppable area.`},onDragEnd({active:e,over:t}){return o(e.data.current)?t?`Column ${a(String(e.id))} was dropped over column ${a(String(t.id))}.`:`Column ${a(String(e.id))} was dropped.`:t?`Card ${r(String(e.id))} was dropped over ${i(String(t.id))}.`:`Card ${r(String(e.id))} was dropped.`},onDragCancel({active:e}){return o(e.data.current)?`Dragging cancelled. Column ${a(String(e.id))} was returned to its original position.`:`Dragging cancelled. Card ${r(String(e.id))} was returned to its original position.`}}}function f(e,t,n){let i=[];for(let a of e){if(!r(a)||a.data.current.sortable.containerId!==n)continue;let e=t.get(a.id);e&&i.push({container:a,rect:e})}return i.sort((e,t)=>e.rect.top-t.rect.top)}var p=(t,{context:n})=>{let{active:i,collisionRect:a,droppableRects:s,droppableContainers:c}=n;if(!i||!a||!r(i))return;let u=t.code===e.Down||t.code===e.Up,d=t.code===e.Left||t.code===e.Right;if(!u&&!d)return;t.preventDefault();let p=i.data.current.sortable.containerId,m=c.getEnabled();if(o(i.data.current)){if(!d)return;let n=t.code===e.Right?1:-1,r=f(m,s,p).sort((e,t)=>e.rect.left-t.rect.left),o=r.findIndex(e=>e.container.id===i.id);if(o===-1)return;let c=r[o+n];return c?{x:c.rect.left,y:a.top}:void 0}if(u){let n=t.code===e.Down?1:-1,r=f(m,s,p),o=r.findIndex(e=>e.container.id===i.id);if(o===-1)return;let c=r[o+n];return c?{x:a.left,y:c.rect.top}:void 0}let h=t.code===e.Right?1:-1,g=[];for(let e of m){if(l(String(e.id))===null)continue;let t=s.get(e.id);t&&g.push({container:e,rect:t})}g.sort((e,t)=>e.rect.left-t.rect.left);let _=g.findIndex(e=>l(String(e.container.id))===p);if(_===-1)return;let v=g[_+h];if(!v)return;let y=f(m,s,l(String(v.container.id))),b=v.rect;return y.length>0&&(b=y.reduce((e,t)=>Math.abs(t.rect.top-a.top)<Math.abs(e.rect.top-a.top)?t:e).rect),{x:b.left,y:b.top}};export{d as buildAnnouncements,i as columnsEqual,o as isColumnDragData,c as kanbanCollisionDetection,p as kanbanKeyboardCoordinateGetter,s as moveColumn,u as moveItem};
+//# sourceMappingURL=kanbanBoard.utils.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"kanbanBoard.utils.mjs","names":[],"sources":["../../../../package/common/kanbanBoard/kanbanBoard.utils.ts"],"sourcesContent":["import { arrayMove, hasSortableData } from '@dnd-kit/sortable';\nimport {\n  closestCorners,\n  KeyboardCode,\n  type Announcements,\n  type ClientRect,\n  type CollisionDetection,\n  type DroppableContainer,\n  type KeyboardCoordinateGetter,\n  type UniqueIdentifier,\n} from '@dnd-kit/core';\n\nimport type { KanbanColumnDef } from './kanbanBoard.types';\n\nexport function columnsEqual(a: KanbanColumnDef[], b: KanbanColumnDef[]): boolean {\n  if (a.length !== b.length) return false;\n  return a.every((col, i) => {\n    const other = b[i];\n    return (\n      col.id === other.id &&\n      col.itemIds.length === other.itemIds.length &&\n      col.itemIds.every((itemId, j) => itemId === other.itemIds[j])\n    );\n  });\n}\n\nexport function findColumnForItem(columns: KanbanColumnDef[], itemId: string): number {\n  return columns.findIndex((col) => col.itemIds.includes(itemId));\n}\n\n/** Whether a drag's `active`/`over` participant is a whole column (vs. a card) — see `reorderableColumns`. */\nexport function isColumnDragData(data: unknown): boolean {\n  return Boolean(data && typeof data === 'object' && (data as { type?: string }).type === 'column');\n}\n\n/**\n * Reorders whole columns: moves `activeColumnId` to `overColumnId`'s position. Returns the same\n * `columns` reference, unchanged, when either id doesn't resolve to a column or they're the same\n * — callers can use that to skip a state update.\n */\nexport function moveColumn(columns: KanbanColumnDef[], activeColumnId: string, overColumnId: string): KanbanColumnDef[] {\n  const oldIndex = columns.findIndex((col) => col.id === activeColumnId);\n  const overIndex = columns.findIndex((col) => col.id === overColumnId);\n  if (oldIndex === -1 || overIndex === -1 || oldIndex === overIndex) return columns;\n\n  return arrayMove(columns, oldIndex, overIndex);\n}\n\n/**\n * Collision detection for the board's shared `DndContext`, which has to pick between two very\n * differently-scaled sets of droppables at once: individual cards / a column's own card list\n * (small, numerous) and whole columns (large, few). Plain `closestCorners` weighs every\n * registered droppable together regardless of what's actually being dragged, so while dragging a\n * column it competes against every card and card-list droppable it happens to fly over too — the\n * column-level target only wins when the pointer lands somewhere that geometrically favors it,\n * which reads as needing to \"wiggle it around\" before the right drop target lights up. This\n * restricts the candidates to only the same kind as whatever is being dragged: a column drag only\n * considers other columns, a card drag only considers cards and card lists.\n */\nexport const kanbanCollisionDetection: CollisionDetection = (args) => {\n  const draggingColumn = isColumnDragData(args.active.data.current);\n  const droppableContainers = args.droppableContainers.filter((container) =>\n    draggingColumn ? isColumnDragData(container.data.current) : !isColumnDragData(container.data.current)\n  );\n\n  return closestCorners({ ...args, droppableContainers });\n};\n\n/** Extracts the column id from a column droppable's `column-<id>` identifier, or `null` for a card id. */\nexport function resolveColumnDropId(overId: string): string | null {\n  return overId.startsWith('column-') ? overId.slice('column-'.length) : null;\n}\n\nexport interface DragGeometry {\n  /** The dragged card's current rect (translated by the drag delta), if measured. */\n  activeRect: ClientRect | null;\n  /** The rect of whatever `overId` refers to — a card, or a column's own droppable. */\n  overRect: ClientRect;\n}\n\n/**\n * Computes the columns that result from dragging `activeItemId` over `overId` (a card id, or a\n * `column-<id>` droppable id for empty column space). Returns the same `columns` reference,\n * unchanged, when the drag doesn't resolve to a valid source/destination — callers can use that\n * to skip a state update.\n *\n * `geometry` resolves cross-column drops that land on a card or gap with more than one possible\n * position (see the two branches below for what each one decides).\n */\nexport function moveItem(\n  columns: KanbanColumnDef[],\n  activeItemId: string,\n  overId: string,\n  geometry: DragGeometry\n): KanbanColumnDef[] {\n  // Only the source/destination column(s) actually change, so only those get new object/array\n  // references — every other column keeps its exact `columns` reference. Cloning every column's\n  // `itemIds` up front (as this used to) cost O(total cards across the whole board) on *every*\n  // drag-over event, not just the couple of columns actually involved in the move.\n  const sourceColIndex = findColumnForItem(columns, activeItemId);\n  if (sourceColIndex === -1) return columns;\n\n  const destColId = resolveColumnDropId(overId);\n  const destColIndex =\n    destColId !== null ? columns.findIndex((col) => col.id === destColId) : findColumnForItem(columns, overId);\n  if (destColIndex === -1) return columns;\n\n  if (sourceColIndex === destColIndex) {\n    const col = columns[sourceColIndex];\n    const oldIndex = col.itemIds.indexOf(activeItemId);\n    if (oldIndex === -1) return columns;\n\n    if (destColId !== null) {\n      // over is the column's own droppable, not a card: nothing else claimed the collision,\n      // which happens hovering the empty gap above/below the cards, or — critically — an edge\n      // next to a disabled/pinned card with no other card nearby, since a disabled card's own\n      // droppable is excluded from collision candidates entirely. Without this branch, that\n      // case fell through to `col.itemIds.indexOf(overId)` below, which is always -1 for a\n      // `column-<id>` id (it's not a card id), silently no-op-ing instead of reordering.\n      const { activeRect, overRect } = geometry;\n      const isBelowCenter = Boolean(\n        activeRect && activeRect.top + activeRect.height / 2 > overRect.top + overRect.height / 2\n      );\n      const targetIndex = isBelowCenter ? col.itemIds.length - 1 : 0;\n      if (targetIndex === oldIndex) return columns;\n\n      const next = [...columns];\n      next[sourceColIndex] = { ...col, itemIds: arrayMove(col.itemIds, oldIndex, targetIndex) };\n      return next;\n    }\n\n    const newIndex = col.itemIds.indexOf(overId);\n    if (newIndex === -1 || oldIndex === newIndex) return columns;\n\n    const next = [...columns];\n    next[sourceColIndex] = { ...col, itemIds: arrayMove(col.itemIds, oldIndex, newIndex) };\n    return next;\n  }\n\n  const sourceCol = columns[sourceColIndex];\n  const destCol = columns[destColIndex];\n  const destItemIds = [...destCol.itemIds];\n  const { activeRect, overRect } = geometry;\n\n  let insertAt: number;\n  if (destColId !== null) {\n    // Hovering the column's own droppable directly, rather than a specific card: the empty gap\n    // above the first card, the empty gap below the last card, or the whole area when the column\n    // has no cards at all. Comparing centers against the *container's* full-height rect is a\n    // coarse but reliable way to tell the top gap (insert at the start) from the bottom gap\n    // (append at the end) — treating every container hover as \"append\" put a card dropped just\n    // above the first item at the end of the column instead.\n    const isBelowCenter = Boolean(\n      activeRect && activeRect.top + activeRect.height / 2 > overRect.top + overRect.height / 2\n    );\n    insertAt = isBelowCenter ? destItemIds.length : 0;\n  } else {\n    const overIndex = destItemIds.indexOf(overId);\n\n    // Only the last card's own drop zone extends past its bottom edge with nothing after it to\n    // compete for the collision, so it's the one case where the dragged card can end up \"after\"\n    // it. Requiring the dragged rect's *center* (not its top edge) to pass the hovered card's\n    // bottom edge is deliberately more forgiving than requiring the whole dragged card to clear it\n    // — that stricter version needs the user to drag a full card's height past the last item\n    // before it registers, which in practice almost never happens before the drop, silently\n    // landing the card second-to-last every time despite the live preview showing it last. A pure\n    // center-to-center comparison is too lenient in the other direction: the dragged rect's center\n    // still carries the grab offset from wherever in the source card it was originally picked up,\n    // so a low enough grab point reads as \"past\" well before the drag is visually past the card at\n    // all. Anchoring to the target's *bottom* edge (not its center) keeps that grab-offset problem\n    // from creeping back in while still being achievable in a normal drag.\n    const isLastItem = overIndex !== -1 && overIndex === destItemIds.length - 1;\n    const hasClearedItem = Boolean(\n      activeRect && activeRect.top + activeRect.height / 2 > overRect.top + overRect.height\n    );\n    insertAt = overIndex === -1 ? destItemIds.length : isLastItem && hasClearedItem ? overIndex + 1 : overIndex;\n  }\n\n  destItemIds.splice(insertAt, 0, activeItemId);\n\n  const next = [...columns];\n  next[sourceColIndex] = { ...sourceCol, itemIds: sourceCol.itemIds.filter((id) => id !== activeItemId) };\n  next[destColIndex] = { ...destCol, itemIds: destItemIds };\n  return next;\n}\n\n/**\n * Builds screen-reader drag announcements against the columns layout as currently understood\n * (the live shadow layout while a drag is in progress, or the settled `columns` prop otherwise).\n */\nexport function buildAnnouncements<T>(\n  columns: KanbanColumnDef[],\n  items: Record<string, T>,\n  getItemLabel: (item: T, id: string) => string\n): Announcements {\n  function labelFor(id: string): string {\n    const item = items[id];\n    return item !== undefined ? getItemLabel(item, id) : id;\n  }\n\n  function describeOver(overId: string): string {\n    const destColId = resolveColumnDropId(overId);\n    if (destColId !== null) {\n      const col = columns.find((c) => c.id === destColId);\n      return col ? `the ${col.title} column` : 'a column';\n    }\n\n    const col = columns.find((c) => c.itemIds.includes(overId));\n    return col ? `${labelFor(overId)}, in the ${col.title} column` : labelFor(overId);\n  }\n\n  function columnTitle(id: string): string {\n    return columns.find((c) => c.id === id)?.title ?? id;\n  }\n\n  return {\n    onDragStart({ active }) {\n      if (isColumnDragData(active.data.current)) return `Picked up column ${columnTitle(String(active.id))}.`;\n      return `Picked up card ${labelFor(String(active.id))}.`;\n    },\n    onDragOver({ active, over }) {\n      if (isColumnDragData(active.data.current)) {\n        if (!over) return `Column ${columnTitle(String(active.id))} is no longer over a droppable area.`;\n        return `Column ${columnTitle(String(active.id))} is over column ${columnTitle(String(over.id))}.`;\n      }\n      if (!over) return `Card ${labelFor(String(active.id))} is no longer over a droppable area.`;\n      return `Card ${labelFor(String(active.id))} is over ${describeOver(String(over.id))}.`;\n    },\n    onDragEnd({ active, over }) {\n      if (isColumnDragData(active.data.current)) {\n        if (!over) return `Column ${columnTitle(String(active.id))} was dropped.`;\n        return `Column ${columnTitle(String(active.id))} was dropped over column ${columnTitle(String(over.id))}.`;\n      }\n      if (!over) return `Card ${labelFor(String(active.id))} was dropped.`;\n      return `Card ${labelFor(String(active.id))} was dropped over ${describeOver(String(over.id))}.`;\n    },\n    onDragCancel({ active }) {\n      if (isColumnDragData(active.data.current)) {\n        return `Dragging cancelled. Column ${columnTitle(String(active.id))} was returned to its original position.`;\n      }\n      return `Dragging cancelled. Card ${labelFor(String(active.id))} was returned to its original position.`;\n    },\n  };\n}\n\ninterface ContainerRect {\n  container: DroppableContainer;\n  rect: ClientRect;\n}\n\nfunction collectColumnItemRects(\n  containers: DroppableContainer[],\n  droppableRects: Map<UniqueIdentifier, ClientRect>,\n  containerId: UniqueIdentifier\n): ContainerRect[] {\n  const entries: ContainerRect[] = [];\n  for (const container of containers) {\n    if (!hasSortableData(container)) continue;\n    if (container.data.current.sortable.containerId !== containerId) continue;\n    const rect = droppableRects.get(container.id);\n    if (!rect) continue;\n    entries.push({ container, rect });\n  }\n  return entries.sort((a, b) => a.rect.top - b.rect.top);\n}\n\n/**\n * Custom keyboard coordinate getter for the board's multi-column, multi-`SortableContext`\n * layout. dnd-kit's default `sortableKeyboardCoordinates` picks the geometrically closest\n * droppable across the *entire* board — cards and column containers alike — which is unreliable\n * once cards live inside independent per-column `SortableContext`s: up/down and left/right end up\n * interchangeable depending on incidental rect positions. This instead restricts up/down to\n * reordering within the active card's own column, and left/right to moving into the adjacent\n * column (landing on the closest card there by vertical position, or the column itself when\n * empty). Requires each `KanbanColumn`'s `SortableContext` to be given an explicit `id` matching\n * its column id, so a card's `sortable.containerId` can be correlated with its `column-<id>`\n * droppable.\n */\nexport const kanbanKeyboardCoordinateGetter: KeyboardCoordinateGetter = (event, { context }) => {\n  const { active, collisionRect, droppableRects, droppableContainers } = context;\n\n  if (!active || !collisionRect || !hasSortableData(active)) return undefined;\n\n  const isVertical = event.code === KeyboardCode.Down || event.code === KeyboardCode.Up;\n  const isHorizontal = event.code === KeyboardCode.Left || event.code === KeyboardCode.Right;\n  if (!isVertical && !isHorizontal) return undefined;\n\n  event.preventDefault();\n\n  const activeContainerId = active.data.current.sortable.containerId;\n  const allContainers = droppableContainers.getEnabled();\n\n  if (isColumnDragData(active.data.current)) {\n    // Reordering a whole column: only left/right matters, moving it within the top-level\n    // column `SortableContext` (siblings share its containerId, same as cards share their\n    // own column's). Up/down has nothing to do — columns don't have a \"column above/below\".\n    if (!isHorizontal) return undefined;\n\n    const direction = event.code === KeyboardCode.Right ? 1 : -1;\n    const siblings = collectColumnItemRects(allContainers, droppableRects, activeContainerId).sort(\n      (a, b) => a.rect.left - b.rect.left\n    );\n    const currentIndex = siblings.findIndex((s) => s.container.id === active.id);\n    if (currentIndex === -1) return undefined;\n\n    const target = siblings[currentIndex + direction];\n    if (!target) return undefined;\n\n    return { x: target.rect.left, y: collisionRect.top };\n  }\n\n  if (isVertical) {\n    const direction = event.code === KeyboardCode.Down ? 1 : -1;\n    const siblings = collectColumnItemRects(allContainers, droppableRects, activeContainerId);\n    const currentIndex = siblings.findIndex((s) => s.container.id === active.id);\n    if (currentIndex === -1) return undefined;\n\n    const target = siblings[currentIndex + direction];\n    if (!target) return undefined;\n\n    return { x: collisionRect.left, y: target.rect.top };\n  }\n\n  const direction = event.code === KeyboardCode.Right ? 1 : -1;\n\n  const columns: ContainerRect[] = [];\n  for (const container of allContainers) {\n    const columnId = resolveColumnDropId(String(container.id));\n    if (columnId === null) continue;\n    const rect = droppableRects.get(container.id);\n    if (!rect) continue;\n    columns.push({ container, rect });\n  }\n  columns.sort((a, b) => a.rect.left - b.rect.left);\n\n  const activeColumnIndex = columns.findIndex(\n    (c) => resolveColumnDropId(String(c.container.id)) === activeContainerId\n  );\n  if (activeColumnIndex === -1) return undefined;\n\n  const targetColumn = columns[activeColumnIndex + direction];\n  if (!targetColumn) return undefined;\n\n  const targetContainerId = resolveColumnDropId(String(targetColumn.container.id)) as UniqueIdentifier;\n  const targetItems = collectColumnItemRects(allContainers, droppableRects, targetContainerId);\n\n  let targetRect = targetColumn.rect;\n  if (targetItems.length > 0) {\n    targetRect = targetItems.reduce((closest, item) =>\n      Math.abs(item.rect.top - collisionRect.top) < Math.abs(closest.rect.top - collisionRect.top) ? item : closest\n    ).rect;\n  }\n\n  return { x: targetRect.left, y: targetRect.top };\n};\n"],"mappings":"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"}

package/dist/esm/common/timeline/timeline.mjs

@@ -0,0 +1,2 @@
+import e from"../interactableDiv/index.mjs";import t from"./timeline.module.mjs";import{TimelineAlignment as n,TimelineItemStatus as r}from"./timeline.types.mjs";import"react";import i from"classnames";import{FontAwesomeIcon as a}from"@fortawesome/react-fontawesome";import{Fragment as o,jsx as s,jsxs as c}from"react/jsx-runtime";var l={[r.Primary]:t.timelineDotPrimary,[r.Success]:t.timelineDotSuccess,[r.Warn]:t.timelineDotWarn,[r.Error]:t.timelineDotError};function u({items:u=[],alignment:d=n.Left,className:f,style:p,classNames:m,styles:h,...g}){return s(`div`,{...g,className:i(t.timeline,{[t.timelineRight]:d===n.Right,[t.timelineAlternate]:d===n.Alternate},m?.root,f),style:{...h?.root,...p},children:u.map((f,p)=>{let g=f.id??p,_=p===u.length-1,v=d===n.Alternate&&p%2==1,y=!!f.onClick&&!f.disabled,b=c(o,{children:[c(`div`,{className:i(t.timelineMarker,m?.marker),style:h?.marker,children:[s(`div`,{className:i(t.timelineDot,l[f.status??r.Default],m?.dot),style:h?.dot,children:f.icon&&s(a,{icon:f.icon})}),!_&&s(`div`,{className:i(t.timelineConnector,m?.connector),style:h?.connector})]}),c(`div`,{className:i(t.timelineContent,m?.content),style:h?.content,children:[c(`div`,{className:t.timelineHeader,children:[s(`div`,{className:i(t.timelineTitle,m?.title),style:h?.title,children:f.title}),f.timestamp!=null&&s(`div`,{className:i(t.timelineTimestamp,m?.timestamp),style:h?.timestamp,children:f.timestamp})]}),f.description!=null&&s(`div`,{className:i(t.timelineDescription,m?.description),style:h?.description,children:f.description}),f.content]})]}),x=i(t.timelineItem,{[t.timelineItemRight]:v},{[t.timelineItemClickable]:y},{[t.timelineItemDisabled]:f.disabled},m?.item);return y?s(e,{className:x,style:h?.item,onClick:f.onClick,children:b},g):s(`div`,{className:x,style:h?.item,"aria-disabled":f.disabled||void 0,children:b},g)})})}export{u as default};
+//# sourceMappingURL=timeline.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.mjs","names":[],"sources":["../../../../package/common/timeline/timeline.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport InteractableDiv from '../interactableDiv';\nimport styles from './timeline.module.pcss';\nimport { TimelineAlignment, TimelineItemStatus, type TimelineProps, type TimelineItem } from './timeline.types';\n\n// TimelineItemStatus.Default is intentionally absent: it uses .timeline-dot's own\n// background-color, so no modifier class is needed for it.\nconst STATUS_CLASS: Partial<Record<TimelineItemStatus, string>> = {\n  [TimelineItemStatus.Primary]: styles.timelineDotPrimary,\n  [TimelineItemStatus.Success]: styles.timelineDotSuccess,\n  [TimelineItemStatus.Warn]: styles.timelineDotWarn,\n  [TimelineItemStatus.Error]: styles.timelineDotError,\n};\n\nexport default function Timeline({\n  items = [],\n  alignment = TimelineAlignment.Left,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: TimelineProps) {\n  return (\n    <div\n      {...rest}\n      className={cx(\n        styles.timeline,\n        {\n          [styles.timelineRight]: alignment === TimelineAlignment.Right,\n          [styles.timelineAlternate]: alignment === TimelineAlignment.Alternate,\n        },\n        classNames?.root,\n        className,\n      )}\n      style={{ ...slotStyles?.root, ...style }}\n    >\n      {items.map((item: TimelineItem, index: number) => {\n        const key = item.id ?? index;\n        const isLast = index === items.length - 1;\n        const isAlternateRight = alignment === TimelineAlignment.Alternate && index % 2 === 1;\n        const isClickable = !!item.onClick && !item.disabled;\n\n        const itemContent = (\n          <>\n            <div className={cx(styles.timelineMarker, classNames?.marker)} style={slotStyles?.marker}>\n              <div\n                className={cx(styles.timelineDot, STATUS_CLASS[item.status ?? TimelineItemStatus.Default], classNames?.dot)}\n                style={slotStyles?.dot}\n              >\n                {item.icon && <FontAwesomeIcon icon={item.icon} />}\n              </div>\n              {!isLast && (\n                <div className={cx(styles.timelineConnector, classNames?.connector)} style={slotStyles?.connector} />\n              )}\n            </div>\n            <div className={cx(styles.timelineContent, classNames?.content)} style={slotStyles?.content}>\n              <div className={styles.timelineHeader}>\n                <div className={cx(styles.timelineTitle, classNames?.title)} style={slotStyles?.title}>\n                  {item.title}\n                </div>\n                {item.timestamp != null && (\n                  <div className={cx(styles.timelineTimestamp, classNames?.timestamp)} style={slotStyles?.timestamp}>\n                    {item.timestamp}\n                  </div>\n                )}\n              </div>\n              {item.description != null && (\n                <div className={cx(styles.timelineDescription, classNames?.description)} style={slotStyles?.description}>\n                  {item.description}\n                </div>\n              )}\n              {item.content}\n            </div>\n          </>\n        );\n\n        const itemClassName = cx(\n          styles.timelineItem,\n          { [styles.timelineItemRight]: isAlternateRight },\n          { [styles.timelineItemClickable]: isClickable },\n          { [styles.timelineItemDisabled]: item.disabled },\n          classNames?.item,\n        );\n\n        if (isClickable) {\n          return (\n            <InteractableDiv\n              key={key}\n              className={itemClassName}\n              style={slotStyles?.item}\n              onClick={item.onClick}\n            >\n              {itemContent}\n            </InteractableDiv>\n          );\n        }\n\n        return (\n          <div key={key} className={itemClassName} style={slotStyles?.item} aria-disabled={item.disabled || undefined}>\n            {itemContent}\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"2UASA,IAAM,EAA4D,EAC/D,EAAmB,SAAU,EAAO,oBACpC,EAAmB,SAAU,EAAO,oBACpC,EAAmB,MAAO,EAAO,iBACjC,EAAmB,OAAQ,EAAO,gBACrC,EAEA,SAAwB,EAAS,CAC/B,QAAQ,CAAC,EACT,YAAY,EAAkB,KAC9B,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACa,CAChB,OACE,EAAC,MAAD,CACE,GAAI,EACJ,UAAW,EACT,EAAO,SACP,EACG,EAAO,eAAgB,IAAc,EAAkB,OACvD,EAAO,mBAAoB,IAAc,EAAkB,SAC9D,EACA,GAAY,KACZ,CACF,EACA,MAAO,CAAE,GAAG,GAAY,KAAM,GAAG,CAAM,WAEtC,EAAM,KAAK,EAAoB,IAAkB,CAChD,IAAM,EAAM,EAAK,IAAM,EACjB,EAAS,IAAU,EAAM,OAAS,EAClC,EAAmB,IAAc,EAAkB,WAAa,EAAQ,GAAM,EAC9E,EAAc,CAAC,CAAC,EAAK,SAAW,CAAC,EAAK,SAEtC,EACJ,EAAA,EAAA,CAAA,SAAA,CACE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,eAAgB,GAAY,MAAM,EAAG,MAAO,GAAY,gBAAlF,CACE,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,YAAa,EAAa,EAAK,QAAU,EAAmB,SAAU,GAAY,GAAG,EAC1G,MAAO,GAAY,aAElB,EAAK,MAAQ,EAAC,EAAD,CAAiB,KAAM,EAAK,IAAO,CAAA,CAC9C,CAAA,EACJ,CAAC,GACA,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,kBAAmB,GAAY,SAAS,EAAG,MAAO,GAAY,SAAY,CAAA,CAEnG,IACL,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,gBAAiB,GAAY,OAAO,EAAG,MAAO,GAAY,iBAApF,CACE,EAAC,MAAD,CAAK,UAAW,EAAO,wBAAvB,CACE,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,cAAe,GAAY,KAAK,EAAG,MAAO,GAAY,eAC7E,EAAK,KACH,CAAA,EACJ,EAAK,WAAa,MACjB,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,kBAAmB,GAAY,SAAS,EAAG,MAAO,GAAY,mBACrF,EAAK,SACH,CAAA,CAEJ,IACJ,EAAK,aAAe,MACnB,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,oBAAqB,GAAY,WAAW,EAAG,MAAO,GAAY,qBACzF,EAAK,WACH,CAAA,EAEN,EAAK,OACH,GACL,CAAA,CAAA,EAGE,EAAgB,EACpB,EAAO,aACP,EAAG,EAAO,mBAAoB,CAAiB,EAC/C,EAAG,EAAO,uBAAwB,CAAY,EAC9C,EAAG,EAAO,sBAAuB,EAAK,QAAS,EAC/C,GAAY,IACd,EAeA,OAbI,EAEA,EAAC,EAAD,CAEE,UAAW,EACX,MAAO,GAAY,KACnB,QAAS,EAAK,iBAEb,CACc,EANV,CAMU,EAKnB,EAAC,MAAD,CAAe,UAAW,EAAe,MAAO,GAAY,KAAM,gBAAe,EAAK,UAAY,IAAA,YAC/F,CACE,EAFK,CAEL,CAET,CAAC,CACE,CAAA,CAET"}

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

@@ -0,0 +1,2 @@
+var e={timeline:`timeline_VtQdt`,"timeline-item":`timeline-item_s8-U2`,timelineItem:`timeline-item_s8-U2`,"timeline-item-connector":`timeline-item-connector_06FQ0`,timelineItemConnector:`timeline-item-connector_06FQ0`,"timeline-item-clickable":`timeline-item-clickable_0w8zK`,timelineItemClickable:`timeline-item-clickable_0w8zK`,"timeline-item-disabled":`timeline-item-disabled_EkWVA`,timelineItemDisabled:`timeline-item-disabled_EkWVA`,"timeline-marker":`timeline-marker_u6jDA`,timelineMarker:`timeline-marker_u6jDA`,"timeline-dot":`timeline-dot_l-s7C`,timelineDot:`timeline-dot_l-s7C`,"timeline-dot-primary":`timeline-dot-primary_5Uk-e`,timelineDotPrimary:`timeline-dot-primary_5Uk-e`,"timeline-dot-success":`timeline-dot-success_iEoLv`,timelineDotSuccess:`timeline-dot-success_iEoLv`,"timeline-dot-warn":`timeline-dot-warn_-6G8K`,timelineDotWarn:`timeline-dot-warn_-6G8K`,"timeline-dot-error":`timeline-dot-error_-10M7`,timelineDotError:`timeline-dot-error_-10M7`,"timeline-connector":`timeline-connector_VuXnH`,timelineConnector:`timeline-connector_VuXnH`,"timeline-content":`timeline-content_K4Ztg`,timelineContent:`timeline-content_K4Ztg`,"timeline-header":`timeline-header_xr4Tw`,timelineHeader:`timeline-header_xr4Tw`,"timeline-title":`timeline-title_MZ26k`,timelineTitle:`timeline-title_MZ26k`,"timeline-timestamp":`timeline-timestamp_-0w-N`,timelineTimestamp:`timeline-timestamp_-0w-N`,"timeline-description":`timeline-description_WcWIu`,timelineDescription:`timeline-description_WcWIu`,"timeline-right":`timeline-right_fZEKn`,timelineRight:`timeline-right_fZEKn`,"timeline-alternate":`timeline-alternate_Kv9LY`,timelineAlternate:`timeline-alternate_Kv9LY`,"timeline-item-right":`timeline-item-right_s5ELB`,timelineItemRight:`timeline-item-right_s5ELB`};export{e as default};
+//# sourceMappingURL=timeline.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.module.mjs","names":[],"sources":["../../../../package/common/timeline/timeline.module.pcss"],"sourcesContent":[".timeline {\n  /* Theme tokens resolved once, each with a built-in fallback. Set any of the\n     public `--timeline-*` variables via ThemeProvider (theme-wide) or `style`\n     (per instance) to override; unset ones fall back to the values below. */\n  --custom-timeline-dot-size: var(--timeline-dot-size, 14px);\n  --custom-timeline-dot-color: var(--timeline-dot-color, var(--primary-color));\n  --custom-timeline-dot-border: var(--timeline-dot-border, var(--background));\n  --custom-timeline-line-color: var(--timeline-line-color, var(--border-color));\n  --custom-timeline-line-thickness: var(--timeline-line-thickness, 2px);\n  --custom-timeline-gap: var(--timeline-gap, 16px);\n  --custom-timeline-item-gap: var(--timeline-item-gap, 20px);\n  --custom-timeline-icon-dot-size: var(--timeline-icon-dot-size, 28px);\n\n  display: flex;\n  flex-direction: column;\n  color: var(--text-color);\n\n  &-item {\n    display: flex;\n    gap: var(--custom-timeline-gap);\n    border-radius: var(--default-border-radius);\n\n    &:last-child &-connector {\n      display: none;\n    }\n  }\n\n  &-item-clickable {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    transition: background-color 0.15s ease;\n    margin: -8px -10px;\n    padding: 8px 10px;\n\n    &:hover {\n      background-color: var(--background-accent-light);\n    }\n    &:focus-visible {\n      outline: 2px solid var(--primary-color);\n      outline-offset: -2px;\n    }\n  }\n\n  &-item-disabled {\n    opacity: 0.5;\n  }\n\n  &-marker {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-shrink: 0;\n  }\n\n  &-dot {\n    width: var(--custom-timeline-dot-size);\n    height: var(--custom-timeline-dot-size);\n    border-radius: 50%;\n    background-color: var(--custom-timeline-dot-color);\n    box-shadow: 0 0 0 3px var(--custom-timeline-dot-border);\n    flex-shrink: 0;\n\n    &:has(svg) {\n      width: var(--custom-timeline-icon-dot-size);\n      height: var(--custom-timeline-icon-dot-size);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      color: var(--text-on-primary);\n      font-size: calc(var(--custom-timeline-icon-dot-size) * 0.5);\n    }\n  }\n\n  &-dot-primary {\n    background-color: var(--primary-color);\n  }\n  &-dot-success {\n    background-color: var(--success-color);\n  }\n  &-dot-warn {\n    background-color: var(--warn-color);\n  }\n  &-dot-error {\n    background-color: var(--error-color);\n  }\n\n  &-connector {\n    flex: 1 1 auto;\n    width: var(--custom-timeline-line-thickness);\n    min-height: 12px;\n    background-color: var(--custom-timeline-line-color);\n    margin: 4px 0;\n  }\n\n  &-content {\n    flex: 1 1 auto;\n    min-width: 0;\n    padding-bottom: var(--custom-timeline-item-gap);\n  }\n\n  &-header {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 8px;\n  }\n\n  &-title {\n    font-weight: 600;\n    color: var(--text-color);\n  }\n\n  &-timestamp {\n    flex-shrink: 0;\n    color: var(--text-dark);\n    font-size: var(--text-small-font-size, 0.85em);\n    white-space: nowrap;\n  }\n\n  &-description {\n    color: var(--text-dark);\n    margin-top: 2px;\n  }\n\n  /* Right: markers + line on the right, content on the left */\n  &-right &-item {\n    flex-direction: row-reverse;\n    text-align: right;\n  }\n  &-right &-header {\n    flex-direction: row-reverse;\n  }\n\n  /* Alternate: two-column layout, entries alternating left/right of a centered line */\n  &-alternate &-item {\n    display: grid;\n    grid-template-columns: 1fr auto 1fr;\n    align-items: start;\n    gap: var(--custom-timeline-gap);\n  }\n  &-alternate &-marker {\n    grid-column: 2;\n    grid-row: 1;\n  }\n  &-alternate &-content {\n    grid-column: 1;\n    grid-row: 1;\n    text-align: right;\n  }\n  &-alternate &-header {\n    flex-direction: row-reverse;\n  }\n  &-alternate &-item-right &-content {\n    grid-column: 3;\n    text-align: left;\n  }\n  &-alternate &-item-right &-header {\n    flex-direction: row;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/timeline/timeline.types.mjs

@@ -0,0 +1,2 @@
+var e=function(e){return e.Left=`left`,e.Right=`right`,e.Alternate=`alternate`,e}({}),t=function(e){return e.Default=`default`,e.Primary=`primary`,e.Success=`success`,e.Warn=`warn`,e.Error=`error`,e}({});export{e as TimelineAlignment,t as TimelineItemStatus};
+//# sourceMappingURL=timeline.types.mjs.map

package/dist/esm/common/timeline/timeline.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.types.mjs","names":[],"sources":["../../../../package/common/timeline/timeline.types.ts"],"sourcesContent":["import type React from 'react';\nimport type { IconDefinition } from '@fortawesome/fontawesome-svg-core';\nimport type { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types';\n\n/** Layout of entries relative to the connecting line. */\nexport enum TimelineAlignment {\n  /** Line and markers on the left, content to the right (the default). */\n  Left = 'left',\n  /** Line and markers on the right, content to the left. */\n  Right = 'right',\n  /** Line down the center, entries alternating left/right. */\n  Alternate = 'alternate',\n}\n\n/** Semantic colour for an entry's marker, matching the theme's status colours. */\nexport enum TimelineItemStatus {\n  Default = 'default',\n  Primary = 'primary',\n  Success = 'success',\n  Warn = 'warn',\n  Error = 'error',\n}\n\nexport type TimelineSlots =\n  | 'root'\n  | 'item'\n  | 'marker'\n  | 'dot'\n  | 'connector'\n  | 'content'\n  | 'title'\n  | 'description'\n  | 'timestamp';\n\nexport interface TimelineItem {\n  /** Stable identity for the entry, used as its React key. Falls back to its array index when omitted; pass one whenever `items` can be reordered or have entries prepended (e.g. a live \"newest first\" audit log), so React doesn't misattribute row state across the shift. */\n  id?: string | number;\n  /** Primary label for the entry. */\n  title: React.ReactNode;\n  /** Secondary line under the title. */\n  description?: React.ReactNode;\n  /** Rendered next to the title, e.g. a date or relative time (\"2 hours ago\"). */\n  timestamp?: React.ReactNode;\n  /** FontAwesome icon shown in the marker instead of a plain dot. */\n  icon?: IconDefinition;\n  /** Semantic marker colour (default `Default`). */\n  status?: TimelineItemStatus;\n  /** Extra content rendered under the description, e.g. a diff, an attachment, an actor avatar. */\n  content?: React.ReactNode;\n  /** Makes the whole entry clickable (e.g. to open the full record), rendering it as an accessible button. */\n  onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;\n  /** Disables the entry: never clickable, dimmed. Only relevant alongside `onClick`. */\n  disabled?: boolean;\n}\n\nexport interface TimelineProps extends HtmlProps {\n  /** The entries to render, in display order (typically newest first for an audit log). */\n  items?: TimelineItem[];\n  /** Layout of entries relative to the connecting line (default `Left`). */\n  alignment?: TimelineAlignment;\n  className?: string;\n  style?: React.CSSProperties;\n  classNames?: SlotClassNames<TimelineSlots>;\n  styles?: SlotStyles<TimelineSlots>;\n}\n"],"mappings":"AAKA,IAAY,EAAL,SAAA,EAAA,OAEL,GAAA,KAAA,OAEA,EAAA,MAAA,QAEA,EAAA,UAAA,aACF,EAAA,CAAA,CAAA,EAGY,EAAL,SAAA,EAAA,OACL,GAAA,QAAA,UACA,EAAA,QAAA,UACA,EAAA,QAAA,UACA,EAAA,KAAA,OACA,EAAA,MAAA,SACF,EAAA,CAAA,CAAA"}

package/dist/esm/index.mjs

@@ -1 +1 @@
-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 r from"./common/accordion/accordion.mjs";import i from"./common/loading/spinnerLoading/index.mjs";import{ButtonSize as a,ButtonStyleType as o,ButtonType as s}from"./common/button/button.types.mjs";import c from"./common/ripple/ripple.mjs";import l from"./common/button/button.mjs";import u from"./common/actionButtons/actionButtons.mjs";import d from"./common/interactableDiv/index.mjs";import f from"./common/actionIcon/actionIcon.mjs";import{AlertStyleType as p}from"./common/alert/alert.types.mjs";import m from"./common/alert/alert.mjs";import h from"./common/animatedLogo/animatedLogo.mjs";import{AnimatedTextUnit as g,AnimatedTextVariant as _}from"./common/animatedText/animatedText.types.mjs";import v from"./common/animatedText/animatedText.mjs";import{BadgePosition as y,BadgeStyleType as b}from"./common/badge/badge.types.mjs";import x from"./common/badge/badge.mjs";import S from"./common/avatar/avatar.mjs";import C from"./common/avatar/avatarGroup.mjs";import w from"./common/bodyEnd/bodyEnd.mjs";import{Align as T}from"./common/floatingMenu/floatingMenu.types.mjs";import E from"./common/floatingMenu/floatingMenu.mjs";import D from"./common/breadcrumb/breadcrumb.mjs";import{ButtonGroupOrientation as O}from"./common/buttonGroup/buttonGroup.types.mjs";import k from"./common/buttonGroup/buttonGroup.mjs";import{CardStyleType as A}from"./common/card/card.types.mjs";import j from"./common/card/Card.mjs";import M from"./common/card/CardHeader.mjs";import N from"./common/card/CardMedia.mjs";import P from"./common/card/CardContent.mjs";import F from"./common/card/CardActions.mjs";import I from"./common/carousel/carousel.mjs";import L from"./common/checkbox/checkbox.mjs";import{ChipStyleType as R}from"./common/chip/chip.types.mjs";import z from"./common/chip/chip.mjs";import B from"./common/chip/chipContainer.mjs";import V from"./common/tooltip/tooltip.mjs";import{InputIconPosition as H,InputType as U}from"./common/input/input.types.mjs";import W from"./common/input/input.mjs";import G from"./common/colorPicker/colorPicker.mjs";import K from"./common/modal/modal.mjs";import q from"./common/confirmModal/confirmModal.mjs";import{getLocale as J,mapLocale as Y,setLocale as X}from"./services/localization.mjs";import Z from"./common/infiniteBlock/infiniteBlock.mjs";import Q from"./common/dropdown/dropdown.mjs";import $ from"./common/datePicker/datePicker.mjs";import{DividerOrientation as ee,DividerTextPosition as te}from"./common/divider/divider.types.mjs";import ne from"./common/divider/divider.mjs";import re from"./common/drawer/drawer.mjs";import{DropZoneReturnType as ie,DropZoneStatus as ae}from"./common/dropZone/dropZone.types.mjs";import oe from"./common/dropZone/dropZone.mjs";import se from"./common/emptyState/emptyState.mjs";import ce from"./common/fab/fab.mjs";import le from"./common/iconPicker/iconPicker.mjs";import ue from"./common/idleManager/idleManager.mjs";import de from"./common/inputDropdown/inputDropdown.mjs";import fe from"./common/kanbanBoard/KanbanColumn.mjs";import pe from"./common/kanbanBoard/KanbanBoard.mjs";import me from"./common/searchInput/searchInput.mjs";import he from"./common/klipyPicker/klipyPicker.mjs";import ge from"./common/loading/iconLoading/index.mjs";import _e from"./common/numberInput/index.mjs";import ve from"./common/optionPicker/optionPicker.mjs";import ye from"./common/overscroll/overscroll.mjs";import{PopoverAlign as be,PopoverPlacement as xe,PopoverTrigger as Se}from"./common/popover/popover.types.mjs";import Ce from"./common/popover/popover.mjs";import we from"./common/progressBar/progressBar.mjs";import{RadioGroupOrientation as Te}from"./common/radioGroup/radioGroup.types.mjs";import Ee from"./common/radioGroup/radioGroup.mjs";import De from"./common/rating/rating.mjs";import Oe from"./common/roomDrawer/roomDrawer.mjs";import ke from"./common/roomViewer/roomViewer.mjs";import Ae from"./common/scrollbarProvider/index.mjs";import{SectionHeaderSize as je}from"./common/sectionHeader/sectionHeader.types.mjs";import Me from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as Ne,SkeletonVariant as Pe}from"./common/skeleton/skeleton.types.mjs";import Fe from"./common/skeleton/skeleton.mjs";import Ie from"./common/slider/slider.mjs";import Le from"./common/splitButton/splitButton.mjs";import{StepperAlignment as Re,StepperCollapse as ze,StepperLabelPlacement as Be,StepperStyleType as Ve}from"./common/stepper/stepper.types.mjs";import He from"./common/stepper/stepper.mjs";import Ue from"./common/sticky/sticky.mjs";import We from"./common/switch/switch.mjs";import Ge from"./common/tabHeader/tabHeader.mjs";import Ke from"./common/textarea/textarea.mjs";import{defaultTheme as qe}from"./common/themeProvider/defaultTheme.mjs";import Je from"./common/themeProvider/themeProvider.mjs";import{useTheme as Ye}from"./common/themeProvider/useTheme.mjs";import Xe from"./common/timeInput/timeInput.mjs";import{showToast as Ze}from"./common/toast/toastService.mjs";import Qe from"./common/toast/toastProvider.mjs";import $e from"./common/virtualList/virtualList.mjs";import et from"./common/wizard/wizard.mjs";import tt from"./services/formValidation/FormValidatorGroupWithForm.mjs";import nt from"./services/formValidation/validatableComponent.mjs";import{useFormValidatorGroup as rt}from"./services/formValidation/useFormValidatorGroup.mjs";import{FormValidator as it,Validators as at,useFormValidator as ot}from"./services/formValidation/index.mjs";import{hasEightPasswordChars as st,hasOnePasswordDigit as ct,hasOnePasswordLetter as lt,isBic as ut,isDate as dt,isEmail as ft,isISODate as pt,isNumber as mt,isPassword as ht,isURL as gt}from"@ahrowe/form-validation";export{r as Accordion,e as AccordionStyleType,u as ActionButtons,f as ActionIcon,m as Alert,p as AlertStyleType,T as Align,h as AnimatedLogo,v as AnimatedText,g as AnimatedTextUnit,_ as AnimatedTextVariant,S as Avatar,C as AvatarGroup,x as Badge,y as BadgePosition,b as BadgeStyleType,w as BodyEnd,D as Breadcrumb,l as Button,k as ButtonGroup,O as ButtonGroupOrientation,a as ButtonSize,o as ButtonStyleType,s as ButtonType,j as Card,F as CardActions,P as CardContent,M as CardHeader,N as CardMedia,A as CardStyleType,I as Carousel,L as Checkbox,z as Chip,B as ChipContainer,R as ChipStyleType,G as ColorPicker,t as ConfigProvider,q as ConfirmModal,$ as DatePicker,ne as Divider,ee as DividerOrientation,te as DividerTextPosition,re as Drawer,oe as DropZone,ie as DropZoneReturnType,ae as DropZoneStatus,Q as Dropdown,se as EmptyState,ce as Fab,E as FloatingMenu,it as FormValidator,tt as FormValidatorGroup,ge as IconLoading,le as IconPicker,ue as IdleManager,Z as InfiniteBlock,W as Input,de as InputDropdown,H as InputIconPosition,U as InputType,d as InteractableDiv,pe as KanbanBoard,fe as KanbanColumn,he as KlipyPicker,K as Modal,_e as NumberInput,ve as OptionPicker,ye as Overscroll,Ce as Popover,be as PopoverAlign,xe as PopoverPlacement,Se as PopoverTrigger,we as ProgressBar,Ee as RadioGroup,Te as RadioGroupOrientation,De as Rating,c as Ripple,Oe as RoomDrawer,ke as RoomViewer,Ae as ScrollbarProvider,me as SearchInput,Me as SectionHeader,je as SectionHeaderSize,Fe as Skeleton,Ne as SkeletonAnimation,Pe as SkeletonVariant,Ie as Slider,i as SpinnerLoading,Le as SplitButton,He as Stepper,Re as StepperAlignment,ze as StepperCollapse,Be as StepperLabelPlacement,Ve as StepperStyleType,Ue as Sticky,We as Switch,Ge as TabHeader,Ke as Textarea,Je as ThemeProvider,Xe as TimeInput,Qe as ToastProvider,V as Tooltip,nt as ValidatableComponent,at as Validators,$e as VirtualList,et as Wizard,qe as defaultTheme,J as getLocale,st as hasEightPasswordChars,ct as hasOnePasswordDigit,lt as hasOnePasswordLetter,ut as isBic,dt as isDate,ft as isEmail,pt as isISODate,mt as isNumber,ht as isPassword,gt as isURL,Y as mapLocale,X as setLocale,Ze as showToast,n as useComponentDefaults,ot as useFormValidator,rt as useFormValidatorGroup,Ye as useTheme};
+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 r from"./common/accordion/accordion.mjs";import i from"./common/loading/spinnerLoading/index.mjs";import{ButtonSize as a,ButtonStyleType as o,ButtonType as s}from"./common/button/button.types.mjs";import c from"./common/ripple/ripple.mjs";import l from"./common/button/button.mjs";import u from"./common/actionButtons/actionButtons.mjs";import d from"./common/interactableDiv/index.mjs";import f from"./common/actionIcon/actionIcon.mjs";import{AlertStyleType as p}from"./common/alert/alert.types.mjs";import m from"./common/alert/alert.mjs";import h from"./common/animatedLogo/animatedLogo.mjs";import{AnimatedTextUnit as g,AnimatedTextVariant as _}from"./common/animatedText/animatedText.types.mjs";import v from"./common/animatedText/animatedText.mjs";import{BadgePosition as y,BadgeStyleType as b}from"./common/badge/badge.types.mjs";import x from"./common/badge/badge.mjs";import S from"./common/avatar/avatar.mjs";import C from"./common/avatar/avatarGroup.mjs";import w from"./common/bodyEnd/bodyEnd.mjs";import{Align as T}from"./common/floatingMenu/floatingMenu.types.mjs";import E from"./common/floatingMenu/floatingMenu.mjs";import D from"./common/breadcrumb/breadcrumb.mjs";import{ButtonGroupOrientation as O}from"./common/buttonGroup/buttonGroup.types.mjs";import k from"./common/buttonGroup/buttonGroup.mjs";import{CardStyleType as A}from"./common/card/card.types.mjs";import j from"./common/card/Card.mjs";import M from"./common/card/CardHeader.mjs";import N from"./common/card/CardMedia.mjs";import P from"./common/card/CardContent.mjs";import F from"./common/card/CardActions.mjs";import I from"./common/carousel/carousel.mjs";import L from"./common/checkbox/checkbox.mjs";import{ChipStyleType as R}from"./common/chip/chip.types.mjs";import z from"./common/chip/chip.mjs";import B from"./common/chip/chipContainer.mjs";import V from"./common/tooltip/tooltip.mjs";import{InputIconPosition as H,InputType as U}from"./common/input/input.types.mjs";import W from"./common/input/input.mjs";import G from"./common/colorPicker/colorPicker.mjs";import K from"./common/modal/modal.mjs";import q from"./common/confirmModal/confirmModal.mjs";import{getLocale as J,mapLocale as Y,setLocale as X}from"./services/localization.mjs";import Z from"./common/infiniteBlock/infiniteBlock.mjs";import Q from"./common/dropdown/dropdown.mjs";import $ from"./common/datePicker/datePicker.mjs";import{DividerOrientation as ee,DividerTextPosition as te}from"./common/divider/divider.types.mjs";import ne from"./common/divider/divider.mjs";import re from"./common/drawer/drawer.mjs";import{DropZoneReturnType as ie,DropZoneStatus as ae}from"./common/dropZone/dropZone.types.mjs";import oe from"./common/dropZone/dropZone.mjs";import se from"./common/emptyState/emptyState.mjs";import{showToast as ce}from"./common/toast/toastService.mjs";import le from"./common/toast/toastProvider.mjs";import ue from"./common/errorBoundary/errorBoundary.mjs";import de from"./common/fab/fab.mjs";import fe from"./common/iconPicker/iconPicker.mjs";import pe from"./common/idleManager/idleManager.mjs";import me from"./common/inputDropdown/inputDropdown.mjs";import he from"./common/kanbanBoard/KanbanColumn.mjs";import ge from"./common/kanbanBoard/KanbanBoard.mjs";import _e from"./common/searchInput/searchInput.mjs";import ve from"./common/klipyPicker/klipyPicker.mjs";import ye from"./common/loading/iconLoading/index.mjs";import be from"./common/numberInput/index.mjs";import xe from"./common/optionPicker/optionPicker.mjs";import Se from"./common/overscroll/overscroll.mjs";import{PopoverAlign as Ce,PopoverPlacement as we,PopoverTrigger as Te}from"./common/popover/popover.types.mjs";import Ee from"./common/popover/popover.mjs";import De from"./common/progressBar/progressBar.mjs";import{RadioGroupOrientation as Oe}from"./common/radioGroup/radioGroup.types.mjs";import ke from"./common/radioGroup/radioGroup.mjs";import Ae from"./common/rating/rating.mjs";import je from"./common/roomDrawer/roomDrawer.mjs";import Me from"./common/roomViewer/roomViewer.mjs";import Ne from"./common/scrollbarProvider/index.mjs";import{SectionHeaderSize as Pe}from"./common/sectionHeader/sectionHeader.types.mjs";import Fe from"./common/sectionHeader/sectionHeader.mjs";import{SkeletonAnimation as Ie,SkeletonVariant as Le}from"./common/skeleton/skeleton.types.mjs";import Re from"./common/skeleton/skeleton.mjs";import ze from"./common/slider/slider.mjs";import Be from"./common/splitButton/splitButton.mjs";import{StepperAlignment as Ve,StepperCollapse as He,StepperLabelPlacement as Ue,StepperStyleType as We}from"./common/stepper/stepper.types.mjs";import Ge from"./common/stepper/stepper.mjs";import Ke from"./common/sticky/sticky.mjs";import qe from"./common/switch/switch.mjs";import Je from"./common/tabHeader/tabHeader.mjs";import Ye from"./common/textarea/textarea.mjs";import{defaultTheme as Xe}from"./common/themeProvider/defaultTheme.mjs";import Ze from"./common/themeProvider/themeProvider.mjs";import{useTheme as Qe}from"./common/themeProvider/useTheme.mjs";import $e from"./common/timeInput/timeInput.mjs";import{TimelineAlignment as et,TimelineItemStatus as tt}from"./common/timeline/timeline.types.mjs";import nt from"./common/timeline/timeline.mjs";import rt from"./common/virtualList/virtualList.mjs";import it from"./common/wizard/wizard.mjs";import at from"./services/formValidation/FormValidatorGroupWithForm.mjs";import ot from"./services/formValidation/validatableComponent.mjs";import{useFormValidatorGroup as st}from"./services/formValidation/useFormValidatorGroup.mjs";import{FormValidator as ct,Validators as lt,useFormValidator as ut}from"./services/formValidation/index.mjs";import{hasEightPasswordChars as dt,hasOnePasswordDigit as ft,hasOnePasswordLetter as pt,isBic as mt,isDate as ht,isEmail as gt,isISODate as _t,isNumber as vt,isPassword as yt,isURL as bt}from"@ahrowe/form-validation";export{r as Accordion,e as AccordionStyleType,u as ActionButtons,f as ActionIcon,m as Alert,p as AlertStyleType,T as Align,h as AnimatedLogo,v as AnimatedText,g as AnimatedTextUnit,_ as AnimatedTextVariant,S as Avatar,C as AvatarGroup,x as Badge,y as BadgePosition,b as BadgeStyleType,w as BodyEnd,D as Breadcrumb,l as Button,k as ButtonGroup,O as ButtonGroupOrientation,a as ButtonSize,o as ButtonStyleType,s as ButtonType,j as Card,F as CardActions,P as CardContent,M as CardHeader,N as CardMedia,A as CardStyleType,I as Carousel,L as Checkbox,z as Chip,B as ChipContainer,R as ChipStyleType,G as ColorPicker,t as ConfigProvider,q as ConfirmModal,$ as DatePicker,ne as Divider,ee as DividerOrientation,te as DividerTextPosition,re as Drawer,oe as DropZone,ie as DropZoneReturnType,ae as DropZoneStatus,Q as Dropdown,se as EmptyState,ue as ErrorBoundary,de as Fab,E as FloatingMenu,ct as FormValidator,at as FormValidatorGroup,ye as IconLoading,fe as IconPicker,pe as IdleManager,Z as InfiniteBlock,W as Input,me as InputDropdown,H as InputIconPosition,U as InputType,d as InteractableDiv,ge as KanbanBoard,he as KanbanColumn,ve as KlipyPicker,K as Modal,be as NumberInput,xe as OptionPicker,Se as Overscroll,Ee as Popover,Ce as PopoverAlign,we as PopoverPlacement,Te as PopoverTrigger,De as ProgressBar,ke as RadioGroup,Oe as RadioGroupOrientation,Ae as Rating,c as Ripple,je as RoomDrawer,Me as RoomViewer,Ne as ScrollbarProvider,_e as SearchInput,Fe as SectionHeader,Pe as SectionHeaderSize,Re as Skeleton,Ie as SkeletonAnimation,Le as SkeletonVariant,ze as Slider,i as SpinnerLoading,Be as SplitButton,Ge as Stepper,Ve as StepperAlignment,He as StepperCollapse,Ue as StepperLabelPlacement,We as StepperStyleType,Ke as Sticky,qe as Switch,Je as TabHeader,Ye as Textarea,Ze as ThemeProvider,$e as TimeInput,nt as Timeline,et as TimelineAlignment,tt as TimelineItemStatus,le as ToastProvider,V as Tooltip,ot as ValidatableComponent,lt as Validators,rt as VirtualList,it as Wizard,Xe as defaultTheme,J as getLocale,dt as hasEightPasswordChars,ft as hasOnePasswordDigit,pt as hasOnePasswordLetter,mt as isBic,ht as isDate,gt as isEmail,_t as isISODate,vt as isNumber,yt as isPassword,bt as isURL,Y as mapLocale,X as setLocale,ce as showToast,n as useComponentDefaults,ut as useFormValidator,st as useFormValidatorGroup,Qe as useTheme};