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

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

@@ -1 +1 @@
-{"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 \"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"],"mappings":";;;;;;;;;;;;;AAaA,IAAa,wBAAwB,cACnC,0BACC,UAAU;CACT,MAAM,EAAE,UAAU,GAAG,iBAAiB;CAGtC,MAAM,eAA6B,EACjC,QAAQ;EACN,cAJoB,4BAA4B,iBAAQ,CAI1B,OAC5B,uCACD;EACD,UAAU,oBAAC,UAAD,EAAY,CAAA;EACtB,MAAM;EACN,SAAS;EACT,UAAU;EACX,EACF;AAED,QACE,oBAAC,gBAAD;EACE,aAAY;EACZ,GAAI;EACJ,WAAW,KAAK;YAEhB,oBAAC,sBAAD;GAAsB,OAAO;GAC1B;GACoB,CAAA;EACR,CAAA;GAGrB,EAAE,MAAM,YAAY,CACrB"}
+{"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;;;;"}

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

@@ -1,42 +1,51 @@
 "use client"
 /* */
-import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
-import IconCopy from "../Icon/components/icons/IconCopy.mjs";
-import "../Icon/components/icons/index.mjs";
-import Button from "../Button/Button.mjs";
-import "../Button/index.mjs";
-import Action from "../Action/Action.mjs";
-import "../Action/index.mjs";
-import __locale_default from "../../../../../_virtual/_8.locale.mjs";
-import TooltipTrigger from "../Tooltip/components/TooltipTrigger/TooltipTrigger.mjs";
-import Tooltip from "../Tooltip/Tooltip.mjs";
-import "../Tooltip/index.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useLocalizedStringFormatter } from "react-aria";
-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).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 { 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@51592c7dce2c58889664b6822f25f6d1.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 })
+  ] });
 });
-//#endregion
-export { CopyButton as default };
 
-//# sourceMappingURL=CopyButton.mjs.map
+export { CopyButton };
+//# sourceMappingURL=CopyButton.mjs.map

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

@@ -1 +1 @@
-{"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 \"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"],"mappings":";;;;;;;;;;;;;;;;;AAqBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EACJ,OAAO,IACP,KACA,UAAU,SACV,QAAQ,aACR,GAAG,gBACD;CAIJ,MAAM,UAFkB,4BAA4B,iBAAQ,CAE5B,OAAO,kBAAkB;CAEzD,MAAM,kBAAkB;AACtB,OAAK,SAAS,KAAK,CAAC;;AAGtB,QACE,qBAAC,gBAAD,EAAA,UAAA,CACE,oBAAC,QAAD;EAAQ,UAAU;EAAW,cAAA;YAC3B,oBAAC,QAAD;GACE,cAAY;GACZ,GAAI;GACC;GACI;GACF;aAEP,oBAAC,UAAD,EAAY,CAAA;GACL,CAAA;EACF,CAAA,EACT,oBAAC,SAAD,EAAA,UAAU,SAAkB,CAAA,CACb,EAAA,CAAA;EAEnB"}
+{"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;;;;"}

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

@@ -1,23 +1,16 @@
 "use client"
 /* */
-import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
-import CounterBadge_module_default from "./CounterBadge.module.mjs";
-import clsx from "clsx";
-import "react";
-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;
-	return /* @__PURE__ */ jsx("span", {
-		className: clsx(CounterBadge_module_default.counterBadge, className),
-		...rest,
-		"aria-hidden": true,
-		ref,
-		children: count && count > 99 ? "99+" : count
-	});
+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 });
 });
-//#endregion
-export { CounterBadge as default };
 
