@mittwald/flow-react-components 0.2.0-alpha.74 → 0.2.0-alpha.740

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,97 @@
+"use client"
+/* */
+import { makeObservable, computed, action, observable } from 'mobx';
+import useSelector from '../../../lib/mobx/useSelector.mjs';
+import { sleep } from '../../../lib/promises/sleep.mjs';
+import { useStatic } from '../../../lib/hooks/useStatic.mjs';
+
+const duration = {
+  pending: 1e3,
+  succeeded: 1500,
+  failed: 2e3
+};
+class ActionState {
+  showFeedback;
+  state = "isIdle";
+  setPendingTimeout;
+  error;
+  isAsync = false;
+  constructor() {
+    makeObservable(this, {
+      state: observable,
+      updateState: action,
+      isBusy: computed
+    });
+  }
+  static useNew() {
+    return useStatic(() => new ActionState());
+  }
+  updateState(newState) {
+    this.state = newState;
+  }
+  useValue() {
+    return useSelector(() => this.state, [this]);
+  }
+  useIsBusy() {
+    return useSelector(() => this.isBusy, [this]);
+  }
+  get isBusy() {
+    return this.state !== "isIdle";
+  }
+  onAsyncStart() {
+    this.clearPendingTimeout();
+    this.isAsync = true;
+    this.updateState("isExecuting");
+    this.setPendingTimeout = window.setTimeout(
+      () => this.startPending(),
+      duration.pending
+    );
+  }
+  async onSucceeded() {
+    await this.onDone();
+  }
+  async onFailed(error) {
+    this.error = error ?? new Error("Unknown error");
+    await this.onDone();
+  }
+  withFeedback(feedback) {
+    this.showFeedback = feedback;
+    return this;
+  }
+  async startFailedFeedback() {
+    this.updateState("isFailed");
+    await sleep(duration.failed);
+    this.resetAfterDone();
+  }
+  async startSucceededFeedback() {
+    this.updateState("isSucceeded");
+    await sleep(duration.succeeded);
+    this.resetAfterDone();
+  }
+  resetAfterDone() {
+    this.updateState("isIdle");
+    this.isAsync = false;
+    this.error = void 0;
+  }
+  clearPendingTimeout() {
+    if (this.setPendingTimeout) {
+      window.clearTimeout(this.setPendingTimeout);
+    }
+  }
+  onDone() {
+    this.clearPendingTimeout();
+    if (this.error) {
+      return this.startFailedFeedback();
+    } else if (this.showFeedback !== false && (this.showFeedback || this.isAsync)) {
+      return this.startSucceededFeedback();
+    } else {
+      this.resetAfterDone();
+    }
+  }
+  startPending() {
+    this.updateState("isPending");
+  }
+}
+
+export { ActionState, duration };
+//# sourceMappingURL=ActionState.mjs.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,61 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useEffect, useContext } from 'react';
+import { makeObservable, computed, action, observable } from 'mobx';
+import useSelector from '../../../lib/mobx/useSelector.mjs';
+import { useStatic } from '../../../lib/hooks/useStatic.mjs';
+
+class ActionStateContext {
+  states = /* @__PURE__ */ new Set();
+  constructor() {
+    makeObservable(this, {
+      states: observable,
+      addState: action,
+      removeState: action,
+      isBusy: computed
+    });
+  }
+  static useNew() {
+    return useStatic(() => new ActionStateContext());
+  }
+  static useRegisterState(state) {
+    const context2 = useActionStateContext();
+    useEffect(() => {
+      context2?.addState(state);
+      return () => {
+        context2?.removeState(state);
+      };
+    }, [context2, state]);
+  }
+  addState(state) {
+    this.states.add(state);
+  }
+  removeState(state) {
+    this.states.delete(state);
+  }
+  useIsBusy() {
+    return useSelector(() => this.isBusy);
+  }
+  get isBusy() {
+    for (const s of this.states) {
+      if (s.isBusy) {
+        return true;
+      }
+    }
+    return false;
+  }
+}
+const context = createContext(void 0);
+const ActionStateContextProvider = (props) => {
+  const { children } = props;
+  const ctx = ActionStateContext.useNew();
+  return /* @__PURE__ */ jsx(context.Provider, { value: ctx, children });
+};
+const useActionStateContext = () => {
+  const newContext = ActionStateContext.useNew();
+  return useContext(context) ?? newContext;
+};
+
+export { ActionStateContext, ActionStateContextProvider, useActionStateContext };
+//# sourceMappingURL=ActionStateContext.mjs.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,50 @@
+"use client"
+/* */
+import { ActionModel } from './ActionModel.mjs';
+import '../Action.mjs';
+import 'react/jsx-runtime';
+import 'react-aria';
+import 'react';
+import '@react-aria/live-announcer';
+
+const voidAction = () => {
+};
+function getExecutionFunction(action) {
+  if (action.needsConfirmation) {
+    return action.confirmationModalController.open;
+  }
+  const {
+    onAction,
+    toggleOverlay,
+    closeOverlay,
+    openOverlay,
+    openModal,
+    closeModal,
+    toggleModal
+  } = action.actionProps;
+  if (onAction) {
+    return onAction;
+  }
+  if (openOverlay) {
+    return () => action.getOverlayController(openOverlay)?.open();
+  }
+  if (closeOverlay) {
+    return () => action.getOverlayController(closeOverlay)?.close(ActionModel.getCloseOverlayOptions(closeOverlay));
+  }
+  if (toggleOverlay) {
+    return () => action.getOverlayController(toggleOverlay)?.toggle();
+  }
+  if (openModal) {
+    return () => action.getOverlayController("Modal")?.open();
+  }
+  if (toggleModal) {
+    return () => action.getOverlayController("Modal")?.toggle();
+  }
+  if (closeModal) {
+    return () => action.getOverlayController("Modal")?.close(ActionModel.getCloseOverlayOptions(closeModal));
+  }
+  return voidAction;
+}
+
+export { getExecutionFunction };
+//# sourceMappingURL=getExecutionFunction.mjs.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,53 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from './ActionGroup.module.scss.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import clsx from 'clsx';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { TunnelProvider } from '@mittwald/react-tunnel';
+import { ActionStateContextProvider } from '../Action/models/ActionStateContext.mjs';
+import { getActionGroupSlot } from './lib/getActionGroupSlot.mjs';
+
+const ActionGroup = flowComponent(
+  "ActionGroup",
+  (props) => {
+    const {
+      children,
+      className,
+      ref,
+      spacing = "s",
+      ...rest
+    } = props;
+    const rootClassName = clsx(styles.actionGroup, className, styles[spacing]);
+    const propsContext = {
+      Button: {
+        slot: dynamic((props2) => getActionGroupSlot(props2)),
+        className: dynamic((props2) => {
+          const slot = getActionGroupSlot(props2);
+          return clsx(props2.className, styles[slot]);
+        })
+      },
+      Switch: {
+        labelPosition: "leading",
+        className: dynamic((props2) => {
+          return clsx(props2.className, props2.slot && styles[props2.slot]);
+        })
+      },
+      Link: {
+        className: dynamic((props2) => {
+          return clsx(props2.className, props2.slot && styles[props2.slot]);
+        })
+      }
+    };
+    return /* @__PURE__ */ jsx(ActionStateContextProvider, { children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx("div", { ...rest, className: rootClassName, ref, role: "group", children }) }) }) });
+  },
+  {
+    type: "layout"
+  }
+);
+
+export { ActionGroup };
+//# sourceMappingURL=ActionGroup.mjs.map

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

