@mittwald/flow-react-components 0.2.0-alpha.801 → 0.2.0-alpha.803

package/dist/js/@mittwald/password-tools-js.mjs

@@ -3,6 +3,6 @@
 export { defaultPasswordCreationPolicy } from '../packages/components/src/integrations/@mittwald/password-tools-js/defaultPasswordCreationPolicy.mjs';
 export { generatePasswordCreationFieldValidation, usePasswordCreationFieldValidation } from '../packages/components/src/integrations/@mittwald/password-tools-js/usePasswordCreationFieldValidation.mjs';
 export { Policy } from '@mittwald/password-tools-js/policy';
-export { AsyncRule, RegexFlags, RuleType, SequenceType, SyncRule } from '@mittwald/password-tools-js/rules';
+export { RegexFlags, Rule, RuleType, SequenceType } from '@mittwald/password-tools-js/rules';
 export { Generator } from '@mittwald/password-tools-js/generator';
 //# sourceMappingURL=password-tools-js.mjs.map

package/dist/js/_virtual/_.locale.json@aaaa2422dd023a875e13abc0d3d178ce.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+const locales = {"de-DE":{
+  "preset.lastMonth": "Letzten Monat",
+  "preset.lastWeek": "Letzte Woche",
+  "preset.lastYear": "Letztes Jahr",
+  "preset.thisMonth": "Diesen Monat",
+  "preset.thisWeek": "Diese Woche",
+  "preset.thisYear": "Dieses Jahr",
+  "preset.today": "Heute",
+  "preset.yesterday": "Gestern"
+}
+,"en-US":{
+  "preset.lastMonth": "Last month",
+  "preset.lastWeek": "Last week",
+  "preset.lastYear": "Last year",
+  "preset.thisMonth": "This month",
+  "preset.thisWeek": "This week",
+  "preset.thisYear": "This year",
+  "preset.today": "Today",
+  "preset.yesterday": "Yesterday"
+}
+};
+
+export { locales as default };
+//# sourceMappingURL=_.locale.json@aaaa2422dd023a875e13abc0d3d178ce.mjs.map

package/dist/js/_virtual/_.locale.json@aaaa2422dd023a875e13abc0d3d178ce.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"_.locale.json@aaaa2422dd023a875e13abc0d3d178ce.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/js/flr-universal.mjs

@@ -158,6 +158,11 @@ export { Wrap } from './packages/components/src/components/Wrap/Wrap.mjs';
 import './packages/components/src/components/Badge/Badge.mjs';
 import 'react-aria-components';
 export { BrowserOnly } from './packages/components/src/components/BrowserOnly/BrowserOnly.mjs';
+import './packages/components/src/components/MenuItem/MenuItem.mjs';
+import 'luxon';
+import '@internationalized/date';
+import 'invariant';
+import 'usehooks-ts';
 import 'recharts';
 import 'use-callback-ref';
 import './packages/components/src/views/DivView.mjs';
@@ -179,7 +184,6 @@ import './packages/components/src/components/ComboBox/ComboBox.mjs';
 import './packages/components/src/lib/propsContext/components/ComponentPropsContextProvider.mjs';
 import './packages/components/src/components/Content/Content.mjs';
 import './packages/components/src/components/ContextMenu/ContextMenu.mjs';
-import './packages/components/src/components/MenuItem/MenuItem.mjs';
 import './packages/components/src/components/ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
 import './packages/components/src/components/ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
 import './packages/components/src/components/ContextualHelp/ContextualHelp.mjs';
@@ -209,7 +213,6 @@ import './packages/components/src/components/LayoutCard/LayoutCard.mjs';
 export { LightBoxTrigger } from './packages/components/src/components/LightBox/components/LightBoxTrigger/LightBoxTrigger.mjs';
 export { LightBox } from './packages/components/src/components/LightBox/LightBox.mjs';
 import './packages/components/src/components/Link/Link.mjs';
-import 'invariant';
 export { ListItemView } from './packages/components/src/components/List/components/ListItemView/ListItemView.mjs';
 import './packages/components/src/components/List/components/ListSummary/ListSummary.mjs';
 import './packages/components/src/components/List/listContext.mjs';
@@ -226,7 +229,6 @@ export { Modal } from './packages/components/src/components/Modal/Modal.mjs';
 import './packages/components/src/components/Navigation/Navigation.mjs';
 import './packages/components/src/components/Navigation/components/NavigationGroup/NavigationGroup.mjs';
 export { NotificationProvider, useNotificationController } from './packages/components/src/components/NotificationProvider/NotificationProvider.mjs';
-import 'luxon';
 import './packages/components/src/components/NumberField/NumberField.mjs';
 import './packages/components/src/components/Option/Option.mjs';
 export { OverlayController } from './packages/components/src/lib/controller/overlay/OverlayController.mjs';

package/dist/js/flr-universal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"flr-universal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"flr-universal.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,11 +1,15 @@
 "use client"
 /* */
 const calendar = "flow--calendar";
+const container = "flow--calendar--container";
+const presetMenu = "flow--calendar--preset-menu";
 const range = "flow--calendar--range";
 const styles = {
 	calendar: calendar,
+	container: container,
+	presetMenu: presetMenu,
 	range: range
 };
 
-export { calendar, styles as default, range };
+export { calendar, container, styles as default, presetMenu, range };
 //# sourceMappingURL=Calendar.module.scss.mjs.map

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

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

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/RangeCalendar.mjs

@@ -1,19 +1,53 @@
 "use client"
 /* */
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import 'react';
 import * as Aria from 'react-aria-components';
 import styles from '../../Calendar.module.scss.mjs';
 import { CalendarHeader } from '../CalendarHeader/CalendarHeader.mjs';
 import clsx from 'clsx';
+import { MenuItem } from '../../../MenuItem/MenuItem.mjs';
+import { useCalendarDateRangePresets } from './helpers/useCalendarDateRangePresets.mjs';
+import { Separator } from '../../../Separator/Separator.mjs';
+import { useMediaQuery } from 'usehooks-ts';
 
