@mittwald/flow-react-components 0.2.0-experimental.775 → 1.0.0

package/dist/js/packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs

@@ -1,49 +1,36 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import * as Aria from 'react-aria-components';
-import '../../../OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
-import { OverlayTrigger } from '../../../OverlayTrigger/OverlayTrigger.mjs';
-import '../../../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
-import locales from '../../../../../../../_virtual/_.locale.json@9dae54fd60c9de9df15fd18047885f56.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import 'react';
-import '@mittwald/flow-icons';
-import '../../../Icon/components/IconSetProvider.mjs';
-import '../../../Icon/Icon.mjs';
-import '../../../../views/IconView.mjs';
-import { IconInfo } from '../../../Icon/components/icons/IconInfo.mjs';
-import { flowComponent } from '../../../../lib/componentFactory/flowComponent.mjs';
+import { PropsContextProvider } from "../../../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../../../lib/componentFactory/flowComponent.mjs";
+import { IconInfo } from "../../../Icon/components/icons/IconInfo.mjs";
+import { useLocalizedStringFormatter } from "../../../TranslationProvider/useLocalizedStringFormatter.mjs";
+import { OverlayTrigger } from "../../../OverlayTrigger/OverlayTrigger.mjs";
+import __locale_default from "../../../../../../../_virtual/_12.locale.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.tsx
+/** @flr-generate all */
+var ContextualHelpTrigger = flowComponent("ContextualHelpTrigger", (props) => {
+	const { children, subject, "aria-label": ariaLabelFromProps, ...triggerProps } = props;
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "ContextualHelpTrigger");
+	const propsContext = { Button: {
+		"aria-label": ariaLabelFromProps ?? (subject === void 0 ? stringFormatter.format("moreInformation") : stringFormatter.format("moreInformationAbout", { subject })),
+		children: /* @__PURE__ */ jsx(IconInfo, {}),
+		size: "s",
+		variant: "plain",
+		ariaSlot: null
+	} };
+	return /* @__PURE__ */ jsx(OverlayTrigger, {
+		overlayType: "ContextualHelp",
+		...triggerProps,
+		component: Aria.DialogTrigger,
+		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			children
+		})
+	});
+}, { type: "provider" });
+//#endregion
+export { ContextualHelpTrigger, ContextualHelpTrigger as default };
 
-const ContextualHelpTrigger = flowComponent(
-  "ContextualHelpTrigger",
-  (props) => {
-    const { children, ...triggerProps } = props;
-    const stringFormatter = useLocalizedStringFormatter(locales);
-    const propsContext = {
-      Button: {
-        "aria-label": stringFormatter.format(
-          "contextualHelpButton.moreInformation"
-        ),
-        children: /* @__PURE__ */ jsx(IconInfo, {}),
-        size: "s",
-        variant: "plain",
-        ariaSlot: null
-      }
-    };
-    return /* @__PURE__ */ jsx(
-      OverlayTrigger,
-      {
-        overlayType: "ContextualHelp",
-        ...triggerProps,
-        component: Aria.DialogTrigger,
-        children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children })
-      }
-    );
-  },
-  { type: "provider" }
-);
-
-export { ContextualHelpTrigger };
-//# sourceMappingURL=ContextualHelpTrigger.mjs.map
+//# sourceMappingURL=ContextualHelpTrigger.mjs.map

package/dist/js/packages/components/src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextualHelpTrigger.mjs","sources":["../../../../../../../../../src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { IconInfo } from \"@/components/Icon/components/icons\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport type ContextualHelpTriggerProps = OverlayTriggerProps;\n\n/** @flr-generate all */\nexport const ContextualHelpTrigger = flowComponent(\n  \"ContextualHelpTrigger\",\n  (props) => {\n    const { children, ...triggerProps } = props;\n    const stringFormatter = useLocalizedStringFormatter(locales);\n\n    const propsContext: PropsContext = {\n      Button: {\n        \"aria-label\": stringFormatter.format(\n          \"contextualHelpButton.moreInformation\",\n        ),\n        children: <IconInfo />,\n        size: \"s\",\n        variant: \"plain\",\n        ariaSlot: null,\n      },\n    };\n\n    return (\n      <OverlayTrigger\n        overlayType=\"ContextualHelp\"\n        {...triggerProps}\n        component={Aria.DialogTrigger}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </OverlayTrigger>\n    );\n  },\n  { type: \"provider\" },\n);\n\nexport default ContextualHelpTrigger;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAaO,MAAM,qBAAA,GAAwB,aAAA;AAAA,EACnC,uBAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM,EAAE,QAAA,EAAU,GAAG,YAAA,EAAa,GAAI,KAAA;AACtC,IAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,MAAA,EAAQ;AAAA,QACN,cAAc,eAAA,CAAgB,MAAA;AAAA,UAC5B;AAAA,SACF;AAAA,QACA,QAAA,sBAAW,QAAA,EAAA,EAAS,CAAA;AAAA,QACpB,IAAA,EAAM,GAAA;AAAA,QACN,OAAA,EAAS,OAAA;AAAA,QACT,QAAA,EAAU;AAAA;AACZ,KACF;AAEA,IAAA,uBACE,GAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,WAAA,EAAY,gBAAA;AAAA,QACX,GAAG,YAAA;AAAA,QACJ,WAAW,IAAA,CAAK,aAAA;AAAA,QAEhB,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,QAAA,EACH;AAAA;AAAA,KACF;AAAA,EAEJ,CAAA;AAAA,EACA,EAAE,MAAM,UAAA;AACV;;;;"}
+{"version":3,"file":"ContextualHelpTrigger.mjs","names":[],"sources":["../../../../../../../../../src/components/ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.tsx"],"sourcesContent":["import * as Aria from \"react-aria-components\";\nimport type { OverlayTriggerProps } from \"@/components/OverlayTrigger\";\nimport { OverlayTrigger } from \"@/components/OverlayTrigger\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport { IconInfo } from \"@/components/Icon/components/icons\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface ContextualHelpTriggerProps extends OverlayTriggerProps {\n  /**\n   * The subject the contextual help is about — not a complete accessibility\n   * label. It is inserted into the localized template \"More information about\n   * {subject}\", which becomes the accessibility label of the trigger.\n   */\n  subject?: string;\n  /**\n   * A complete accessibility label for the trigger, replacing the label built\n   * from `subject`. Prefer `subject`, which stays localized — reach for this\n   * only when the template does not fit.\n   */\n  \"aria-label\"?: string;\n}\n\n/** @flr-generate all */\nexport const ContextualHelpTrigger = flowComponent(\n  \"ContextualHelpTrigger\",\n  (props) => {\n    const {\n      children,\n      subject,\n      \"aria-label\": ariaLabelFromProps,\n      ...triggerProps\n    } = props;\n    const stringFormatter = useLocalizedStringFormatter(\n      locales,\n      \"ContextualHelpTrigger\",\n    );\n\n    const ariaLabel =\n      ariaLabelFromProps ??\n      (subject === undefined\n        ? stringFormatter.format(\"moreInformation\")\n        : stringFormatter.format(\"moreInformationAbout\", { subject }));\n\n    const propsContext: PropsContext = {\n      Button: {\n        \"aria-label\": ariaLabel,\n        children: <IconInfo />,\n        size: \"s\",\n        variant: \"plain\",\n        ariaSlot: null,\n      },\n    };\n\n    return (\n      <OverlayTrigger\n        overlayType=\"ContextualHelp\"\n        {...triggerProps}\n        component={Aria.DialogTrigger}\n      >\n        <PropsContextProvider props={propsContext}>\n          {children}\n        </PropsContextProvider>\n      </OverlayTrigger>\n    );\n  },\n  { type: \"provider\" },\n);\n\nexport default ContextualHelpTrigger;\n"],"mappings":";;;;;;;;;;;;AA0BA,IAAa,wBAAwB,cACnC,0BACC,UAAU;CACT,MAAM,EACJ,UACA,SACA,cAAc,oBACd,GAAG,iBACD;CACJ,MAAM,kBAAkB,4BACtB,kBACA,uBACF;CAQA,MAAM,eAA6B,EACjC,QAAQ;EACN,cAPF,uBACC,YAAY,KAAA,IACT,gBAAgB,OAAO,iBAAiB,IACxC,gBAAgB,OAAO,wBAAwB,EAAE,QAAQ,CAAC;EAK5D,UAAU,oBAAC,UAAD,CAAW,CAAA;EACrB,MAAM;EACN,SAAS;EACT,UAAU;CACZ,EACF;CAEA,OACE,oBAAC,gBAAD;EACE,aAAY;EACZ,GAAI;EACJ,WAAW,KAAK;EAEhB,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;EACmB,CAAA;CACR,CAAA;AAEpB,GACA,EAAE,MAAM,WAAW,CACrB"}

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

