@mittwald/flow-react-components 0.2.0-alpha.749 → 0.2.0-alpha.750

package/dist/js/components/src/components/Action/models/ActionExecution.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionExecution.mjs","sources":["../../../../../../../src/components/Action/models/ActionExecution.tsx"],"sourcesContent":["import type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { ActionExecutionBatch } from \"@/components/Action/models/ActionExecutionBatch\";\nimport { callFunctionsInOrder } from \"@/lib/promises/callFunctionsInOrder\";\nimport { AbortActionError } from \"@/components/Action/AbortActionError\";\n\nexport class ActionExecution {\n  private readonly action: ActionModel;\n\n  public constructor(action: ActionModel) {\n    this.action = action;\n  }\n\n  public execute = (...args: unknown[]): void => {\n    const batches = this.getBatchedActions();\n\n    const executeBatchedActions = callFunctionsInOrder(\n      batches.map((b) => b.executeBatch.bind(b)),\n    );\n\n    try {\n      const maybePromise = executeBatchedActions(...args);\n      if (maybePromise instanceof Promise) {\n        maybePromise.catch((error) => {\n          AbortActionError.rethrowIfNotAborted(error);\n        });\n      }\n    } catch (error) {\n      AbortActionError.rethrowIfNotAborted(error);\n    }\n  };\n\n  private getBatchedActions = (): ActionExecutionBatch[] => {\n    let currentAction: ActionModel | undefined = this.action;\n\n    const batches: ActionExecutionBatch[] = [];\n    let currentBatch: ActionExecutionBatch = new ActionExecutionBatch(\n      this.action,\n    );\n\n    let skipCount = 0;\n\n    while (currentAction) {\n      const { onAction, break: $break, skip } = currentAction.actionProps;\n\n      if (currentAction.needsConfirmation) {\n        currentBatch.addAction(currentAction);\n        break;\n      }\n\n      if (skip) {\n        skipCount = skip === true ? 1 : skip;\n        currentAction = currentAction.parentAction;\n        continue;\n      }\n\n      if (skipCount > 0) {\n        currentAction = currentAction.parentAction;\n        skipCount--;\n        continue;\n      }\n\n      if ($break) {\n        break;\n      }\n\n      if (onAction) {\n        currentBatch.addAction(currentAction);\n      } else {\n        batches.push(currentBatch);\n        currentBatch = new ActionExecutionBatch(this.action);\n        currentBatch.addAction(currentAction);\n      }\n\n      currentAction = currentAction.parentAction;\n    }\n\n    batches.push(currentBatch);\n    return batches;\n  };\n}\n"],"names":[],"mappings":";;;;AAKO,MAAM,eAAA,CAAgB;AAAA,EACV,MAAA;AAAA,EAEV,YAAY,MAAA,EAAqB;AACtC,IAAA,IAAA,CAAK,MAAA,GAAS,MAAA;AAAA,EAChB;AAAA,EAEO,OAAA,GAAU,IAAI,IAAA,KAA0B;AAC7C,IAAA,MAAM,OAAA,GAAU,KAAK,iBAAA,EAAkB;AAEvC,IAAA,MAAM,qBAAA,GAAwB,oBAAA;AAAA,MAC5B,OAAA,CAAQ,IAAI,CAAC,CAAA,KAAM,EAAE,YAAA,CAAa,IAAA,CAAK,CAAC,CAAC;AAAA,KAC3C;AAEA,IAAA,IAAI;AACF,MAAA,MAAM,YAAA,GAAe,qBAAA,CAAsB,GAAG,IAAI,CAAA;AAClD,MAAA,IAAI,wBAAwB,OAAA,EAAS;AACnC,QAAA,YAAA,CAAa,KAAA,CAAM,CAAC,KAAA,KAAU;AAC5B,UAAA,gBAAA,CAAiB,oBAAoB,KAAK,CAAA;AAAA,QAC5C,CAAC,CAAA;AAAA,MACH;AAAA,IACF,SAAS,KAAA,EAAO;AACd,MAAA,gBAAA,CAAiB,oBAAoB,KAAK,CAAA;AAAA,IAC5C;AAAA,EACF,CAAA;AAAA,EAEQ,oBAAoB,MAA8B;AACxD,IAAA,IAAI,gBAAyC,IAAA,CAAK,MAAA;AAElD,IAAA,MAAM,UAAkC,EAAC;AACzC,IAAA,IAAI,eAAqC,IAAI,oBAAA;AAAA,MAC3C,IAAA,CAAK;AAAA,KACP;AAEA,IAAA,IAAI,SAAA,GAAY,CAAA;AAEhB,IAAA,OAAO,aAAA,EAAe;AACpB,MAAA,MAAM,EAAE,QAAA,EAAU,KAAA,EAAO,MAAA,EAAQ,IAAA,KAAS,aAAA,CAAc,WAAA;AAExD,MAAA,IAAI,cAAc,iBAAA,EAAmB;AACnC,QAAA,YAAA,CAAa,UAAU,aAAa,CAAA;AACpC,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,IAAA,EAAM;AACR,QAAA,SAAA,GAAY,IAAA,KAAS,OAAO,CAAA,GAAI,IAAA;AAChC,QAAA,aAAA,GAAgB,aAAA,CAAc,YAAA;AAC9B,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,YAAY,CAAA,EAAG;AACjB,QAAA,aAAA,GAAgB,aAAA,CAAc,YAAA;AAC9B,QAAA,SAAA,EAAA;AACA,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,MAAA,EAAQ;AACV,QAAA;AAAA,MACF;AAEA,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,YAAA,CAAa,UAAU,aAAa,CAAA;AAAA,MACtC,CAAA,MAAO;AACL,QAAA,OAAA,CAAQ,KAAK,YAAY,CAAA;AACzB,QAAA,YAAA,GAAe,IAAI,oBAAA,CAAqB,IAAA,CAAK,MAAM,CAAA;AACnD,QAAA,YAAA,CAAa,UAAU,aAAa,CAAA;AAAA,MACtC;AAEA,MAAA,aAAA,GAAgB,aAAA,CAAc,YAAA;AAAA,IAChC;AAEA,IAAA,OAAA,CAAQ,KAAK,YAAY,CAAA;AACzB,IAAA,OAAO,OAAA;AAAA,EACT,CAAA;AACF;;;;"}

package/dist/js/components/src/components/Action/models/ActionExecutionBatch.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionExecutionBatch.mjs","sources":["../../../../../../../src/components/Action/models/ActionExecutionBatch.ts"],"sourcesContent":["import type { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { callFunctionsInOrder } from \"@/lib/promises/callFunctionsInOrder\";\nimport { getExecutionFunction } from \"@/components/Action/models/getExecutionFunction\";\n\nexport class ActionExecutionBatch {\n  private readonly actions: ActionModel[] = [];\n  public readonly baseAction: ActionModel;\n\n  constructor(baseAction: ActionModel) {\n    this.baseAction = baseAction;\n  }\n\n  public addAction(action: ActionModel): void {\n    this.actions.push(action);\n  }\n\n  public executeBatch(...args: unknown[]) {\n    if (this.actions.length === 0) {\n      return;\n    }\n\n    const batchFeedback =\n      this.actions[this.actions.length - 1]?.actionProps.showFeedback;\n\n    const executionState = this.baseAction.state.withFeedback(\n      this.baseAction.needsConfirmation ? false : batchFeedback,\n    );\n\n    const executionFunctions = this.actions.map((c) => getExecutionFunction(c));\n\n    const executeBatch = callFunctionsInOrder(executionFunctions);\n\n    const onError = (error: unknown): void => {\n      executionState.onFailed(error);\n      throw error;\n    };\n\n    const onSucceeded = () => {\n      return executionState.onSucceeded();\n    };\n\n    try {\n      const result = executeBatch(...args);\n      if (result instanceof Promise) {\n        executionState.onAsyncStart();\n        return result.then(onSucceeded).catch(onError);\n      } else {\n        const onSucceededResult = onSucceeded();\n        if (onSucceededResult instanceof Promise) {\n          return onSucceededResult.then(() => result);\n        }\n        return result;\n      }\n    } catch (error) {\n      onError(error);\n    }\n  }\n}\n"],"names":[],"mappings":";;;AAIO,MAAM,oBAAA,CAAqB;AAAA,EACf,UAAyB,EAAC;AAAA,EAC3B,UAAA;AAAA,EAEhB,YAAY,UAAA,EAAyB;AACnC,IAAA,IAAA,CAAK,UAAA,GAAa,UAAA;AAAA,EACpB;AAAA,EAEO,UAAU,MAAA,EAA2B;AAC1C,IAAA,IAAA,CAAK,OAAA,CAAQ,KAAK,MAAM,CAAA;AAAA,EAC1B;AAAA,EAEO,gBAAgB,IAAA,EAAiB;AACtC,IAAA,IAAI,IAAA,CAAK,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG;AAC7B,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,aAAA,GACJ,KAAK,OAAA,CAAQ,IAAA,CAAK,QAAQ,MAAA,GAAS,CAAC,GAAG,WAAA,CAAY,YAAA;AAErD,IAAA,MAAM,cAAA,GAAiB,IAAA,CAAK,UAAA,CAAW,KAAA,CAAM,YAAA;AAAA,MAC3C,IAAA,CAAK,UAAA,CAAW,iBAAA,GAAoB,KAAA,GAAQ;AAAA,KAC9C;AAEA,IAAA,MAAM,kBAAA,GAAqB,KAAK,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,KAAM,oBAAA,CAAqB,CAAC,CAAC,CAAA;AAE1E,IAAA,MAAM,YAAA,GAAe,qBAAqB,kBAAkB,CAAA;AAE5D,IAAA,MAAM,OAAA,GAAU,CAAC,KAAA,KAAyB;AACxC,MAAA,cAAA,CAAe,SAAS,KAAK,CAAA;AAC7B,MAAA,MAAM,KAAA;AAAA,IACR,CAAA;AAEA,IAAA,MAAM,cAAc,MAAM;AACxB,MAAA,OAAO,eAAe,WAAA,EAAY;AAAA,IACpC,CAAA;AAEA,IAAA,IAAI;AACF,MAAA,MAAM,MAAA,GAAS,YAAA,CAAa,GAAG,IAAI,CAAA;AACnC,MAAA,IAAI,kBAAkB,OAAA,EAAS;AAC7B,QAAA,cAAA,CAAe,YAAA,EAAa;AAC5B,QAAA,OAAO,MAAA,CAAO,IAAA,CAAK,WAAW,CAAA,CAAE,MAAM,OAAO,CAAA;AAAA,MAC/C,CAAA,MAAO;AACL,QAAA,MAAM,oBAAoB,WAAA,EAAY;AACtC,QAAA,IAAI,6BAA6B,OAAA,EAAS;AACxC,UAAA,OAAO,iBAAA,CAAkB,IAAA,CAAK,MAAM,MAAM,CAAA;AAAA,QAC5C;AACA,QAAA,OAAO,MAAA;AAAA,MACT;AAAA,IACF,SAAS,KAAA,EAAO;AACd,MAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,IACf;AAAA,EACF;AACF;;;;"}

package/dist/js/components/src/components/Action/models/ActionModel.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionModel.mjs","sources":["../../../../../../../src/components/Action/models/ActionModel.tsx"],"sourcesContent":["import { useContext } from \"react\";\nimport { OverlayController } from \"@/lib/controller\";\nimport invariant from \"invariant\";\nimport { type ActionProps } from \"@/components/Action/types\";\nimport { actionContext } from \"@/components/Action/context\";\nimport { ActionState } from \"@/components/Action/models/ActionState\";\nimport { ActionExecution } from \"@/components/Action/models/ActionExecution\";\nimport { ActionStateContext } from \"@/components/Action/models/ActionStateContext\";\nimport type { OverlayContext } from \"@/lib/controller/overlay/context\";\nimport { useOverlayContext } from \"@/lib/controller/overlay/context\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport type {\n  CloseModalOptions,\n  CloseOverlayOptions,\n} from \"@/lib/controller/overlay/OverlayController\";\n\ninterface InitObject {\n  actionProps: ActionProps;\n  parentAction?: ActionModel;\n  confirmationModalController: OverlayController;\n  needsConfirmation: boolean;\n  overlayContext: OverlayContext;\n  state: ActionState;\n}\n\nexport class ActionModel {\n  public state: ActionState;\n  public needsConfirmation: boolean;\n  public readonly actionProps: ActionProps;\n  public readonly parentAction?: ActionModel;\n  public readonly confirmationModalController: OverlayController;\n  public readonly overlayContext: OverlayContext;\n\n  private constructor(init: InitObject) {\n    const {\n      actionProps,\n      needsConfirmation,\n      parentAction,\n      overlayContext,\n      confirmationModalController,\n      state,\n    } = init;\n\n    this.actionProps = actionProps;\n    this.parentAction = parentAction;\n    this.confirmationModalController = confirmationModalController;\n    this.needsConfirmation = needsConfirmation;\n    this.overlayContext = overlayContext;\n    this.state = state;\n  }\n\n  public static useNew(\n    actionProps: ActionProps,\n    init: Partial<InitObject> = {},\n  ): ActionModel {\n    const parentAction = useContext(actionContext);\n    const overlayContext = useOverlayContext();\n    const confirmationModalController = OverlayController.useNew();\n    const state = ActionState.useNew();\n\n    return new ActionModel({\n      parentAction,\n      overlayContext,\n      confirmationModalController,\n      needsConfirmation: false,\n      actionProps,\n      state,\n      ...init,\n    });\n  }\n\n  public static use(): ActionModel {\n    const c = useContext(actionContext);\n    invariant(!!c, \"Action context is not defined\");\n    ActionStateContext.useRegisterState(c.state);\n    return c;\n  }\n\n  public static useConfirmationAction(): ActionModel {\n    const action = ActionModel.use();\n\n    return new ActionModel({\n      actionProps: action.actionProps,\n      confirmationModalController: action.confirmationModalController,\n      overlayContext: action.overlayContext,\n      state: action.state,\n      needsConfirmation: false,\n      parentAction: ActionModel.useNew(\n        {\n          closeOverlay: action.confirmationModalController,\n        },\n        {\n          parentAction: action.parentAction,\n        },\n      ),\n    });\n  }\n\n  public getOverlayController(\n    from:\n      | FlowComponentName\n      | OverlayController\n      | CloseOverlayOptions\n      | CloseModalOptions,\n  ): OverlayController | undefined {\n    const getController = (\n      controller?:\n        | OverlayController\n        | FlowComponentName\n        | CloseOverlayOptions\n        | CloseModalOptions,\n    ): OverlayController | undefined => {\n      if (controller === undefined) {\n        return undefined;\n      }\n      if (from instanceof OverlayController) {\n        return from;\n      }\n      if (typeof from === \"string\") {\n        return this.overlayContext[from];\n      }\n      if (\"overlay\" in from) {\n        return this.getOverlayController(from.overlay);\n      }\n      return this.getOverlayController(\"Modal\");\n    };\n\n    return (\n      getController(this.actionProps.openOverlay) ??\n      getController(this.actionProps.closeOverlay) ??\n      getController(this.actionProps.toggleOverlay) ??\n      getController(this.actionProps.openModal ? \"Modal\" : undefined) ??\n      getController(this.actionProps.closeModal ? \"Modal\" : undefined) ??\n      getController(this.actionProps.toggleModal ? \"Modal\" : undefined)\n    );\n  }\n\n  public static getCloseOverlayOptions = (\n    options?:\n      | OverlayController\n      | FlowComponentName\n      | CloseOverlayOptions\n      | CloseModalOptions\n      | true,\n  ) => {\n    if (\n      options === undefined ||\n      options instanceof OverlayController ||\n      typeof options === \"string\" ||\n      options === true\n    ) {\n      return undefined;\n    }\n    return options;\n  };\n\n  public execute = (...args: unknown[]): void => {\n    new ActionExecution(this).execute(...args);\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/Action/models/ActionState.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionState.mjs","sources":["../../../../../../../src/components/Action/models/ActionState.ts"],"sourcesContent":["import {\n  action as mobxAction,\n  computed,\n  makeObservable,\n  observable,\n} from \"mobx\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { sleep } from \"@/lib/promises/sleep\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\n\nexport type ActionStateValue =\n  | \"isIdle\"\n  | \"isSucceeded\"\n  | \"isPending\"\n  | \"isExecuting\"\n  | \"isFailed\";\n\nexport const duration = {\n  pending: 1000,\n  succeeded: 1500,\n  failed: 2000,\n};\n\nexport class ActionState {\n  private showFeedback?: boolean;\n  public state: ActionStateValue = \"isIdle\";\n  private setPendingTimeout: number | undefined;\n  public error: unknown;\n  private isAsync = false;\n\n  public constructor() {\n    makeObservable(this, {\n      state: observable,\n      updateState: mobxAction,\n      isBusy: computed,\n    });\n  }\n\n  public static useNew(): ActionState {\n    return useStatic(() => new ActionState());\n  }\n\n  public updateState(newState: ActionStateValue): void {\n    this.state = newState;\n  }\n\n  public useValue(): ActionStateValue {\n    return useSelector(() => this.state, [this]);\n  }\n\n  public useIsBusy(): boolean {\n    return useSelector(() => this.isBusy, [this]);\n  }\n\n  public get isBusy(): boolean {\n    return this.state !== \"isIdle\";\n  }\n\n  public onAsyncStart(): void {\n    this.clearPendingTimeout();\n    this.isAsync = true;\n    this.updateState(\"isExecuting\");\n    this.setPendingTimeout = window.setTimeout(\n      () => this.startPending(),\n      duration.pending,\n    );\n  }\n\n  public async onSucceeded(): Promise<void> {\n    await this.onDone();\n  }\n\n  public async onFailed(error?: unknown): Promise<void> {\n    this.error = error ?? new Error(\"Unknown error\");\n    await this.onDone();\n  }\n\n  public withFeedback(feedback?: boolean): ActionState {\n    this.showFeedback = feedback;\n    return this;\n  }\n\n  private async startFailedFeedback(): Promise<void> {\n    this.updateState(\"isFailed\");\n    await sleep(duration.failed);\n    this.resetAfterDone();\n  }\n\n  private async startSucceededFeedback(): Promise<void> {\n    this.updateState(\"isSucceeded\");\n    await sleep(duration.succeeded);\n    this.resetAfterDone();\n  }\n\n  private resetAfterDone(): void {\n    this.updateState(\"isIdle\");\n    this.isAsync = false;\n    this.error = undefined;\n  }\n\n  private clearPendingTimeout(): void {\n    if (this.setPendingTimeout) {\n      window.clearTimeout(this.setPendingTimeout);\n    }\n  }\n\n  private onDone(): Promise<void> | void {\n    this.clearPendingTimeout();\n    if (this.error) {\n      return this.startFailedFeedback();\n    } else if (\n      this.showFeedback !== false &&\n      (this.showFeedback || this.isAsync)\n    ) {\n      return this.startSucceededFeedback();\n    } else {\n      this.resetAfterDone();\n    }\n  }\n\n  private startPending(): void {\n    this.updateState(\"isPending\");\n  }\n}\n"],"names":["mobxAction"],"mappings":"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"}

