@mittwald/flow-react-components 0.2.0-alpha.780 → 0.2.0-alpha.782

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

@@ -1,50 +1,22 @@
 "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 = () => {
-};
+import { ActionModel } from "./ActionModel.mjs";
+import "../index.mjs";
+//#region src/components/Action/models/getExecutionFunction.ts
+var 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;
+	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;
 }
-
+//#endregion
 export { getExecutionFunction };
-//# sourceMappingURL=getExecutionFunction.mjs.map
+
+//# sourceMappingURL=getExecutionFunction.mjs.map

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

@@ -1 +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;;;;"}
+{"version":3,"file":"getExecutionFunction.mjs","names":[],"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"],"mappings":";;;AAGA,IAAM,mBAAmB;AAIzB,SAAgB,qBAAqB,QAA+B;AAClE,KAAI,OAAO,kBACT,QAAO,OAAO,4BAA4B;CAG5C,MAAM,EACJ,UACA,eACA,cACA,aACA,WACA,YACA,gBACE,OAAO;AAEX,KAAI,SACF,QAAO;AAGT,KAAI,YACF,cAAa,OAAO,qBAAqB,YAAY,EAAE,MAAM;AAE/D,KAAI,aACF,cACE,OACG,qBAAqB,aAAa,EACjC,MAAM,YAAY,uBAAuB,aAAa,CAAC;AAE/D,KAAI,cACF,cAAa,OAAO,qBAAqB,cAAc,EAAE,QAAQ;AAGnE,KAAI,UACF,cAAa,OAAO,qBAAqB,QAAQ,EAAE,MAAM;AAE3D,KAAI,YACF,cAAa,OAAO,qBAAqB,QAAQ,EAAE,QAAQ;AAE7D,KAAI,WACF,cACE,OACG,qBAAqB,QAAQ,EAC5B,MAAM,YAAY,uBAAuB,WAAW,CAAC;AAG7D,QAAO"}

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

@@ -1,53 +1,49 @@
 "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';
+import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import dynamic from "../../lib/propsContext/dynamicProps/dynamic.mjs";
+import "../../lib/propsContext/index.mjs";
+import { ActionStateContextProvider } from "../Action/models/ActionStateContext.mjs";
+import { getActionGroupSlot } from "./lib/getActionGroupSlot.mjs";
+import ActionGroup_module_default from "./ActionGroup.module.mjs";
+import clsx from "clsx";
+import { TunnelProvider } from "@mittwald/react-tunnel";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ActionGroup/ActionGroup.tsx
+/** @flr-generate all */
+var ActionGroup = flowComponent("ActionGroup", (props) => {
+	const { children, className, ref, spacing = "s", ...rest } = props;
+	const rootClassName = clsx(ActionGroup_module_default.actionGroup, className, ActionGroup_module_default[spacing]);
+	return /* @__PURE__ */ jsx(ActionStateContextProvider, { children: /* @__PURE__ */ jsx(PropsContextProvider, {
+		props: {
+			Button: {
+				slot: dynamic((props) => getActionGroupSlot(props)),
+				className: dynamic((props) => {
+					const slot = getActionGroupSlot(props);
+					return clsx(props.className, ActionGroup_module_default[slot]);
+				})
+			},
+			Switch: {
+				labelPosition: "leading",
+				className: dynamic((props) => {
+					return clsx(props.className, props.slot && ActionGroup_module_default[props.slot]);
+				})
+			},
+			Link: { className: dynamic((props) => {
+				return clsx(props.className, props.slot && ActionGroup_module_default[props.slot]);
+			}) }
+		},
+		children: /* @__PURE__ */ jsx(TunnelProvider, { children: /* @__PURE__ */ jsx("div", {
+			...rest,
+			className: rootClassName,
+			ref,
+			role: "group",
+			children
+		}) })
+	}) });
+}, { type: "layout" });
+//#endregion
+export { ActionGroup as default };
 
-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
+//# sourceMappingURL=ActionGroup.mjs.map

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