@@ -1,51 +1,38 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import copy from 'copy-to-clipboard';
-import { Button } from '../Button/Button.mjs';
-import 'react';
-import '@mittwald/flow-icons';
-import '../Icon/components/IconSetProvider.mjs';
-import '../Icon/Icon.mjs';
-import '../../views/IconView.mjs';
-import { IconCopy } from '../Icon/components/icons/IconCopy.mjs';
-import locales from '../../../../../_virtual/_.locale.json@667a3e8a059746001bcf7d375e81b94d.mjs';
-import { useLocalizedStringFormatter } from 'react-aria';
-import { TooltipTrigger } from '../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
-import { Tooltip } from '../Tooltip/Tooltip.mjs';
-import { onlyText } from 'react-children-utilities';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { Action } from '../Action/Action.mjs';
-import '@react-aria/live-announcer';
-
-const CopyButton = flowComponent("CopyButton", (props) => {
-  const {
-    text = "",
-    ref,
-    variant = "plain",
-    color = "secondary",
-    ...buttonProps
-  } = props;
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const tooltip = stringFormatter.format("copyButton.copy");
-  const copyValue = () => {
-    copy(onlyText(text));
-  };
-  return /* @__PURE__ */ jsxs(TooltipTrigger, { children: [
-    /* @__PURE__ */ jsx(Action, { onAction: copyValue, showFeedback: true, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        "aria-label": tooltip,
-        ...buttonProps,
-        ref,
-        variant,
-        color,
-        children: /* @__PURE__ */ jsx(IconCopy, {})
-      }
-    ) }),
-    /* @__PURE__ */ jsx(Tooltip, { children: tooltip })
-  ] });
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { IconCopy } from "../Icon/components/icons/IconCopy.mjs";
+import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
+import { Button } from "../Button/Button.mjs";
+import { Action } from "../Action/Action.mjs";
+import __locale_default from "../../../../../_virtual/_9.locale.mjs";
+import { TooltipTrigger } from "../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs";
+import { Tooltip } from "../Tooltip/Tooltip.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import copy from "copy-to-clipboard";
+import { onlyText } from "react-children-utilities";
+//#region src/components/CopyButton/CopyButton.tsx
+/** @flr-generate all */
+var CopyButton = flowComponent("CopyButton", (props) => {
+	const { text = "", ref, variant = "plain", color = "secondary", ...buttonProps } = props;
+	const tooltip = useLocalizedStringFormatter(__locale_default, "CopyButton").format("copy");
+	const copyValue = () => {
+		copy(onlyText(text));
+	};
+	return /* @__PURE__ */ jsxs(TooltipTrigger, { children: [/* @__PURE__ */ jsx(Action, {
+		onAction: copyValue,
+		showFeedback: true,
+		children: /* @__PURE__ */ jsx(Button, {
+			"aria-label": tooltip,
+			...buttonProps,
+			ref,
+			variant,
+			color,
+			children: /* @__PURE__ */ jsx(IconCopy, {})
+		})
+	}), /* @__PURE__ */ jsx(Tooltip, { children: tooltip })] });
 });
+//#endregion
+export { CopyButton, CopyButton as default };
 
