@mittwald/flow-react-components 0.2.0-alpha.1032 → 0.2.0-alpha.1034

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

@@ -1,34 +1,35 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { Popover } from '../Popover/Popover.mjs';
-import styles from './ContextualHelp.module.scss.mjs';
-import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
-import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
-import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
-
-const ContextualHelp = flowComponent("ContextualHelp", (props) => {
-  const {
-    children,
-    controller: controllerFromProps,
-    ref: ignoredRef,
-    ...rest
-  } = props;
-  const controllerFromContext = useOverlayController("ContextualHelp", {
-    reuseControllerFromContext: true
-  });
-  const controller = controllerFromProps ?? controllerFromContext;
-  const propsContext = {
-    // A contextual help holds a single, simple explanation — it does not need
-    // its own heading structure. A heading is rendered as a bold text label
-    // instead of an actual heading element.
-    Heading: {
-      level: 5,
-      elementType: "span"
-    }
-  };
-  return /* @__PURE__ */ jsx(Popover, { withTip: true, ...rest, controller, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx("div", { className: styles.contextualHelp, children }) }) });
+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 ContextualHelp_module_default from "./ContextualHelp.module.mjs";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/ContextualHelp/ContextualHelp.tsx
+/** @flr-generate all */
+var ContextualHelp = flowComponent("ContextualHelp", (props) => {
+	const { children, controller: controllerFromProps, ref: ignoredRef, ...rest } = props;
+	const controllerFromContext = useOverlayController("ContextualHelp", { reuseControllerFromContext: true });
+	const controller = controllerFromProps ?? controllerFromContext;
+	const propsContext = { Heading: {
+		level: 5,
+		elementType: "span"
+	} };
+	return /* @__PURE__ */ jsx(Popover, {
+		withTip: true,
+		...rest,
+		controller,
+		children: /* @__PURE__ */ jsx(PropsContextProvider, {
+			props: propsContext,
+			children: /* @__PURE__ */ jsx("div", {
+				className: ContextualHelp_module_default.contextualHelp,
+				children
+			})
+		})
+	});
 });
+//#endregion
+export { ContextualHelp, ContextualHelp as default };
 