-//# sourceMappingURL=CounterBadge.mjs.map
+export { CounterBadge };
+//# sourceMappingURL=CounterBadge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CounterBadge.mjs","names":[],"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"],"mappings":";;;;;;;AAcA,IAAa,eAAe,cAAc,iBAAiB,UAAU;CACnE,MAAM,EAAE,WAAW,OAAO,KAAK,GAAG,SAAS;AAI3C,QACE,oBAAC,QAAD;EAAM,WAHc,KAAK,4BAAO,cAAc,UAAU;EAGxB,GAAI;EAAM,eAAA;EAAiB;YACxD,SAAS,QAAQ,KAAK,QAAQ;EAC1B,CAAA;EAET"}
+{"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;;;;"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const counterBadge = "flow--counter-badge";
+const styles = {
+	counterBadge: counterBadge
+};
+
+export { counterBadge, styles as default };
+//# sourceMappingURL=CounterBadge.module.scss.mjs.map

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

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

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

@@ -1,31 +1,27 @@
 "use client"
 /* */
-import __locale_default from "../../../../../_virtual/_11.locale.mjs";
-import OptionView from "../../views/OptionView.mjs";
-import { useMemo } from "react";
-import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
-import { useLocalizedStringFormatter } from "react-aria";
-//#region src/components/CountryOptions/CountryOptions.tsx
-var countryCodes = Object.keys(__locale_default["de-DE"]).filter((key) => key.startsWith("countries.")).map((key) => key.replace("countries.", ""));
-var defaultSortBy = (left, right) => left.name.localeCompare(right.name);
-var voidSortBy = () => 0;
-var defaultFilterBy = () => true;
-var CountryOptions = (props) => {
-	const { filterBy = defaultFilterBy, sortBy = voidSortBy } = props;
-	const stringFormatter = useLocalizedStringFormatter(__locale_default);
-	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => countryCodes.map((code) => ({
-		code,
-		name: stringFormatter.format(`countries.${code}`)
-	})).filter(filterBy).sort(defaultSortBy).sort(sortBy), [
-		stringFormatter,
-		filterBy,
-		sortBy
-	]).map((country) => /* @__PURE__ */ jsx(OptionView, {
-		value: country.code,
-		children: country.name
-	}, country.code)) });
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { useMemo } from 'react';
+import { useLocalizedStringFormatter } from 'react-aria';
+import locales from '../../../../../_virtual/_.locale.json@bcca9730cf4e50042f33f85088c4be64.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)) });
 };
-//#endregion
-export { CountryOptions as default };
 
-//# sourceMappingURL=CountryOptions.mjs.map
+export { CountryOptions };
+//# sourceMappingURL=CountryOptions.mjs.map

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

@@ -1 +1 @@
-{"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 \"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"],"mappings":";;;;;;AAwBA,IAAM,eAAe,OAAO,KAAK,iBAAQ,SAAS,CAC/C,QAAQ,QAAQ,IAAI,WAAW,aAAa,CAAC,CAC7C,KAAK,QAAQ,IAAI,QAAQ,cAAc,GAAG,CAAC;AAE9C,IAAM,iBAAgC,MAAM,UAC1C,KAAK,KAAK,cAAc,MAAM,KAAK;AACrC,IAAM,mBAAkC;AACxC,IAAM,wBAAyC;AAE/C,IAAa,kBAA2C,UAAU;CAChE,MAAM,EAAE,WAAW,iBAAiB,SAAS,eAAe;CAE5D,MAAM,kBAAkB,4BAA4B,iBAAQ;AAe5D,QACE,oBAAA,YAAA,EAAA,UAdgB,cAEd,aACG,KAAK,UAAU;EACd;EACA,MAAM,gBAAgB,OAAO,aAAa,OAAO;EAClD,EAAE,CACF,OAAO,SAAS,CAChB,KAAK,cAAc,CACnB,KAAK,OAAO,EACjB;EAAC;EAAiB;EAAU;EAAO,CACpC,CAIc,KAAK,YACd,oBAAC,YAAD;EAA+B,OAAO,QAAQ;YAC3C,QAAQ;EACE,EAFI,QAAQ,KAEZ,CACb,EACD,CAAA"}
+{"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;;;;"}

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

@@ -1,13 +1,7 @@
 "use client"
 /* */
-//#region src/components/CountryOptions/lib/sortBy.ts
-var dachCountries = [
-	"DE",
-	"AT",
-	"CH"
-];
-var sortByDachFirst = (left, right) => dachCountries.includes(right.code) ? 1 : 0 - (dachCountries.includes(left.code) ? 1 : 0);
-//#endregion
-export { sortByDachFirst };
+const dachCountries = ["DE", "AT", "CH"];
+const sortByDachFirst = (left, right) => dachCountries.includes(right.code) ? 1 : 0 - (dachCountries.includes(left.code) ? 1 : 0);
 
-//# sourceMappingURL=sortBy.mjs.map
+export { sortByDachFirst };
+//# sourceMappingURL=sortBy.mjs.map

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

@@ -1 +1 @@
-{"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\nexport const sortByDachFirst: CountrySortFn = (left, right) =>\n  dachCountries.includes(right.code)\n    ? 1\n    : 0 - (dachCountries.includes(left.code) ? 1 : 0);\n"],"mappings":";AAEA,IAAM,gBAAgB;CAAC;CAAM;CAAM;CAAK;AAExC,IAAa,mBAAkC,MAAM,UACnD,cAAc,SAAS,MAAM,KAAK,GAC9B,IACA,KAAK,cAAc,SAAS,KAAK,KAAK,GAAG,IAAI"}
+{"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;;;;"}

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

@@ -1,25 +1,20 @@
 "use client"
 /* */
-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
-			});
-		}
-	});
+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 });
+  } });
 };
-//#endregion
-export { DateInput as default };
 
-//# sourceMappingURL=DateInput.mjs.map
+export { DateInput, DateInput as default };
+//# sourceMappingURL=DateInput.mjs.map

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