-export { CopyButton };
-//# sourceMappingURL=CopyButton.mjs.map
+//# sourceMappingURL=CopyButton.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.mjs","sources":["../../../../../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import copy from \"copy-to-clipboard\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { Button } from \"@/components/Button\";\nimport { IconCopy } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport { onlyText } from \"react-children-utilities\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Action } from \"@/components/Action\";\n\nexport interface CopyButtonProps\n  extends\n    Omit<ButtonProps, \"onPress\" | \"aria-label\" | \"render\">,\n    FlowComponentProps<HTMLButtonElement> {\n  /** The text to copy. */\n  text?: string;\n}\n\n/** @flr-generate all */\nexport const CopyButton = flowComponent(\"CopyButton\", (props) => {\n  const {\n    text = \"\",\n    ref,\n    variant = \"plain\",\n    color = \"secondary\",\n    ...buttonProps\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const tooltip = stringFormatter.format(\"copyButton.copy\");\n\n  const copyValue = () => {\n    copy(onlyText(text));\n  };\n\n  return (\n    <TooltipTrigger>\n      <Action onAction={copyValue} showFeedback>\n        <Button\n          aria-label={tooltip}\n          {...buttonProps}\n          ref={ref}\n          variant={variant}\n          color={color}\n        >\n          <IconCopy />\n        </Button>\n      </Action>\n      <Tooltip>{tooltip}</Tooltip>\n    </TooltipTrigger>\n  );\n});\n\nexport default CopyButton;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAqBO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM;AAAA,IACJ,IAAA,GAAO,EAAA;AAAA,IACP,GAAA;AAAA,IACA,OAAA,GAAU,OAAA;AAAA,IACV,KAAA,GAAQ,WAAA;AAAA,IACR,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,OAAA,GAAU,eAAA,CAAgB,MAAA,CAAO,iBAAiB,CAAA;AAExD,EAAA,MAAM,YAAY,MAAM;AACtB,IAAA,IAAA,CAAK,QAAA,CAAS,IAAI,CAAC,CAAA;AAAA,EACrB,CAAA;AAEA,EAAA,4BACG,cAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,QAAA,EAAU,SAAA,EAAW,YAAA,EAAY,IAAA,EACvC,QAAA,kBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAY,OAAA;AAAA,QACX,GAAG,WAAA;AAAA,QACJ,GAAA;AAAA,QACA,OAAA;AAAA,QACA,KAAA;AAAA,QAEA,8BAAC,QAAA,EAAA,EAAS;AAAA;AAAA,KACZ,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,WAAS,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EACpB,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"CopyButton.mjs","names":[],"sources":["../../../../../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import copy from \"copy-to-clipboard\";\nimport type { ButtonProps } from \"@/components/Button\";\nimport { Button } from \"@/components/Button\";\nimport { IconCopy } from \"@/components/Icon/components/icons\";\nimport locales from \"./locales/*.locale.json\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport { Tooltip, TooltipTrigger } from \"@/components/Tooltip\";\nimport { onlyText } from \"react-children-utilities\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { Action } from \"@/components/Action\";\n\nexport interface CopyButtonProps\n  extends\n    Omit<ButtonProps, \"onPress\" | \"aria-label\" | \"render\">,\n    FlowComponentProps<HTMLButtonElement> {\n  /** The text to copy. */\n  text?: string;\n}\n\n/** @flr-generate all */\nexport const CopyButton = flowComponent(\"CopyButton\", (props) => {\n  const {\n    text = \"\",\n    ref,\n    variant = \"plain\",\n    color = \"secondary\",\n    ...buttonProps\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"CopyButton\");\n\n  const tooltip = stringFormatter.format(\"copy\");\n\n  const copyValue = () => {\n    copy(onlyText(text));\n  };\n\n  return (\n    <TooltipTrigger>\n      <Action onAction={copyValue} showFeedback>\n        <Button\n          aria-label={tooltip}\n          {...buttonProps}\n          ref={ref}\n          variant={variant}\n          color={color}\n        >\n          <IconCopy />\n        </Button>\n      </Action>\n      <Tooltip>{tooltip}</Tooltip>\n    </TooltipTrigger>\n  );\n});\n\nexport default CopyButton;\n"],"mappings":";;;;;;;;;;;;;;;AAqBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EACJ,OAAO,IACP,KACA,UAAU,SACV,QAAQ,aACR,GAAG,gBACD;CAIJ,MAAM,UAFkB,4BAA4B,kBAAS,YAE7C,CAAA,CAAgB,OAAO,MAAM;CAE7C,MAAM,kBAAkB;EACtB,KAAK,SAAS,IAAI,CAAC;CACrB;CAEA,OACE,qBAAC,gBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;EAAQ,UAAU;EAAW,cAAA;EAC3B,UAAA,oBAAC,QAAD;GACE,cAAY;GACZ,GAAI;GACC;GACI;GACF;GAEP,UAAA,oBAAC,UAAD,CAAW,CAAA;EACL,CAAA;CACF,CAAA,GACR,oBAAC,SAAD,EAAA,UAAU,QAAiB,CAAA,CACb,EAAA,CAAA;AAEpB,CAAC"}

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