package/dist/js/components/src/components/Action/models/ActionStateContext.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionStateContext.mjs","sources":["../../../../../../../src/components/Action/models/ActionStateContext.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, { createContext, useContext, useEffect } from \"react\";\nimport type { ActionState } from \"@/components/Action/models/ActionState\";\nimport { action, computed, makeObservable, observable } from \"mobx\";\nimport useSelector from \"@/lib/mobx/useSelector\";\nimport { useStatic } from \"@/lib/hooks/useStatic\";\n\nexport class ActionStateContext {\n  public states = new Set<ActionState>();\n\n  public constructor() {\n    makeObservable(this, {\n      states: observable,\n      addState: action,\n      removeState: action,\n      isBusy: computed,\n    });\n  }\n\n  public static useNew(): ActionStateContext {\n    return useStatic(() => new ActionStateContext());\n  }\n\n  public static useRegisterState(state: ActionState): void {\n    const context = useActionStateContext();\n\n    useEffect(() => {\n      context?.addState(state);\n      return () => {\n        context?.removeState(state);\n      };\n    }, [context, state]);\n  }\n\n  public addState(state: ActionState): void {\n    this.states.add(state);\n  }\n\n  public removeState(state: ActionState): void {\n    this.states.delete(state);\n  }\n\n  public useIsBusy(): boolean {\n    return useSelector(() => this.isBusy);\n  }\n\n  public get isBusy(): boolean {\n    for (const s of this.states) {\n      if (s.isBusy) {\n        return true;\n      }\n    }\n    return false;\n  }\n}\n\nconst context = createContext<ActionStateContext | undefined>(undefined);\n\nexport const ActionStateContextProvider: FC<PropsWithChildren> = (props) => {\n  const { children } = props;\n  const ctx = ActionStateContext.useNew();\n  return <context.Provider value={ctx}>{children}</context.Provider>;\n};\n\nexport const useActionStateContext = (): ActionStateContext => {\n  const newContext = ActionStateContext.useNew();\n  return useContext(context) ?? newContext;\n};\n"],"names":["context"],"mappings":";;;;;;AAOO,MAAM,kBAAA,CAAmB;AAAA,EACvB,MAAA,uBAAa,GAAA,EAAiB;AAAA,EAE9B,WAAA,GAAc;AACnB,IAAA,cAAA,CAAe,IAAA,EAAM;AAAA,MACnB,MAAA,EAAQ,UAAA;AAAA,MACR,QAAA,EAAU,MAAA;AAAA,MACV,WAAA,EAAa,MAAA;AAAA,MACb,MAAA,EAAQ;AAAA,KACT,CAAA;AAAA,EACH;AAAA,EAEA,OAAc,MAAA,GAA6B;AACzC,IAAA,OAAO,SAAA,CAAU,MAAM,IAAI,kBAAA,EAAoB,CAAA;AAAA,EACjD;AAAA,EAEA,OAAc,iBAAiB,KAAA,EAA0B;AACvD,IAAA,MAAMA,WAAU,qBAAA,EAAsB;AAEtC,IAAA,SAAA,CAAU,MAAM;AACd,MAAAA,QAAAA,EAAS,SAAS,KAAK,CAAA;AACvB,MAAA,OAAO,MAAM;AACX,QAAAA,QAAAA,EAAS,YAAY,KAAK,CAAA;AAAA,MAC5B,CAAA;AAAA,IACF,CAAA,EAAG,CAACA,QAAAA,EAAS,KAAK,CAAC,CAAA;AAAA,EACrB;AAAA,EAEO,SAAS,KAAA,EAA0B;AACxC,IAAA,IAAA,CAAK,MAAA,CAAO,IAAI,KAAK,CAAA;AAAA,EACvB;AAAA,EAEO,YAAY,KAAA,EAA0B;AAC3C,IAAA,IAAA,CAAK,MAAA,CAAO,OAAO,KAAK,CAAA;AAAA,EAC1B;AAAA,EAEO,SAAA,GAAqB;AAC1B,IAAA,OAAO,WAAA,CAAY,MAAM,IAAA,CAAK,MAAM,CAAA;AAAA,EACtC;AAAA,EAEA,IAAW,MAAA,GAAkB;AAC3B,IAAA,KAAA,MAAW,CAAA,IAAK,KAAK,MAAA,EAAQ;AAC3B,MAAA,IAAI,EAAE,MAAA,EAAQ;AACZ,QAAA,OAAO,IAAA;AAAA,MACT;AAAA,IACF;AACA,IAAA,OAAO,KAAA;AAAA,EACT;AACF;AAEA,MAAM,OAAA,GAAU,cAA8C,MAAS,CAAA;AAEhE,MAAM,0BAAA,GAAoD,CAAC,KAAA,KAAU;AAC1E,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AACrB,EAAA,MAAM,GAAA,GAAM,mBAAmB,MAAA,EAAO;AACtC,EAAA,2BAAQ,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,KAAM,QAAA,EAAS,CAAA;AACjD;AAEO,MAAM,wBAAwB,MAA0B;AAC7D,EAAA,MAAM,UAAA,GAAa,mBAAmB,MAAA,EAAO;AAC7C,EAAA,OAAO,UAAA,CAAW,OAAO,CAAA,IAAK,UAAA;AAChC;;;;"}

package/dist/js/components/src/components/Action/models/getExecutionFunction.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"getExecutionFunction.mjs","sources":["../../../../../../../src/components/Action/models/getExecutionFunction.ts"],"sourcesContent":["import { ActionModel } from \"@/components/Action/models/ActionModel\";\nimport { type ActionFn } from \"@/components/Action\";\n\nconst voidAction = () => {\n  // do nothing\n};\n\nexport function getExecutionFunction(action: ActionModel): ActionFn {\n  if (action.needsConfirmation) {\n    return action.confirmationModalController.open;\n  }\n\n  const {\n    onAction,\n    toggleOverlay,\n    closeOverlay,\n    openOverlay,\n    openModal,\n    closeModal,\n    toggleModal,\n  } = action.actionProps;\n\n  if (onAction) {\n    return onAction;\n  }\n\n  if (openOverlay) {\n    return () => action.getOverlayController(openOverlay)?.open();\n  }\n  if (closeOverlay) {\n    return () =>\n      action\n        .getOverlayController(closeOverlay)\n        ?.close(ActionModel.getCloseOverlayOptions(closeOverlay));\n  }\n  if (toggleOverlay) {\n    return () => action.getOverlayController(toggleOverlay)?.toggle();\n  }\n\n  if (openModal) {\n    return () => action.getOverlayController(\"Modal\")?.open();\n  }\n  if (toggleModal) {\n    return () => action.getOverlayController(\"Modal\")?.toggle();\n  }\n  if (closeModal) {\n    return () =>\n      action\n        .getOverlayController(\"Modal\")\n        ?.close(ActionModel.getCloseOverlayOptions(closeModal));\n  }\n\n  return voidAction;\n}\n"],"names":[],"mappings":";;;;;;;AAGA,MAAM,aAAa,MAAM;AAEzB,CAAA;AAEO,SAAS,qBAAqB,MAAA,EAA+B;AAClE,EAAA,IAAI,OAAO,iBAAA,EAAmB;AAC5B,IAAA,OAAO,OAAO,2BAAA,CAA4B,IAAA;AAAA,EAC5C;AAEA,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,aAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,MAAA,CAAO,WAAA;AAEX,EAAA,IAAI,QAAA,EAAU;AACZ,IAAA,OAAO,QAAA;AAAA,EACT;AAEA,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,OAAO,MAAM,MAAA,CAAO,oBAAA,CAAqB,WAAW,GAAG,IAAA,EAAK;AAAA,EAC9D;AACA,EAAA,IAAI,YAAA,EAAc;AAChB,IAAA,OAAO,MACL,OACG,oBAAA,CAAqB,YAAY,GAChC,KAAA,CAAM,WAAA,CAAY,sBAAA,CAAuB,YAAY,CAAC,CAAA;AAAA,EAC9D;AACA,EAAA,IAAI,aAAA,EAAe;AACjB,IAAA,OAAO,MAAM,MAAA,CAAO,oBAAA,CAAqB,aAAa,GAAG,MAAA,EAAO;AAAA,EAClE;AAEA,EAAA,IAAI,SAAA,EAAW;AACb,IAAA,OAAO,MAAM,MAAA,CAAO,oBAAA,CAAqB,OAAO,GAAG,IAAA,EAAK;AAAA,EAC1D;AACA,EAAA,IAAI,WAAA,EAAa;AACf,IAAA,OAAO,MAAM,MAAA,CAAO,oBAAA,CAAqB,OAAO,GAAG,MAAA,EAAO;AAAA,EAC5D;AACA,EAAA,IAAI,UAAA,EAAY;AACd,IAAA,OAAO,MACL,OACG,oBAAA,CAAqB,OAAO,GAC3B,KAAA,CAAM,WAAA,CAAY,sBAAA,CAAuB,UAAU,CAAC,CAAA;AAAA,EAC5D;AAEA,EAAA,OAAO,UAAA;AACT;;;;"}

package/dist/js/components/src/components/ActionGroup/ActionGroup.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionGroup.mjs","sources":["../../../../../../src/components/ActionGroup/ActionGroup.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./ActionGroup.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport clsx from \"clsx\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { TunnelProvider } from \"@mittwald/react-tunnel\";\nimport { ActionStateContextProvider } from \"@/components/Action/models/ActionStateContext\";\nimport { getActionGroupSlot } from \"@/components/ActionGroup/lib/getActionGroupSlot\";\n\nexport interface ActionGroupProps\n  extends\n    PropsWithChildren,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithClassName {\n  /** The spacing between the buttons inside the action group. @default \"m\" */\n  spacing?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const ActionGroup = flowComponent(\n  \"ActionGroup\",\n  (props) => {\n    const {\n      children,\n      className,\n      ref,\n\n      spacing = \"s\",\n      ...rest\n    } = props;\n\n    const rootClassName = clsx(styles.actionGroup, className, styles[spacing]);\n\n    const propsContext: PropsContext = {\n      Button: {\n        slot: dynamic((props) => getActionGroupSlot(props)),\n        className: dynamic((props) => {\n          const slot = getActionGroupSlot(props);\n          return clsx(props.className, styles[slot]);\n        }),\n      },\n      Switch: {\n        labelPosition: \"leading\",\n        className: dynamic((props) => {\n          return clsx(props.className, props.slot && styles[props.slot]);\n        }),\n      },\n      Link: {\n        className: dynamic((props) => {\n          return clsx(props.className, props.slot && styles[props.slot]);\n        }),\n      },\n    };\n\n    return (\n      <ActionStateContextProvider>\n        <PropsContextProvider props={propsContext}>\n          <TunnelProvider>\n            <div {...rest} className={rootClassName} ref={ref} role=\"group\">\n              {children}\n            </div>\n          </TunnelProvider>\n        </PropsContextProvider>\n      </ActionStateContextProvider>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default ActionGroup;\n"],"names":["props"],"mappings":";;;;;;;;;;;AAsBO,MAAM,WAAA,GAAc,aAAA;AAAA,EACzB,aAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,SAAA;AAAA,MACA,GAAA;AAAA,MAEA,OAAA,GAAU,GAAA;AAAA,MACV,GAAG;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,aAAa,SAAA,EAAW,MAAA,CAAO,OAAO,CAAC,CAAA;AAEzE,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,MAAA,EAAQ;AAAA,QACN,MAAM,OAAA,CAAQ,CAACA,MAAAA,KAAU,kBAAA,CAAmBA,MAAK,CAAC,CAAA;AAAA,QAClD,SAAA,EAAW,OAAA,CAAQ,CAACA,MAAAA,KAAU;AAC5B,UAAA,MAAM,IAAA,GAAO,mBAAmBA,MAAK,CAAA;AACrC,UAAA,OAAO,IAAA,CAAKA,MAAAA,CAAM,SAAA,EAAW,MAAA,CAAO,IAAI,CAAC,CAAA;AAAA,QAC3C,CAAC;AAAA,OACH;AAAA,MACA,MAAA,EAAQ;AAAA,QACN,aAAA,EAAe,SAAA;AAAA,QACf,SAAA,EAAW,OAAA,CAAQ,CAACA,MAAAA,KAAU;AAC5B,UAAA,OAAO,IAAA,CAAKA,OAAM,SAAA,EAAWA,MAAAA,CAAM,QAAQ,MAAA,CAAOA,MAAAA,CAAM,IAAI,CAAC,CAAA;AAAA,QAC/D,CAAC;AAAA,OACH;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,SAAA,EAAW,OAAA,CAAQ,CAACA,MAAAA,KAAU;AAC5B,UAAA,OAAO,IAAA,CAAKA,OAAM,SAAA,EAAWA,MAAAA,CAAM,QAAQ,MAAA,CAAOA,MAAAA,CAAM,IAAI,CAAC,CAAA;AAAA,QAC/D,CAAC;AAAA;AACH,KACF;AAEA,IAAA,uBACE,GAAA,CAAC,8BACC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,kBACC,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAK,GAAG,IAAA,EAAM,SAAA,EAAW,eAAe,GAAA,EAAU,IAAA,EAAK,SACrD,QAAA,EACH,CAAA,EACF,GACF,CAAA,EACF,CAAA;AAAA,EAEJ,CAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA;AAEV;;;;"}