@@ -1 +1 @@
-{"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,KAAK;AAEpD,QACE,oBAAC,KAAK,WAAN;EAAgB,GAAI;aAChB,YAAY;AACZ,OAAI,iBAAiB,YAAY,QAAQ,QAAQ,SAAS,UACxD,kBAAiB,UAAU,QAAQ;GAGrC,MAAM,kBACJ,QAAQ,SAAS,iBAAiB,UAAU,MAAM;AAEpD,UAAO,oBAAC,KAAK,aAAN;IAA2B;IAAS,KAAK;IAAmB,CAAA;;EAEtD,CAAA"}
+{"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;;;;"}

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

@@ -1,57 +1,71 @@
 "use client"
 /* */
-import PropsContextProvider from "../../lib/propsContext/components/PropsContextProvider.mjs";
-import { flowComponent } from "../../lib/componentFactory/flowComponent.mjs";
-import "../../lib/propsContext/index.mjs";
-import { useOverlayController } from "../../lib/controller/overlay/useOverlayController.mjs";
-import "../../lib/controller/index.mjs";
-import Popover from "../Popover/Popover.mjs";
-import { useFieldComponent } from "../../lib/hooks/useFieldComponent.mjs";
-import DateInput from "./components/DateInput/DateInput.mjs";
-import "./components/DateInput/index.mjs";
-import Calendar from "../Calendar/Calendar.mjs";
-import "../Calendar/index.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 { 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: DatePicker_module_default.calendar })
-			})
-		] }), /* @__PURE__ */ jsx(FieldErrorView, {})]
-	});
+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, {})
+      ]
+    }
+  );
 });
-//#endregion
-export { DatePicker as default };
 
-//# sourceMappingURL=DatePicker.mjs.map
+export { DatePicker };
+//# sourceMappingURL=DatePicker.mjs.map

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

@@ -1 +1 @@
-{"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 {\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"],"mappings":";;;;;;;;;;;;;;;;;;AAqBA,IAAa,aAAa,cAAc,eAAe,UAAU;CAC/D,MAAM,EAAE,UAAU,WAAW,UAAU,KAAK,GAAG,SAAS;CAExD,MAAM,EACJ,gBACA,0BACA,YACA,sBACE,kBAAkB,MAAM;CAE5B,MAAM,gBAAgB,KAAK,WAAW,WAAW,UAAU;CAE3D,MAAM,oBAAoB,qBAAqB,UAAU;AAEzD,QACE,qBAAC,KAAK,YAAN;EACE,GAAI;EACJ,GAAI;EACJ,WAAW;EACX,eAAe,MAAM,kBAAkB,QAAQ,EAAE;EACjD,QAAQ,kBAAkB;EAC1B,WAAW,UAAU;AACnB,OAAI,SACF,UAAS,MAAM;AAEjB,qBAAkB,OAAO;;YAV7B,CAaE,qBAAC,0BAAD,EAAA,UAAA;GACE,oBAAC,WAAD;IAAW,YAAY,MAAM;IAAiB;IAAO,CAAA;GACrD,oBAAC,sBAAD;IAAsB,OAAO;IAC1B;IACoB,CAAA;GACvB,oBAAC,SAAD;IACE,WAAU;IACV,iBAAA;IACA,YAAY;cAEZ,oBAAC,UAAD,EAAU,WAAW,0BAAO,UAAY,CAAA;IAChC,CAAA;GACe,EAAA,CAAA,EAC3B,oBAAC,gBAAD,EAAkB,CAAA,CACF;;EAEpB"}
+{"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;;;;"}

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

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const calendar = "flow--date-picker--calendar";
+const styles = {
+	calendar: calendar
+};
+
+export { calendar, styles as default };
+//# sourceMappingURL=DatePicker.module.scss.mjs.map

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

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

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

@@ -1,29 +1,24 @@
 "use client"
 /* */