+const InnerRangeCalendar = ({
+  withDatePickerPresets
+}) => {
+  const isSmallViewport = useMediaQuery("(max-width: 530px)");
+  const dateRangeHelper = useCalendarDateRangePresets(withDatePickerPresets);
+  const predefinedDateHelperItems = dateRangeHelper.map((present) => {
+    return /* @__PURE__ */ jsx(
+      MenuItem,
+      {
+        isDisabled: present.disabled,
+        onPress: present.onPress,
+        "aria-label": present.label,
+        children: present.label
+      },
+      present.label
+    );
+  });
+  return /* @__PURE__ */ jsxs("div", { className: styles.container, children: [
+    withDatePickerPresets && /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Aria.Menu, { className: styles.presetMenu, children: predefinedDateHelperItems }),
+      /* @__PURE__ */ jsx(
+        Separator,
+        {
+          orientation: isSmallViewport ? "horizontal" : "vertical"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx(CalendarHeader, {}),
+      /* @__PURE__ */ jsx(Aria.CalendarGrid, { children: (date) => /* @__PURE__ */ jsx(Aria.CalendarCell, { date }) })
+    ] })
+  ] });
+};
 const RangeCalendar = (props) => {
-  const { className, ...rest } = props;
+  const { className, withDatePickerPresets, ...rest } = props;
   const rootClassName = clsx(styles.calendar, styles.range, className);
-  return /* @__PURE__ */ jsxs(Aria.RangeCalendar, { ...rest, className: rootClassName, children: [
-    /* @__PURE__ */ jsx(CalendarHeader, {}),
-    /* @__PURE__ */ jsx(Aria.CalendarGrid, { children: (date) => /* @__PURE__ */ jsx(Aria.CalendarCell, { date }) })
-  ] });
+  return /* @__PURE__ */ jsx(Aria.RangeCalendar, { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(InnerRangeCalendar, { withDatePickerPresets }) });
 };
 
 export { RangeCalendar };

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/RangeCalendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"RangeCalendar.mjs","sources":["../../../../../../../../../src/components/Calendar/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport clsx from \"clsx\";\n\nexport type RangeCalendarProps = Omit<\n  Aria.RangeCalendarProps<Aria.DateValue>,\n  \"children\"\n>;\n\n/** @flr-generate all */\nexport const RangeCalendar: FC<RangeCalendarProps> = (props) => {\n  const { className, ...rest } = props;\n\n  const rootClassName = clsx(styles.calendar, styles.range, className);\n\n  return (\n    <Aria.RangeCalendar {...rest} className={rootClassName}>\n      <CalendarHeader />\n      <Aria.CalendarGrid>\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.RangeCalendar>\n  );\n};\n\nexport default RangeCalendar;\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,EAAE,SAAA,EAAW,GAAG,IAAA,EAAK,GAAI,KAAA;AAE/B,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,MAAA,CAAO,OAAO,SAAS,CAAA;AAEnE,EAAA,4BACG,IAAA,CAAK,aAAA,EAAL,EAAoB,GAAG,IAAA,EAAM,WAAW,aAAA,EACvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,oBAChB,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EACE,QAAA,EAAA,CAAC,IAAA,qBAAS,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,IAAA,EAAY,CAAA,EAC5C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"RangeCalendar.mjs","sources":["../../../../../../../../../src/components/Calendar/components/RangeCalendar/RangeCalendar.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"../CalendarHeader\";\nimport clsx from \"clsx\";\nimport { MenuItem } from \"@/components/MenuItem\";\nimport { useCalendarDateRangePresets } from \"@/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets\";\nimport { Separator } from \"@/components/Separator\";\nimport { useMediaQuery } from \"usehooks-ts\";\nimport type { DateRangePickerProps } from \"@/components/DateRangePicker\";\n\nexport type RangeCalendarProps = Omit<\n  Aria.RangeCalendarProps<Aria.DateValue>,\n  \"children\"\n> &\n  Pick<DateRangePickerProps, \"withDatePickerPresets\">;\n\n/** @internal */\nconst InnerRangeCalendar: FC<RangeCalendarProps> = ({\n  withDatePickerPresets,\n}) => {\n  const isSmallViewport = useMediaQuery(\"(max-width: 530px)\");\n  const dateRangeHelper = useCalendarDateRangePresets(withDatePickerPresets);\n\n  const predefinedDateHelperItems = dateRangeHelper.map((present) => {\n    return (\n      <MenuItem\n        key={present.label}\n        isDisabled={present.disabled}\n        onPress={present.onPress}\n        aria-label={present.label}\n      >\n        {present.label}\n      </MenuItem>\n    );\n  });\n\n  return (\n    <div className={styles.container}>\n      {withDatePickerPresets && (\n        <>\n          <Aria.Menu className={styles.presetMenu}>\n            {predefinedDateHelperItems}\n          </Aria.Menu>\n          <Separator\n            orientation={isSmallViewport ? \"horizontal\" : \"vertical\"}\n          />\n        </>\n      )}\n      <div>\n        <CalendarHeader />\n        <Aria.CalendarGrid>\n          {(date) => <Aria.CalendarCell date={date} />}\n        </Aria.CalendarGrid>\n      </div>\n    </div>\n  );\n};\n\n/** @flr-generate all */\nexport const RangeCalendar: FC<RangeCalendarProps> = (props) => {\n  const { className, withDatePickerPresets, ...rest } = props;\n  const rootClassName = clsx(styles.calendar, styles.range, className);\n\n  return (\n    <Aria.RangeCalendar {...rest} className={rootClassName}>\n      <InnerRangeCalendar withDatePickerPresets={withDatePickerPresets} />\n    </Aria.RangeCalendar>\n  );\n};\n\nexport default RangeCalendar;\n"],"names":[],"mappings":";;;;;;;;;;;AAkBA,MAAM,qBAA6C,CAAC;AAAA,EAClD;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,eAAA,GAAkB,cAAc,oBAAoB,CAAA;AAC1D,EAAA,MAAM,eAAA,GAAkB,4BAA4B,qBAAqB,CAAA;AAEzE,EAAA,MAAM,yBAAA,GAA4B,eAAA,CAAgB,GAAA,CAAI,CAAC,OAAA,KAAY;AACjE,IAAA,uBACE,GAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QAEC,YAAY,OAAA,CAAQ,QAAA;AAAA,QACpB,SAAS,OAAA,CAAQ,OAAA;AAAA,QACjB,cAAY,OAAA,CAAQ,KAAA;AAAA,QAEnB,QAAA,EAAA,OAAA,CAAQ;AAAA,OAAA;AAAA,MALJ,OAAA,CAAQ;AAAA,KAMf;AAAA,EAEJ,CAAC,CAAA;AAED,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,SAAA,EACpB,QAAA,EAAA;AAAA,IAAA,qBAAA,oBACC,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,KAAK,IAAA,EAAL,EAAU,SAAA,EAAW,MAAA,CAAO,YAC1B,QAAA,EAAA,yBAAA,EACH,CAAA;AAAA,sBACA,GAAA;AAAA,QAAC,SAAA;AAAA,QAAA;AAAA,UACC,WAAA,EAAa,kBAAkB,YAAA,GAAe;AAAA;AAAA;AAChD,KAAA,EACF,CAAA;AAAA,yBAED,KAAA,EAAA,EACC,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,sBAChB,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EACE,QAAA,EAAA,CAAC,IAAA,qBAAS,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,IAAA,EAAY,CAAA,EAC5C;AAAA,KAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ,CAAA;AAGO,MAAM,aAAA,GAAwC,CAAC,KAAA,KAAU;AAC9D,EAAA,MAAM,EAAE,SAAA,EAAW,qBAAA,EAAuB,GAAG,MAAK,GAAI,KAAA;AACtD,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,MAAA,CAAO,OAAO,SAAS,CAAA;AAEnE,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,aAAA,EAAL,EAAoB,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EACvC,QAAA,kBAAA,GAAA,CAAC,kBAAA,EAAA,EAAmB,qBAAA,EAA8C,CAAA,EACpE,CAAA;AAEJ;;;;"}

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.mjs