package/dist/js/components/src/components/ActionGroup/lib/getActionGroupSlot.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"getActionGroupSlot.mjs","sources":["../../../../../../../src/components/ActionGroup/lib/getActionGroupSlot.tsx"],"sourcesContent":["import type { ButtonProps } from \"@/components/Button\";\n\nexport const getActionGroupSlot = (props: ButtonProps): string => {\n  const { slot: slotFromProps, ...buttonProps } = props;\n\n  const guessedSlot =\n    buttonProps.color === undefined ||\n    buttonProps.color === \"primary\" ||\n    buttonProps.color === \"danger\" ||\n    buttonProps.color === \"accent\"\n      ? \"primary\"\n      : \"abort\";\n\n  return slotFromProps ?? guessedSlot;\n};\n"],"names":[],"mappings":"AAEO,MAAM,kBAAA,GAAqB,CAAC,KAAA,KAA+B;AAChE,EAAA,MAAM,EAAE,IAAA,EAAM,aAAA,EAAe,GAAG,aAAY,GAAI,KAAA;AAEhD,EAAA,MAAM,WAAA,GACJ,WAAA,CAAY,KAAA,KAAU,MAAA,IACtB,WAAA,CAAY,KAAA,KAAU,SAAA,IACtB,WAAA,CAAY,KAAA,KAAU,QAAA,IACtB,WAAA,CAAY,KAAA,KAAU,WAClB,SAAA,GACA,OAAA;AAEN,EAAA,OAAO,aAAA,IAAiB,WAAA;AAC1B;;;;"}

package/dist/js/components/src/components/Activity/Activity.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Activity.mjs","sources":["../../../../../../src/components/Activity/Activity.tsx"],"sourcesContent":["import SuspenseTrigger from \"@/components/SuspenseTrigger\";\nimport React, { useEffect, useState } from \"react\";\nimport { type FC, type PropsWithChildren } from \"react\";\nimport { Suspense } from \"react\";\nimport { useIsSSR } from \"react-aria\";\n\nexport interface ActivityProps extends PropsWithChildren {\n  isActive?: boolean;\n  inactiveDelay?: number;\n  /** @internal */\n  forceCustomActivity?: boolean;\n}\n\nconst isActivitySupported = React.version.startsWith(\"19.2\");\n\nconst CustomActivity: FC<ActivityProps> = (props) => {\n  const { children, isActive: isActive = true } = props;\n\n  return (\n    <Suspense fallback={null}>\n      <SuspenseTrigger show={!isActive} />\n      {children}\n    </Suspense>\n  );\n};\n\nexport const Activity: FC<ActivityProps> = (props) => {\n  const {\n    isActive: isActiveFromProps = true,\n    inactiveDelay,\n    forceCustomActivity = false,\n    children,\n  } = props;\n\n  const [isActiveState, setIsActiveState] = useState(isActiveFromProps);\n  const isSsr = useIsSSR();\n\n  useEffect(() => {\n    if (!inactiveDelay) {\n      return;\n    }\n\n    if (isActiveFromProps) {\n      setIsActiveState(true);\n    } else {\n      const timeout = setTimeout(() => {\n        setIsActiveState(false);\n      }, inactiveDelay);\n\n      return () => {\n        clearTimeout(timeout);\n      };\n    }\n  }, [isActiveFromProps, inactiveDelay]);\n\n  const isActive = inactiveDelay ? isActiveState : isActiveFromProps;\n\n  if (isSsr) {\n    return isActive ? children : null;\n  }\n\n  if (isActivitySupported && !forceCustomActivity) {\n    return (\n      <React.Activity mode={isActive ? \"visible\" : \"hidden\"}>\n        {children}\n      </React.Activity>\n    );\n  }\n\n  return <CustomActivity isActive={isActive}>{children}</CustomActivity>;\n};\n\nexport default Activity;\n"],"names":[],"mappings":";;;;;AAaA,MAAM,mBAAA,GAAsB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW,MAAM,CAAA;AAE3D,MAAM,cAAA,GAAoC,CAAC,KAAA,KAAU;AACnD,EAAA,MAAM,EAAE,QAAA,EAAU,QAAA,GAAqB,IAAA,EAAK,GAAI,KAAA;AAEhD,EAAA,uBACE,IAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAU,IAAA,EAClB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,IAAA,EAAM,CAAC,QAAA,EAAU,CAAA;AAAA,IACjC;AAAA,GAAA,EACH,CAAA;AAEJ,CAAA;AAEO,MAAM,QAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM;AAAA,IACJ,UAAU,iBAAA,GAAoB,IAAA;AAAA,IAC9B,aAAA;AAAA,IACA,mBAAA,GAAsB,KAAA;AAAA,IACtB;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAI,SAAS,iBAAiB,CAAA;AACpE,EAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA;AAAA,IACF;AAEA,IAAA,IAAI,iBAAA,EAAmB;AACrB,MAAA,gBAAA,CAAiB,IAAI,CAAA;AAAA,IACvB,CAAA,MAAO;AACL,MAAA,MAAM,OAAA,GAAU,WAAW,MAAM;AAC/B,QAAA,gBAAA,CAAiB,KAAK,CAAA;AAAA,MACxB,GAAG,aAAa,CAAA;AAEhB,MAAA,OAAO,MAAM;AACX,QAAA,YAAA,CAAa,OAAO,CAAA;AAAA,MACtB,CAAA;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,iBAAA,EAAmB,aAAa,CAAC,CAAA;AAErC,EAAA,MAAM,QAAA,GAAW,gBAAgB,aAAA,GAAgB,iBAAA;AAEjD,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAO,WAAW,QAAA,GAAW,IAAA;AAAA,EAC/B;AAEA,EAAA,IAAI,mBAAA,IAAuB,CAAC,mBAAA,EAAqB;AAC/C,IAAA,uBACE,GAAA,CAAC,MAAM,QAAA,EAAN,EAAe,MAAM,QAAA,GAAW,SAAA,GAAY,UAC1C,QAAA,EACH,CAAA;AAAA,EAEJ;AAEA,EAAA,uBAAO,GAAA,CAAC,cAAA,EAAA,EAAe,QAAA,EAAqB,QAAA,EAAS,CAAA;AACvD;;;;"}

package/dist/js/components/src/components/Alert/Alert.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.mjs","sources":["../../../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { AlertIcon } from \"@/components/AlertIcon\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { dynamic, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithStatus } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport type { ComponentProps, PropsWithChildren } from \"react\";\nimport styles from \"./Alert.module.scss\";\n\nexport interface AlertProps\n  extends\n    PropsWithChildren<ComponentProps<\"aside\">>,\n    PropsWithStatus,\n    FlowComponentProps<HTMLElement> {}\n\n/** @flr-generate all */\nexport const Alert = flowComponent(\"Alert\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.alert, styles[status], className);\n\n  const propsContext: PropsContext = {\n    Heading: {\n      className: styles.heading,\n      level: 3,\n      size: \"s\",\n      children: dynamic((props) => (\n        <>\n          <AlertIcon status={status} className={styles.icon} />\n          {props.children}\n        </>\n      )),\n    },\n    Content: {\n      className: styles.content,\n      Button: {\n        size: \"s\",\n      },\n      ActionGroup: {\n        Button: {\n          size: \"s\",\n        },\n      },\n    },\n  };\n\n  return (\n    <aside {...rest} className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext} dependencies={[status]}>\n        {children}\n      </PropsContextProvider>\n    </aside>\n  );\n});\n\nexport default Alert;\n"],"names":["props"],"mappings":";;;;;;;;;AAiBO,MAAM,KAAA,GAAQ,aAAA,CAAc,OAAA,EAAS,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,MAAA,GAAS,QAAQ,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,OAAO,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAElE,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,OAAA,EAAS;AAAA,MACP,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,KAAA,EAAO,CAAA;AAAA,MACP,IAAA,EAAM,GAAA;AAAA,MACN,QAAA,EAAU,OAAA,CAAQ,CAACA,MAAAA,qBACjB,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,MAAA,EAAgB,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,CAAA;AAAA,QAClDA,MAAAA,CAAM;AAAA,OAAA,EACT,CACD;AAAA,KACH;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAW,MAAA,CAAO,OAAA;AAAA,MAClB,MAAA,EAAQ;AAAA,QACN,IAAA,EAAM;AAAA,OACR;AAAA,MACA,WAAA,EAAa;AAAA,QACX,MAAA,EAAQ;AAAA,UACN,IAAA,EAAM;AAAA;AACR;AACF;AACF,GACF;AAEA,EAAA,2BACG,OAAA,EAAA,EAAO,GAAG,IAAA,EAAM,SAAA,EAAW,eAAe,GAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,cAAc,YAAA,EAAc,CAAC,MAAM,CAAA,EAC7D,UACH,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/AlertBadge/AlertBadge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertBadge.mjs","sources":["../../../../../../src/components/AlertBadge/AlertBadge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./AlertBadge.module.scss\";\nimport clsx from \"clsx\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport { Text } from \"@/components/Text\";\nimport type { PropsWithStatus, PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlertBadgeProps\n  extends\n    PropsWithChildren,\n    PropsWithStatus,\n    FlowComponentProps<HTMLDivElement>,\n    PropsWithClassName {}\n\n/** @flr-generate all */\nexport const AlertBadge = flowComponent(\"AlertBadge\", (props) => {\n  const { children, className, status = \"info\", ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.alertBadge, styles[status], className);\n\n  return (\n    <div className={rootClassName} {...rest} ref={ref}>\n      <AlertIcon size=\"s\" status={status} />\n      <Text className={styles.text}>{children}</Text>\n    </div>\n  );\n});\n\nexport default AlertBadge;\n"],"names":[],"mappings":";;;;;;;AAiBO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,MAAA,GAAS,QAAQ,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE/D,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,YAAY,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAEvE,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAgB,GAAG,MAAM,GAAA,EACvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,IAAA,EAAK,GAAA,EAAI,MAAA,EAAgB,CAAA;AAAA,oBACpC,GAAA,CAAC,IAAA,EAAA,EAAK,SAAA,EAAW,MAAA,CAAO,MAAO,QAAA,EAAS;AAAA,GAAA,EAC1C,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/AlertIcon/AlertIcon.mjs

@@ -1,37 +0,0 @@
-"use client"
-/* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import '@mittwald/flow-icons';
-import '../Icon/components/IconSetProvider.mjs';
-import '../Icon/Icon.mjs';
-import '../../views/IconView.mjs';
-import { IconDanger } from '../Icon/components/icons/IconDanger.mjs';
-import { IconInfo } from '../Icon/components/icons/IconInfo.mjs';
-import { IconSuccess } from '../Icon/components/icons/IconSuccess.mjs';
-import { IconUnavailable } from '../Icon/components/icons/IconUnavailable.mjs';
-import { IconWarning } from '../Icon/components/icons/IconWarning.mjs';
-import locales from '../../../../_virtual/_.locale.json@24b745a6ce9353be513d1f98e927d8d3.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-
-const icons = {
-  danger: IconDanger,
-  info: IconInfo,
-  success: IconSuccess,
-  warning: IconWarning,
-  unavailable: IconUnavailable
-};
-const AlertIcon = (props) => {
-  const { status = "info", ...rest } = props;
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const Icon = icons[status];
-  const iconProps = {
-    status,
-    "aria-label": stringFormatter.format(`alertIcon.${status}`),
-    ...rest
-  };
-  return /* @__PURE__ */ jsx(Icon, { ...iconProps });
-};
-
-export { AlertIcon, AlertIcon as default };
-//# sourceMappingURL=AlertIcon.mjs.map

package/dist/js/components/src/components/AlertIcon/AlertIcon.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertIcon.mjs","sources":["../../../../../../src/components/AlertIcon/AlertIcon.tsx"],"sourcesContent":["import type { ComponentType, FC } from \"react\";\nimport {\n  IconDanger,\n  IconInfo,\n  IconSuccess,\n  IconUnavailable,\n  IconWarning,\n} from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { Status } from \"@/lib/types/props\";\nimport type { IconProps } from \"@/components/Icon\";\n\nexport type AlertIconProps = IconProps;\n\nconst icons: Record<Status | \"unavailable\", ComponentType> = {\n  danger: IconDanger,\n  info: IconInfo,\n  success: IconSuccess,\n  warning: IconWarning,\n  unavailable: IconUnavailable,\n};\n\n/** @flr-generate all */\nexport const AlertIcon: FC<AlertIconProps> = (props) => {\n  const { status = \"info\", ...rest } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const Icon = icons[status];\n\n  const iconProps: IconProps = {\n    status,\n    \"aria-label\": stringFormatter.format(`alertIcon.${status}`),\n    ...rest,\n  };\n\n  return <Icon {...iconProps} />;\n};\n\nexport default AlertIcon;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,KAAA,GAAuD;AAAA,EAC3D,MAAA,EAAQ,UAAA;AAAA,EACR,IAAA,EAAM,QAAA;AAAA,EACN,OAAA,EAAS,WAAA;AAAA,EACT,OAAA,EAAS,WAAA;AAAA,EACT,WAAA,EAAa;AACf,CAAA;AAGO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,MAAA,GAAS,MAAA,EAAQ,GAAG,MAAK,GAAI,KAAA;AAErC,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,IAAA,GAAO,MAAM,MAAM,CAAA;AAEzB,EAAA,MAAM,SAAA,GAAuB;AAAA,IAC3B,MAAA;AAAA,IACA,YAAA,EAAc,eAAA,CAAgB,MAAA,CAAO,CAAA,UAAA,EAAa,MAAM,CAAA,CAAE,CAAA;AAAA,IAC1D,GAAG;AAAA,GACL;AAEA,EAAA,uBAAO,GAAA,CAAC,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,CAAA;AAC9B;;;;"}