-import IconDate from "../../../Icon/components/icons/IconDate.mjs";
-import "../../../Icon/components/icons/index.mjs";
-import Button from "../../../Button/Button.mjs";
-import "../../../Button/index.mjs";
-import DateInput_module_default from "./DateInput.module.mjs";
-import DateInput$1 from "../../../DateInput/DateInput.mjs";
-import "../../../DateInput/index.mjs";
-import "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as Aria from "react-aria-components";
-//#region src/components/DatePicker/components/DateInput/DateInput.tsx
-var DateInput = (props) => {
-	const { isDisabled, ref } = props;
-	return /* @__PURE__ */ jsxs(Aria.Group, {
-		className: DateInput_module_default.dateInput,
-		children: [/* @__PURE__ */ jsx(DateInput$1, { ref }), /* @__PURE__ */ jsx(Button, {
-			variant: "plain",
-			color: "secondary",
-			isDisabled,
-			children: /* @__PURE__ */ jsx(IconDate, {})
-		})]
-	});
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import styles from './DateInput.module.scss.mjs';
+import * as Aria from 'react-aria-components';
+import { Button } from '../../../Button/Button.mjs';
+import '@mittwald/flow-icons';
+import '../../../Icon/components/IconSetProvider.mjs';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import { IconDate } from '../../../Icon/components/icons/IconDate.mjs';
+import { DateInput as DateInput$1 } from '../../../DateInput/DateInput.mjs';
+
+const DateInput = (props) => {
+  const { isDisabled, ref } = props;
+  return /* @__PURE__ */ jsxs(Aria.Group, { className: styles.dateInput, children: [
+    /* @__PURE__ */ jsx(DateInput$1, { ref }),
+    /* @__PURE__ */ jsx(Button, { variant: "plain", color: "secondary", isDisabled, children: /* @__PURE__ */ jsx(IconDate, {}) })
+  ] });
 };
-//#endregion
-export { DateInput as default };
 
-//# sourceMappingURL=DateInput.mjs.map
+export { DateInput };
+//# sourceMappingURL=DateInput.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateInput.mjs","names":[],"sources":["../../../../../../../../../src/components/DatePicker/components/DateInput/DateInput.tsx"],"sourcesContent":["import { type FC, type Ref } from \"react\";\nimport styles from \"./DateInput.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport { Button } from \"@/components/Button\";\nimport { IconDate } from \"@/components/Icon/components/icons\";\nimport Input from \"@/components/DateInput\";\n\nexport interface DateInputProps {\n  isDisabled?: boolean;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport const DateInput: FC<DateInputProps> = (props) => {\n  const { isDisabled, ref } = props;\n\n  return (\n    <Aria.Group className={styles.dateInput}>\n      <Input ref={ref} />\n      <Button variant=\"plain\" color=\"secondary\" isDisabled={isDisabled}>\n        <IconDate />\n      </Button>\n    </Aria.Group>\n  );\n};\n\nexport default DateInput;\n"],"mappings":";;;;;;;;;;;AAYA,IAAa,aAAiC,UAAU;CACtD,MAAM,EAAE,YAAY,QAAQ;AAE5B,QACE,qBAAC,KAAK,OAAN;EAAY,WAAW,yBAAO;YAA9B,CACE,oBAAC,aAAD,EAAY,KAAO,CAAA,EACnB,oBAAC,QAAD;GAAQ,SAAQ;GAAQ,OAAM;GAAwB;aACpD,oBAAC,UAAD,EAAY,CAAA;GACL,CAAA,CACE"}
+{"version":3,"file":"DateInput.mjs","sources":["../../../../../../../../../src/components/DatePicker/components/DateInput/DateInput.tsx"],"sourcesContent":["import { type FC, type Ref } from \"react\";\nimport styles from \"./DateInput.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport { Button } from \"@/components/Button\";\nimport { IconDate } from \"@/components/Icon/components/icons\";\nimport Input from \"@/components/DateInput\";\n\nexport interface DateInputProps {\n  isDisabled?: boolean;\n  ref?: Ref<HTMLSpanElement>;\n}\n\nexport const DateInput: FC<DateInputProps> = (props) => {\n  const { isDisabled, ref } = props;\n\n  return (\n    <Aria.Group className={styles.dateInput}>\n      <Input ref={ref} />\n      <Button variant=\"plain\" color=\"secondary\" isDisabled={isDisabled}>\n        <IconDate />\n      </Button>\n    </Aria.Group>\n  );\n};\n\nexport default DateInput;\n"],"names":["Input"],"mappings":";;;;;;;;;;;;AAYO,MAAM,SAAA,GAAgC,CAAC,KAAA,KAAU;AACtD,EAAA,MAAM,EAAE,UAAA,EAAY,GAAA,EAAI,GAAI,KAAA;AAE5B,EAAA,4BACG,IAAA,CAAK,KAAA,EAAL,EAAW,SAAA,EAAW,OAAO,SAAA,EAC5B,QAAA,EAAA;AAAA,oBAAA,GAAA,CAACA,eAAM,GAAA,EAAU,CAAA;AAAA,oBACjB,GAAA,CAAC,UAAO,OAAA,EAAQ,OAAA,EAAQ,OAAM,WAAA,EAAY,UAAA,EACxC,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,CAAA,EACZ;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/DatePicker/components/DateInput/DateInput.module.scss.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const dateInput = "flow--date-picker--date-input";
+const styles = {
+	dateInput: dateInput
+};
+
+export { dateInput, styles as default };
+//# sourceMappingURL=DateInput.module.scss.mjs.map

package/dist/js/packages/components/src/components/DatePicker/components/DateInput/DateInput.module.scss.mjs.map

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