@@ -0,0 +1,186 @@
+"use client"
+/* */
+import { DateTime } from 'luxon';
+import { toCalendarDate, CalendarDate } from '@internationalized/date';
+import { useContext, useMemo } from 'react';
+import { RangeCalendarStateContext } from 'react-aria-components';
+import '../../../../TranslationProvider/TranslationProvider.mjs';
+import { useLocalizedStringFormatter } from '../../../../TranslationProvider/useLocalizedStringFormatter.mjs';
+import locales from '../../../../../../../../_virtual/_.locale.json@aaaa2422dd023a875e13abc0d3d178ce.mjs';
+import invariant from 'invariant';
+
+const clampCalendarDate = (date, minDate, maxDate) => {
+  if (minDate && date.compare(minDate) < 0) {
+    return minDate;
+  }
+  if (maxDate && date.compare(maxDate) > 0) {
+    return maxDate;
+  }
+  return date;
+};
+const clampCalendarDateRange = (startDate, endDate, minDate, maxDate) => {
+  const clampedStart = clampCalendarDate(startDate, minDate, maxDate);
+  const clampedEnd = clampCalendarDate(endDate, minDate, maxDate);
+  return {
+    start: clampedStart,
+    end: clampedEnd,
+    invalid: clampedStart.compare(clampedEnd) > 0
+  };
+};
+const useCalendarDateRangePresets = (customPresets) => {
+  const now = DateTime.local();
+  const state = useContext(RangeCalendarStateContext);
+  const stringFormatter = useLocalizedStringFormatter(locales, "Calendar");
+  invariant(!!state, "Could not find RangeCalendarStateContext.");
+  const minDate = state.minValue ? toCalendarDate(state.minValue) : void 0;
+  const maxDate = state.maxValue ? toCalendarDate(state.maxValue) : void 0;
+  const isValidRange = (range) => !state.isInvalid(range.start) && !state.isInvalid(range.end);
+  const possibleRanges = useMemo(() => {
+    if (typeof customPresets !== "boolean") {
+      return customPresets ?? [];
+    }
+    const todayDate = new CalendarDate(now.year, now.month, now.day);
+    const yesterdayLuxon = now.minus({ days: 1 });
+    const yesterdayDate = new CalendarDate(
+      yesterdayLuxon.year,
+      yesterdayLuxon.month,
+      yesterdayLuxon.day
+    );
+    const thisWeekStart = now.startOf("week");
+    const thisWeekEnd = now.endOf("week");
+    const lastWeekLuxon = now.minus({ week: 1 });
+    const lastWeekStart = lastWeekLuxon.startOf("week");
+    const lastWeekEnd = lastWeekLuxon.endOf("week");
+    const thisMonthStart = now.startOf("month");
+    const thisMonthEnd = now.endOf("month");
+    const lastMonthLuxon = now.minus({ month: 1 });
+    const lastMonthStart = lastMonthLuxon.startOf("month");
+    const lastMonthEnd = lastMonthLuxon.endOf("month");
+    const thisYearStart = now.startOf("year");
+    const thisYearEnd = now.endOf("year");
+    const lastYearLuxon = now.minus({ year: 1 });
+    const lastYearStart = lastYearLuxon.startOf("year");
+    const lastYearEnd = lastYearLuxon.endOf("year");
+    return [
+      {
+        label: stringFormatter.format("preset.today"),
+        start: todayDate,
+        end: todayDate
+      },
+      {
+        label: stringFormatter.format("preset.yesterday"),
+        start: yesterdayDate,
+        end: yesterdayDate
+      },
+      {
+        label: stringFormatter.format("preset.thisWeek"),
+        start: new CalendarDate(
+          thisWeekStart.year,
+          thisWeekStart.month,
+          thisWeekStart.day
+        ),
+        end: new CalendarDate(
+          thisWeekEnd.year,
+          thisWeekEnd.month,
+          thisWeekEnd.day
+        )
+      },
+      {
+        label: stringFormatter.format("preset.lastWeek"),
+        start: new CalendarDate(
+          lastWeekStart.year,
+          lastWeekStart.month,
+          lastWeekStart.day
+        ),
+        end: new CalendarDate(
+          lastWeekEnd.year,
+          lastWeekEnd.month,
+          lastWeekEnd.day
+        )
+      },
+      {
+        label: stringFormatter.format("preset.thisMonth"),
+        start: new CalendarDate(
+          thisMonthStart.year,
+          thisMonthStart.month,
+          thisMonthStart.day
+        ),
+        end: new CalendarDate(
+          thisMonthEnd.year,
+          thisMonthEnd.month,
+          thisMonthEnd.day
+        )
+      },
+      {
+        label: stringFormatter.format("preset.lastMonth"),
+        start: new CalendarDate(
+          lastMonthStart.year,
+          lastMonthStart.month,
+          lastMonthStart.day
+        ),
+        end: new CalendarDate(
+          lastMonthEnd.year,
+          lastMonthEnd.month,
+          lastMonthEnd.day
+        )
+      },
+      {
+        label: stringFormatter.format("preset.thisYear"),
+        start: new CalendarDate(
+          thisYearStart.year,
+          thisYearStart.month,
+          thisYearStart.day
+        ),
+        end: new CalendarDate(
+          thisYearEnd.year,
+          thisYearEnd.month,
+          thisYearEnd.day
+        )
+      },
+      {
+        label: stringFormatter.format("preset.lastYear"),
+        start: new CalendarDate(
+          lastYearStart.year,
+          lastYearStart.month,
+          lastYearStart.day
+        ),
+        end: new CalendarDate(
+          lastYearEnd.year,
+          lastYearEnd.month,
+          lastYearEnd.day
+        )
+      }
+    ];
+  }, [now, customPresets, stringFormatter]);
+  return possibleRanges.map((range) => {
+    if (minDate && range.end.compare(minDate) < 0 || maxDate && range.start.compare(maxDate) > 0) {
+      return {
+        ...range,
+        disabled: true,
+        onPress: () => {
+        }
+      };
+    }
+    const { start, end, invalid } = clampCalendarDateRange(
+      range.start,
+      range.end,
+      minDate,
+      maxDate
+    );
+    const presetDisabled = invalid || !isValidRange({ start, end });
+    return {
+      ...range,
+      start,
+      end,
+      disabled: presetDisabled,
+      onPress: () => {
+        if (!presetDisabled) {
+          state.setValue({ start, end });
+        }
+      }
+    };
+  });
+};
+
+export { useCalendarDateRangePresets };
+//# sourceMappingURL=useCalendarDateRangePresets.mjs.map

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCalendarDateRangePresets.mjs","sources":["../../../../../../../../../../src/components/Calendar/components/RangeCalendar/helpers/useCalendarDateRangePresets.ts"],"sourcesContent":["import { DateTime } from \"luxon\";\nimport { CalendarDate, toCalendarDate } from \"@internationalized/date\";\nimport { useContext, useMemo } from \"react\";\nimport { RangeCalendarStateContext } from \"react-aria-components\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider\";\nimport locales from \"../../../locales/*.locale.json\";\nimport invariant from \"invariant\";\n\nexport interface DateRangePresetItem {\n  start: CalendarDate;\n  end: CalendarDate;\n  label: string;\n}\n\nexport type DateRangePresets = DateRangePresetItem[];\n\ninterface CalendarDateRangePresetItem extends DateRangePresetItem {\n  onPress: () => void;\n  disabled: boolean;\n}\n\nconst clampCalendarDate = (\n  date: CalendarDate,\n  minDate?: CalendarDate,\n  maxDate?: CalendarDate,\n) => {\n  if (minDate && date.compare(minDate) < 0) {\n    return minDate;\n  }\n\n  if (maxDate && date.compare(maxDate) > 0) {\n    return maxDate;\n  }\n\n  return date;\n};\n\nconst clampCalendarDateRange = (\n  startDate: CalendarDate,\n  endDate: CalendarDate,\n  minDate?: CalendarDate,\n  maxDate?: CalendarDate,\n) => {\n  const clampedStart = clampCalendarDate(startDate, minDate, maxDate);\n  const clampedEnd = clampCalendarDate(endDate, minDate, maxDate);\n\n  return {\n    start: clampedStart,\n    end: clampedEnd,\n    invalid: clampedStart.compare(clampedEnd) > 0,\n  };\n};\n\n/** @internal * */\nexport const useCalendarDateRangePresets = (\n  customPresets?: DateRangePresets | boolean,\n): CalendarDateRangePresetItem[] => {\n  const now = DateTime.local();\n  const state = useContext(RangeCalendarStateContext);\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Calendar\");\n\n  invariant(!!state, \"Could not find RangeCalendarStateContext.\");\n\n  const minDate = state.minValue ? toCalendarDate(state.minValue) : undefined;\n  const maxDate = state.maxValue ? toCalendarDate(state.maxValue) : undefined;\n\n  const isValidRange = (range: { start: CalendarDate; end: CalendarDate }) =>\n    !state.isInvalid(range.start) && !state.isInvalid(range.end);\n\n  const possibleRanges = useMemo<DateRangePresets>(() => {\n    if (typeof customPresets !== \"boolean\") {\n      return customPresets ?? [];\n    }\n\n    const todayDate = new CalendarDate(now.year, now.month, now.day);\n    const yesterdayLuxon = now.minus({ days: 1 });\n    const yesterdayDate = new CalendarDate(\n      yesterdayLuxon.year,\n      yesterdayLuxon.month,\n      yesterdayLuxon.day,\n    );\n\n    const thisWeekStart = now.startOf(\"week\");\n    const thisWeekEnd = now.endOf(\"week\");\n    const lastWeekLuxon = now.minus({ week: 1 });\n    const lastWeekStart = lastWeekLuxon.startOf(\"week\");\n    const lastWeekEnd = lastWeekLuxon.endOf(\"week\");\n\n    const thisMonthStart = now.startOf(\"month\");\n    const thisMonthEnd = now.endOf(\"month\");\n    const lastMonthLuxon = now.minus({ month: 1 });\n    const lastMonthStart = lastMonthLuxon.startOf(\"month\");\n    const lastMonthEnd = lastMonthLuxon.endOf(\"month\");\n\n    const thisYearStart = now.startOf(\"year\");\n    const thisYearEnd = now.endOf(\"year\");\n    const lastYearLuxon = now.minus({ year: 1 });\n    const lastYearStart = lastYearLuxon.startOf(\"year\");\n    const lastYearEnd = lastYearLuxon.endOf(\"year\");\n\n    return [\n      {\n        label: stringFormatter.format(\"preset.today\"),\n        start: todayDate,\n        end: todayDate,\n      },\n      {\n        label: stringFormatter.format(\"preset.yesterday\"),\n        start: yesterdayDate,\n        end: yesterdayDate,\n      },\n      {\n        label: stringFormatter.format(\"preset.thisWeek\"),\n        start: new CalendarDate(\n          thisWeekStart.year,\n          thisWeekStart.month,\n          thisWeekStart.day,\n        ),\n        end: new CalendarDate(\n          thisWeekEnd.year,\n          thisWeekEnd.month,\n          thisWeekEnd.day,\n        ),\n      },\n      {\n        label: stringFormatter.format(\"preset.lastWeek\"),\n        start: new CalendarDate(\n          lastWeekStart.year,\n          lastWeekStart.month,\n          lastWeekStart.day,\n        ),\n        end: new CalendarDate(\n          lastWeekEnd.year,\n          lastWeekEnd.month,\n          lastWeekEnd.day,\n        ),\n      },\n      {\n        label: stringFormatter.format(\"preset.thisMonth\"),\n        start: new CalendarDate(\n          thisMonthStart.year,\n          thisMonthStart.month,\n          thisMonthStart.day,\n        ),\n        end: new CalendarDate(\n          thisMonthEnd.year,\n          thisMonthEnd.month,\n          thisMonthEnd.day,\n        ),\n      },\n      {\n        label: stringFormatter.format(\"preset.lastMonth\"),\n        start: new CalendarDate(\n          lastMonthStart.year,\n          lastMonthStart.month,\n          lastMonthStart.day,\n        ),\n        end: new CalendarDate(\n          lastMonthEnd.year,\n          lastMonthEnd.month,\n          lastMonthEnd.day,\n        ),\n      },\n      {\n        label: stringFormatter.format(\"preset.thisYear\"),\n        start: new CalendarDate(\n          thisYearStart.year,\n          thisYearStart.month,\n          thisYearStart.day,\n        ),\n        end: new CalendarDate(\n          thisYearEnd.year,\n          thisYearEnd.month,\n          thisYearEnd.day,\n        ),\n      },\n      {\n        label: stringFormatter.format(\"preset.lastYear\"),\n        start: new CalendarDate(\n          lastYearStart.year,\n          lastYearStart.month,\n          lastYearStart.day,\n        ),\n        end: new CalendarDate(\n          lastYearEnd.year,\n          lastYearEnd.month,\n          lastYearEnd.day,\n        ),\n      },\n    ];\n  }, [now, customPresets, stringFormatter]);\n\n  return possibleRanges.map((range) => {\n    if (\n      (minDate && range.end.compare(minDate) < 0) ||\n      (maxDate && range.start.compare(maxDate) > 0)\n    ) {\n      return {\n        ...range,\n        disabled: true,\n        onPress: () => {\n          // void\n        },\n      };\n    }\n\n    const { start, end, invalid } = clampCalendarDateRange(\n      range.start,\n      range.end,\n      minDate,\n      maxDate,\n    );\n\n    const presetDisabled = invalid || !isValidRange({ start, end });\n\n    return {\n      ...range,\n      start,\n      end,\n      disabled: presetDisabled,\n      onPress: () => {\n        if (!presetDisabled) {\n          state.setValue({ start, end });\n        }\n      },\n    };\n  });\n};\n"],"names":[],"mappings":"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"}