package/dist/js/components/src/components/AlertText/AlertText.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AlertText.mjs","sources":["../../../../../../src/components/AlertText/AlertText.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport type { PropsWithClassName, Status } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./AlertText.module.scss\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface AlertTextProps\n  extends PropsWithClassName, PropsWithChildren, FlowComponentProps {\n  status?: Status | \"unavailable\";\n}\n\n/** @flr-generate all */\nexport const AlertText = flowComponent(\"AlertText\", (props) => {\n  const { className, children, status = \"info\" } = props;\n\n  const rootClassName = clsx(styles.alertText, styles[status], className);\n\n  return (\n    <span className={rootClassName}>\n      <PropsContextProvider props={{ Icon: { size: \"s\" } }}>\n        <AlertIcon status={status} className={styles.icon} />\n      </PropsContextProvider>\n      <>{children}</>\n    </span>\n  );\n});\n\nexport default AlertText;\n"],"names":[],"mappings":";;;;;;;;AAiBO,MAAM,SAAA,GAAY,aAAA,CAAc,WAAA,EAAa,CAAC,KAAA,KAAU;AAC7D,EAAA,MAAM,EAAE,SAAA,EAAW,QAAA,EAAU,MAAA,GAAS,QAAO,GAAI,KAAA;AAEjD,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,WAAW,MAAA,CAAO,MAAM,GAAG,SAAS,CAAA;AAEtE,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EACf,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,EAAE,IAAA,EAAM,EAAE,IAAA,EAAM,GAAA,EAAI,EAAE,EACjD,8BAAC,SAAA,EAAA,EAAU,MAAA,EAAgB,SAAA,EAAW,MAAA,CAAO,MAAM,CAAA,EACrD,CAAA;AAAA,oCACG,QAAA,EAAS;AAAA,GAAA,EACd,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Align/Align.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Align.mjs","sources":["../../../../../../src/components/Align/Align.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Align.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface AlignProps\n  extends PropsWithChildren, PropsWithClassName, FlowComponentProps {}\n\n/** @flr-generate all */\nexport const Align = flowComponent(\n  \"Align\",\n  (props) => {\n    const { children, className } = props;\n\n    const rootClassName = clsx(styles.align, className);\n\n    const propsContext: PropsContext = {\n      Text: { className: styles.text },\n      Button: { className: styles.button },\n      Avatar: { className: styles.avatar, size: \"m\" },\n      CopyButton: { size: \"s\", className: styles.copyButton },\n      Icon: { size: \"s\", className: styles.icon },\n      ContextualHelpTrigger: {\n        Button: {\n          className: styles.contextualHelpTriggerButton,\n        },\n      },\n    };\n\n    return (\n      <PropsContextProvider props={propsContext}>\n        <div className={rootClassName}>{children}</div>\n      </PropsContextProvider>\n    );\n  },\n  {\n    type: \"layout\",\n  },\n);\n\nexport default Align;\n"],"names":[],"mappings":";;;;;;;AAaO,MAAM,KAAA,GAAQ,aAAA;AAAA,EACnB,OAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AAEhC,IAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,KAAA,EAAO,SAAS,CAAA;AAElD,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,IAAA,EAAM,EAAE,SAAA,EAAW,MAAA,CAAO,IAAA,EAAK;AAAA,MAC/B,MAAA,EAAQ,EAAE,SAAA,EAAW,MAAA,CAAO,MAAA,EAAO;AAAA,MACnC,QAAQ,EAAE,SAAA,EAAW,MAAA,CAAO,MAAA,EAAQ,MAAM,GAAA,EAAI;AAAA,MAC9C,YAAY,EAAE,IAAA,EAAM,GAAA,EAAK,SAAA,EAAW,OAAO,UAAA,EAAW;AAAA,MACtD,MAAM,EAAE,IAAA,EAAM,GAAA,EAAK,SAAA,EAAW,OAAO,IAAA,EAAK;AAAA,MAC1C,qBAAA,EAAuB;AAAA,QACrB,MAAA,EAAQ;AAAA,UACN,WAAW,MAAA,CAAO;AAAA;AACpB;AACF,KACF;AAEA,IAAA,uBACE,GAAA,CAAC,wBAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,aAAA,EAAgB,QAAA,EAAS,CAAA,EAC3C,CAAA;AAAA,EAEJ,CAAA;AAAA,EACA;AAAA,IACE,IAAA,EAAM;AAAA;AAEV;;;;"}

package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs

@@ -1,113 +0,0 @@
-"use client"
-/* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useRef } from 'react';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import * as Aria from 'react-aria-components';
-import 'mobx';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { Options } from '../Options/Options.mjs';
-import { TunnelExit } from '@mittwald/react-tunnel';
-import locales from '../../../../_virtual/_.locale.json@48bdcfec6dd32df5dc9f6fa222d33240.mjs';
-import { Text } from '../Text/Text.mjs';
-import styles from './Autocomplete.module.scss.mjs';
-import { useObjectRef, useLocalizedStringFormatter, useFocusWithin, UNSAFE_PortalProvider } from 'react-aria';
-import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
-import { isFocused } from '../../lib/form/isFocused.mjs';
-import { emitElementValueChange } from '../../lib/react/emitElementValueChange.mjs';
-
-const Autocomplete = flowComponent("Autocomplete", (props) => {
-  const { children, ref, ...rest } = props;
-  const inputRef = useObjectRef(ref);
-  const { contains } = Aria.useFilter({ sensitivity: "base" });
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const container = useRef(null);
-  const optionsOverlayController = useOverlayController("Popover", {
-    reuseControllerFromContext: false
-  });
-  const focusWithin = useFocusWithin({
-    onBlurWithin: () => optionsOverlayController.close()
-  });
-  const renderEmptyState = () => /* @__PURE__ */ jsx(Text, { className: styles.empty, children: stringFormatter.format("autocomplete.empty") });
-  const handleInputChange = (value) => {
-    if (value === "") {
-      optionsOverlayController.close();
-    } else if (isFocused(inputRef.current)) {
-      optionsOverlayController.open();
-    }
-  };
-  const handleOptionAction = (key) => {
-    const value = String(key);
-    if (inputRef.current) {
-      emitElementValueChange(inputRef.current, value);
-    }
-    optionsOverlayController.close();
-  };
-  const inputProps = {
-    onKeyDown: (e) => {
-      if (e.key === "Enter" && optionsOverlayController.isOpen) {
-        e.preventDefault();
-      }
-    },
-    ref: inputRef,
-    onChange: handleInputChange
-  };
-  const {
-    FieldErrorView,
-    FieldErrorCaptureContext,
-    fieldPropsContext,
-    fieldProps
-  } = useFieldComponent(props);
-  const propsContext = {
-    SearchField: inputProps,
-    TextField: inputProps,
-    Option: {
-      tunnelId: "options"
-    },
-    Popover: {
-      className: styles.popover
-    },
-    ...fieldPropsContext
-  };
-  return /* @__PURE__ */ jsxs("div", { ...fieldProps, children: [
-    /* @__PURE__ */ jsx(FieldErrorCaptureContext, { children: /* @__PURE__ */ jsx(
-      PropsContextProvider,
-      {
-        props: propsContext,
-        dependencies: [optionsOverlayController],
-        children: /* @__PURE__ */ jsx("div", { ...focusWithin.focusWithinProps, ref: container, children: /* @__PURE__ */ jsx(UNSAFE_PortalProvider, { getContainer: () => container.current, children: /* @__PURE__ */ jsxs(
-          Aria.Autocomplete,
-          {
-            filter: contains,
-            disableAutoFocusFirst: true,
-            ...rest,
-            children: [
-              children,
-              /* @__PURE__ */ jsx(
-                Options,
-                {
-                  onAction: handleOptionAction,
-                  triggerRef: inputRef,
-                  controller: optionsOverlayController,
-                  renderEmptyState,
-                  isNonModal: true,
-                  placement: "bottom start",
-                  children: /* @__PURE__ */ jsx(TunnelExit, { id: "options" })
-                }
-              )
-            ]
-          }
-        ) }) })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(FieldErrorView, {})
-  ] });
-});
-
-export { Autocomplete };
-//# sourceMappingURL=Autocomplete.mjs.map

package/dist/js/components/src/components/Autocomplete/Autocomplete.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Autocomplete.mjs","sources":["../../../../../../src/components/Autocomplete/Autocomplete.tsx"],"sourcesContent":["import { useRef, type PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport type { SearchFieldProps } from \"@/components/SearchField\";\nimport type { TextFieldProps } from \"@/components/TextField\";\nimport Options from \"@/components/Options\";\nimport { TunnelExit } from \"@mittwald/react-tunnel\";\nimport locales from \"./locales/*.locale.json\";\nimport Text from \"@/components/Text\";\nimport styles from \"./Autocomplete.module.scss\";\nimport {\n  UNSAFE_PortalProvider,\n  useFocusWithin,\n  useLocalizedStringFormatter,\n  useObjectRef,\n} from \"react-aria\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { isFocused } from \"@/lib/form/isFocused\";\nimport { emitElementValueChange } from \"@/lib/react/emitElementValueChange\";\n\nexport interface AutocompleteProps\n  extends\n    PropsWithChildren,\n    PropsWithClassName,\n    FlowComponentProps<HTMLInputElement>,\n    Omit<\n      Aria.AutocompleteProps,\n      \"children\" | \"onInputChange\" | \"inputValue\" | \"defaultInputValue\" | \"ref\"\n    > {}\n\n/** @flr-generate all */\nexport const Autocomplete = flowComponent(\"Autocomplete\", (props) => {\n  const { children, ref, ...rest } = props;\n\n  const inputRef = useObjectRef(ref);\n\n  const { contains } = Aria.useFilter({ sensitivity: \"base\" });\n  const stringFormatter = useLocalizedStringFormatter(locales);\n  const container = useRef(null);\n\n  const optionsOverlayController = useOverlayController(\"Popover\", {\n    reuseControllerFromContext: false,\n  });\n\n  const focusWithin = useFocusWithin({\n    onBlurWithin: () => optionsOverlayController.close(),\n  });\n\n  const renderEmptyState = () => (\n    <Text className={styles.empty}>\n      {stringFormatter.format(\"autocomplete.empty\")}\n    </Text>\n  );\n\n  const handleInputChange = (value: string) => {\n    if (value === \"\") {\n      optionsOverlayController.close();\n    } else if (isFocused(inputRef.current)) {\n      optionsOverlayController.open();\n    }\n  };\n\n  const handleOptionAction = (key: Aria.Key) => {\n    const value = String(key);\n    if (inputRef.current) {\n      emitElementValueChange(inputRef.current, value);\n    }\n    optionsOverlayController.close();\n  };\n\n  const inputProps: SearchFieldProps & TextFieldProps = {\n    onKeyDown: (e) => {\n      if (e.key === \"Enter\" && optionsOverlayController.isOpen) {\n        e.preventDefault();\n      }\n    },\n    ref: inputRef,\n    onChange: handleInputChange,\n  };\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  const propsContext: PropsContext = {\n    SearchField: inputProps,\n    TextField: inputProps,\n    Option: {\n      tunnelId: \"options\",\n    },\n    Popover: {\n      className: styles.popover,\n    },\n    ...fieldPropsContext,\n  };\n\n  return (\n    <div {...fieldProps}>\n      <FieldErrorCaptureContext>\n        <PropsContextProvider\n          props={propsContext}\n          dependencies={[optionsOverlayController]}\n        >\n          <div {...focusWithin.focusWithinProps} ref={container}>\n            <UNSAFE_PortalProvider getContainer={() => container.current}>\n              <Aria.Autocomplete\n                filter={contains}\n                disableAutoFocusFirst\n                {...rest}\n              >\n                {children}\n                <Options\n                  onAction={handleOptionAction}\n                  triggerRef={inputRef}\n                  controller={optionsOverlayController}\n                  renderEmptyState={renderEmptyState}\n                  isNonModal\n                  placement=\"bottom start\"\n                >\n                  <TunnelExit id=\"options\" />\n                </Options>\n              </Aria.Autocomplete>\n            </UNSAFE_PortalProvider>\n          </div>\n        </PropsContextProvider>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Autocomplete;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/Avatar/Avatar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.mjs","sources":["../../../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Avatar.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { PropsWithClassName, Status } from \"@/lib/types/props\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { AlertIcon } from \"@/components/AlertIcon\";\nimport type { avatarColors } from \"@/components/Avatar/avatarColors\";\n\nexport type AvatarColors = (typeof avatarColors)[number];\n\nexport interface AvatarProps\n  extends PropsWithChildren, PropsWithClassName, FlowComponentProps {\n  /** The size of the avatar. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n  /** The color of icons and initials inside the avatar. */\n  color?: AvatarColors;\n  /**\n   * Adds status icon and color to the avatar. May only be used if the status is\n   * explained by an element (like text or label) nearby.\n   */\n  status?: Status;\n}\n\n/** @flr-generate all */\nexport const Avatar = flowComponent(\"Avatar\", (props) => {\n  const { children, className, color, size = \"m\", status, ref } = props;\n\n  const rootClassName = clsx(\n    styles.avatar,\n    styles[`size-${size}`],\n    className,\n    !status && styles[color ?? \"blue\"],\n    status && styles[status],\n  );\n\n  const useDynamicColor = color === undefined && status === undefined;\n\n  const propsContext: PropsContext = {\n    Initials: {\n      className: styles.initials,\n      useDynamicColor,\n    },\n    Icon: {\n      className: styles.icon,\n    },\n  };\n\n  return (\n    <div className={rootClassName} ref={ref}>\n      <PropsContextProvider props={propsContext}>\n        {!status && children}\n        {status && <AlertIcon className={styles.icon} status={status} />}\n      </PropsContextProvider>\n    </div>\n  );\n});\n\nexport default Avatar;\n"],"names":[],"mappings":";;;;;;;;AA2BO,MAAM,MAAA,GAAS,aAAA,CAAc,QAAA,EAAU,CAAC,KAAA,KAAU;AACvD,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,KAAA,EAAO,OAAO,GAAA,EAAK,MAAA,EAAQ,KAAI,GAAI,KAAA;AAEhE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,MAAA;AAAA,IACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,IACrB,SAAA;AAAA,IACA,CAAC,MAAA,IAAU,MAAA,CAAO,KAAA,IAAS,MAAM,CAAA;AAAA,IACjC,MAAA,IAAU,OAAO,MAAM;AAAA,GACzB;AAEA,EAAA,MAAM,eAAA,GAAkB,KAAA,KAAU,MAAA,IAAa,MAAA,KAAW,MAAA;AAE1D,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,QAAA,EAAU;AAAA,MACR,WAAW,MAAA,CAAO,QAAA;AAAA,MAClB;AAAA,KACF;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EAAW,aAAA,EAAe,KAC7B,QAAA,kBAAA,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,YAAA,EAC1B,QAAA,EAAA;AAAA,IAAA,CAAC,MAAA,IAAU,QAAA;AAAA,IACX,0BAAU,GAAA,CAAC,SAAA,EAAA,EAAU,SAAA,EAAW,MAAA,CAAO,MAAM,MAAA,EAAgB;AAAA,GAAA,EAChE,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/Avatar/avatarColors.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"avatarColors.mjs","sources":["../../../../../../src/components/Avatar/avatarColors.tsx"],"sourcesContent":["export const avatarColors = [\n  \"blue\",\n  \"teal\",\n  \"green\",\n  \"violet\",\n  \"lilac\",\n] as const;\n"],"names":[],"mappings":"AAAO,MAAM,YAAA,GAAe;AAAA,EAC1B,MAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF;;;;"}

package/dist/js/components/src/components/AvatarStack/AvatarStack.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarStack.mjs","sources":["../../../../../../src/components/AvatarStack/AvatarStack.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { Children } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./AvatarStack.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { Button } from \"@/components/Button\";\nimport { Avatar } from \"@/components/Avatar\";\nimport { Wrap } from \"@/components/Wrap\";\n\nexport interface AvatarStackProps\n  extends PropsWithClassName, PropsWithChildren {\n  /**\n   * The total count of items, as avatars should only be displayed for the first\n   * view\n   */\n  totalCount?: number;\n  /** The onPress action of the additional items count element */\n  onCountPress?: () => void;\n  /** The size of the avatars inside the stack. @default \"m\" */\n  size?: \"xs\" | \"s\" | \"m\" | \"l\";\n}\n\n/** @flr-generate all */\nexport const AvatarStack: FC<AvatarStackProps> = (props) => {\n  const {\n    className,\n    children,\n    totalCount = 0,\n    size = \"m\",\n    onCountPress,\n  } = props;\n\n  const avatarCount = Children.count(children);\n\n  const additionalItemsCount = totalCount - avatarCount;\n\n  const rootClassName = clsx(\n    styles.avatarStack,\n    styles[`size-${size}`],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Avatar: { className: styles.avatar, size },\n    Button: {\n      className: styles.avatar,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName}>\n        {children}\n        {additionalItemsCount > 0 && (\n          <Wrap if={onCountPress}>\n            <Button onPress={onCountPress}>\n              <Avatar size={size}>+{additionalItemsCount}</Avatar>\n            </Button>\n          </Wrap>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default AvatarStack;\n"],"names":[],"mappings":";;;;;;;;;;AAyBO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA,GAAa,CAAA;AAAA,IACb,IAAA,GAAO,GAAA;AAAA,IACP;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,MAAM,WAAA,GAAc,QAAA,CAAS,KAAA,CAAM,QAAQ,CAAA;AAE3C,EAAA,MAAM,uBAAuB,UAAA,GAAa,WAAA;AAE1C,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,WAAA;AAAA,IACP,MAAA,CAAO,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAE,CAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,MAAA,EAAQ,EAAE,SAAA,EAAW,MAAA,CAAO,QAAQ,IAAA,EAAK;AAAA,IACzC,MAAA,EAAQ;AAAA,MACN,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,2BACG,oBAAA,EAAA,EAAqB,KAAA,EAAO,cAC3B,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAW,aAAA,EACb,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,oBAAA,GAAuB,CAAA,oBACtB,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,YAAA,EACR,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,OAAA,EAAS,YAAA,EACf,QAAA,kBAAA,IAAA,CAAC,MAAA,EAAA,EAAO,IAAA,EAAY,QAAA,EAAA;AAAA,MAAA,GAAA;AAAA,MAAE;AAAA,KAAA,EAAqB,GAC7C,CAAA,EACF;AAAA,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Badge/Badge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.mjs","sources":["../../../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Badge.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport type { PressEvent } from \"@react-types/shared\";\nimport { Button } from \"@/components/Button\";\nimport { IconClose } from \"@/components/Icon/components/icons\";\n\nexport const badgeColors = [\n  \"neutral\",\n  \"blue\",\n  \"navy\",\n  \"violet\",\n  \"teal\",\n  \"lilac\",\n  \"green\",\n  \"orange\",\n  \"red\",\n  \"dark\",\n  \"light\",\n] as const;\nexport type BadgeColors = (typeof badgeColors)[number];\n\nexport interface BadgeProps\n  extends PropsWithChildren, FlowComponentProps, PropsWithClassName {\n  /** Handler that is called when the badge is pressed. */\n  onPress?: (e: PressEvent) => void;\n  /** Handler that is called when the badges close icon is pressed. */\n  onClose?: (e: PressEvent) => void;\n  /** The color of the badge. @default \"neutral\" */\n  color?: BadgeColors;\n  /** Whether the badge is disabled. */\n  isDisabled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Badge = flowComponent(\"Badge\", (props) => {\n  const {\n    children,\n    className,\n    color = \"neutral\",\n    ref,\n    onPress,\n    onClose,\n    isDisabled,\n    ...rest\n  } = props;\n\n  const rootClassName = clsx(\n    styles.badge,\n    styles[color],\n    isDisabled && styles.disabled,\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Label: {\n      elementType: \"span\",\n      className: styles.scope,\n      unstyled: true,\n    },\n    Text: {\n      elementType: \"span\",\n      className: styles.value,\n    },\n    Button: {\n      Label: {\n        elementType: \"span\",\n        className: styles.scope,\n        unstyled: true,\n      },\n      Text: {\n        elementType: \"span\",\n        className: styles.value,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div className={rootClassName} {...rest} ref={ref}>\n        {!onPress && <div className={styles.content}>{children}</div>}\n        {onPress && (\n          <Button\n            isDisabled={isDisabled}\n            unstyled\n            className={styles.button}\n            onPress={onPress}\n          >\n            {children}\n          </Button>\n        )}\n        {onClose && (\n          <Button\n            className={styles.close}\n            size=\"s\"\n            color={color === \"light\" ? \"light\" : \"dark\"}\n            variant=\"plain\"\n            onPress={onClose}\n            isDisabled={isDisabled}\n          >\n            <IconClose />\n          </Button>\n        )}\n      </div>\n    </PropsContextProvider>\n  );\n});\n\nexport default Badge;\n"],"names":[],"mappings":";;;;;;;;;;;;;;AAuCO,MAAM,KAAA,GAAQ,aAAA,CAAc,OAAA,EAAS,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,KAAA,GAAQ,SAAA;AAAA,IACR,GAAA;AAAA,IACA,OAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,KAAA;AAAA,IACP,OAAO,KAAK,CAAA;AAAA,IACZ,cAAc,MAAA,CAAO,QAAA;AAAA,IACrB;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,KAAA,EAAO;AAAA,MACL,WAAA,EAAa,MAAA;AAAA,MACb,WAAW,MAAA,CAAO,KAAA;AAAA,MAClB,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,IAAA,EAAM;AAAA,MACJ,WAAA,EAAa,MAAA;AAAA,MACb,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,KAAA,EAAO;AAAA,QACL,WAAA,EAAa,MAAA;AAAA,QACb,WAAW,MAAA,CAAO,KAAA;AAAA,QAClB,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,WAAA,EAAa,MAAA;AAAA,QACb,WAAW,MAAA,CAAO;AAAA;AACpB;AACF,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,IAAA,CAAC,SAAI,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,GAAA,EACtC,QAAA,EAAA;AAAA,IAAA,CAAC,2BAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAU,QAAA,EAAS,CAAA;AAAA,IACtD,OAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,UAAA;AAAA,QACA,QAAA,EAAQ,IAAA;AAAA,QACR,WAAW,MAAA,CAAO,MAAA;AAAA,QAClB,OAAA;AAAA,QAEC;AAAA;AAAA,KACH;AAAA,IAED,OAAA,oBACC,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,WAAW,MAAA,CAAO,KAAA;AAAA,QAClB,IAAA,EAAK,GAAA;AAAA,QACL,KAAA,EAAO,KAAA,KAAU,OAAA,GAAU,OAAA,GAAU,MAAA;AAAA,QACrC,OAAA,EAAQ,OAAA;AAAA,QACR,OAAA,EAAS,OAAA;AAAA,QACT,UAAA;AAAA,QAEA,8BAAC,SAAA,EAAA,EAAU;AAAA;AAAA;AACb,GAAA,EAEJ,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/BigNumber/BigNumber.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BigNumber.mjs","sources":["../../../../../../src/components/BigNumber/BigNumber.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./BigNumber.module.scss\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\n\nexport type BigNumberProps = PropsWithChildren & PropsWithClassName;\n\n/** @flr-generate all */\nexport const BigNumber: FC<BigNumberProps> = (props) => {\n  const { children, className } = props;\n\n  const rootClassName = clsx(styles.bigNumber, className);\n\n  const propsContext: PropsContext = {\n    Text: {\n      className: styles.text,\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <span className={rootClassName}>{children}</span>\n    </PropsContextProvider>\n  );\n};\n\nexport default BigNumber;\n"],"names":[],"mappings":";;;;;;AASO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAU,GAAI,KAAA;AAEhC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,SAAA,EAAW,SAAS,CAAA;AAEtD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO;AAAA;AACpB,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,wBAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,MAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EAAgB,QAAA,EAAS,CAAA,EAC5C,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Breadcrumb/Breadcrumb.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.mjs","sources":["../../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport type { BreadcrumbItemProps } from \"./components/BreadcrumbItem\";\nimport { BreadcrumbItem } from \"./components/BreadcrumbItem\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface BreadcrumbProps\n  extends\n    Omit<Aria.BreadcrumbsProps<BreadcrumbItemProps>, \"children\">,\n    PropsWithChildren {\n  /** The color of the breadcrumb. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n  /** The size of the element. @default \"m\" */\n  size?: \"s\" | \"m\";\n}\n\n/** @flr-generate all */\nexport const Breadcrumb: FC<BreadcrumbProps> = (props) => {\n  const { children, className, color = \"primary\", size = \"m\", ...rest } = props;\n\n  const rootClassName = clsx(\n    styles.breadcrumb,\n    styles[color],\n    size === \"s\" && styles[\"size-s\"],\n    className,\n  );\n\n  const propsContext: PropsContext = {\n    Link: {\n      unstyled: true,\n      className: styles.link,\n      wrapWith: <BreadcrumbItem />,\n    },\n  };\n\n  return (\n    <Aria.Breadcrumbs {...rest} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Breadcrumbs>\n  );\n};\n\nexport default Breadcrumb;\n"],"names":[],"mappings":";;;;;;;;AAoBO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,UAAU,SAAA,EAAW,KAAA,GAAQ,WAAW,IAAA,GAAO,GAAA,EAAK,GAAG,IAAA,EAAK,GAAI,KAAA;AAExE,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,UAAA;AAAA,IACP,OAAO,KAAK,CAAA;AAAA,IACZ,IAAA,KAAS,GAAA,IAAO,MAAA,CAAO,QAAQ,CAAA;AAAA,IAC/B;AAAA,GACF;AAEA,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,IAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,QAAA,sBAAW,cAAA,EAAA,EAAe;AAAA;AAC5B,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,WAAA,EAAL,EAAkB,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EACrC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbItem.mjs","sources":["../../../../../../../../src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../../Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronRight } from \"@/components/Icon/components/icons\";\n\nexport type BreadcrumbItemProps = PropsWithChildren;\n\nexport const BreadcrumbItem: FC<BreadcrumbItemProps> = (props) => {\n  const { children } = props;\n\n  const rootClassName = clsx(styles.breadcrumbItem);\n\n  return (\n    <Aria.Breadcrumb className={rootClassName}>\n      {children}\n      <IconChevronRight size=\"s\" className={styles.icon} />\n    </Aria.Breadcrumb>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":[],"mappings":";;;;;;;;;;;AASO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AAErB,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,cAAc,CAAA;AAEhD,EAAA,uBACE,IAAA,CAAC,IAAA,CAAK,UAAA,EAAL,EAAgB,WAAW,aAAA,EACzB,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,gBAAA,EAAA,EAAiB,IAAA,EAAK,GAAA,EAAI,SAAA,EAAW,OAAO,IAAA,EAAM;AAAA,GAAA,EACrD,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/BrowserOnly/BrowserOnly.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BrowserOnly.mjs","sources":["../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"names":[],"mappings":";;;;;;;;;AAKO,MAAM,WAAA,GAAc,CAAC,KAAA,KAA6B;AACvD,EAAA,IAAI,cAAa,EAAG;AAClB,IAAA,OAAO,KAAA,CAAM,QAAA;AAAA,EACf;AACF;;;;"}

package/dist/js/components/src/components/Button/Button.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.mjs","sources":["../../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Button.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport LoadingSpinner from \"@/components/LoadingSpinner/LoadingSpinner\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\n\nexport interface ButtonProps\n  extends\n    PropsWithChildren<Aria.ButtonProps>,\n    FlowComponentProps<HTMLButtonElement> {\n  /** Slot for button placement in action groups. */\n  slot?: string;\n  /** The color of the button. @default \"primary\" */\n  color?: \"primary\" | \"accent\" | \"secondary\" | \"danger\" | \"dark\" | \"light\";\n  /** The visual variant of the button. @default \"solid\" */\n  variant?: \"plain\" | \"solid\" | \"soft\" | \"outline\";\n  /** The size of the button. @default \"m\" */\n  size?: \"m\" | \"s\";\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** Whether the button is in a read only state. */\n  isReadOnly?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n  /** @internal */\n  ariaSlot?: string | null;\n}\n\nconst disablePendingProps = (props: ButtonProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"] ||\n    props.isReadOnly\n  ) {\n    props = { ...props };\n\n    const mutedActionHandler = (e: unknown) => {\n      if (e && typeof e === \"object\") {\n        // stopPropagation is the default behavior in React Aria\n        const isReactAriaEvent =\n          \"continuePropagation\" in e &&\n          typeof e.continuePropagation === \"function\";\n\n        if (\n          !isReactAriaEvent &&\n          \"stopPropagation\" in e &&\n          typeof e.stopPropagation === \"function\"\n        ) {\n          e.stopPropagation();\n        }\n        if (\"preventDefault\" in e && typeof e.preventDefault === \"function\") {\n          e.preventDefault();\n        }\n      }\n\n      return false;\n    };\n\n    props.onClick = mutedActionHandler;\n    props.onPress = mutedActionHandler;\n    props.onPressStart = mutedActionHandler;\n    props.onPressEnd = mutedActionHandler;\n    props.onPressChange = mutedActionHandler;\n    props.onPressUp = mutedActionHandler;\n    props.onKeyDown = mutedActionHandler;\n    props.onKeyUp = mutedActionHandler;\n  }\n\n  return props;\n};\n\n/** @flr-generate all */\nexport const Button = flowComponent(\"Button\", (props) => {\n  props = disablePendingProps(props);\n\n  const {\n    color = \"primary\",\n    variant = \"solid\",\n    children,\n    className,\n    size = \"m\",\n    isPending,\n    isSucceeded,\n    isFailed,\n    \"aria-disabled\": ariaDisabled,\n    ref,\n    slot: ignoredSlotProp,\n    ariaSlot: slot,\n    unstyled,\n    isReadOnly,\n    ...restProps\n  } = props;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.button,\n        isPending && styles.isPending,\n        isSucceeded && styles.isSucceeded,\n        isFailed && styles.isFailed,\n        styles[`size-${size}`],\n        styles[color],\n        styles[variant],\n        className,\n        /**\n         * Workaround warning: The Aria.Button does not support \"aria-disabled\"\n         * by now, so this Button will be visually disabled via CSS.\n         */\n        ariaDisabled && styles.ariaDisabled,\n      );\n\n  useAriaAnnounceActionState(\n    isPending\n      ? \"isPending\"\n      : isSucceeded\n        ? \"isSucceeded\"\n        : isFailed\n          ? \"isFailed\"\n          : \"isIdle\",\n  );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      \"aria-hidden\": true,\n      size,\n    },\n    Text: {\n      className: styles.text,\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    CounterBadge: {\n      className: styles.counterBadge,\n    },\n    Image: {\n      className: styles.image,\n    },\n  };\n\n  const StateIconComponent = isSucceeded\n    ? IconSucceeded\n    : isFailed\n      ? IconFailed\n      : isPending\n        ? LoadingSpinner\n        : undefined;\n\n  const stateIcon = StateIconComponent && (\n    <StateIconComponent\n      size={size}\n      className={styles.stateIcon}\n      status={isFailed ? \"danger\" : isSucceeded ? \"success\" : undefined}\n    />\n  );\n\n  const isStringContent = extractTextFromFirstChild(children) !== undefined;\n\n  return (\n    <Aria.Button\n      className={rootClassName}\n      ref={ref}\n      slot={slot}\n      {...(isReadOnly === true ? { \"data-readonly\": true } : {})}\n      {...restProps}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={!unstyled}>\n          <span className={styles.content}>\n            <Wrap if={isStringContent}>\n              <Text className={styles.text}>{children}</Text>\n            </Wrap>\n          </span>\n        </Wrap>\n      </PropsContextProvider>\n      {stateIcon}\n    </Aria.Button>\n  );\n});\n\nexport default Button;\n"],"names":[],"mappings":"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"}

package/dist/js/components/src/components/Calendar/Calendar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Calendar.mjs","sources":["../../../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"./components/CalendarHeader\";\n\nexport const Calendar: FC = () => {\n  return (\n    <Aria.Calendar className={styles.calendar}>\n      <CalendarHeader />\n      <Aria.CalendarGrid weekdayStyle=\"short\">\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.Calendar>\n  );\n};\n\nexport default Calendar;\n"],"names":[],"mappings":";;;;;;AAMO,MAAM,WAAe,MAAM;AAChC,EAAA,4BACG,IAAA,CAAK,QAAA,EAAL,EAAc,SAAA,EAAW,OAAO,QAAA,EAC/B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,oBAChB,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,YAAA,EAAa,OAAA,EAC7B,QAAA,EAAA,CAAC,IAAA,qBAAS,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,MAAY,CAAA,EAC5C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Calendar/RangeCalendar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"RangeCalendar.mjs","sources":["../../../../../../src/components/Calendar/RangeCalendar.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"./components/CalendarHeader\";\nimport clsx from \"clsx\";\n\nexport const RangeCalendar: FC = () => {\n  return (\n    <Aria.RangeCalendar className={clsx(styles.calendar, styles.range)}>\n      <CalendarHeader />\n      <Aria.CalendarGrid>\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.RangeCalendar>\n  );\n};\n\nexport default RangeCalendar;\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,gBAAoB,MAAM;AACrC,EAAA,uBACE,IAAA,CAAC,IAAA,CAAK,aAAA,EAAL,EAAmB,SAAA,EAAW,KAAK,MAAA,CAAO,QAAA,EAAU,MAAA,CAAO,KAAK,CAAA,EAC/D,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,oBAChB,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EACE,QAAA,EAAA,CAAC,IAAA,qBAAS,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,IAAA,EAAY,CAAA,EAC5C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Calendar/components/CalendarHeader/CalendarHeader.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CalendarHeader.mjs","sources":["../../../../../../../../src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Button } from \"@/components/Button\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  IconChevronLeft,\n  IconChevronRight,\n} from \"@/components/Icon/components/icons\";\n\nexport const CalendarHeader: FC = () => {\n  return (\n    <header>\n      <Button ariaSlot=\"previous\" variant=\"plain\" color=\"secondary\">\n        <IconChevronLeft />\n      </Button>\n      <Aria.Heading />\n      <Button ariaSlot=\"next\" variant=\"plain\" color=\"secondary\">\n        <IconChevronRight />\n      </Button>\n    </header>\n  );\n};\n\nexport default CalendarHeader;\n"],"names":[],"mappings":";;;;;;;;;;;AASO,MAAM,iBAAqB,MAAM;AACtC,EAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,UAAS,UAAA,EAAW,OAAA,EAAQ,SAAQ,KAAA,EAAM,WAAA,EAChD,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EACnB,CAAA;AAAA,oBACA,GAAA,CAAC,IAAA,CAAK,OAAA,EAAL,EAAa,CAAA;AAAA,oBACd,GAAA,CAAC,MAAA,EAAA,EAAO,QAAA,EAAS,MAAA,EAAO,OAAA,EAAQ,SAAQ,KAAA,EAAM,WAAA,EAC5C,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,EACpB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/CartesianChart.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartesianChart.mjs","sources":["../../../../../../src/components/CartesianChart/CartesianChart.tsx"],"sourcesContent":["import { ComposedChart, ResponsiveContainer } from \"recharts\";\nimport React, {\n  type ComponentProps,\n  type FC,\n  isValidElement,\n  type PropsWithChildren,\n  type ReactNode,\n  useMemo,\n} from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./CartesianChart.module.scss\";\nimport { useChartClipRect } from \"@/components/CartesianChart/hooks/useChartClipRect\";\nimport DivView from \"@/views/DivView\";\nimport Wrap from \"@/components/Wrap\";\n\n/** @deprecated Use a ReactNode instead */\nexport interface CartesianChartEmptyViewProps {\n  data?: ComponentProps<typeof ComposedChart>[\"data\"];\n}\n\nexport interface CartesianChartProps\n  extends\n    Pick<\n      ComponentProps<typeof ComposedChart>,\n      \"data\" | \"className\" | \"syncId\" | \"syncMethod\"\n    >,\n    PropsWithChildren {\n  height?: string;\n\n  /** View that is provided when data is empty/undefined */\n  emptyView?: ReactNode;\n\n  /**\n   * Allow the height controlling container to set flex-grow: 1. Can only be\n   * used in combination with `height`\n   */\n  flexGrow?: boolean;\n}\n\n/** @flr-generate all */\nexport const CartesianChart: FC<CartesianChartProps> = (props) => {\n  const { children, data, className, height, flexGrow, emptyView, ...rest } =\n    props;\n\n  const { viewDimensions, ref: containerRef } = useChartClipRect();\n\n  const showEmptyView = !!((!data || data.length === 0) && emptyView);\n  const rootClassName = clsx(\n    styles.cartesianChart,\n    className,\n    showEmptyView && styles.emptyView,\n  );\n\n  const emptyElement = useMemo(() => {\n    if (isValidElement(emptyView)) {\n      return emptyView;\n    }\n\n    if (!emptyView) {\n      return;\n    }\n\n    console.warn(\n      \"CartesianChart: emptyView as a non-element is deprecated and will be removed in a future release. Please provide an element as emptyView.\",\n    );\n    return null;\n  }, [emptyView]);\n\n  return (\n    <Wrap if={height}>\n      <div style={{ height, flex: flexGrow ? 1 : undefined }}>\n        <ResponsiveContainer\n          initialDimension={{\n            // fix warning on initial render\n            width: 1,\n            height: 1,\n          }}\n          width={height ? undefined : \"100%\"}\n          aspect={height ? undefined : 3}\n          ref={containerRef}\n        >\n          <ComposedChart data={data} className={rootClassName} {...rest}>\n            {children}\n            {showEmptyView && viewDimensions && (\n              <foreignObject {...viewDimensions}>\n                <DivView className={styles.emptyViewContainer}>\n                  {emptyElement}\n                </DivView>\n              </foreignObject>\n            )}\n          </ComposedChart>\n        </ResponsiveContainer>\n      </div>\n    </Wrap>\n  );\n};\n\nexport default CartesianChart;\n"],"names":[],"mappings":";;;;;;;;;AAwCO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,UAAU,IAAA,EAAM,SAAA,EAAW,QAAQ,QAAA,EAAU,SAAA,EAAW,GAAG,IAAA,EAAK,GACtE,KAAA;AAEF,EAAA,MAAM,EAAE,cAAA,EAAgB,GAAA,EAAK,YAAA,KAAiB,gBAAA,EAAiB;AAE/D,EAAA,MAAM,gBAAgB,CAAC,EAAA,CAAG,CAAC,IAAA,IAAQ,IAAA,CAAK,WAAW,CAAA,KAAM,SAAA,CAAA;AACzD,EAAA,MAAM,aAAA,GAAgB,IAAA;AAAA,IACpB,MAAA,CAAO,cAAA;AAAA,IACP,SAAA;AAAA,IACA,iBAAiB,MAAA,CAAO;AAAA,GAC1B;AAEA,EAAA,MAAM,YAAA,GAAe,QAAQ,MAAM;AACjC,IAAA,IAAI,cAAA,CAAe,SAAS,CAAA,EAAG;AAC7B,MAAA,OAAO,SAAA;AAAA,IACT;AAEA,IAAA,IAAI,CAAC,SAAA,EAAW;AACd,MAAA;AAAA,IACF;AAEA,IAAA,OAAA,CAAQ,IAAA;AAAA,MACN;AAAA,KACF;AACA,IAAA,OAAO,IAAA;AAAA,EACT,CAAA,EAAG,CAAC,SAAS,CAAC,CAAA;AAEd,EAAA,uBACE,GAAA,CAAC,IAAA,EAAA,EAAK,EAAA,EAAI,MAAA,EACR,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,MAAA,EAAQ,IAAA,EAAM,QAAA,GAAW,CAAA,GAAI,QAAU,EACnD,QAAA,kBAAA,GAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,gBAAA,EAAkB;AAAA;AAAA,QAEhB,KAAA,EAAO,CAAA;AAAA,QACP,MAAA,EAAQ;AAAA,OACV;AAAA,MACA,KAAA,EAAO,SAAS,MAAA,GAAY,MAAA;AAAA,MAC5B,MAAA,EAAQ,SAAS,MAAA,GAAY,CAAA;AAAA,MAC7B,GAAA,EAAK,YAAA;AAAA,MAEL,+BAAC,aAAA,EAAA,EAAc,IAAA,EAAY,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EACtD,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,aAAA,IAAiB,cAAA,oBAChB,GAAA,CAAC,eAAA,EAAA,EAAe,GAAG,cAAA,EACjB,QAAA,kBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,SAAA,EAAW,MAAA,CAAO,kBAAA,EACxB,QAAA,EAAA,YAAA,EACH,CAAA,EACF;AAAA,OAAA,EAEJ;AAAA;AAAA,KAEJ,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/Area/Area.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Area.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/Area/Area.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\n\nexport interface AreaProps extends Pick<\n  Recharts.AreaProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"stackId\"\n  | \"fillOpacity\"\n  | \"key\"\n  | \"xAxisId\"\n  | \"yAxisId\"\n  | \"type\"\n  | \"unit\"\n> {\n  /** The color of the area. @default \"sea-green\" */\n  color?: CategoricalWithCustomColor;\n}\n\n/** @flr-generate all */\nexport const Area: FC<AreaProps> = (props) => {\n  const {\n    color: colorFromProps = \"sea-green\",\n    stackId = 1,\n    fillOpacity = 1,\n    ...rest\n  } = props;\n\n  const color = isCategoricalColor(colorFromProps)\n    ? `var(--color--categorical--${colorFromProps})`\n    : colorFromProps;\n\n  return (\n    <Recharts.Area\n      stackId={stackId}\n      fillOpacity={fillOpacity}\n      {...rest}\n      activeDot={<AreaDot color={color} />}\n      fill={color}\n      stroke={tokens.area[\"border-color\"].value}\n      strokeWidth={tokens.area[\"border-width\"].value}\n    />\n  );\n};\n\nexport default Area;\n"],"names":[],"mappings":";;;;;;;AAwBO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM;AAAA,IACJ,OAAO,cAAA,GAAiB,WAAA;AAAA,IACxB,OAAA,GAAU,CAAA;AAAA,IACV,WAAA,GAAc,CAAA;AAAA,IACd,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,QAAQ,kBAAA,CAAmB,cAAc,CAAA,GAC3C,CAAA,0BAAA,EAA6B,cAAc,CAAA,CAAA,CAAA,GAC3C,cAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,IAAA;AAAA,IAAT;AAAA,MACC,OAAA;AAAA,MACA,WAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,SAAA,kBAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAc,CAAA;AAAA,MAClC,IAAA,EAAM,KAAA;AAAA,MACN,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE,KAAA;AAAA,MACpC,WAAA,EAAa,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE;AAAA;AAAA,GAC3C;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/AreaDot/AreaDot.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"AreaDot.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/AreaDot/AreaDot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type * as Recharts from \"recharts\";\n\nexport const AreaDot: FC<Recharts.DotProps & { color: string }> = ({\n  cx,\n  cy,\n  color,\n}) => {\n  if (cx === undefined || cy === undefined) return null;\n\n  return (\n    <svg\n      x={cx - 7}\n      y={cy - 7}\n      width={14}\n      height={14}\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle cx=\"7\" cy=\"7\" r=\"7\" fill=\"white\" />\n      <circle cx=\"7\" cy=\"7\" r=\"4\" stroke={color} strokeWidth=\"2\" fill=\"white\" />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";;AAGO,MAAM,UAAqD,CAAC;AAAA,EACjE,EAAA;AAAA,EACA,EAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,IAAI,EAAA,KAAO,MAAA,IAAa,EAAA,KAAO,MAAA,EAAW,OAAO,IAAA;AAEjD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAG,EAAA,GAAK,CAAA;AAAA,MACR,GAAG,EAAA,GAAK,CAAA;AAAA,MACR,KAAA,EAAO,EAAA;AAAA,MACP,MAAA,EAAQ,EAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAM,4BAAA;AAAA,MAEN,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,IAAG,GAAA,EAAI,EAAA,EAAG,KAAI,CAAA,EAAE,GAAA,EAAI,MAAK,OAAA,EAAQ,CAAA;AAAA,wBACzC,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,CAAA,EAAE,GAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,WAAA,EAAY,GAAA,EAAI,MAAK,OAAA,EAAQ;AAAA;AAAA;AAAA,GAC1E;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/CartesianGrid/CartesianGrid.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CartesianGrid.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/CartesianGrid/CartesianGrid.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type CartesianGridProps = Pick<\n  Recharts.CartesianGridProps,\n  \"className\" | \"vertical\" | \"horizontal\" | \"strokeDasharray\"\n>;\n\n/** @flr-generate all */\nexport const CartesianGrid: FC<CartesianGridProps> = (props) => {\n  const { vertical = false, ...rest } = props;\n\n  return (\n    <Recharts.CartesianGrid\n      vertical={vertical}\n      {...rest}\n      stroke={tokens[\"cartesian-grid\"].color.value}\n      strokeWidth={tokens[\"cartesian-grid\"][\"stroke-width\"].value}\n    />\n  );\n};\n\nexport default CartesianGrid;\n"],"names":[],"mappings":";;;;AAUO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,EAAE,QAAA,GAAW,KAAA,EAAO,GAAG,MAAK,GAAI,KAAA;AAEtC,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,aAAA;AAAA,IAAT;AAAA,MACC,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,MAAA,EAAQ,MAAA,CAAO,gBAAgB,CAAA,CAAE,KAAA,CAAM,KAAA;AAAA,MACvC,WAAA,EAAa,MAAA,CAAO,gBAAgB,CAAA,CAAE,cAAc,CAAA,CAAE;AAAA;AAAA,GACxD;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/ChartLegend/ChartLegend.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartLegend.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/ChartLegend/ChartLegend.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport LegendContent from \"./LegendContent\";\n\nexport type ChartLegendFormatter = (text: string) => string;\n\nexport interface WithChartLegendFormatters {\n  /**\n   * A formatter function for the texts of the Legend. Can be used for purposes\n   * like translations.\n   */\n  formatter?: ChartLegendFormatter;\n}\n\nexport type ChartLegendProps = Pick<\n  Recharts.LegendProps,\n  \"className\" | \"verticalAlign\"\n> &\n  WithChartLegendFormatters;\n\n/** @flr-generate all */\nexport const ChartLegend: FC<ChartLegendProps> = (props) => {\n  const { formatter, ...rest } = props;\n\n  return (\n    <Recharts.Legend\n      {...rest}\n      content={<LegendContent formatter={formatter} />}\n    />\n  );\n};\n\nexport default ChartLegend;\n"],"names":[],"mappings":";;;;AAqBO,MAAM,WAAA,GAAoC,CAAC,KAAA,KAAU;AAC1D,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAE/B,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,MAAA;AAAA,IAAT;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,OAAA,kBAAS,GAAA,CAAC,aAAA,EAAA,EAAc,SAAA,EAAsB;AAAA;AAAA,GAChD;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/ChartLegend/LegendContent.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"LegendContent.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/ChartLegend/LegendContent.tsx"],"sourcesContent":["import type { Props } from \"recharts/types/component/DefaultLegendContent\";\nimport type { WithChartLegendFormatters } from \"./ChartLegend\";\nimport type { FC } from \"react\";\nimport Legend, { LegendItem } from \"@/components/Legend\";\n\ntype LegendContentType = Omit<Props, \"formatter\"> & WithChartLegendFormatters;\n\nconst LegendContent: FC<LegendContentType> = (props) => {\n  const { formatter, payload } = props;\n\n  return (\n    <Legend>\n      {payload\n        ?.filter(\n          (entry) =>\n            entry.payload &&\n            \"fill\" in entry.payload &&\n            entry.payload?.fill !== \"none\",\n        )\n        .map((entry, index) => {\n          const { payload, dataKey } = entry;\n          const fill =\n            payload && \"fill\" in payload && typeof payload.fill === \"string\"\n              ? payload.fill\n              : undefined;\n\n          return (\n            <LegendItem key={`legendItem-${index}`} color={fill}>\n              {dataKey\n                ? formatter\n                  ? formatter(dataKey?.toString())\n                  : dataKey.toString()\n                : \"\"}\n            </LegendItem>\n          );\n        })}\n    </Legend>\n  );\n};\n\nexport default LegendContent;\n"],"names":["payload"],"mappings":";;;;AAOA,MAAM,aAAA,GAAuC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,SAAA,EAAW,OAAA,EAAQ,GAAI,KAAA;AAE/B,EAAA,uBACE,GAAA,CAAC,UACE,QAAA,EAAA,OAAA,EACG,MAAA;AAAA,IACA,CAAC,UACC,KAAA,CAAM,OAAA,IACN,UAAU,KAAA,CAAM,OAAA,IAChB,KAAA,CAAM,OAAA,EAAS,IAAA,KAAS;AAAA,GAC5B,CACC,GAAA,CAAI,CAAC,KAAA,EAAO,KAAA,KAAU;AACrB,IAAA,MAAM,EAAE,OAAA,EAAAA,QAAAA,EAAS,OAAA,EAAQ,GAAI,KAAA;AAC7B,IAAA,MAAM,IAAA,GACJA,YAAW,MAAA,IAAUA,QAAAA,IAAW,OAAOA,QAAAA,CAAQ,IAAA,KAAS,QAAA,GACpDA,QAAAA,CAAQ,IAAA,GACR,MAAA;AAEN,IAAA,2BACG,UAAA,EAAA,EAAuC,KAAA,EAAO,IAAA,EAC5C,QAAA,EAAA,OAAA,GACG,YACE,SAAA,CAAU,OAAA,EAAS,QAAA,EAAU,IAC7B,OAAA,CAAQ,QAAA,KACV,EAAA,EAAA,EALW,CAAA,WAAA,EAAc,KAAK,CAAA,CAMpC,CAAA;AAAA,EAEJ,CAAC,CAAA,EACL,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/ChartTooltip/ChartTooltip.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ChartTooltip.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/ChartTooltip/ChartTooltip.tsx"],"sourcesContent":["import React, { type FC, Suspense } from \"react\";\nimport { Tooltip, type TooltipProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { type TooltipPayloadItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\nimport { TooltipContent } from \"@/components/CartesianChart/components/ChartTooltip/TooltipContent\";\nimport clsx from \"clsx\";\nimport styles from \"./ChartTooltip.module.scss\";\nimport LoadingSpinnerView from \"@/views/LoadingSpinnerView\";\n\nexport type TooltipLineFormatter = (\n  value: TooltipPayloadItem[\"value\"],\n  name: TooltipPayloadItem[\"dataKey\"],\n  index: number,\n  unit?: TooltipPayloadItem[\"unit\"],\n) => Promise<string> | string;\n\nexport type TooltipHeadingFormatter = (\n  title: string | number | undefined,\n) => Promise<string> | string;\n\nexport interface WithTooltipFormatters {\n  /**\n   * A formatter function for the lines in the tooltip. Can be used for purposes\n   * like translations.\n   */\n  formatter?: TooltipLineFormatter;\n  /**\n   * A formatter function for the heading of the tooltip. Can be used for\n   * purposes like translations.\n   */\n  headingFormatter?: TooltipHeadingFormatter;\n}\n\nexport interface ChartTooltipProps\n  extends\n    Pick<\n      TooltipProps<ValueType, NameType>,\n      \"wrapperClassName\" | \"allowEscapeViewBox\"\n    >,\n    WithTooltipFormatters {}\n\n/** @flr-generate all */\nexport const ChartTooltip: FC<ChartTooltipProps> = (props) => {\n  const { headingFormatter, formatter, ...rest } = props;\n\n  return (\n    <Tooltip\n      {...rest}\n      cursor={false}\n      content={(props) => {\n        if (!props.active || !props.payload || props.payload.length === 0) {\n          return null;\n        }\n\n        const className = clsx(props.wrapperClassName, styles.tooltip);\n        return (\n          <div className={className}>\n            <Suspense fallback={<LoadingSpinnerView />}>\n              <TooltipContent\n                {...props}\n                headingFormatter={headingFormatter}\n                formatter={formatter}\n              />\n            </Suspense>\n          </div>\n        );\n      }}\n    />\n  );\n};\n\nexport default ChartTooltip;\n"],"names":["props"],"mappings":";;;;;;;;;;;AA6CO,MAAM,YAAA,GAAsC,CAAC,KAAA,KAAU;AAC5D,EAAA,MAAM,EAAE,gBAAA,EAAkB,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAEjD,EAAA,uBACE,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,MAAA,EAAQ,KAAA;AAAA,MACR,OAAA,EAAS,CAACA,MAAAA,KAAU;AAClB,QAAA,IAAI,CAACA,OAAM,MAAA,IAAU,CAACA,OAAM,OAAA,IAAWA,MAAAA,CAAM,OAAA,CAAQ,MAAA,KAAW,CAAA,EAAG;AACjE,UAAA,OAAO,IAAA;AAAA,QACT;AAEA,QAAA,MAAM,SAAA,GAAY,IAAA,CAAKA,MAAAA,CAAM,gBAAA,EAAkB,OAAO,OAAO,CAAA;AAC7D,QAAA,uBACE,GAAA,CAAC,SAAI,SAAA,EACH,QAAA,kBAAA,GAAA,CAAC,YAAS,QAAA,kBAAU,GAAA,CAAC,sBAAmB,CAAA,EACtC,QAAA,kBAAA,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACE,GAAGA,MAAAA;AAAA,YACJ,gBAAA;AAAA,YACA;AAAA;AAAA,WAEJ,CAAA,EACF,CAAA;AAAA,MAEJ;AAAA;AAAA,GACF;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/ChartTooltip/TooltipContent.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipContent.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipContent.tsx"],"sourcesContent":["import React, { type FC, Suspense } from \"react\";\nimport type { TooltipContentProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { usePromise } from \"@mittwald/react-use-promise\";\nimport Heading from \"@/components/Heading\";\nimport type { WithTooltipFormatters } from \"@/components/CartesianChart\";\nimport { TooltipLegendItem } from \"@/components/CartesianChart/components/ChartTooltip/TooltipLegendItem\";\nimport SkeletonTextView from \"@/views/SkeletonTextView\";\n\n/** @internal */\nexport const TooltipContent: FC<\n  WithTooltipFormatters &\n    Omit<TooltipContentProps<ValueType, NameType>, \"formatter\">\n> = (props) => {\n  const { headingFormatter, formatter, label, payload } = props;\n\n  const formattedHeading = usePromise(\n    async (label, formatter) => {\n      if (!formatter) {\n        return label;\n      }\n\n      return formatter(label);\n    },\n    [label, headingFormatter] as const,\n  );\n\n  const items = payload\n    .filter((item) => item.fill !== \"none\")\n    .map((item, index) => {\n      return (\n        <Suspense key={item.dataKey} fallback={<SkeletonTextView />}>\n          <TooltipLegendItem formatter={formatter} item={item} index={index} />\n        </Suspense>\n      );\n    });\n\n  return (\n    <>\n      <Heading level={4}>{formattedHeading}</Heading>\n      {items}\n    </>\n  );\n};\n"],"names":["label","formatter"],"mappings":";;;;;;;AAaO,MAAM,cAAA,GAGT,CAAC,KAAA,KAAU;AACb,EAAA,MAAM,EAAE,gBAAA,EAAkB,SAAA,EAAW,KAAA,EAAO,SAAQ,GAAI,KAAA;AAExD,EAAA,MAAM,gBAAA,GAAmB,UAAA;AAAA,IACvB,OAAOA,QAAOC,UAAAA,KAAc;AAC1B,MAAA,IAAI,CAACA,UAAAA,EAAW;AACd,QAAA,OAAOD,MAAAA;AAAA,MACT;AAEA,MAAA,OAAOC,WAAUD,MAAK,CAAA;AAAA,IACxB,CAAA;AAAA,IACA,CAAC,OAAO,gBAAgB;AAAA,GAC1B;AAEA,EAAA,MAAM,KAAA,GAAQ,OAAA,CACX,MAAA,CAAO,CAAC,IAAA,KAAS,IAAA,CAAK,IAAA,KAAS,MAAM,CAAA,CACrC,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AACpB,IAAA,uBACE,GAAA,CAAC,QAAA,EAAA,EAA4B,QAAA,kBAAU,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,EACvD,QAAA,kBAAA,GAAA,CAAC,iBAAA,EAAA,EAAkB,SAAA,EAAsB,IAAA,EAAY,KAAA,EAAc,CAAA,EAAA,EADtD,KAAK,OAEpB,CAAA;AAAA,EAEJ,CAAC,CAAA;AAEH,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,EAAI,QAAA,EAAA,gBAAA,EAAiB,CAAA;AAAA,IACpC;AAAA,GAAA,EACH,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"TooltipLegendItem.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/ChartTooltip/TooltipLegendItem.tsx"],"sourcesContent":["import { LegendItem } from \"@/components/Legend/components/LegendItem\";\nimport type { WithTooltipFormatters } from \"./ChartTooltip\";\nimport type { FC } from \"react\";\nimport type { DefaultTooltipContentProps } from \"recharts\";\nimport type {\n  NameType,\n  ValueType,\n} from \"recharts/types/component/DefaultTooltipContent\";\nimport { usePromise } from \"@mittwald/react-use-promise\";\n\n/** @internal */\nexport type TooltipPayloadItem = NonNullable<\n  DefaultTooltipContentProps<ValueType, NameType>[\"payload\"]\n>[number];\n\n/** @internal */\ninterface LegendItemLabelProps extends Pick<\n  WithTooltipFormatters,\n  \"formatter\"\n> {\n  item: TooltipPayloadItem;\n  index: number;\n}\n\n/** @internal */\nexport const TooltipLegendItem: FC<LegendItemLabelProps> = ({\n  formatter,\n  item,\n  index,\n}) => {\n  const { value, dataKey, unit, fill } = item;\n\n  const formattedLabel = usePromise(\n    async (value, dataKey, index, unit, formatter) => {\n      if (!formatter) {\n        return `${dataKey}: ${value}${unit ? ` ${unit}` : \"\"}`;\n      }\n\n      return formatter(value, dataKey, index, unit);\n    },\n    [value, dataKey, index, unit, formatter] as const,\n  );\n\n  return <LegendItem color={fill}>{formattedLabel}</LegendItem>;\n};\n"],"names":["value","dataKey","index","unit","formatter"],"mappings":";;;;AAyBO,MAAM,oBAA8C,CAAC;AAAA,EAC1D,SAAA;AAAA,EACA,IAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,EAAE,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,MAAK,GAAI,IAAA;AAEvC,EAAA,MAAM,cAAA,GAAiB,UAAA;AAAA,IACrB,OAAOA,MAAAA,EAAOC,QAAAA,EAASC,MAAAA,EAAOC,OAAMC,UAAAA,KAAc;AAChD,MAAA,IAAI,CAACA,UAAAA,EAAW;AACd,QAAA,OAAO,CAAA,EAAGH,QAAO,CAAA,EAAA,EAAKD,MAAK,GAAGG,KAAAA,GAAO,CAAA,CAAA,EAAIA,KAAI,CAAA,CAAA,GAAK,EAAE,CAAA,CAAA;AAAA,MACtD;AAEA,MAAA,OAAOC,UAAAA,CAAUJ,MAAAA,EAAOC,QAAAA,EAASC,MAAAA,EAAOC,KAAI,CAAA;AAAA,IAC9C,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,OAAA,EAAS,KAAA,EAAO,MAAM,SAAS;AAAA,GACzC;AAEA,EAAA,uBAAO,GAAA,CAAC,UAAA,EAAA,EAAW,KAAA,EAAO,IAAA,EAAO,QAAA,EAAA,cAAA,EAAe,CAAA;AAClD;;;;"}