@@ -1 +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;;;;"}
+{"version":3,"file":"ActionGroup.mjs","names":[],"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"],"mappings":";;;;;;;;;;;;AAsBA,IAAa,cAAc,cACzB,gBACC,UAAU;CACT,MAAM,EACJ,UACA,WACA,KAEA,UAAU,KACV,GAAG,SACD;CAEJ,MAAM,gBAAgB,KAAK,2BAAO,aAAa,WAAW,2BAAO,SAAS;AAuB1E,QACE,oBAAC,4BAAD,EAAA,UACE,oBAAC,sBAAD;EAAsB,OAvBS;GACjC,QAAQ;IACN,MAAM,SAAS,UAAU,mBAAmB,MAAM,CAAC;IACnD,WAAW,SAAS,UAAU;KAC5B,MAAM,OAAO,mBAAmB,MAAM;AACtC,YAAO,KAAK,MAAM,WAAW,2BAAO,MAAM;MAC1C;IACH;GACD,QAAQ;IACN,eAAe;IACf,WAAW,SAAS,UAAU;AAC5B,YAAO,KAAK,MAAM,WAAW,MAAM,QAAQ,2BAAO,MAAM,MAAM;MAC9D;IACH;GACD,MAAM,EACJ,WAAW,SAAS,UAAU;AAC5B,WAAO,KAAK,MAAM,WAAW,MAAM,QAAQ,2BAAO,MAAM,MAAM;KAC9D,EACH;GACF;YAKK,oBAAC,gBAAD,EAAA,UACE,oBAAC,OAAD;GAAK,GAAI;GAAM,WAAW;GAAoB;GAAK,MAAK;GACrD;GACG,CAAA,EACS,CAAA;EACI,CAAA,EACI,CAAA;GAGjC,EACE,MAAM,UACP,CACF"}

package/dist/js/packages/components/src/components/ActionGroup/ActionGroup.module.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActionGroup.module.mjs","names":[],"sources":["../../../../../../../src/components/ActionGroup/ActionGroup.module.scss"],"sourcesContent":[".actionGroup {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  justify-content: flex-end;\n  flex-grow: 1;\n\n  @extend .s;\n\n  .primary {\n    order: 3;\n\n    &:only-child {\n      margin-left: auto;\n    }\n  }\n\n  .secondary {\n    order: 2;\n  }\n\n  .abort {\n    order: 1;\n    margin-right: auto;\n  }\n\n  @mixin spacing($spacing) {\n    &.#{$spacing} {\n      gap: var(--action-group--spacing--#{$spacing});\n    }\n  }\n\n  @include spacing(s);\n  @include spacing(m);\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/ActionGroup/index.mjs

@@ -0,0 +1 @@
+import "./ActionGroup.mjs";

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

@@ -1,10 +1,12 @@
 "use client"
 /* */
-const getActionGroupSlot = (props) => {
-  const { slot: slotFromProps, ...buttonProps } = props;
-  const guessedSlot = buttonProps.color === void 0 || buttonProps.color === "primary" || buttonProps.color === "danger" || buttonProps.color === "accent" ? "primary" : "abort";
-  return slotFromProps ?? guessedSlot;
+//#region src/components/ActionGroup/lib/getActionGroupSlot.tsx
+var getActionGroupSlot = (props) => {
+	const { slot: slotFromProps, ...buttonProps } = props;
+	const guessedSlot = buttonProps.color === void 0 || buttonProps.color === "primary" || buttonProps.color === "danger" || buttonProps.color === "accent" ? "primary" : "abort";
+	return slotFromProps ?? guessedSlot;
 };
-
+//#endregion
 export { getActionGroupSlot };
-//# sourceMappingURL=getActionGroupSlot.mjs.map
+
+//# sourceMappingURL=getActionGroupSlot.mjs.map

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

@@ -1 +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;;;;"}
+{"version":3,"file":"getActionGroupSlot.mjs","names":[],"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"],"mappings":";AAEA,IAAa,sBAAsB,UAA+B;CAChE,MAAM,EAAE,MAAM,eAAe,GAAG,gBAAgB;CAEhD,MAAM,cACJ,YAAY,UAAU,KAAA,KACtB,YAAY,UAAU,aACtB,YAAY,UAAU,YACtB,YAAY,UAAU,WAClB,YACA;AAEN,QAAO,iBAAiB"}

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

@@ -1,51 +1,47 @@
 "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
-  ] });
+import SuspenseTrigger from "../SuspenseTrigger/SuspenseTrigger.mjs";
+import "../SuspenseTrigger/index.mjs";
+import React, { Suspense, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useIsSSR } from "react-aria";
+//#region src/components/Activity/Activity.tsx
+var isActivitySupported = React.version.startsWith("19.2");
+var 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 });
+var 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
+	});
 };