@@ -0,0 +1 @@
+{"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/ActionGroup.module.scss.mjs

@@ -0,0 +1,19 @@
+"use client"
+/* */
+const actionGroup = "flow--action-group";
+const primary = "flow--action-group--primary";
+const secondary = "flow--action-group--secondary";
+const abort = "flow--action-group--abort";
+const s = "flow--action-group--s";
+const m = "flow--action-group--m";
+const styles = {
+	actionGroup: actionGroup,
+	primary: primary,
+	secondary: secondary,
+	abort: abort,
+	s: s,
+	m: m
+};
+
+export { abort, actionGroup, styles as default, m, primary, s, secondary };
+//# sourceMappingURL=ActionGroup.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionGroup.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,51 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { SuspenseTrigger } from '../SuspenseTrigger/SuspenseTrigger.mjs';
+import React, { useState, useEffect, Suspense } from 'react';
+import { useIsSSR } from 'react-aria';
+
+const isActivitySupported = React.version.startsWith("19.2");
+const CustomActivity = (props) => {
+  const { children, isActive = true } = props;
+  return /* @__PURE__ */ jsxs(Suspense, { fallback: null, children: [
+    /* @__PURE__ */ jsx(SuspenseTrigger, { show: !isActive }),
+    children
+  ] });
+};
+const Activity = (props) => {
+  const {
+    isActive: isActiveFromProps = true,
+    inactiveDelay,
+    forceCustomActivity = false,
+    children
+  } = props;
+  const [isActiveState, setIsActiveState] = useState(isActiveFromProps);
+  const isSsr = useIsSSR();
+  useEffect(() => {
+    if (!inactiveDelay) {
+      return;
+    }
+    if (isActiveFromProps) {
+      setIsActiveState(true);
+    } else {
+      const timeout = setTimeout(() => {
+        setIsActiveState(false);
+      }, inactiveDelay);
+      return () => {
+        clearTimeout(timeout);
+      };
+    }
+  }, [isActiveFromProps, inactiveDelay]);
+  const isActive = inactiveDelay ? isActiveState : isActiveFromProps;
+  if (isSsr) {
+    return isActive ? children : null;
+  }
+  if (isActivitySupported && !forceCustomActivity) {
+    return /* @__PURE__ */ jsx(React.Activity, { mode: isActive ? "visible" : "hidden", children });
+  }
+  return /* @__PURE__ */ jsx(CustomActivity, { isActive, children });
+};
+
+export { Activity };
+//# sourceMappingURL=Activity.mjs.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,41 @@
+"use client"
+/* */
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { dynamic } from '../../lib/propsContext/dynamicProps/dynamic.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import clsx from 'clsx';
+import styles from './Alert.module.scss.mjs';
+
+const Alert = flowComponent("Alert", (props) => {
+  const { children, className, status = "info", ref, ...rest } = props;
+  const rootClassName = clsx(styles.alert, styles[status], className);
+  const propsContext = {
+    Heading: {
+      className: styles.heading,
+      level: 3,
+      size: "s",
+      children: dynamic((props2) => /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(AlertIcon, { status, className: styles.icon }),
+        props2.children
+      ] }))
+    },
+    Content: {
+      className: styles.content,
+      Button: {
+        size: "s"
+      },
+      ActionGroup: {
+        Button: {
+          size: "s"
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx("aside", { ...rest, className: rootClassName, ref, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, dependencies: [status], children }) });
+});
+
+export { Alert };
+//# sourceMappingURL=Alert.mjs.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styles from './AlertBadge.module.scss.mjs';
+import clsx from 'clsx';
+import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
+import { Text } from '../Text/Text.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const AlertBadge = flowComponent("AlertBadge", (props) => {
+  const { children, className, status = "info", ref, ...rest } = props;
+  const rootClassName = clsx(styles.alertBadge, styles[status], className);
+  return /* @__PURE__ */ jsxs("div", { className: rootClassName, ...rest, ref, children: [
+    /* @__PURE__ */ jsx(AlertIcon, { size: "s", status }),
+    /* @__PURE__ */ jsx(Text, { className: styles.text, children })
+  ] });
+});
+
+export { AlertBadge };
+//# sourceMappingURL=AlertBadge.mjs.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,37 @@
+"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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+"use client"
+/* */
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import clsx from 'clsx';
+import styles from './AlertText.module.scss.mjs';
+import { AlertIcon } from '../AlertIcon/AlertIcon.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const AlertText = flowComponent("AlertText", (props) => {
+  const { className, children, status = "info" } = props;
+  const rootClassName = clsx(styles.alertText, styles[status], className);
+  return /* @__PURE__ */ jsxs("span", { className: rootClassName, children: [
+    /* @__PURE__ */ jsx(PropsContextProvider, { props: { Icon: { size: "s" } }, children: /* @__PURE__ */ jsx(AlertIcon, { status, className: styles.icon }) }),
+    /* @__PURE__ */ jsx(Fragment, { children })
+  ] });
+});
+
+export { AlertText };
+//# sourceMappingURL=AlertText.mjs.map

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