package/dist/js/components/src/components/CartesianChart/components/Line/Line.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Line.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/Line/Line.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalWithCustomColor } from \"@/lib/tokens/CategoricalColors\";\nimport { isCategoricalColor } from \"@/lib/tokens/isCategoricalColor\";\n\nexport interface LineProps extends Pick<\n  Recharts.LineProps,\n  \"className\" | \"dataKey\" | \"key\" | \"xAxisId\" | \"yAxisId\" | \"type\" | \"unit\"\n> {\n  /** The color of the line. @default \"sea-green\" */\n  color?: CategoricalWithCustomColor;\n}\n\n/** @flr-generate all */\nexport const Line: FC<LineProps> = (props) => {\n  const { color: colorFromProps = \"sea-green\", ...rest } = props;\n\n  const color = isCategoricalColor(colorFromProps)\n    ? `var(--color--categorical--${colorFromProps})`\n    : colorFromProps;\n\n  return (\n    <Recharts.Line\n      {...rest}\n      fill={color}\n      activeDot={<AreaDot color={color} />}\n      dot={false}\n      stroke={color}\n      strokeWidth={tokens.line[\"border-width\"].value}\n    />\n  );\n};\n\nexport default Line;\n"],"names":[],"mappings":";;;;;;;AAgBO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,EAAE,KAAA,EAAO,cAAA,GAAiB,WAAA,EAAa,GAAG,MAAK,GAAI,KAAA;AAEzD,EAAA,MAAM,QAAQ,kBAAA,CAAmB,cAAc,CAAA,GAC3C,CAAA,0BAAA,EAA6B,cAAc,CAAA,CAAA,CAAA,GAC3C,cAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,IAAA;AAAA,IAAT;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,IAAA,EAAM,KAAA;AAAA,MACN,SAAA,kBAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAc,CAAA;AAAA,MAClC,GAAA,EAAK,KAAA;AAAA,MACL,MAAA,EAAQ,KAAA;AAAA,MACR,WAAA,EAAa,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE;AAAA;AAAA,GAC3C;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/XAxis/XAxis.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"XAxis.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/XAxis/XAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type XAxisProps = Pick<\n  Recharts.XAxisProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"allowDataOverflow\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n  | \"tickFormatter\"\n>;\n\n/** @flr-generate all */\nexport const XAxis: FC<XAxisProps> = (props) => {\n  return (\n    <Recharts.XAxis\n      {...props}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"text-color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport default XAxis;\n"],"names":[],"mappings":";;;;AAsBO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,KAAA;AAAA,IAAT;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,QAAA,EAAU,MAAA,CAAO,IAAA,CAAK,WAAW,CAAA,CAAE,KAAA;AAAA,MACnC,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,MAAA,CAAO,IAAA,CAAK,YAAY,CAAA,CAAE;AAAA,OAClC;AAAA,MACA,UAAA,EAAY,QAAA,CAAS,MAAA,CAAO,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA,MAC9C,UAAU,QAAA,CAAS,MAAA,CAAO,IAAA,CAAK,WAAW,EAAE,KAAK;AAAA;AAAA,GACnD;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/YAxis/YAxis.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"YAxis.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/YAxis/YAxis.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\n\nexport type YAxisProps = Pick<\n  Recharts.YAxisProps,\n  | \"className\"\n  | \"dataKey\"\n  | \"orientation\"\n  | \"allowDecimals\"\n  | \"interval\"\n  | \"minTickGap\"\n  | \"scale\"\n  | \"type\"\n  | \"domain\"\n  | \"hide\"\n  | \"unit\"\n  | \"tickFormatter\"\n>;\n\n/** @flr-generate all */\nexport const YAxis: FC<YAxisProps> = (props) => {\n  const { domain, ...rest } = props;\n\n  return (\n    <Recharts.YAxis\n      {...rest}\n      allowDataOverflow\n      domain={domain}\n      fontSize={tokens.axis[\"font-size\"].value}\n      tick={{\n        fill: tokens.axis[\"text-color\"].value,\n      }}\n      tickMargin={parseInt(tokens.axis.spacing.value)}\n      tickSize={parseInt(tokens.axis[\"tick-size\"].value)}\n    />\n  );\n};\n\nexport default YAxis;\n"],"names":[],"mappings":";;;;AAqBO,MAAM,KAAA,GAAwB,CAAC,KAAA,KAAU;AAC9C,EAAA,MAAM,EAAE,MAAA,EAAQ,GAAG,IAAA,EAAK,GAAI,KAAA;AAE5B,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,KAAA;AAAA,IAAT;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,iBAAA,EAAiB,IAAA;AAAA,MACjB,MAAA;AAAA,MACA,QAAA,EAAU,MAAA,CAAO,IAAA,CAAK,WAAW,CAAA,CAAE,KAAA;AAAA,MACnC,IAAA,EAAM;AAAA,QACJ,IAAA,EAAM,MAAA,CAAO,IAAA,CAAK,YAAY,CAAA,CAAE;AAAA,OAClC;AAAA,MACA,UAAA,EAAY,QAAA,CAAS,MAAA,CAAO,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA,MAC9C,UAAU,QAAA,CAAS,MAAA,CAAO,IAAA,CAAK,WAAW,EAAE,KAAK;AAAA;AAAA,GACnD;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/hooks/useChartClipRect.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useChartClipRect.mjs","sources":["../../../../../../../src/components/CartesianChart/hooks/useChartClipRect.ts"],"sourcesContent":["import { type SVGProps, useEffect, useRef, useState } from \"react\";\nimport { useCallbackRef } from \"use-callback-ref\";\n\n/** @internal * */\nexport type ViewDimensions = Pick<\n  SVGProps<SVGForeignObjectElement>,\n  \"x\" | \"y\" | \"width\" | \"height\"\n> | null;\n\n/** @internal * */\nexport const useChartClipRect = () => {\n  const observerRef = useRef<MutationObserver>(null);\n  const svgRef = useRef<SVGSVGElement>(null);\n\n  const [viewDimensions, setViewDimensions] = useState<ViewDimensions>(null);\n\n  useEffect(() => {\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n        observerRef.current = null;\n      }\n    };\n  }, []);\n\n  const attachContainerRef = useCallbackRef(\n    null,\n    (div: HTMLDivElement | null) => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n        observerRef.current = null;\n      }\n\n      const svg = div?.querySelector(\"svg\") ?? null;\n      svgRef.current = svg;\n\n      if (!svg) {\n        return;\n      }\n\n      const clipRect = svg.querySelector(\n        \"clipPath rect\",\n      ) as SVGRectElement | null;\n      if (!clipRect) {\n        return;\n      }\n\n      const observer = new MutationObserver((mutations) => {\n        const newViewDimensions: ViewDimensions = mutations.reduce(\n          (acc, mutation) => {\n            if (mutation.type !== \"attributes\" || !mutation.attributeName) {\n              return acc;\n            }\n\n            const target = mutation.target as SVGRectElement;\n            const attr = mutation.attributeName as keyof ViewDimensions;\n            const value = target.getAttribute(attr);\n\n            if (value) {\n              acc = {\n                ...acc,\n                [attr]: value,\n              };\n            }\n\n            return acc;\n          },\n          viewDimensions ?? { x: \"0\", y: \"0\", width: \"0\", height: \"0\" },\n        );\n\n        setViewDimensions(newViewDimensions);\n      });\n\n      observer.observe(clipRect, {\n        attributes: true,\n        attributeFilter: [\"x\", \"y\", \"width\", \"height\"],\n        attributeOldValue: false,\n        childList: false,\n        subtree: false,\n      });\n\n      observerRef.current = observer;\n    },\n  );\n\n  return { viewDimensions, ref: attachContainerRef };\n};\n"],"names":[],"mappings":";;;AAUO,MAAM,mBAAmB,MAAM;AACpC,EAAA,MAAM,WAAA,GAAc,OAAyB,IAAI,CAAA;AACjD,EAAA,MAAM,MAAA,GAAS,OAAsB,IAAI,CAAA;AAEzC,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAyB,IAAI,CAAA;AAEzE,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,YAAY,OAAA,EAAS;AACvB,QAAA,WAAA,CAAY,QAAQ,UAAA,EAAW;AAC/B,QAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AAAA,MACxB;AAAA,IACF,CAAA;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,kBAAA,GAAqB,cAAA;AAAA,IACzB,IAAA;AAAA,IACA,CAAC,GAAA,KAA+B;AAC9B,MAAA,IAAI,YAAY,OAAA,EAAS;AACvB,QAAA,WAAA,CAAY,QAAQ,UAAA,EAAW;AAC/B,QAAA,WAAA,CAAY,OAAA,GAAU,IAAA;AAAA,MACxB;AAEA,MAAA,MAAM,GAAA,GAAM,GAAA,EAAK,aAAA,CAAc,KAAK,CAAA,IAAK,IAAA;AACzC,MAAA,MAAA,CAAO,OAAA,GAAU,GAAA;AAEjB,MAAA,IAAI,CAAC,GAAA,EAAK;AACR,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,WAAW,GAAA,CAAI,aAAA;AAAA,QACnB;AAAA,OACF;AACA,MAAA,IAAI,CAAC,QAAA,EAAU;AACb,QAAA;AAAA,MACF;AAEA,MAAA,MAAM,QAAA,GAAW,IAAI,gBAAA,CAAiB,CAAC,SAAA,KAAc;AACnD,QAAA,MAAM,oBAAoC,SAAA,CAAU,MAAA;AAAA,UAClD,CAAC,KAAK,QAAA,KAAa;AACjB,YAAA,IAAI,QAAA,CAAS,IAAA,KAAS,YAAA,IAAgB,CAAC,SAAS,aAAA,EAAe;AAC7D,cAAA,OAAO,GAAA;AAAA,YACT;AAEA,YAAA,MAAM,SAAS,QAAA,CAAS,MAAA;AACxB,YAAA,MAAM,OAAO,QAAA,CAAS,aAAA;AACtB,YAAA,MAAM,KAAA,GAAQ,MAAA,CAAO,YAAA,CAAa,IAAI,CAAA;AAEtC,YAAA,IAAI,KAAA,EAAO;AACT,cAAA,GAAA,GAAM;AAAA,gBACJ,GAAG,GAAA;AAAA,gBACH,CAAC,IAAI,GAAG;AAAA,eACV;AAAA,YACF;AAEA,YAAA,OAAO,GAAA;AAAA,UACT,CAAA;AAAA,UACA,cAAA,IAAkB,EAAE,CAAA,EAAG,GAAA,EAAK,GAAG,GAAA,EAAK,KAAA,EAAO,GAAA,EAAK,MAAA,EAAQ,GAAA;AAAI,SAC9D;AAEA,QAAA,iBAAA,CAAkB,iBAAiB,CAAA;AAAA,MACrC,CAAC,CAAA;AAED,MAAA,QAAA,CAAS,QAAQ,QAAA,EAAU;AAAA,QACzB,UAAA,EAAY,IAAA;AAAA,QACZ,eAAA,EAAiB,CAAC,GAAA,EAAK,GAAA,EAAK,SAAS,QAAQ,CAAA;AAAA,QAC7C,iBAAA,EAAmB,KAAA;AAAA,QACnB,SAAA,EAAW,KAAA;AAAA,QACX,OAAA,EAAS;AAAA,OACV,CAAA;AAED,MAAA,WAAA,CAAY,OAAA,GAAU,QAAA;AAAA,IACxB;AAAA,GACF;AAEA,EAAA,OAAO,EAAE,cAAA,EAAgB,GAAA,EAAK,kBAAA,EAAmB;AACnD;;;;"}