@@ -1,16 +1,23 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import 'react';
-import clsx from 'clsx';
-import styles from './CounterBadge.module.scss.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-
-const CounterBadge = flowComponent("CounterBadge", (props) => {
-  const { className, count, ref, ...rest } = props;
-  const rootClassName = clsx(styles.counterBadge, className);
-  return /* @__PURE__ */ jsx("span", { className: rootClassName, ...rest, "aria-hidden": true, ref, children: count && count > 99 ? "99+" : count });
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import CounterBadge_module_default from "./CounterBadge.module.mjs";
+import clsx from "clsx";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/CounterBadge/CounterBadge.tsx
+/** @flr-generate all */
+var CounterBadge = flowComponent("CounterBadge", (props) => {
+	const { className, count, ref, ...rest } = props;
+	const rootClassName = clsx(CounterBadge_module_default.counterBadge, className);
+	return /* @__PURE__ */ jsx("span", {
+		className: rootClassName,
+		...rest,
+		"aria-hidden": true,
+		ref,
+		children: count && count > 99 ? "99+" : count
+	});
 });
+//#endregion
+export { CounterBadge, CounterBadge as default };
 
-export { CounterBadge };
-//# sourceMappingURL=CounterBadge.mjs.map
+//# sourceMappingURL=CounterBadge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CounterBadge.mjs","sources":["../../../../../../../src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import React from \"react\";\nimport type { PropsWithElementType } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./CounterBadge.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface CounterBadgeProps\n  extends PropsWithElementType<\"span\">, FlowComponentProps {\n  /** The number displayed inside the badge. */\n  count?: number;\n}\n\n/** @flr-generate all */\nexport const CounterBadge = flowComponent(\"CounterBadge\", (props) => {\n  const { className, count, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.counterBadge, className);\n\n  return (\n    <span className={rootClassName} {...rest} aria-hidden ref={ref}>\n      {count && count > 99 ? \"99+\" : count}\n    </span>\n  );\n});\n\nexport default CounterBadge;\n"],"names":[],"mappings":";;;;;;AAcO,MAAM,YAAA,GAAe,aAAA,CAAc,cAAA,EAAgB,CAAC,KAAA,KAAU;AACnE,EAAA,MAAM,EAAE,SAAA,EAAW,KAAA,EAAO,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAE3C,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,YAAA,EAAc,SAAS,CAAA;AAEzD,EAAA,uBACE,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,aAAA,EAAgB,GAAG,IAAA,EAAM,aAAA,EAAW,IAAA,EAAC,GAAA,EACnD,QAAA,EAAA,KAAA,IAAS,KAAA,GAAQ,EAAA,GAAK,QAAQ,KAAA,EACjC,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"CounterBadge.mjs","names":[],"sources":["../../../../../../../src/components/CounterBadge/CounterBadge.tsx"],"sourcesContent":["import type { PropsWithElementType } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\nimport styles from \"./CounterBadge.module.scss\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\n\nexport interface CounterBadgeProps\n  extends PropsWithElementType<\"span\">, FlowComponentProps {\n  /** The number displayed inside the badge. */\n  count?: number;\n}\n\n/** @flr-generate all */\nexport const CounterBadge = flowComponent(\"CounterBadge\", (props) => {\n  const { className, count, ref, ...rest } = props;\n\n  const rootClassName = clsx(styles.counterBadge, className);\n\n  return (\n    <span className={rootClassName} {...rest} aria-hidden ref={ref}>\n      {count && count > 99 ? \"99+\" : count}\n    </span>\n  );\n});\n\nexport default CounterBadge;\n"],"mappings":";;;;;;;;AAaA,IAAa,eAAe,cAAc,iBAAiB,UAAU;CACnE,MAAM,EAAE,WAAW,OAAO,KAAK,GAAG,SAAS;CAE3C,MAAM,gBAAgB,KAAK,4BAAO,cAAc,SAAS;CAEzD,OACE,oBAAC,QAAD;EAAM,WAAW;EAAe,GAAI;EAAM,eAAA;EAAiB;EACxD,UAAA,SAAS,QAAQ,KAAK,QAAQ;CAC3B,CAAA;AAEV,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+//#region src/components/CounterBadge/CounterBadge.module.scss
+var counterBadge = "flow--counter-badge";
+var CounterBadge_module_default = { counterBadge };
+//#endregion
+export { counterBadge, CounterBadge_module_default as default };
+
+//# sourceMappingURL=CounterBadge.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CounterBadge.module.mjs","names":[],"sources":["../../../../../../../src/components/CounterBadge/CounterBadge.module.scss"],"sourcesContent":[".counterBadge {\n  font-size: var(--counter-badge--font-size);\n  font-weight: var(--counter-badge--font-weight);\n  line-height: 1;\n  color: var(--counter-badge--content-color);\n  background-color: var(--counter-badge--background-color);\n  width: fit-content;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: var(--counter-badge--height);\n  border-radius: calc(var(--counter-badge--height) / 2);\n  border-width: var(--counter-badge--border-width);\n  border-style: var(--counter-badge--border-style);\n  border-color: var(--counter-badge--border-color);\n  padding-inline: var(--counter-badge--padding-inline);\n\n  &:not(:empty) {\n    min-width: var(--counter-badge--height);\n  }\n\n  &:empty {\n    padding: 0;\n    height: var(--counter-badge--height-empty);\n    width: var(--counter-badge--height-empty);\n  }\n}\n"],"mappings":""}

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

@@ -1,27 +1,32 @@
 "use client"
 /* */
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { useLocalizedStringFormatter } from 'react-aria';
-import locales from '../../../../../_virtual/_.locale.json@863104f93ab9c095110437977bfe0b36.mjs';
-import OptionView from '../../views/OptionView.mjs';
-
-const countryCodes = Object.keys(locales["de-DE"]).filter((key) => key.startsWith("countries.")).map((key) => key.replace("countries.", ""));
-const defaultSortBy = (left, right) => left.name.localeCompare(right.name);
-const voidSortBy = () => 0;
-const defaultFilterBy = () => true;
-const CountryOptions = (props) => {
-  const { filterBy = defaultFilterBy, sortBy = voidSortBy } = props;
-  const stringFormatter = useLocalizedStringFormatter(locales);
-  const countries = useMemo(
-    () => countryCodes.map((code) => ({
-      code,
-      name: stringFormatter.format(`countries.${code}`)
-    })).filter(filterBy).sort(defaultSortBy).sort(sortBy),
-    [stringFormatter, filterBy, sortBy]
-  );
-  return /* @__PURE__ */ jsx(Fragment, { children: countries.map((country) => /* @__PURE__ */ jsx(OptionView, { value: country.code, children: country.name }, country.code)) });
+import { useLocalizedStringFormatter } from "../TranslationProvider/useLocalizedStringFormatter.mjs";
+import __locale_default from "../../../../../_virtual/_13.locale.mjs";
+import OptionView from "../../views/OptionView.mjs";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { uniqueBy } from "remeda";
+import { all } from "country-codes-list";
+//#region src/components/CountryOptions/CountryOptions.tsx
+var defaultSortBy = (left, right) => left.name.localeCompare(right.name);
+var defaultFilterBy = () => true;
+var uniqueCountries = uniqueBy(all(), (c) => c.countryCode);
+var CountryOptions = (props) => {
+	const { filterBy = defaultFilterBy, sortBy = defaultSortBy } = props;
+	const stringFormatter = useLocalizedStringFormatter(__locale_default, "CountryOptions");
+	return useMemo(() => {
+		return uniqueCountries.map((countryData) => ({
+			...countryData,
+			code: countryData.countryCode,
+			name: stringFormatter.format(`countryCode.${countryData.countryCode}`)
+		})).filter(filterBy).sort(sortBy).map((country) => /* @__PURE__ */ jsx(OptionView, {
+			value: country.countryCode,
+			textValue: country.name,
+			children: country.name
+		}, country.countryNameEn));
+	}, [stringFormatter]);
 };
+//#endregion
+export { CountryOptions, CountryOptions as default };
 
-export { CountryOptions };
-//# sourceMappingURL=CountryOptions.mjs.map
+//# sourceMappingURL=CountryOptions.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CountryOptions.mjs","sources":["../../../../../../../src/components/CountryOptions/CountryOptions.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { useMemo } from \"react\";\nimport type { ListBoxProps } from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"react-aria\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport locales from \"./locales/*.locale.json\";\nimport OptionView from \"@/views/OptionView\";\n\nexport interface Country {\n  code: string;\n  name: string;\n}\n\nexport type CountryFilterFn = (country: Country) => boolean;\nexport type CountrySortFn = (left: Country, right: Country) => number;\n\nexport interface CountryOptionsProps<T = object>\n  extends\n    PropsWithChildren<Omit<ListBoxProps<T>, \"children\">>,\n    FlowComponentProps {\n  filterBy?: CountryFilterFn;\n  sortBy?: CountrySortFn;\n}\n\nconst countryCodes = Object.keys(locales[\"de-DE\"])\n  .filter((key) => key.startsWith(\"countries.\"))\n  .map((key) => key.replace(\"countries.\", \"\"));\n\nconst defaultSortBy: CountrySortFn = (left, right) =>\n  left.name.localeCompare(right.name);\nconst voidSortBy: CountrySortFn = () => 0;\nconst defaultFilterBy: CountryFilterFn = () => true;\n\nexport const CountryOptions: FC<CountryOptionsProps> = (props) => {\n  const { filterBy = defaultFilterBy, sortBy = voidSortBy } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales);\n\n  const countries = useMemo(\n    () =>\n      countryCodes\n        .map((code) => ({\n          code,\n          name: stringFormatter.format(`countries.${code}`),\n        }))\n        .filter(filterBy)\n        .sort(defaultSortBy)\n        .sort(sortBy),\n    [stringFormatter, filterBy, sortBy],\n  );\n\n  return (\n    <>\n      {countries.map((country) => (\n        <OptionView key={country.code} value={country.code}>\n          {country.name}\n        </OptionView>\n      ))}\n    </>\n  );\n};\n\nexport default CountryOptions;\n"],"names":[],"mappings":";;;;;;AAwBA,MAAM,YAAA,GAAe,OAAO,IAAA,CAAK,OAAA,CAAQ,OAAO,CAAC,CAAA,CAC9C,MAAA,CAAO,CAAC,GAAA,KAAQ,GAAA,CAAI,WAAW,YAAY,CAAC,EAC5C,GAAA,CAAI,CAAC,QAAQ,GAAA,CAAI,OAAA,CAAQ,YAAA,EAAc,EAAE,CAAC,CAAA;AAE7C,MAAM,aAAA,GAA+B,CAAC,IAAA,EAAM,KAAA,KAC1C,KAAK,IAAA,CAAK,aAAA,CAAc,MAAM,IAAI,CAAA;AACpC,MAAM,aAA4B,MAAM,CAAA;AACxC,MAAM,kBAAmC,MAAM,IAAA;AAExC,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,QAAA,GAAW,eAAA,EAAiB,MAAA,GAAS,YAAW,GAAI,KAAA;AAE5D,EAAA,MAAM,eAAA,GAAkB,4BAA4B,OAAO,CAAA;AAE3D,EAAA,MAAM,SAAA,GAAY,OAAA;AAAA,IAChB,MACE,YAAA,CACG,GAAA,CAAI,CAAC,IAAA,MAAU;AAAA,MACd,IAAA;AAAA,MACA,IAAA,EAAM,eAAA,CAAgB,MAAA,CAAO,CAAA,UAAA,EAAa,IAAI,CAAA,CAAE;AAAA,KAClD,CAAE,EACD,MAAA,CAAO,QAAQ,EACf,IAAA,CAAK,aAAa,CAAA,CAClB,IAAA,CAAK,MAAM,CAAA;AAAA,IAChB,CAAC,eAAA,EAAiB,QAAA,EAAU,MAAM;AAAA,GACpC;AAEA,EAAA,uBACE,GAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA,SAAA,CAAU,GAAA,CAAI,CAAC,4BACd,GAAA,CAAC,UAAA,EAAA,EAA8B,KAAA,EAAO,OAAA,CAAQ,MAC3C,QAAA,EAAA,OAAA,CAAQ,IAAA,EAAA,EADM,OAAA,CAAQ,IAEzB,CACD,CAAA,EACH,CAAA;AAEJ;;;;"}
+{"version":3,"file":"CountryOptions.mjs","names":[],"sources":["../../../../../../../src/components/CountryOptions/CountryOptions.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { useMemo } from \"react\";\nimport type { ListBoxProps } from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport locales from \"./locales/*.locale.json\";\nimport { all, type CountryData } from \"country-codes-list\";\nimport OptionView from \"@/views/OptionView\";\nimport { uniqueBy } from \"remeda\";\n\nexport type Country = CountryData & {\n  name: string;\n  code: string;\n};\n\nexport type CountryFilterFn = (country: Country) => boolean;\nexport type CountrySortFn = (left: Country, right: Country) => number;\n\nexport interface CountryOptionsProps<T = object>\n  extends\n    PropsWithChildren<Omit<ListBoxProps<T>, \"children\">>,\n    FlowComponentProps {\n  filterBy?: CountryFilterFn;\n  sortBy?: CountrySortFn;\n}\n\nconst defaultSortBy: CountrySortFn = (left, right) =>\n  left.name.localeCompare(right.name);\nconst defaultFilterBy: CountryFilterFn = () => true;\n\n// see https://github.com/Synergy-Shock/country-codes-list/issues/37\nconst uniqueCountries = uniqueBy(all(), (c) => c.countryCode);\n\nexport const CountryOptions: FC<CountryOptionsProps> = (props) => {\n  const { filterBy = defaultFilterBy, sortBy = defaultSortBy } = props;\n  const stringFormatter = useLocalizedStringFormatter(\n    locales,\n    \"CountryOptions\",\n  );\n\n  return useMemo(() => {\n    return uniqueCountries\n      .map((countryData) => ({\n        ...countryData,\n        code: countryData.countryCode,\n        name: stringFormatter.format(`countryCode.${countryData.countryCode}`),\n      }))\n      .filter(filterBy)\n      .sort(sortBy)\n      .map((country) => (\n        <OptionView\n          key={country.countryNameEn}\n          value={country.countryCode}\n          textValue={country.name}\n        >\n          {country.name}\n        </OptionView>\n      ));\n  }, [stringFormatter]);\n};\n\nexport default CountryOptions;\n"],"mappings":";;;;;;;;;;AA0BA,IAAM,iBAAgC,MAAM,UAC1C,KAAK,KAAK,cAAc,MAAM,IAAI;AACpC,IAAM,wBAAyC;AAG/C,IAAM,kBAAkB,SAAS,IAAI,IAAI,MAAM,EAAE,WAAW;AAE5D,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,WAAW,iBAAiB,SAAS,kBAAkB;CAC/D,MAAM,kBAAkB,4BACtB,kBACA,gBACF;CAEA,OAAO,cAAc;EACnB,OAAO,gBACJ,KAAK,iBAAiB;GACrB,GAAG;GACH,MAAM,YAAY;GAClB,MAAM,gBAAgB,OAAO,eAAe,YAAY,aAAa;EACvE,EAAE,CAAC,CACF,OAAO,QAAQ,CAAC,CAChB,KAAK,MAAM,CAAC,CACZ,KAAK,YACJ,oBAAC,YAAD;GAEE,OAAO,QAAQ;GACf,WAAW,QAAQ;GAElB,UAAA,QAAQ;EACC,GALL,QAAQ,aAKH,CACb;CACL,GAAG,CAAC,eAAe,CAAC;AACtB"}

package/dist/js/packages/components/src/components/CountryOptions/lib/sortBy.mjs

@@ -1,7 +1,22 @@
 "use client"
 /* */
-const dachCountries = ["DE", "AT", "CH"];
-const sortByDachFirst = (left, right) => dachCountries.includes(right.code) ? 1 : 0 - (dachCountries.includes(left.code) ? 1 : 0);
-
+//#region src/components/CountryOptions/lib/sortBy.ts
+var orderMap = new Map([
+	"DE",
+	"AT",
+	"CH"
+].map((c, i) => [c, i]));
+var sortByDachFirst = (a, b) => {
+	const aRank = orderMap.get(a.code);
+	const bRank = orderMap.get(b.code);
+	const aInDach = aRank !== void 0;
+	const bInDach = bRank !== void 0;
+	if (aInDach && bInDach) return aRank - bRank;
+	if (aInDach) return -1;
+	if (bInDach) return 1;
+	return a.name.localeCompare(b.name);
+};
+//#endregion
 export { sortByDachFirst };
-//# sourceMappingURL=sortBy.mjs.map
+
+//# sourceMappingURL=sortBy.mjs.map

package/dist/js/packages/components/src/components/CountryOptions/lib/sortBy.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sortBy.mjs","sources":["../../../../../../../../src/components/CountryOptions/lib/sortBy.ts"],"sourcesContent":["import type { CountrySortFn } from \"@/components/CountryOptions/CountryOptions\";\n\nconst dachCountries = [\"DE\", \"AT\", \"CH\"];\n\nexport const sortByDachFirst: CountrySortFn = (left, right) =>\n  dachCountries.includes(right.code)\n    ? 1\n    : 0 - (dachCountries.includes(left.code) ? 1 : 0);\n"],"names":[],"mappings":"AAEA,MAAM,aAAA,GAAgB,CAAC,IAAA,EAAM,IAAA,EAAM,IAAI,CAAA;AAEhC,MAAM,kBAAiC,CAAC,IAAA,EAAM,KAAA,KACnD,aAAA,CAAc,SAAS,KAAA,CAAM,IAAI,CAAA,GAC7B,CAAA,GACA,KAAK,aAAA,CAAc,QAAA,CAAS,IAAA,CAAK,IAAI,IAAI,CAAA,GAAI,CAAA;;;;"}
+{"version":3,"file":"sortBy.mjs","names":[],"sources":["../../../../../../../../src/components/CountryOptions/lib/sortBy.ts"],"sourcesContent":["import type { CountrySortFn } from \"@/components/CountryOptions/CountryOptions\";\n\nconst dachCountries = [\"DE\", \"AT\", \"CH\"];\n\nconst orderMap = new Map(dachCountries.map((c, i) => [c, i]));\n\nexport const sortByDachFirst: CountrySortFn = (a, b) => {\n  const aRank = orderMap.get(a.code);\n  const bRank = orderMap.get(b.code);\n\n  const aInDach = aRank !== undefined;\n  const bInDach = bRank !== undefined;\n\n  if (aInDach && bInDach) {\n    return aRank - bRank;\n  }\n  if (aInDach) {\n    return -1;\n  }\n  if (bInDach) {\n    return 1;\n  }\n\n  return a.name.localeCompare(b.name);\n};\n"],"mappings":";;;AAIA,IAAM,WAAW,IAAI,IAAI;CAFF;CAAM;CAAM;AAEV,CAAA,CAAc,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAE5D,IAAa,mBAAkC,GAAG,MAAM;CACtD,MAAM,QAAQ,SAAS,IAAI,EAAE,IAAI;CACjC,MAAM,QAAQ,SAAS,IAAI,EAAE,IAAI;CAEjC,MAAM,UAAU,UAAU,KAAA;CAC1B,MAAM,UAAU,UAAU,KAAA;CAE1B,IAAI,WAAW,SACb,OAAO,QAAQ;CAEjB,IAAI,SACF,OAAO;CAET,IAAI,SACF,OAAO;CAGT,OAAO,EAAE,KAAK,cAAc,EAAE,IAAI;AACpC"}

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

@@ -1,20 +1,25 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { useRef } from 'react';
-import * as Aria from 'react-aria-components';
-
-const DateInput = (props) => {
-  const { ref, ...inputProps } = props;
-  const firstSegmentType = useRef(null);
-  return /* @__PURE__ */ jsx(Aria.DateInput, { ...inputProps, children: (segment) => {
-    if (firstSegmentType.current === null && segment.type !== "literal") {
-      firstSegmentType.current = segment.type;
-    }
-    const firstSegmentRef = segment.type === firstSegmentType.current ? ref : null;
-    return /* @__PURE__ */ jsx(Aria.DateSegment, { segment, ref: firstSegmentRef });
-  } });
+import { useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/DateInput/DateInput.tsx
+var DateInput = (props) => {
+	const { ref, ...inputProps } = props;
+	const firstSegmentType = useRef(null);
+	return /* @__PURE__ */ jsx(Aria.DateInput, {
+		...inputProps,
+		children: (segment) => {
+			if (firstSegmentType.current === null && segment.type !== "literal") firstSegmentType.current = segment.type;
+			const firstSegmentRef = segment.type === firstSegmentType.current ? ref : null;
+			return /* @__PURE__ */ jsx(Aria.DateSegment, {
+				segment,
+				ref: firstSegmentRef
+			});
+		}
+	});
 };
-
+//#endregion
 export { DateInput, DateInput as default };
-//# sourceMappingURL=DateInput.mjs.map
+
+//# sourceMappingURL=DateInput.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.mjs","sources":["../../../../../../../src/components/DateInput/DateInput.tsx"],"sourcesContent":["import { useRef, type FC, type Ref } from \"react\";\nimport * as Aria from \"react-aria-components\";\n\ninterface DateInputProps extends Omit<Aria.DateInputProps, \"children\" | \"ref\"> {\n  ref?: Ref<HTMLSpanElement | null>;\n}\n\nexport const DateInput: FC<DateInputProps> = (props) => {\n  const { ref, ...inputProps } = props;\n\n  const firstSegmentType = useRef<string | null>(null);\n\n  return (\n    <Aria.DateInput {...inputProps}>\n      {(segment) => {\n        if (firstSegmentType.current === null && segment.type !== \"literal\") {\n          firstSegmentType.current = segment.type;\n        }\n\n        const firstSegmentRef =\n          segment.type === firstSegmentType.current ? ref : null;\n\n        return <Aria.DateSegment segment={segment} ref={firstSegmentRef} />;\n      }}\n    </Aria.DateInput>\n  );\n};\n\nexport default DateInput;\n"],"names":[],"mappings":";;;;AAOO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,GAAA,EAAK,GAAG,UAAA,EAAW,GAAI,KAAA;AAE/B,EAAA,MAAM,gBAAA,GAAmB,OAAsB,IAAI,CAAA;AAEnD,EAAA,2BACG,IAAA,CAAK,SAAA,EAAL,EAAgB,GAAG,UAAA,EACjB,WAAC,OAAA,KAAY;AACZ,IAAA,IAAI,gBAAA,CAAiB,OAAA,KAAY,IAAA,IAAQ,OAAA,CAAQ,SAAS,SAAA,EAAW;AACnE,MAAA,gBAAA,CAAiB,UAAU,OAAA,CAAQ,IAAA;AAAA,IACrC;AAEA,IAAA,MAAM,eAAA,GACJ,OAAA,CAAQ,IAAA,KAAS,gBAAA,CAAiB,UAAU,GAAA,GAAM,IAAA;AAEpD,IAAA,2BAAQ,IAAA,CAAK,WAAA,EAAL,EAAiB,OAAA,EAAkB,KAAK,eAAA,EAAiB,CAAA;AAAA,EACnE,CAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DateInput.mjs","names":[],"sources":["../../../../../../../src/components/DateInput/DateInput.tsx"],"sourcesContent":["import { useRef, type FC, type Ref } from \"react\";\nimport * as Aria from \"react-aria-components\";\n\ninterface DateInputProps extends Omit<Aria.DateInputProps, \"children\" | \"ref\"> {\n  ref?: Ref<HTMLSpanElement | null>;\n}\n\nexport const DateInput: FC<DateInputProps> = (props) => {\n  const { ref, ...inputProps } = props;\n\n  const firstSegmentType = useRef<string | null>(null);\n\n  return (\n    <Aria.DateInput {...inputProps}>\n      {(segment) => {\n        if (firstSegmentType.current === null && segment.type !== \"literal\") {\n          firstSegmentType.current = segment.type;\n        }\n\n        const firstSegmentRef =\n          segment.type === firstSegmentType.current ? ref : null;\n\n        return <Aria.DateSegment segment={segment} ref={firstSegmentRef} />;\n      }}\n    </Aria.DateInput>\n  );\n};\n\nexport default DateInput;\n"],"mappings":";;;;;;AAOA,IAAa,aAAiC,UAAU;CACtD,MAAM,EAAE,KAAK,GAAG,eAAe;CAE/B,MAAM,mBAAmB,OAAsB,IAAI;CAEnD,OACE,oBAAC,KAAK,WAAN;EAAgB,GAAI;EAChB,WAAA,YAAY;GACZ,IAAI,iBAAiB,YAAY,QAAQ,QAAQ,SAAS,WACxD,iBAAiB,UAAU,QAAQ;GAGrC,MAAM,kBACJ,QAAQ,SAAS,iBAAiB,UAAU,MAAM;GAEpD,OAAO,oBAAC,KAAK,aAAN;IAA2B;IAAS,KAAK;GAAkB,CAAA;EACpE;CACc,CAAA;AAEpB"}

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

@@ -1,71 +1,53 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import 'react';
-import clsx from 'clsx';
-import '../../lib/propsContext/propsContext.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import * as Aria from 'react-aria-components';
-import { DateInput } from './components/DateInput/DateInput.mjs';
-import { Popover } from '../Popover/Popover.mjs';
-import 'mobx';
-import 'remeda';
-import '@react-aria/utils';
-import 'dot-prop';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { Calendar } from '../Calendar/Calendar.mjs';
-import '../Button/Button.mjs';
-import '@mittwald/flow-icons';
-import '../Icon/components/IconSetProvider.mjs';
-import '../Icon/Icon.mjs';
-import '../../views/IconView.mjs';
-import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
-import styles from './DatePicker.module.scss.mjs';
-
-const DatePicker = flowComponent("DatePicker", (props) => {
-  const { children, className, onChange, ref, ...rest } = props;
-  const {
-    FieldErrorView,
-    FieldErrorCaptureContext,
-    fieldProps,
-    fieldPropsContext
-  } = useFieldComponent(props);
-  const rootClassName = clsx(fieldProps.className, className);
-  const popoverController = useOverlayController("Popover");
-  return /* @__PURE__ */ jsxs(
-    Aria.DatePicker,
-    {
-      ...rest,
-      ...fieldProps,
-      className: rootClassName,
-      onOpenChange: (v) => popoverController.setOpen(v),
-      isOpen: popoverController.isOpen,
-      onChange: (value) => {
-        if (onChange) {
-          onChange(value);
-        }
-        popoverController.close();
-      },
-      children: [
-        /* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [
-          /* @__PURE__ */ jsx(DateInput, { isDisabled: props.isDisabled, ref }),
-          /* @__PURE__ */ jsx(PropsContextProvider, { props: fieldPropsContext, children }),
-          /* @__PURE__ */ jsx(
-            Popover,
-            {
-              placement: "bottom end",
-              isDialogContent: true,
-              controller: popoverController,
-              children: /* @__PURE__ */ jsx(Calendar, { className: styles.calendar })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(FieldErrorView, {})
-      ]
-    }
-  );
+import { PropsContextProvider } from "../../lib/propsContext/components/PropsContextProvider.mjs";
+import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
+import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
+import { Popover } from "../Popover/Popover.mjs";
+import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
+import { DateInput } from "./components/DateInput/DateInput.mjs";
+import { Calendar } from "../Calendar/Calendar.mjs";
+import DatePicker_module_default from "./DatePicker.module.mjs";
+import clsx from "clsx";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as Aria from "react-aria-components";
+//#region src/components/DatePicker/DatePicker.tsx
+/** @flr-generate all */
+var DatePicker = flowComponent("DatePicker", (props) => {
+	const { children, className, onChange, ref, ...rest } = props;
+	const popoverController = useOverlayController("Popover");
+	const { FieldErrorView, FieldErrorCaptureContext, fieldProps, fieldPropsContext } = useFieldComponent(props, "DatePicker");
+	const rootClassName = clsx(fieldProps.className, className);
+	return /* @__PURE__ */ jsxs(Aria.DatePicker, {
+		...rest,
+		...fieldProps,
+		className: rootClassName,
+		onOpenChange: (v) => popoverController.setOpen(v),
+		isOpen: popoverController.isOpen,
+		onChange: (value) => {
+			if (onChange) onChange(value);
+			popoverController.close();
+		},
+		children: [/* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [
+			/* @__PURE__ */ jsx(DateInput, {
+				isDisabled: props.isDisabled,
+				ref
+			}),
+			/* @__PURE__ */ jsx(PropsContextProvider, {
+				props: fieldPropsContext,
+				children
+			}),
+			/* @__PURE__ */ jsx(Popover, {
+				placement: "bottom end",
+				isDialogContent: true,
+				controller: popoverController,
+				children: /* @__PURE__ */ jsx(Calendar, { className: DatePicker_module_default.calendar })
+			})
+		] }), /* @__PURE__ */ jsx(FieldErrorView, {})]
+	});
 });
+//#endregion
+export { DatePicker, DatePicker as default };
 
-export { DatePicker };
-//# sourceMappingURL=DatePicker.mjs.map
+//# sourceMappingURL=DatePicker.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","sources":["../../../../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { DateInput } from \"./components/DateInput\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { Calendar } from \"@/components/Calendar\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport interface DatePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends\n    PropsWithChildren<Omit<Aria.DatePickerProps<T>, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLSpanElement> {}\n\n/** @flr-generate all */\nexport const DatePicker = flowComponent(\"DatePicker\", (props) => {\n  const { children, className, onChange, ref, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(fieldProps.className, className);\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DatePicker\n      {...rest}\n      {...fieldProps}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <FieldErrorCaptureContext>\n        <DateInput isDisabled={props.isDisabled} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n        <Popover\n          placement=\"bottom end\"\n          isDialogContent\n          controller={popoverController}\n        >\n          <Calendar className={styles.calendar} />\n        </Popover>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.DatePicker>\n  );\n});\n\nexport default DatePicker;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAExD,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,UAAA,CAAW,SAAA,EAAW,SAAS,CAAA;AAE1D,EAAA,MAAM,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,UAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACH,GAAG,UAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,YAAA,EAAc,CAAC,CAAA,KAAM,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAA,CAAkB,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,QAAA,IAAI,QAAA,EAAU;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA,QAChB;AACA,QAAA,iBAAA,CAAkB,KAAA,EAAM;AAAA,MAC1B,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,wBAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,UAAA,EAAY,KAAA,CAAM,UAAA,EAAY,GAAA,EAAU,CAAA;AAAA,0BACnD,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,iBAAA,EAC1B,QAAA,EACH,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,YAAA;AAAA,cACV,eAAA,EAAe,IAAA;AAAA,cACf,UAAA,EAAY,iBAAA;AAAA,cAEZ,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU;AAAA;AAAA;AACxC,SAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,GAClB;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DatePicker.mjs","names":[],"sources":["../../../../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { DateInput } from \"./components/DateInput\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { Calendar } from \"@/components/Calendar\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport interface DatePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends\n    PropsWithChildren<Omit<Aria.DatePickerProps<T>, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLSpanElement> {}\n\n/** @flr-generate all */\nexport const DatePicker = flowComponent(\"DatePicker\", (props) => {\n  const { children, className, onChange, ref, ...rest } = props;\n\n  const popoverController = useOverlayController(\"Popover\");\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props, \"DatePicker\");\n\n  const rootClassName = clsx(fieldProps.className, className);\n\n  return (\n    <Aria.DatePicker\n      {...rest}\n      {...fieldProps}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <FieldErrorCaptureContext>\n        <DateInput isDisabled={props.isDisabled} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n        <Popover\n          placement=\"bottom end\"\n          isDialogContent\n          controller={popoverController}\n        >\n          <Calendar className={styles.calendar} />\n        </Popover>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.DatePicker>\n  );\n});\n\nexport default DatePicker;\n"],"mappings":";;;;;;;;;;;;;;;;AAqBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EAAE,UAAU,WAAW,UAAU,KAAK,GAAG,SAAS;CAExD,MAAM,oBAAoB,qBAAqB,SAAS;CACxD,MAAM,EACJ,gBACA,0BACA,YACA,sBACE,kBAAkB,OAAO,YAAY;CAEzC,MAAM,gBAAgB,KAAK,WAAW,WAAW,SAAS;CAE1D,OACE,qBAAC,KAAK,YAAN;EACE,GAAI;EACJ,GAAI;EACJ,WAAW;EACX,eAAe,MAAM,kBAAkB,QAAQ,CAAC;EAChD,QAAQ,kBAAkB;EAC1B,WAAW,UAAU;GACnB,IAAI,UACF,SAAS,KAAK;GAEhB,kBAAkB,MAAM;EAC1B;EAXF,UAAA,CAaE,qBAAC,0BAAD,EAAA,UAAA;GACE,oBAAC,WAAD;IAAW,YAAY,MAAM;IAAiB;GAAM,CAAA;GACpD,oBAAC,sBAAD;IAAsB,OAAO;IAC1B;GACmB,CAAA;GACtB,oBAAC,SAAD;IACE,WAAU;IACV,iBAAA;IACA,YAAY;IAEZ,UAAA,oBAAC,UAAD,EAAU,WAAW,0BAAO,SAAW,CAAA;GAChC,CAAA;EACe,EAAA,CAAA,GAC1B,oBAAC,gBAAD,CAAiB,CAAA,CACF;;AAErB,CAAC"}