-export { ContextualHelp };
-//# sourceMappingURL=ContextualHelp.mjs.map
+//# sourceMappingURL=ContextualHelp.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContextualHelp.mjs","sources":["../../../../../../../src/components/ContextualHelp/ContextualHelp.tsx"],"sourcesContent":["import type { PopoverProps } from \"@/components/Popover/Popover\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport styles from \"./ContextualHelp.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\n\nexport type ContextualHelpProps = Omit<PopoverProps, \"withTip\">;\n\n/** @flr-generate all */\nexport const ContextualHelp = flowComponent(\"ContextualHelp\", (props) => {\n  const {\n    children,\n    controller: controllerFromProps,\n    ref: ignoredRef,\n    ...rest\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"ContextualHelp\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const propsContext: PropsContext = {\n    // A contextual help holds a single, simple explanation — it does not need\n    // its own heading structure. A heading is rendered as a bold text label\n    // instead of an actual heading element.\n    Heading: {\n      level: 5,\n      elementType: \"span\",\n    },\n  };\n\n  return (\n    <Popover withTip {...rest} controller={controller}>\n      <PropsContextProvider props={propsContext}>\n        <div className={styles.contextualHelp}>{children}</div>\n      </PropsContextProvider>\n    </Popover>\n  );\n});\n\nexport default ContextualHelp;\n"],"names":[],"mappings":";;;;;;;AAWO,MAAM,cAAA,GAAiB,aAAA,CAAc,gBAAA,EAAkB,CAAC,KAAA,KAAU;AACvE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,UAAA,EAAY,mBAAA;AAAA,IACZ,GAAA,EAAK,UAAA;AAAA,IACL,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,qBAAA,GAAwB,qBAAqB,gBAAA,EAAkB;AAAA,IACnE,0BAAA,EAA4B;AAAA,GAC7B,CAAA;AAED,EAAA,MAAM,aAAa,mBAAA,IAAuB,qBAAA;AAE1C,EAAA,MAAM,YAAA,GAA6B;AAAA;AAAA;AAAA;AAAA,IAIjC,OAAA,EAAS;AAAA,MACP,KAAA,EAAO,CAAA;AAAA,MACP,WAAA,EAAa;AAAA;AACf,GACF;AAEA,EAAA,2BACG,OAAA,EAAA,EAAQ,OAAA,EAAO,MAAE,GAAG,IAAA,EAAM,YACzB,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,cAAA,EAAiB,QAAA,EAAS,GACnD,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"ContextualHelp.mjs","names":[],"sources":["../../../../../../../src/components/ContextualHelp/ContextualHelp.tsx"],"sourcesContent":["import type { PopoverProps } from \"@/components/Popover/Popover\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport styles from \"./ContextualHelp.module.scss\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { useOverlayController } from \"@/lib/controller\";\n\nexport type ContextualHelpProps = Omit<PopoverProps, \"withTip\">;\n\n/** @flr-generate all */\nexport const ContextualHelp = flowComponent(\"ContextualHelp\", (props) => {\n  const {\n    children,\n    controller: controllerFromProps,\n    ref: ignoredRef,\n    ...rest\n  } = props;\n\n  const controllerFromContext = useOverlayController(\"ContextualHelp\", {\n    reuseControllerFromContext: true,\n  });\n\n  const controller = controllerFromProps ?? controllerFromContext;\n\n  const propsContext: PropsContext = {\n    // A contextual help holds a single, simple explanation — it does not need\n    // its own heading structure. A heading is rendered as a bold text label\n    // instead of an actual heading element.\n    Heading: {\n      level: 5,\n      elementType: \"span\",\n    },\n  };\n\n  return (\n    <Popover withTip {...rest} controller={controller}>\n      <PropsContextProvider props={propsContext}>\n        <div className={styles.contextualHelp}>{children}</div>\n      </PropsContextProvider>\n    </Popover>\n  );\n});\n\nexport default ContextualHelp;\n"],"mappings":";;;;;;;;;;AAWA,IAAa,iBAAiB,cAAc,mBAAmB,UAAU;CACvE,MAAM,EACJ,UACA,YAAY,qBACZ,KAAK,YACL,GAAG,SACD;CAEJ,MAAM,wBAAwB,qBAAqB,kBAAkB,EACnE,4BAA4B,KAC9B,CAAC;CAED,MAAM,aAAa,uBAAuB;CAE1C,MAAM,eAA6B,EAIjC,SAAS;EACP,OAAO;EACP,aAAa;CACf,EACF;CAEA,OACE,oBAAC,SAAD;EAAS,SAAA;EAAQ,GAAI;EAAkB;EACrC,UAAA,oBAAC,sBAAD;GAAsB,OAAO;GAC3B,UAAA,oBAAC,OAAD;IAAK,WAAW,8BAAO;IAAiB;GAAc,CAAA;EAClC,CAAA;CACf,CAAA;AAEb,CAAC"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+//#region src/components/ContextualHelp/ContextualHelp.module.scss
+var contextualHelp = "flow--contextual-help";
+var ContextualHelp_module_default = { contextualHelp };
+//#endregion
+export { contextualHelp, ContextualHelp_module_default as default };
+
+//# sourceMappingURL=ContextualHelp.module.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextualHelp.module.mjs","names":[],"sources":["../../../../../../../src/components/ContextualHelp/ContextualHelp.module.scss"],"sourcesContent":[".contextualHelp {\n  row-gap: var(--popover--spacing);\n  display: flex;\n  flex-direction: column;\n  max-width: var(--contextual-help--max-width);\n  padding: var(--popover--padding--m);\n}\n"],"mappings":""}

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 } from '../../../OverlayTrigger/OverlayTrigger.mjs';
-import { PropsContextProvider } from '../../../../lib/propsContext/components/PropsContextProvider.mjs';
-import locales from '../../../../../../../_virtual/_.locale.json@df0c8534e2e4f7c6c3d4365218df7347.mjs';
-import { useLocalizedStringFormatter } from '../../../TranslationProvider/useLocalizedStringFormatter.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,
-      subject,
-      "aria-label": ariaLabelFromProps,
-      ...triggerProps
-    } = props;
-    const stringFormatter = useLocalizedStringFormatter(
-      locales,
-      "ContextualHelpTrigger"
-    );
-    const ariaLabel = ariaLabelFromProps ?? (subject === void 0 ? stringFormatter.format("moreInformation") : stringFormatter.format("moreInformationAbout", { subject }));
-    const propsContext = {
-      Button: {
-        "aria-label": ariaLabel,
-        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 \"@/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"],"names":[],"mappings":";;;;;;;;;AA0BO,MAAM,qBAAA,GAAwB,aAAA;AAAA,EACnC,uBAAA;AAAA,EACA,CAAC,KAAA,KAAU;AACT,IAAA,MAAM;AAAA,MACJ,QAAA;AAAA,MACA,OAAA;AAAA,MACA,YAAA,EAAc,kBAAA;AAAA,MACd,GAAG;AAAA,KACL,GAAI,KAAA;AACJ,IAAA,MAAM,eAAA,GAAkB,2BAAA;AAAA,MACtB,OAAA;AAAA,MACA;AAAA,KACF;AAEA,IAAA,MAAM,SAAA,GACJ,kBAAA,KACC,OAAA,KAAY,MAAA,GACT,eAAA,CAAgB,MAAA,CAAO,iBAAiB,CAAA,GACxC,eAAA,CAAgB,MAAA,CAAO,sBAAA,EAAwB,EAAE,SAAS,CAAA,CAAA;AAEhE,IAAA,MAAM,YAAA,GAA6B;AAAA,MACjC,MAAA,EAAQ;AAAA,QACN,YAAA,EAAc,SAAA;AAAA,QACd,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,45 +1,38 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
-import copy from 'copy-to-clipboard';
-import { Button } from '../Button/Button.mjs';
-import { IconCopy } from '../Icon/components/icons/IconCopy.mjs';
-import locales from '../../../../../_virtual/_.locale.json@51592c7dce2c58889664b6822f25f6d1.mjs';
-import { useLocalizedStringFormatter } from '../TranslationProvider/useLocalizedStringFormatter.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 { TooltipTrigger } from '../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs';
-
-const CopyButton = flowComponent("CopyButton", (props) => {
-  const {
-    text = "",
-    ref,
-    variant = "plain",
-    color = "secondary",
-    ...buttonProps
-  } = props;
-  const stringFormatter = useLocalizedStringFormatter(locales, "CopyButton");
-  const tooltip = stringFormatter.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 })
-  ] });
+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 \"@/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"],"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,2BAAA,CAA4B,OAAA,EAAS,YAAY,CAAA;AAEzE,EAAA,MAAM,OAAA,GAAU,eAAA,CAAgB,MAAA,CAAO,MAAM,CAAA;AAE7C,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,15 +1,23 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-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 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":";;;;;AAaO,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,38 +1,32 @@
 "use client"
 /* */