package/dist/js/components/src/components/Chat/Chat.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chat.mjs","sources":["../../../../../../src/components/Chat/Chat.tsx"],"sourcesContent":["import type { CSSProperties, FC, PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport styles from \"./Chat.module.scss\";\nimport {\n  dynamic,\n  type PropsContext,\n  PropsContextProvider,\n} from \"@/lib/propsContext\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface ChatProps extends PropsWithChildren, PropsWithClassName {\n  // Height of the chat component\n  height?: CSSProperties[\"height\"];\n}\n\n/** @flr-generate all */\nexport const Chat: FC<ChatProps> = (props) => {\n  const { height, className, children } = props;\n\n  const rootClassName = clsx(styles.chat, className);\n\n  const propsContext: PropsContext = {\n    MessageThread: {\n      tunnelId: \"messageThread\",\n    },\n    FileCardList: { className: styles.fileCardList, tunnelId: \"fileCardList\" },\n    Button: {\n      className: dynamic((props) => {\n        return props.color === \"accent\" ? styles.accentButton : styles.button;\n      }),\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <div style={{ height }} className={rootClassName}>\n        <TunnelProvider>\n          <div className={styles.messageThreadContainer}>\n            <TunnelExit id=\"messageThread\" />\n          </div>\n          <div className={styles.controls}>{children}</div>\n          <TunnelExit id=\"fileCardList\" />\n        </TunnelProvider>\n      </div>\n    </PropsContextProvider>\n  );\n};\n\nexport default Chat;\n"],"names":["props"],"mappings":";;;;;;;;AAiBO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,EAAE,MAAA,EAAQ,SAAA,EAAW,QAAA,EAAS,GAAI,KAAA;AAExC,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,IAAA,EAAM,SAAS,CAAA;AAEjD,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,aAAA,EAAe;AAAA,MACb,QAAA,EAAU;AAAA,KACZ;AAAA,IACA,cAAc,EAAE,SAAA,EAAW,MAAA,CAAO,YAAA,EAAc,UAAU,cAAA,EAAe;AAAA,IACzE,MAAA,EAAQ;AAAA,MACN,SAAA,EAAW,OAAA,CAAQ,CAACA,MAAAA,KAAU;AAC5B,QAAA,OAAOA,MAAAA,CAAM,KAAA,KAAU,QAAA,GAAW,MAAA,CAAO,eAAe,MAAA,CAAO,MAAA;AAAA,MACjE,CAAC;AAAA;AACH,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,MAAA,EAAO,EAAG,SAAA,EAAW,aAAA,EACjC,+BAAC,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,WAAW,MAAA,CAAO,sBAAA,EACrB,8BAAC,UAAA,EAAA,EAAW,EAAA,EAAG,iBAAgB,CAAA,EACjC,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,UAAW,QAAA,EAAS,CAAA;AAAA,oBAC3C,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,cAAA,EAAe;AAAA,GAAA,EAChC,GACF,CAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/components/src/components/Checkbox/Checkbox.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.mjs","sources":["../../../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  IconCheckboxChecked,\n  IconCheckboxEmpty,\n  IconCheckboxIndeterminate,\n} from \"@/components/Icon/components/icons\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport clsx from \"clsx\";\nimport type { PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Checkbox.module.scss\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { useObjectRef } from \"react-aria\";\n\nexport interface CheckboxProps\n  extends\n    PropsWithChildren<\n      Omit<Aria.CheckboxProps, \"children\" | \"ref\" | \"inputRef\">\n    >,\n    FlowComponentProps<HTMLInputElement> {\n  inputClassName?: string;\n}\n\n/** @flr-generate all */\nexport const Checkbox = flowComponent(\"Checkbox\", (props) => {\n  const { children, className, ref, inputClassName, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldPropsContext,\n    fieldProps,\n  } = useFieldComponent(props);\n\n  const inputRef = useObjectRef(ref);\n\n  return (\n    <div\n      {...fieldProps}\n      className={clsx(styles.checkbox, className, fieldProps.className)}\n    >\n      <FieldErrorCaptureContext>\n        <Aria.Checkbox\n          {...rest}\n          inputRef={inputRef}\n          className={clsx(inputClassName, styles.input)}\n        >\n          {({ isSelected, isIndeterminate }) => (\n            <PropsContextProvider props={fieldPropsContext}>\n              {isSelected ? (\n                <IconCheckboxChecked className={styles.icon} />\n              ) : isIndeterminate ? (\n                <IconCheckboxIndeterminate className={styles.icon} />\n              ) : (\n                <IconCheckboxEmpty className={styles.icon} />\n              )}\n              {children}\n            </PropsContextProvider>\n          )}\n        </Aria.Checkbox>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default Checkbox;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAyBO,MAAM,QAAA,GAAW,aAAA,CAAc,UAAA,EAAY,CAAC,KAAA,KAAU;AAC3D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,KAAK,cAAA,EAAgB,GAAG,MAAK,GAAI,KAAA;AAE9D,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,iBAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,QAAA,GAAW,aAAa,GAAG,CAAA;AAEjC,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,WAAW,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAA,EAAW,WAAW,SAAS,CAAA;AAAA,MAEhE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,wBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,UAAC,IAAA,CAAK,QAAA;AAAA,UAAL;AAAA,YACE,GAAG,IAAA;AAAA,YACJ,QAAA;AAAA,YACA,SAAA,EAAW,IAAA,CAAK,cAAA,EAAgB,MAAA,CAAO,KAAK,CAAA;AAAA,YAE3C,QAAA,EAAA,CAAC,EAAE,UAAA,EAAY,eAAA,uBACd,IAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,iBAAA,EAC1B,QAAA,EAAA;AAAA,cAAA,UAAA,uBACE,mBAAA,EAAA,EAAoB,SAAA,EAAW,MAAA,CAAO,IAAA,EAAM,IAC3C,eAAA,mBACF,GAAA,CAAC,yBAAA,EAAA,EAA0B,SAAA,EAAW,OAAO,IAAA,EAAM,CAAA,uBAElD,iBAAA,EAAA,EAAkB,SAAA,EAAW,OAAO,IAAA,EAAM,CAAA;AAAA,cAE5C;AAAA,aAAA,EACH;AAAA;AAAA,SAEJ,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,GAClB;AAEJ,CAAC;;;;"}