+//#endregion
+export { Activity as default };
 
-export { Activity };
-//# sourceMappingURL=Activity.mjs.map
+//# sourceMappingURL=Activity.mjs.map

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

@@ -1 +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;;;;"}
+{"version":3,"file":"Activity.mjs","names":[],"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"],"mappings":";;;;;;AAaA,IAAM,sBAAsB,MAAM,QAAQ,WAAW,OAAO;AAE5D,IAAM,kBAAqC,UAAU;CACnD,MAAM,EAAE,UAAoB,WAAW,SAAS;AAEhD,QACE,qBAAC,UAAD;EAAU,UAAU;YAApB,CACE,oBAAC,iBAAD,EAAiB,MAAM,CAAC,UAAY,CAAA,EACnC,SACQ;;;AAIf,IAAa,YAA+B,UAAU;CACpD,MAAM,EACJ,UAAU,oBAAoB,MAC9B,eACA,sBAAsB,OACtB,aACE;CAEJ,MAAM,CAAC,eAAe,oBAAoB,SAAS,kBAAkB;CACrE,MAAM,QAAQ,UAAU;AAExB,iBAAgB;AACd,MAAI,CAAC,cACH;AAGF,MAAI,kBACF,kBAAiB,KAAK;OACjB;GACL,MAAM,UAAU,iBAAiB;AAC/B,qBAAiB,MAAM;MACtB,cAAc;AAEjB,gBAAa;AACX,iBAAa,QAAQ;;;IAGxB,CAAC,mBAAmB,cAAc,CAAC;CAEtC,MAAM,WAAW,gBAAgB,gBAAgB;AAEjD,KAAI,MACF,QAAO,WAAW,WAAW;AAG/B,KAAI,uBAAuB,CAAC,oBAC1B,QACE,oBAAC,MAAM,UAAP;EAAgB,MAAM,WAAW,YAAY;EAC1C;EACc,CAAA;AAIrB,QAAO,oBAAC,gBAAD;EAA0B;EAAW;EAA0B,CAAA"}

package/dist/js/packages/components/src/components/Activity/index.mjs

@@ -0,0 +1 @@
+import "./Activity.mjs";

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

@@ -1,41 +1,47 @@
 "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 }) });
+import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import dynamic from "../../lib/propsContext/dynamicProps/dynamic.mjs";
+import "../../lib/propsContext/index.mjs";
+import AlertIcon from "../AlertIcon/AlertIcon.mjs";
+import "../AlertIcon/index.mjs";
+import Alert_module_default from "./Alert.module.mjs";
+import clsx from "clsx";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/Alert/Alert.tsx
+/** @flr-generate all */
+var Alert = flowComponent("Alert", (props) => {
+	const { children, className, status = "info", ref, ...rest } = props;
+	const rootClassName = clsx(Alert_module_default.alert, Alert_module_default[status], className);
+	const propsContext = {
+		Heading: {
+			className: Alert_module_default.heading,
+			level: 3,
+			size: "s",
+			children: dynamic((props) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(AlertIcon, {
+				status,
+				className: Alert_module_default.icon
+			}), props.children] }))
+		},
+		Content: {
+			className: Alert_module_default.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
+		})
+	});
 });