-import { jsx } from 'react/jsx-runtime';
-import { useMemo } from 'react';
-import { useLocalizedStringFormatter } from '../TranslationProvider/useLocalizedStringFormatter.mjs';
-import locales from '../../../../../_virtual/_.locale.json@bcca9730cf4e50042f33f85088c4be64.mjs';
-import { all } from 'country-codes-list';
-import OptionView from '../../views/OptionView.mjs';
-import { uniqueBy } from 'remeda';
-
-const defaultSortBy = (left, right) => left.name.localeCompare(right.name);
-const defaultFilterBy = () => true;
-const uniqueCountries = uniqueBy(all(), (c) => c.countryCode);
-const CountryOptions = (props) => {
-  const { filterBy = defaultFilterBy, sortBy = defaultSortBy } = props;
-  const stringFormatter = useLocalizedStringFormatter(
-    locales,
-    "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]);
+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 \"@/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"],"names":[],"mappings":";;;;;;;;AA0BA,MAAM,aAAA,GAA+B,CAAC,IAAA,EAAM,KAAA,KAC1C,KAAK,IAAA,CAAK,aAAA,CAAc,MAAM,IAAI,CAAA;AACpC,MAAM,kBAAmC,MAAM,IAAA;AAG/C,MAAM,kBAAkB,QAAA,CAAS,GAAA,IAAO,CAAC,CAAA,KAAM,EAAE,WAAW,CAAA;AAErD,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,QAAA,GAAW,eAAA,EAAiB,MAAA,GAAS,eAAc,GAAI,KAAA;AAC/D,EAAA,MAAM,eAAA,GAAkB,2BAAA;AAAA,IACtB,OAAA;AAAA,IACA;AAAA,GACF;AAEA,EAAA,OAAO,QAAQ,MAAM;AACnB,IAAA,OAAO,eAAA,CACJ,GAAA,CAAI,CAAC,WAAA,MAAiB;AAAA,MACrB,GAAG,WAAA;AAAA,MACH,MAAM,WAAA,CAAY,WAAA;AAAA,MAClB,MAAM,eAAA,CAAgB,MAAA,CAAO,CAAA,YAAA,EAAe,WAAA,CAAY,WAAW,CAAA,CAAE;AAAA,KACvE,CAAE,CAAA,CACD,MAAA,CAAO,QAAQ,CAAA,CACf,KAAK,MAAM,CAAA,CACX,GAAA,CAAI,CAAC,OAAA,qBACJ,GAAA;AAAA,MAAC,UAAA;AAAA,MAAA;AAAA,QAEC,OAAO,OAAA,CAAQ,WAAA;AAAA,QACf,WAAW,OAAA,CAAQ,IAAA;AAAA,QAElB,QAAA,EAAA,OAAA,CAAQ;AAAA,OAAA;AAAA,MAJJ,OAAA,CAAQ;AAAA,KAMhB,CAAA;AAAA,EACL,CAAA,EAAG,CAAC,eAAe,CAAC,CAAA;AACtB;;;;"}
+{"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,23 +1,22 @@
 "use client"
 /* */
-const dachCountries = ["DE", "AT", "CH"];
-const orderMap = new Map(dachCountries.map((c, i) => [c, i]));
-const 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);
+//#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\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"],"names":[],"mappings":"AAEA,MAAM,aAAA,GAAgB,CAAC,IAAA,EAAM,IAAA,EAAM,IAAI,CAAA;AAEvC,MAAM,QAAA,GAAW,IAAI,GAAA,CAAI,aAAA,CAAc,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM,CAAC,CAAA,EAAG,CAAC,CAAC,CAAC,CAAA;AAErD,MAAM,eAAA,GAAiC,CAAC,CAAA,EAAG,CAAA,KAAM;AACtD,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,GAAA,CAAI,CAAA,CAAE,IAAI,CAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,QAAA,CAAS,GAAA,CAAI,CAAA,CAAE,IAAI,CAAA;AAEjC,EAAA,MAAM,UAAU,KAAA,KAAU,MAAA;AAC1B,EAAA,MAAM,UAAU,KAAA,KAAU,MAAA;AAE1B,EAAA,IAAI,WAAW,OAAA,EAAS;AACtB,IAAA,OAAO,KAAA,GAAQ,KAAA;AAAA,EACjB;AACA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,OAAO,EAAA;AAAA,EACT;AACA,EAAA,IAAI,OAAA,EAAS;AACX,IAAA,OAAO,CAAA;AAAA,EACT;AAEA,EAAA,OAAO,CAAA,CAAE,IAAA,CAAK,aAAA,CAAc,CAAA,CAAE,IAAI,CAAA;AACpC;;;;"}
+{"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"}