package/dist/js/components/src/components/CheckboxButton/CheckboxButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxButton.mjs","sources":["../../../../../../src/components/CheckboxButton/CheckboxButton.tsx"],"sourcesContent":["import styles from \"./CheckboxButton.module.scss\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport type { CheckboxProps } from \"@/components/Checkbox\";\nimport { Checkbox } from \"@/components/Checkbox\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\n\nexport interface CheckboxButtonProps\n  extends CheckboxProps, FlowComponentProps<HTMLInputElement> {}\n\n/** @flr-generate all */\nexport const CheckboxButton = flowComponent(\"CheckboxButton\", (props) => {\n  const { children, className, inputClassName, ...rest } = props;\n\n  const {\n    fieldPropsContext,\n    fieldProps,\n    FieldErrorView,\n    FieldErrorCaptureContext,\n  } = useFieldComponent(props);\n\n  const mergedPropsContext: PropsContext = {\n    Text: {\n      className: styles.label,\n    },\n    Content: {\n      className: styles.content,\n    },\n    ...fieldPropsContext,\n  };\n\n  return (\n    <div\n      {...fieldProps}\n      className={clsx(fieldProps.className, styles.checkboxButton, className)}\n    >\n      <FieldErrorCaptureContext>\n        <Checkbox {...rest} inputClassName={clsx(inputClassName, styles.input)}>\n          <PropsContextProvider props={mergedPropsContext}>\n            {children}\n          </PropsContextProvider>\n        </Checkbox>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </div>\n  );\n});\n\nexport default CheckboxButton;\n"],"names":[],"mappings":";;;;;;;;;AAcO,MAAM,cAAA,GAAiB,aAAA,CAAc,gBAAA,EAAkB,CAAC,KAAA,KAAU;AACvE,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAA,EAAgB,GAAG,MAAK,GAAI,KAAA;AAEzD,EAAA,MAAM;AAAA,IACJ,iBAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,kBAAA,GAAmC;AAAA,IACvC,IAAA,EAAM;AAAA,MACJ,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,OAAA,EAAS;AAAA,MACP,WAAW,MAAA,CAAO;AAAA,KACpB;AAAA,IACA,GAAG;AAAA,GACL;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,UAAA;AAAA,MACJ,WAAW,IAAA,CAAK,UAAA,CAAW,SAAA,EAAW,MAAA,CAAO,gBAAgB,SAAS,CAAA;AAAA,MAEtE,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,4BACC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,IAAA,EAAM,gBAAgB,IAAA,CAAK,cAAA,EAAgB,MAAA,CAAO,KAAK,GACnE,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,OAAO,kBAAA,EAC1B,QAAA,EACH,GACF,CAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,GAClB;AAEJ,CAAC;;;;"}