+//#endregion
+export { Alert as default };
 
-export { Alert };
-//# sourceMappingURL=Alert.mjs.map
+//# sourceMappingURL=Alert.mjs.map

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

@@ -1 +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;;;;"}
+{"version":3,"file":"Alert.mjs","names":[],"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"],"mappings":";;;;;;;;;;;AAiBA,IAAa,QAAQ,cAAc,UAAU,UAAU;CACrD,MAAM,EAAE,UAAU,WAAW,SAAS,QAAQ,KAAK,GAAG,SAAS;CAE/D,MAAM,gBAAgB,KAAK,qBAAO,OAAO,qBAAO,SAAS,UAAU;CAEnE,MAAM,eAA6B;EACjC,SAAS;GACP,WAAW,qBAAO;GAClB,OAAO;GACP,MAAM;GACN,UAAU,SAAS,UACjB,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,WAAD;IAAmB;IAAQ,WAAW,qBAAO;IAAQ,CAAA,EACpD,MAAM,SACN,EAAA,CAAA,CACH;GACH;EACD,SAAS;GACP,WAAW,qBAAO;GAClB,QAAQ,EACN,MAAM,KACP;GACD,aAAa,EACX,QAAQ,EACN,MAAM,KACP,EACF;GACF;EACF;AAED,QACE,oBAAC,SAAD;EAAO,GAAI;EAAM,WAAW;EAAoB;YAC9C,oBAAC,sBAAD;GAAsB,OAAO;GAAc,cAAc,CAAC,OAAO;GAC9D;GACoB,CAAA;EACjB,CAAA;EAEV"}

package/dist/js/packages/components/src/components/Alert/Alert.module.mjs

@@ -0,0 +1,17 @@
+"use client"
+/* */
+var Alert_module_default = {
+	alert: "flow--alert",
+	icon: "flow--alert--icon",
+	content: "flow--alert--content",
+	info: "flow--alert--info",
+	heading: "flow--alert--heading",
+	warning: "flow--alert--warning",
+	danger: "flow--alert--danger",
+	success: "flow--alert--success",
+	unavailable: "flow--alert--unavailable"
+};
+//#endregion
+export { Alert_module_default as default };
+
+//# sourceMappingURL=Alert.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.module.mjs","names":[],"sources":["../../../../../../../src/components/Alert/Alert.module.scss"],"sourcesContent":[".alert {\n  border-radius: var(--alert--corner-radius);\n  border-width: var(--alert--border-width);\n  border-style: var(--alert--border-style);\n  border-inline-start-width: var(--alert--border-x-start-width);\n  padding: var(--alert--padding);\n  display: flex;\n  flex-direction: column;\n  row-gap: var(--alert--heading-to-content-spacing);\n  width: 100%;\n\n  .icon {\n    height: var(--heading-line-height);\n    width: var(--heading-line-height);\n    vertical-align: bottom;\n    display: inline-block;\n    margin-inline-end: var(--heading--icon-to-text-spacing);\n  }\n\n  @extend .info;\n\n  /* Elements */\n\n  .content {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    row-gap: var(--alert--spacing);\n  }\n\n  /* Status */\n\n  @mixin status($status) {\n    &.#{$status} {\n      border-color: var(--alert--#{$status}-border-color);\n\n      .heading {\n        color: var(--alert--#{$status}-heading-color);\n      }\n    }\n  }\n\n  @include status(info);\n  @include status(warning);\n  @include status(danger);\n  @include status(success);\n  @include status(unavailable);\n\n  /* Layout */\n\n  + :global(.flow--section) {\n    margin-block-start: var(--section--section-to-section-spacing);\n  }\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/Alert/index.mjs

@@ -0,0 +1 @@
+import "./Alert.mjs";

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

@@ -1,20 +1,31 @@
 "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 })