package/dist/js/packages/components/src/components/Calendar/components/RangeCalendar/types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.mjs","sources":["../../../../../../../../../src/components/Calendar/components/RangeCalendar/types.ts"],"sourcesContent":["import type { DateRange } from \"react-aria-components\";\n\nexport function isDateRangeValue(value: unknown): value is DateRange {\n  return !!(\n    value &&\n    typeof value === \"object\" &&\n    \"start\" in value &&\n    \"end\" in value\n  );\n}\n"],"names":[],"mappings":"AAEO,SAAS,iBAAiB,KAAA,EAAoC;AACnE,EAAA,OAAO,CAAC,EACN,KAAA,IACA,OAAO,UAAU,QAAA,IACjB,OAAA,IAAW,SACX,KAAA,IAAS,KAAA,CAAA;AAEb;;;;"}
+{"version":3,"file":"types.mjs","sources":["../../../../../../../../../src/components/Calendar/components/RangeCalendar/types.ts"],"sourcesContent":["import type { DateRange } from \"react-aria-components\";\n\nexport type {\n  DateRangePresets,\n  DateRangePresetItem,\n} from \"./helpers/useCalendarDateRangePresets\";\n\nexport function isDateRangeValue(value: unknown): value is DateRange {\n  return !!(\n    value &&\n    typeof value === \"object\" &&\n    \"start\" in value &&\n    \"end\" in value\n  );\n}\n"],"names":[],"mappings":"AAOO,SAAS,iBAAiB,KAAA,EAAoC;AACnE,EAAA,OAAO,CAAC,EACN,KAAA,IACA,OAAO,UAAU,QAAA,IACjB,OAAA,IAAW,SACX,KAAA,IAAS,KAAA,CAAA;AAEb;;;;"}

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