@@ -0,0 +1 @@
+{"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/AlertText/AlertText.module.scss.mjs

@@ -0,0 +1,21 @@
+"use client"
+/* */
+const alertText = "flow--alert-text";
+const icon = "flow--alert-text--icon";
+const danger = "flow--alert-text--danger";
+const success = "flow--alert-text--success";
+const warning = "flow--alert-text--warning";
+const info = "flow--alert-text--info";
+const unavailable = "flow--alert-text--unavailable";
+const styles = {
+	alertText: alertText,
+	icon: icon,
+	danger: danger,
+	success: success,
+	warning: warning,
+	info: info,
+	unavailable: unavailable
+};
+
+export { alertText, danger, styles as default, icon, info, success, unavailable, warning };
+//# sourceMappingURL=AlertText.module.scss.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertText.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,35 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import styles from './Align.module.scss.mjs';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+
+const Align = flowComponent(
+  "Align",
+  (props) => {
+    const { children, className } = props;
+    const rootClassName = clsx(styles.align, className);
+    const propsContext = {
+      Text: { className: styles.text },
+      Button: { className: styles.button },
+      Avatar: { className: styles.avatar, size: "m" },
+      CopyButton: { size: "s", className: styles.copyButton },
+      Icon: { size: "s", className: styles.icon },
+      ContextualHelpTrigger: {
+        Button: {
+          className: styles.contextualHelpTriggerButton
+        }
+      }
+    };
+    return /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("div", { className: rootClassName, children }) });
+  },
+  {
+    type: "layout"
+  }
+);
+
+export { Align };
+//# sourceMappingURL=Align.mjs.map

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

@@ -0,0 +1 @@
+{"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;;;;"}