-  ] });
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import Text from "../Text/Text.mjs";
+import "../Text/index.mjs";
+import AlertIcon from "../AlertIcon/AlertIcon.mjs";
+import "../AlertIcon/index.mjs";
+import AlertBadge_module_default from "./AlertBadge.module.mjs";
+import clsx from "clsx";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/AlertBadge/AlertBadge.tsx
+/** @flr-generate all */
+var AlertBadge = flowComponent("AlertBadge", (props) => {
+	const { children, className, status = "info", ref, ...rest } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		className: clsx(AlertBadge_module_default.alertBadge, AlertBadge_module_default[status], className),
+		...rest,
+		ref,
+		children: [/* @__PURE__ */ jsx(AlertIcon, {
+			size: "s",
+			status
+		}), /* @__PURE__ */ jsx(Text, {
+			className: AlertBadge_module_default.text,
+			children
+		})]
+	});
 });
+//#endregion
+export { AlertBadge as default };
 
-export { AlertBadge };
-//# sourceMappingURL=AlertBadge.mjs.map
+//# sourceMappingURL=AlertBadge.mjs.map

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

@@ -1 +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,\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;;;;"}
+{"version":3,"file":"AlertBadge.mjs","names":[],"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,\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"],"mappings":";;;;;;;;;;AAiBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EAAE,UAAU,WAAW,SAAS,QAAQ,KAAK,GAAG,SAAS;AAI/D,QACE,qBAAC,OAAD;EAAK,WAHe,KAAK,0BAAO,YAAY,0BAAO,SAAS,UAAU;EAGvC,GAAI;EAAW;YAA9C,CACE,oBAAC,WAAD;GAAW,MAAK;GAAY;GAAU,CAAA,EACtC,oBAAC,MAAD;GAAM,WAAW,0BAAO;GAAO;GAAgB,CAAA,CAC3C;;EAER"}

package/dist/js/packages/components/src/components/AlertBadge/AlertBadge.module.mjs

@@ -0,0 +1,15 @@
+"use client"
+/* */
+var AlertBadge_module_default = {
+	alertBadge: "flow--alert-badge",
+	text: "flow--alert-badge--text",
+	info: "flow--alert-badge--info",
+	success: "flow--alert-badge--success",
+	warning: "flow--alert-badge--warning",
+	danger: "flow--alert-badge--danger",
+	unavailable: "flow--alert-badge--unavailable"
+};
+//#endregion
+export { AlertBadge_module_default as default };
+
+//# sourceMappingURL=AlertBadge.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBadge.module.mjs","names":[],"sources":["../../../../../../../src/components/AlertBadge/AlertBadge.module.scss"],"sourcesContent":["@use \"@/styles/mixins/ellipsis\";\n\n.alertBadge {\n  font-size: var(--badge--font-size);\n  font-weight: var(--badge--font-weight);\n  line-height: var(--badge--line-height);\n  border-radius: var(--badge--corner-radius);\n  padding-inline: var(--badge--padding-x);\n  padding-block: calc(var(--badge--padding-y) - (var(--badge--border-width)));\n  display: flex;\n  align-items: center;\n  column-gap: var(--badge--spacing);\n  max-width: fit-content;\n  border-style: var(--badge--border-style);\n  border-width: var(--badge--border-width);\n\n  .text {\n    @include ellipsis.ellipsis();\n  }\n\n  @extend .info;\n\n  /* Status */\n  @mixin status($status) {\n    &.#{$status} {\n      color: var(--alert-badge--#{$status}-content-color);\n      background-color: var(--alert-badge--#{$status}-background-color);\n      border-color: var(--alert-badge--#{$status}-border-color);\n    }\n  }\n\n  @include status(info);\n  @include status(success);\n  @include status(warning);\n  @include status(danger);\n  @include status(unavailable);\n}\n"],"mappings":""}

package/dist/js/packages/components/src/components/AlertBadge/index.mjs

@@ -0,0 +1 @@
+import "./AlertBadge.mjs";