@@ -20,11 +20,21 @@ import '@mittwald/flow-icons';
 import '../Icon/components/IconSetProvider.mjs';
 import '../Icon/Icon.mjs';
 import '../../views/IconView.mjs';
+import '../MenuItem/MenuItem.mjs';
+import 'luxon';
+import '@internationalized/date';
+import '../TranslationProvider/TranslationProvider.mjs';
+import 'intl-messageformat';
+import '@react-aria/i18n';
+import 'react-aria';
+import 'invariant';
+import 'usehooks-ts';
 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 popoverController = useOverlayController("Popover");
   const {
     FieldErrorView,
     FieldErrorCaptureContext,
@@ -32,7 +42,6 @@ const DatePicker = flowComponent("DatePicker", (props) => {
     fieldPropsContext
   } = useFieldComponent(props);
   const rootClassName = clsx(fieldProps.className, className);
-  const popoverController = useOverlayController("Popover");
   return /* @__PURE__ */ jsxs(
     Aria.DatePicker,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.mjs","sources":["../../../../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { DateInput } from \"./components/DateInput\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { Calendar } from \"@/components/Calendar\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport interface DatePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends\n    PropsWithChildren<Omit<Aria.DatePickerProps<T>, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLSpanElement> {}\n\n/** @flr-generate all */\nexport const DatePicker = flowComponent(\"DatePicker\", (props) => {\n  const { children, className, onChange, ref, ...rest } = props;\n\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(fieldProps.className, className);\n\n  const popoverController = useOverlayController(\"Popover\");\n\n  return (\n    <Aria.DatePicker\n      {...rest}\n      {...fieldProps}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <FieldErrorCaptureContext>\n        <DateInput isDisabled={props.isDisabled} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n        <Popover\n          placement=\"bottom end\"\n          isDialogContent\n          controller={popoverController}\n        >\n          <Calendar className={styles.calendar} />\n        </Popover>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.DatePicker>\n  );\n});\n\nexport default DatePicker;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,UAAA,GAAa,aAAA,CAAc,YAAA,EAAc,CAAC,KAAA,KAAU;AAC/D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,UAAU,GAAA,EAAK,GAAG,MAAK,GAAI,KAAA;AAExD,EAAA,MAAM;AAAA,IACJ,cAAA;AAAA,IACA,wBAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,GACF,GAAI,kBAAkB,KAAK,CAAA;AAE3B,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,UAAA,CAAW,SAAA,EAAW,SAAS,CAAA;AAE1D,EAAA,MAAM,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AAExD,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,UAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;AAAA,MACH,GAAG,UAAA;AAAA,MACJ,SAAA,EAAW,aAAA;AAAA,MACX,YAAA,EAAc,CAAC,CAAA,KAAM,iBAAA,CAAkB,QAAQ,CAAC,CAAA;AAAA,MAChD,QAAQ,iBAAA,CAAkB,MAAA;AAAA,MAC1B,QAAA,EAAU,CAAC,KAAA,KAAU;AACnB,QAAA,IAAI,QAAA,EAAU;AACZ,UAAA,QAAA,CAAS,KAAK,CAAA;AAAA,QAChB;AACA,QAAA,iBAAA,CAAkB,KAAA,EAAM;AAAA,MAC1B,CAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,wBAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,SAAA,EAAA,EAAU,UAAA,EAAY,KAAA,CAAM,UAAA,EAAY,GAAA,EAAU,CAAA;AAAA,0BACnD,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,iBAAA,EAC1B,QAAA,EACH,CAAA;AAAA,0BACA,GAAA;AAAA,YAAC,OAAA;AAAA,YAAA;AAAA,cACC,SAAA,EAAU,YAAA;AAAA,cACV,eAAA,EAAe,IAAA;AAAA,cACf,UAAA,EAAY,iBAAA;AAAA,cAEZ,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU;AAAA;AAAA;AACxC,SAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,GAClB;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DatePicker.mjs","sources":["../../../../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { type PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { DateInput } from \"./components/DateInput\";\nimport { Popover } from \"@/components/Popover/Popover\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { Calendar } from \"@/components/Calendar\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./DatePicker.module.scss\";\n\nexport interface DatePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends\n    PropsWithChildren<Omit<Aria.DatePickerProps<T>, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLSpanElement> {}\n\n/** @flr-generate all */\nexport const DatePicker = flowComponent(\"DatePicker\", (props) => {\n  const { children, className, onChange, ref, ...rest } = props;\n\n  const popoverController = useOverlayController(\"Popover\");\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(fieldProps.className, className);\n\n  return (\n    <Aria.DatePicker\n      {...rest}\n      {...fieldProps}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={(value) => {\n        if (onChange) {\n          onChange(value);\n        }\n        popoverController.close();\n      }}\n    >\n      <FieldErrorCaptureContext>\n        <DateInput isDisabled={props.isDisabled} ref={ref} />\n        <PropsContextProvider props={fieldPropsContext}>\n          {children}\n        </PropsContextProvider>\n        <Popover\n          placement=\"bottom end\"\n          isDialogContent\n          controller={popoverController}\n        >\n          <Calendar className={styles.calendar} />\n        </Popover>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.DatePicker>\n  );\n});\n\nexport default DatePicker;\n"],"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,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AACxD,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,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/DateRangePicker/DateRangePicker.mjs

@@ -22,10 +22,19 @@ import 'dot-prop';
 import { useOverlayController } from '../../lib/controller/overlay/useOverlayController.mjs';
 import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
 import { useFieldComponent } from '../../lib/hooks/useFieldComponent.mjs';
+import { useControlledHostValueProps } from '../../lib/remote/useControlledHostValueProps.mjs';
 import styles from './DateRangePicker.module.scss.mjs';
 
 const DateRangePicker = flowComponent("DateRangePicker", (props) => {
-  const { children, className, onChange, ref, ...rest } = props;
+  const {
+    children,
+    className,
+    onChange,
+    ref,
+    withDatePickerPresets = false,
+    ...rest
+  } = useControlledHostValueProps(props);
+  const popoverController = useOverlayController("Popover");
   const {
     FieldErrorView,
     FieldErrorCaptureContext,
@@ -33,7 +42,12 @@ const DateRangePicker = flowComponent("DateRangePicker", (props) => {
     fieldPropsContext
   } = useFieldComponent(props);
   const rootClassName = clsx(fieldProps.className, className);
-  const popoverController = useOverlayController("Popover");
+  const onDatePickerChange = (value) => {
+    if (onChange) {
+      onChange(value);
+    }
+    popoverController.close();
+  };
   return /* @__PURE__ */ jsxs(
     Aria.DateRangePicker,
     {
@@ -41,12 +55,7 @@ const DateRangePicker = flowComponent("DateRangePicker", (props) => {
       className: rootClassName,
       onOpenChange: (v) => popoverController.setOpen(v),
       isOpen: popoverController.isOpen,
-      onChange: (value) => {
-        if (onChange) {
-          onChange(value);
-        }
-        popoverController.close();
-      },
+      onChange: onDatePickerChange,
       children: [
         /* @__PURE__ */ jsxs(FieldErrorCaptureContext, { children: [
           /* @__PURE__ */ jsx(DateRangeInput, { isDisabled: props.isDisabled, ref }),
@@ -57,7 +66,13 @@ const DateRangePicker = flowComponent("DateRangePicker", (props) => {
               placement: "bottom end",
               isDialogContent: true,
               controller: popoverController,
-              children: /* @__PURE__ */ jsx(RangeCalendar, { className: styles.calendar })
+              children: /* @__PURE__ */ jsx(
+                RangeCalendar,
+                {
+                  withDatePickerPresets,
+                  className: styles.calendar
+                }
+              )
             }
           )
         ] }),

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.mjs","sources":["../../../../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover\";\nimport { RangeCalendar } from \"@/components/Calendar\";\nimport { DateRangeInput } from \"./components/DateRangeInput\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport styles from \"./DateRangePicker.module.scss\";\n\nexport interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends\n    PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLSpanElement> {}\n\n/** @flr-generate all */\nexport const DateRangePicker = flowComponent(\"DateRangePicker\", (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.DateRangePicker\n      {...rest}\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        <DateRangeInput 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          <RangeCalendar className={styles.calendar} />\n        </Popover>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.DateRangePicker>\n  );\n});\n\nexport default DateRangePicker;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,eAAA,GAAkB,aAAA,CAAc,iBAAA,EAAmB,CAAC,KAAA,KAAU;AACzE,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,eAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;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,cAAA,EAAA,EAAe,UAAA,EAAY,KAAA,CAAM,UAAA,EAAY,GAAA,EAAU,CAAA;AAAA,0BACxD,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,aAAA,EAAA,EAAc,SAAA,EAAW,MAAA,CAAO,QAAA,EAAU;AAAA;AAAA;AAC7C,SAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,GAClB;AAEJ,CAAC;;;;"}
+{"version":3,"file":"DateRangePicker.mjs","sources":["../../../../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport clsx from \"clsx\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport * as Aria from \"react-aria-components\";\nimport { Popover } from \"@/components/Popover\";\nimport { type DateRangePresets, RangeCalendar } from \"@/components/Calendar\";\nimport { DateRangeInput } from \"./components/DateRangeInput\";\nimport { useOverlayController } from \"@/lib/controller\";\nimport {\n  flowComponent,\n  type FlowComponentProps,\n} from \"@/lib/componentFactory/flowComponent\";\nimport { useFieldComponent } from \"@/lib/hooks/useFieldComponent\";\nimport { useControlledHostValueProps } from \"@/lib/remote/useControlledHostValueProps\";\nimport type { RangeValue } from \"react-aria\";\nimport type { DateValue } from \"@internationalized/date\";\nimport styles from \"./DateRangePicker.module.scss\";\n\nexport interface DateRangePickerProps<T extends Aria.DateValue = Aria.DateValue>\n  extends\n    PropsWithChildren<Omit<Aria.DateRangePickerProps<T>, \"children\" | \"ref\">>,\n    FlowComponentProps<HTMLSpanElement> {\n  withDatePickerPresets?: boolean | DateRangePresets;\n}\n\n/** @flr-generate all */\nexport const DateRangePicker = flowComponent(\"DateRangePicker\", (props) => {\n  const {\n    children,\n    className,\n    onChange,\n    ref,\n    withDatePickerPresets = false,\n    ...rest\n  } = useControlledHostValueProps(props);\n\n  const popoverController = useOverlayController(\"Popover\");\n  const {\n    FieldErrorView,\n    FieldErrorCaptureContext,\n    fieldProps,\n    fieldPropsContext,\n  } = useFieldComponent(props);\n\n  const rootClassName = clsx(fieldProps.className, className);\n\n  const onDatePickerChange = (value: RangeValue<DateValue> | null) => {\n    if (onChange) {\n      onChange(value);\n    }\n    popoverController.close();\n  };\n\n  return (\n    <Aria.DateRangePicker\n      {...rest}\n      className={rootClassName}\n      onOpenChange={(v) => popoverController.setOpen(v)}\n      isOpen={popoverController.isOpen}\n      onChange={onDatePickerChange}\n    >\n      <FieldErrorCaptureContext>\n        <DateRangeInput 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          <RangeCalendar\n            withDatePickerPresets={withDatePickerPresets}\n            className={styles.calendar}\n          />\n        </Popover>\n      </FieldErrorCaptureContext>\n      <FieldErrorView />\n    </Aria.DateRangePicker>\n  );\n});\n\nexport default DateRangePicker;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA0BO,MAAM,eAAA,GAAkB,aAAA,CAAc,iBAAA,EAAmB,CAAC,KAAA,KAAU;AACzE,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,GAAA;AAAA,IACA,qBAAA,GAAwB,KAAA;AAAA,IACxB,GAAG;AAAA,GACL,GAAI,4BAA4B,KAAK,CAAA;AAErC,EAAA,MAAM,iBAAA,GAAoB,qBAAqB,SAAS,CAAA;AACxD,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,kBAAA,GAAqB,CAAC,KAAA,KAAwC;AAClE,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,QAAA,CAAS,KAAK,CAAA;AAAA,IAChB;AACA,IAAA,iBAAA,CAAkB,KAAA,EAAM;AAAA,EAC1B,CAAA;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,IAAA,CAAK,eAAA;AAAA,IAAL;AAAA,MACE,GAAG,IAAA;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,kBAAA;AAAA,MAEV,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,wBAAA,EAAA,EACC,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,cAAA,EAAA,EAAe,UAAA,EAAY,KAAA,CAAM,UAAA,EAAY,GAAA,EAAU,CAAA;AAAA,0BACxD,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;AAAA,gBAAC,aAAA;AAAA,gBAAA;AAAA,kBACC,qBAAA;AAAA,kBACA,WAAW,MAAA,CAAO;AAAA;AAAA;AACpB;AAAA;AACF,SAAA,EACF,CAAA;AAAA,4BACC,cAAA,EAAA,EAAe;AAAA;AAAA;AAAA,GAClB;AAEJ,CAAC;;;;"}

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

@@ -2,7 +2,7 @@
 /* */
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
-import labelStyles from './Label.module.scss.mjs';
+import styles from './Label.module.scss.mjs';
 import * as Aria from 'react-aria-components';
 import clsx from 'clsx';
 import '../../lib/propsContext/propsContext.mjs';
@@ -23,8 +23,8 @@ const Label = flowComponent("Label", (props) => {
     ...rest
   } = props;
   const stringFormatter = useLocalizedStringFormatter(locales, "Label");
-  const rootClassName = unstyled ? className : clsx(labelStyles.label, isDisabled && labelStyles.disabled, className);
-  const optionalMarker = /* @__PURE__ */ jsx("span", { className: labelStyles.optional, children: stringFormatter.format("optional") });
+  const rootClassName = unstyled ? className : clsx(styles.label, isDisabled && styles.disabled, className);
+  const optionalMarker = /* @__PURE__ */ jsx("span", { className: styles.optional, children: stringFormatter.format("optional") });
   const propsContext = {
     ContextualHelpTrigger: {
       tunnelId: "contextualHelp",
@@ -54,7 +54,7 @@ const Label = flowComponent("Label", (props) => {
     } }),
     /* @__PURE__ */ jsx(TunnelExit, { id: "right", children: (children2) => {
       if (React.Children.count(children2) >= 1) {
-        return /* @__PURE__ */ jsx("div", { className: labelStyles.right, children: children2 });
+        return /* @__PURE__ */ jsx("div", { className: styles.right, children: children2 });
       }
       return void 0;
     } })

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

@@ -1 +1 @@
-{"version":3,"file":"Label.mjs","sources":["../../../../../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Label.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface LabelProps\n  extends\n    PropsWithChildren<Omit<Aria.LabelProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {\n  /** Whether the label should show an \"optional\" indicator. */\n  optional?: boolean;\n  /** Whether the label should be displayed as disabled. */\n  isDisabled?: boolean;\n  /* @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Label = flowComponent(\"Label\", (props) => {\n  const {\n    children,\n    className,\n    optional,\n    isDisabled,\n    ref,\n    unstyled = false,\n    ...rest\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Label\");\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(styles.label, isDisabled && styles.disabled, className);\n\n  const optionalMarker = (\n    <span className={styles.optional}>\n      {stringFormatter.format(\"optional\")}\n    </span>\n  );\n\n  const propsContext: PropsContext = {\n    ContextualHelpTrigger: {\n      tunnelId: \"contextualHelp\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Button: {\n      tunnelId: \"right\",\n      size: \"s\",\n    },\n    Action: {\n      tunnelId: \"right\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <TunnelProvider>\n        <Aria.Label {...rest} className={rootClassName} ref={ref}>\n          {children}\n          {optional && optionalMarker}\n          <TunnelExit id=\"contextualHelp\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return children;\n              }\n\n              return undefined;\n            }}\n          </TunnelExit>\n          <TunnelExit id=\"right\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return <div className={styles.right}>{children}</div>;\n              }\n\n              return undefined;\n            }}\n          </TunnelExit>\n        </Aria.Label>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n});\n\nexport default Label;\n"],"names":["styles","children"],"mappings":";;;;;;;;;;;;AAyBO,MAAM,KAAA,GAAQ,aAAA,CAAc,OAAA,EAAS,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,OAAO,CAAA;AAEpE,EAAA,MAAM,aAAA,GAAgB,WAClB,SAAA,GACA,IAAA,CAAKA,YAAO,KAAA,EAAO,UAAA,IAAcA,WAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAE/D,EAAA,MAAM,cAAA,uBACH,MAAA,EAAA,EAAK,SAAA,EAAWA,YAAO,QAAA,EACrB,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,UAAU,CAAA,EACpC,CAAA;AAGF,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,qBAAA,EAAuB;AAAA,MACrB,QAAA,EAAU,gBAAA;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,OAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,OAAA;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ;AACF,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,cAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAA,EAAW,eAAe,GAAA,EAC7C,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA,IAAY,cAAA;AAAA,oBACb,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,gBAAA,EACZ,WAACC,SAAAA,KAAa;AACb,MAAA,IAAI,KAAA,CAAM,QAAA,CAAS,KAAA,CAAMA,SAAQ,KAAK,CAAA,EAAG;AACvC,QAAA,OAAOA,SAAAA;AAAA,MACT;AAEA,MAAA,OAAO,MAAA;AAAA,IACT,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,OAAA,EACZ,WAACA,SAAAA,KAAa;AACb,MAAA,IAAI,KAAA,CAAM,QAAA,CAAS,KAAA,CAAMA,SAAQ,KAAK,CAAA,EAAG;AACvC,QAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAWD,WAAA,CAAO,KAAA,EAAQ,UAAAC,SAAAA,EAAS,CAAA;AAAA,MACjD;AAEA,MAAA,OAAO,MAAA;AAAA,IACT,CAAA,EACF;AAAA,GAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}
+{"version":3,"file":"Label.mjs","sources":["../../../../../../../src/components/Label/Label.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport styles from \"./Label.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport { type PropsContext, PropsContextProvider } from \"@/lib/propsContext\";\nimport { useLocalizedStringFormatter } from \"@/components/TranslationProvider/useLocalizedStringFormatter\";\nimport locales from \"./locales/*.locale.json\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport { TunnelExit, TunnelProvider } from \"@mittwald/react-tunnel\";\n\nexport interface LabelProps\n  extends\n    PropsWithChildren<Omit<Aria.LabelProps, \"children\">>,\n    FlowComponentProps<HTMLLabelElement> {\n  /** Whether the label should show an \"optional\" indicator. */\n  optional?: boolean;\n  /** Whether the label should be displayed as disabled. */\n  isDisabled?: boolean;\n  /* @internal */\n  unstyled?: boolean;\n}\n\n/** @flr-generate all */\nexport const Label = flowComponent(\"Label\", (props) => {\n  const {\n    children,\n    className,\n    optional,\n    isDisabled,\n    ref,\n    unstyled = false,\n    ...rest\n  } = props;\n\n  const stringFormatter = useLocalizedStringFormatter(locales, \"Label\");\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(styles.label, isDisabled && styles.disabled, className);\n\n  const optionalMarker = (\n    <span className={styles.optional}>\n      {stringFormatter.format(\"optional\")}\n    </span>\n  );\n\n  const propsContext: PropsContext = {\n    ContextualHelpTrigger: {\n      tunnelId: \"contextualHelp\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n    Button: {\n      tunnelId: \"right\",\n      size: \"s\",\n    },\n    Action: {\n      tunnelId: \"right\",\n      Button: {\n        tunnelId: null,\n      },\n    },\n  };\n\n  return (\n    <PropsContextProvider props={propsContext}>\n      <TunnelProvider>\n        <Aria.Label {...rest} className={rootClassName} ref={ref}>\n          {children}\n          {optional && optionalMarker}\n          <TunnelExit id=\"contextualHelp\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return children;\n              }\n\n              return undefined;\n            }}\n          </TunnelExit>\n          <TunnelExit id=\"right\">\n            {(children) => {\n              if (React.Children.count(children) >= 1) {\n                return <div className={styles.right}>{children}</div>;\n              }\n\n              return undefined;\n            }}\n          </TunnelExit>\n        </Aria.Label>\n      </TunnelProvider>\n    </PropsContextProvider>\n  );\n});\n\nexport default Label;\n"],"names":["children"],"mappings":";;;;;;;;;;;;AAyBO,MAAM,KAAA,GAAQ,aAAA,CAAc,OAAA,EAAS,CAAC,KAAA,KAAU;AACrD,EAAA,MAAM;AAAA,IACJ,QAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,GAAA;AAAA,IACA,QAAA,GAAW,KAAA;AAAA,IACX,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,MAAM,eAAA,GAAkB,2BAAA,CAA4B,OAAA,EAAS,OAAO,CAAA;AAEpE,EAAA,MAAM,aAAA,GAAgB,WAClB,SAAA,GACA,IAAA,CAAK,OAAO,KAAA,EAAO,UAAA,IAAc,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAE/D,EAAA,MAAM,cAAA,uBACH,MAAA,EAAA,EAAK,SAAA,EAAW,OAAO,QAAA,EACrB,QAAA,EAAA,eAAA,CAAgB,MAAA,CAAO,UAAU,CAAA,EACpC,CAAA;AAGF,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,qBAAA,EAAuB;AAAA,MACrB,QAAA,EAAU,gBAAA;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,OAAA;AAAA,MACV,IAAA,EAAM;AAAA,KACR;AAAA,IACA,MAAA,EAAQ;AAAA,MACN,QAAA,EAAU,OAAA;AAAA,MACV,MAAA,EAAQ;AAAA,QACN,QAAA,EAAU;AAAA;AACZ;AACF,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC3B,8BAAC,cAAA,EAAA,EACC,QAAA,kBAAA,IAAA,CAAC,IAAA,CAAK,KAAA,EAAL,EAAY,GAAG,IAAA,EAAM,SAAA,EAAW,eAAe,GAAA,EAC7C,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,QAAA,IAAY,cAAA;AAAA,oBACb,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,gBAAA,EACZ,WAACA,SAAAA,KAAa;AACb,MAAA,IAAI,KAAA,CAAM,QAAA,CAAS,KAAA,CAAMA,SAAQ,KAAK,CAAA,EAAG;AACvC,QAAA,OAAOA,SAAAA;AAAA,MACT;AAEA,MAAA,OAAO,MAAA;AAAA,IACT,CAAA,EACF,CAAA;AAAA,oBACA,GAAA,CAAC,UAAA,EAAA,EAAW,EAAA,EAAG,OAAA,EACZ,WAACA,SAAAA,KAAa;AACb,MAAA,IAAI,KAAA,CAAM,QAAA,CAAS,KAAA,CAAMA,SAAQ,KAAK,CAAA,EAAG;AACvC,QAAA,2BAAQ,KAAA,EAAA,EAAI,SAAA,EAAW,MAAA,CAAO,KAAA,EAAQ,UAAAA,SAAAA,EAAS,CAAA;AAAA,MACjD;AAEA,MAAA,OAAO,MAAA;AAAA,IACT,CAAA,EACF;AAAA,GAAA,EACF,GACF,CAAA,EACF,CAAA;AAEJ,CAAC;;;;"}

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

@@ -4,12 +4,12 @@ const label = "flow--label";
 const disabled = "flow--label--disabled";
 const optional = "flow--label--optional";
 const right = "flow--label--right";
-const labelStyles = {
+const styles = {
 	label: label,
 	disabled: disabled,
 	optional: optional,
 	right: right
 };
 
-export { labelStyles as default, disabled, label, optional, right };
+export { styles as default, disabled, label, optional, right };
 //# sourceMappingURL=Label.module.scss.mjs.map