@mittwald/flow-react-components 0.2.0-alpha.86 → 0.2.0-alpha.860

package/dist/js/packages/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.mjs

@@ -0,0 +1,24 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import styles from '../../Breadcrumb.module.scss.mjs';
+import clsx from 'clsx';
+import '@mittwald/flow-icons';
+import '../../../Icon/components/IconSetProvider.mjs';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import { IconChevronRight } from '../../../Icon/components/icons/IconChevronRight.mjs';
+
+const BreadcrumbItem = (props) => {
+  const { children } = props;
+  const rootClassName = clsx(styles.breadcrumbItem);
+  return /* @__PURE__ */ jsxs(Aria.Breadcrumb, { className: rootClassName, children: [
+    children,
+    /* @__PURE__ */ jsx(IconChevronRight, { size: "s", className: styles.icon })
+  ] });
+};
+
+export { BreadcrumbItem };
+//# sourceMappingURL=BreadcrumbItem.mjs.map

package/dist/js/packages/components/src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BreadcrumbItem.mjs","sources":["../../../../../../../../../src/components/Breadcrumb/components/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"../../Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport { IconChevronRight } from \"@/components/Icon/components/icons\";\n\nexport type BreadcrumbItemProps = PropsWithChildren;\n\nexport const BreadcrumbItem: FC<BreadcrumbItemProps> = (props) => {\n  const { children } = props;\n\n  const rootClassName = clsx(styles.breadcrumbItem);\n\n  return (\n    <Aria.Breadcrumb className={rootClassName}>\n      {children}\n      <IconChevronRight size=\"s\" className={styles.icon} />\n    </Aria.Breadcrumb>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":[],"mappings":";;;;;;;;;;;AASO,MAAM,cAAA,GAA0C,CAAC,KAAA,KAAU;AAChE,EAAA,MAAM,EAAE,UAAS,GAAI,KAAA;AAErB,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,cAAc,CAAA;AAEhD,EAAA,uBACE,IAAA,CAAC,IAAA,CAAK,UAAA,EAAL,EAAgB,WAAW,aAAA,EACzB,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,wBACA,gBAAA,EAAA,EAAiB,IAAA,EAAK,GAAA,EAAI,SAAA,EAAW,OAAO,IAAA,EAAM;AAAA,GAAA,EACrD,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,19 @@
+"use client"
+/* */
+import 'mobx';
+import 'react';
+import '../../lib/controller/overlay/context.mjs';
+import { useIsMounted } from '../../lib/hooks/useIsMounted.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import 'remeda';
+import '@react-aria/utils';
+import 'dot-prop';
+
+const BrowserOnly = (props) => {
+  if (useIsMounted()) {
+    return props.children;
+  }
+};
+
+export { BrowserOnly };
+//# sourceMappingURL=BrowserOnly.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserOnly.mjs","sources":["../../../../../../../src/components/BrowserOnly/BrowserOnly.tsx"],"sourcesContent":["import { useIsMounted } from \"@/lib/hooks\";\nimport type { PropsWithChildren } from \"react\";\n\nexport type BrowserOnlyProps = PropsWithChildren;\n\nexport const BrowserOnly = (props: PropsWithChildren) => {\n  if (useIsMounted()) {\n    return props.children;\n  }\n};\n\nexport default BrowserOnly;\n"],"names":[],"mappings":";;;;;;;;;AAKO,MAAM,WAAA,GAAc,CAAC,KAAA,KAA6B;AACvD,EAAA,IAAI,cAAa,EAAG;AAClB,IAAA,OAAO,KAAA,CAAM,QAAA;AAAA,EACf;AACF;;;;"}

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

@@ -0,0 +1,132 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styles from './Button.module.scss.mjs';
+import * as Aria from 'react-aria-components';
+import clsx from 'clsx';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+import 'react';
+import '@mittwald/flow-icons';
+import '../Icon/components/IconSetProvider.mjs';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import { IconFailed } from '../Icon/components/icons/IconFailed.mjs';
+import { IconSucceeded } from '../Icon/components/icons/IconSucceeded.mjs';
+import { Wrap } from '../Wrap/Wrap.mjs';
+import { Text } from '../Text/Text.mjs';
+import { flowComponent } from '../../lib/componentFactory/flowComponent.mjs';
+import { LoadingSpinner } from '../LoadingSpinner/LoadingSpinner.mjs';
+import { useAriaAnnounceActionState } from '../Action/lib/ariaLive.mjs';
+import { extractTextFromFirstChild } from '../../lib/react/remote.mjs';
+
+const disablePendingProps = (props) => {
+  if (props.isPending || props.isSucceeded || props.isFailed || props["aria-disabled"] || props.isReadOnly) {
+    props = { ...props };
+    const mutedActionHandler = (e) => {
+      if (e && typeof e === "object") {
+        const isReactAriaEvent = "continuePropagation" in e && typeof e.continuePropagation === "function";
+        if (!isReactAriaEvent && "stopPropagation" in e && typeof e.stopPropagation === "function") {
+          e.stopPropagation();
+        }
+        if ("preventDefault" in e && typeof e.preventDefault === "function") {
+          e.preventDefault();
+        }
+      }
+      return false;
+    };
+    props.onClick = mutedActionHandler;
+    props.onPress = mutedActionHandler;
+    props.onPressStart = mutedActionHandler;
+    props.onPressEnd = mutedActionHandler;
+    props.onPressChange = mutedActionHandler;
+    props.onPressUp = mutedActionHandler;
+    props.onKeyDown = mutedActionHandler;
+    props.onKeyUp = mutedActionHandler;
+  }
+  return props;
+};
+const Button = flowComponent("Button", (props) => {
+  props = disablePendingProps(props);
+  const {
+    color = "primary",
+    variant = "solid",
+    children,
+    className,
+    size = "m",
+    isPending,
+    isSucceeded,
+    isFailed,
+    "aria-disabled": ariaDisabled,
+    ref,
+    slot: ignoredSlotProp,
+    ariaSlot: slot,
+    unstyled,
+    isReadOnly,
+    ...restProps
+  } = props;
+  const rootClassName = unstyled ? className : clsx(
+    styles.button,
+    isPending && styles.isPending,
+    isSucceeded && styles.isSucceeded,
+    isFailed && styles.isFailed,
+    size === "s" && styles["size-s"],
+    styles[color],
+    styles[variant],
+    className,
+    /**
+     * Workaround warning: The Aria.Button does not support "aria-disabled"
+     * by now, so this Button will be visually disabled via CSS.
+     */
+    ariaDisabled && styles.ariaDisabled
+  );
+  useAriaAnnounceActionState(
+    isPending ? "isPending" : isSucceeded ? "isSucceeded" : isFailed ? "isFailed" : "isIdle"
+  );
+  const propsContext = {
+    Icon: {
+      className: styles.icon,
+      "aria-hidden": true,
+      size
+    },
+    Text: {
+      className: styles.text
+    },
+    Avatar: {
+      className: styles.avatar
+    },
+    CounterBadge: {
+      className: styles.counterBadge
+    },
+    Image: {
+      className: styles.image
+    }
+  };
+  const StateIconComponent = isSucceeded ? IconSucceeded : isFailed ? IconFailed : isPending ? LoadingSpinner : void 0;
+  const stateIcon = StateIconComponent && /* @__PURE__ */ jsx(
+    StateIconComponent,
+    {
+      size,
+      className: styles.stateIcon,
+      status: isFailed ? "danger" : isSucceeded ? "success" : void 0
+    }
+  );
+  const isStringContent = extractTextFromFirstChild(children) !== void 0;
+  return /* @__PURE__ */ jsxs(
+    Aria.Button,
+    {
+      className: rootClassName,
+      ref,
+      slot,
+      ...isReadOnly === true ? { "data-readonly": true } : {},
+      ...restProps,
+      children: [
+        /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children: /* @__PURE__ */ jsx(Wrap, { if: !unstyled, children: /* @__PURE__ */ jsx("span", { className: styles.content, children: /* @__PURE__ */ jsx(Wrap, { if: isStringContent, children: /* @__PURE__ */ jsx(Text, { className: styles.text, children }) }) }) }) }),
+        stateIcon
+      ]
+    }
+  );
+});
+
+export { Button, Button as default };
+//# sourceMappingURL=Button.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","sources":["../../../../../../../src/components/Button/Button.tsx"],"sourcesContent":["import type { PropsWithChildren } from \"react\";\nimport styles from \"./Button.module.scss\";\nimport * as Aria from \"react-aria-components\";\nimport clsx from \"clsx\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\nimport { IconFailed, IconSucceeded } from \"@/components/Icon/components/icons\";\nimport { Wrap } from \"@/components/Wrap\";\nimport { Text } from \"@/components/Text\";\nimport type { FlowComponentProps } from \"@/lib/componentFactory/flowComponent\";\nimport { flowComponent } from \"@/lib/componentFactory/flowComponent\";\nimport LoadingSpinner from \"@/components/LoadingSpinner/LoadingSpinner\";\nimport { useAriaAnnounceActionState } from \"@/components/Action/lib/ariaLive\";\nimport { extractTextFromFirstChild } from \"@/lib/react/remote\";\nimport type { AlphaColor } from \"@/lib/types/props\";\n\nexport interface ButtonProps\n  extends\n    PropsWithChildren<Aria.ButtonProps>,\n    FlowComponentProps<HTMLButtonElement> {\n  /** Slot for button placement in action groups. */\n  slot?: string;\n  /** The color of the button. @default \"primary\" */\n  color?: \"primary\" | \"accent\" | \"secondary\" | \"danger\" | AlphaColor;\n  /** The visual variant of the button. @default \"solid\" */\n  variant?: \"plain\" | \"solid\" | \"soft\" | \"outline\";\n  /** The size of the button. @default \"m\" */\n  size?: \"m\" | \"s\";\n  /** Disables button but keeps it focusable. */\n  \"aria-disabled\"?: boolean;\n  /** Whether the button is in a pending state. */\n  isPending?: boolean;\n  /** Whether the button is in a succeeded state. */\n  isSucceeded?: boolean;\n  /** Whether the button is in a failed state. */\n  isFailed?: boolean;\n  /** Whether the button is in a read only state. */\n  isReadOnly?: boolean;\n  /** @internal */\n  unstyled?: boolean;\n  /** @internal */\n  ariaSlot?: string | null;\n}\n\nconst disablePendingProps = (props: ButtonProps) => {\n  if (\n    props.isPending ||\n    props.isSucceeded ||\n    props.isFailed ||\n    props[\"aria-disabled\"] ||\n    props.isReadOnly\n  ) {\n    props = { ...props };\n\n    const mutedActionHandler = (e: unknown) => {\n      if (e && typeof e === \"object\") {\n        // stopPropagation is the default behavior in React Aria\n        const isReactAriaEvent =\n          \"continuePropagation\" in e &&\n          typeof e.continuePropagation === \"function\";\n\n        if (\n          !isReactAriaEvent &&\n          \"stopPropagation\" in e &&\n          typeof e.stopPropagation === \"function\"\n        ) {\n          e.stopPropagation();\n        }\n        if (\"preventDefault\" in e && typeof e.preventDefault === \"function\") {\n          e.preventDefault();\n        }\n      }\n\n      return false;\n    };\n\n    props.onClick = mutedActionHandler;\n    props.onPress = mutedActionHandler;\n    props.onPressStart = mutedActionHandler;\n    props.onPressEnd = mutedActionHandler;\n    props.onPressChange = mutedActionHandler;\n    props.onPressUp = mutedActionHandler;\n    props.onKeyDown = mutedActionHandler;\n    props.onKeyUp = mutedActionHandler;\n  }\n\n  return props;\n};\n\n/** @flr-generate all */\nexport const Button = flowComponent(\"Button\", (props) => {\n  props = disablePendingProps(props);\n\n  const {\n    color = \"primary\",\n    variant = \"solid\",\n    children,\n    className,\n    size = \"m\",\n    isPending,\n    isSucceeded,\n    isFailed,\n    \"aria-disabled\": ariaDisabled,\n    ref,\n    slot: ignoredSlotProp,\n    ariaSlot: slot,\n    unstyled,\n    isReadOnly,\n    ...restProps\n  } = props;\n\n  const rootClassName = unstyled\n    ? className\n    : clsx(\n        styles.button,\n        isPending && styles.isPending,\n        isSucceeded && styles.isSucceeded,\n        isFailed && styles.isFailed,\n        size === \"s\" && styles[\"size-s\"],\n        styles[color],\n        styles[variant],\n        className,\n        /**\n         * Workaround warning: The Aria.Button does not support \"aria-disabled\"\n         * by now, so this Button will be visually disabled via CSS.\n         */\n        ariaDisabled && styles.ariaDisabled,\n      );\n\n  useAriaAnnounceActionState(\n    isPending\n      ? \"isPending\"\n      : isSucceeded\n        ? \"isSucceeded\"\n        : isFailed\n          ? \"isFailed\"\n          : \"isIdle\",\n  );\n\n  const propsContext: PropsContext = {\n    Icon: {\n      className: styles.icon,\n      \"aria-hidden\": true,\n      size,\n    },\n    Text: {\n      className: styles.text,\n    },\n    Avatar: {\n      className: styles.avatar,\n    },\n    CounterBadge: {\n      className: styles.counterBadge,\n    },\n    Image: {\n      className: styles.image,\n    },\n  };\n\n  const StateIconComponent = isSucceeded\n    ? IconSucceeded\n    : isFailed\n      ? IconFailed\n      : isPending\n        ? LoadingSpinner\n        : undefined;\n\n  const stateIcon = StateIconComponent && (\n    <StateIconComponent\n      size={size}\n      className={styles.stateIcon}\n      status={isFailed ? \"danger\" : isSucceeded ? \"success\" : undefined}\n    />\n  );\n\n  const isStringContent = extractTextFromFirstChild(children) !== undefined;\n\n  return (\n    <Aria.Button\n      className={rootClassName}\n      ref={ref}\n      slot={slot}\n      {...(isReadOnly === true ? { \"data-readonly\": true } : {})}\n      {...restProps}\n    >\n      <PropsContextProvider props={propsContext}>\n        <Wrap if={!unstyled}>\n          <span className={styles.content}>\n            <Wrap if={isStringContent}>\n              <Text className={styles.text}>{children}</Text>\n            </Wrap>\n          </span>\n        </Wrap>\n      </PropsContextProvider>\n      {stateIcon}\n    </Aria.Button>\n  );\n});\n\nexport default Button;\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,54 @@
+"use client"
+/* */
+const button = "flow--button";
+const outline = "flow--button--outline";
+const content = "flow--button--content";
+const stateIcon = "flow--button--state-icon";
+const icon = "flow--button--icon";
+const text = "flow--button--text";
+const counterBadge = "flow--button--counter-badge";
+const isPending = "flow--button--is-pending";
+const isFailed = "flow--button--is-failed";
+const isSucceeded = "flow--button--is-succeeded";
+const plain = "flow--button--plain";
+const primary = "flow--button--primary";
+const solid = "flow--button--solid";
+const ariaDisabled = "flow--button--aria-disabled";
+const accent = "flow--button--accent";
+const danger = "flow--button--danger";
+const secondary = "flow--button--secondary";
+const dark = "flow--button--dark";
+const light = "flow--button--light";
+const soft = "flow--button--soft";
+const avatar = "flow--button--avatar";
+const image = "flow--button--image";
+const styles = {
+	button: button,
+	outline: outline,
+	content: content,
+	stateIcon: stateIcon,
+	icon: icon,
+	text: text,
+	counterBadge: counterBadge,
+	isPending: isPending,
+	isFailed: isFailed,
+	isSucceeded: isSucceeded,
+	plain: plain,
+	"size-s": "flow--button--size-s",
+	primary: primary,
+	solid: solid,
+	ariaDisabled: ariaDisabled,
+	accent: accent,
+	danger: danger,
+	secondary: secondary,
+	dark: dark,
+	light: light,
+	"dark-static": "flow--button--dark-static",
+	"light-static": "flow--button--light-static",
+	soft: soft,
+	avatar: avatar,
+	image: image
+};
+
+export { accent, ariaDisabled, avatar, button, content, counterBadge, danger, dark, styles as default, icon, image, isFailed, isPending, isSucceeded, light, outline, plain, primary, secondary, soft, solid, stateIcon, text };
+//# sourceMappingURL=Button.module.scss.mjs.map

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

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

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

@@ -0,0 +1,20 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Aria from 'react-aria-components';
+import styles from './Calendar.module.scss.mjs';
+import { CalendarHeader } from './components/CalendarHeader/CalendarHeader.mjs';
+import clsx from 'clsx';
+
+const Calendar = (props) => {
+  const { className } = props;
+  const rootClassName = clsx(styles.calendar, className);
+  return /* @__PURE__ */ jsxs(Aria.Calendar, { className: rootClassName, children: [
+    /* @__PURE__ */ jsx(CalendarHeader, {}),
+    /* @__PURE__ */ jsx(Aria.CalendarGrid, { weekdayStyle: "short", children: (date) => /* @__PURE__ */ jsx(Aria.CalendarCell, { date }) })
+  ] });
+};
+
+export { Calendar };
+//# sourceMappingURL=Calendar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.mjs","sources":["../../../../../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"@/components/Calendar/Calendar.module.scss\";\nimport CalendarHeader from \"./components/CalendarHeader\";\nimport type { PropsWithClassName } from \"@/lib/types/props\";\nimport clsx from \"clsx\";\n\nexport const Calendar: FC<PropsWithClassName> = (props) => {\n  const { className } = props;\n\n  const rootClassName = clsx(styles.calendar, className);\n\n  return (\n    <Aria.Calendar className={rootClassName}>\n      <CalendarHeader />\n      <Aria.CalendarGrid weekdayStyle=\"short\">\n        {(date) => <Aria.CalendarCell date={date} />}\n      </Aria.CalendarGrid>\n    </Aria.Calendar>\n  );\n};\n\nexport default Calendar;\n"],"names":[],"mappings":";;;;;;;AAQO,MAAM,QAAA,GAAmC,CAAC,KAAA,KAAU;AACzD,EAAA,MAAM,EAAE,WAAU,GAAI,KAAA;AAEtB,EAAA,MAAM,aAAA,GAAgB,IAAA,CAAK,MAAA,CAAO,QAAA,EAAU,SAAS,CAAA;AAErD,EAAA,uBACE,IAAA,CAAC,IAAA,CAAK,QAAA,EAAL,EAAc,WAAW,aAAA,EACxB,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,cAAA,EAAA,EAAe,CAAA;AAAA,oBAChB,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,YAAA,EAAa,OAAA,EAC7B,QAAA,EAAA,CAAC,IAAA,qBAAS,GAAA,CAAC,IAAA,CAAK,YAAA,EAAL,EAAkB,MAAY,CAAA,EAC5C;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +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, 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

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

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

@@ -0,0 +1,23 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+import 'react';
+import { Button } from '../../../Button/Button.mjs';
+import * as Aria from 'react-aria-components';
+import '@mittwald/flow-icons';
+import '../../../Icon/components/IconSetProvider.mjs';
+import '../../../Icon/Icon.mjs';
+import '../../../../views/IconView.mjs';
+import { IconChevronLeft } from '../../../Icon/components/icons/IconChevronLeft.mjs';
+import { IconChevronRight } from '../../../Icon/components/icons/IconChevronRight.mjs';
+
+const CalendarHeader = () => {
+  return /* @__PURE__ */ jsxs("header", { children: [
+    /* @__PURE__ */ jsx(Button, { ariaSlot: "previous", variant: "plain", color: "secondary", children: /* @__PURE__ */ jsx(IconChevronLeft, {}) }),
+    /* @__PURE__ */ jsx(Aria.Heading, {}),
+    /* @__PURE__ */ jsx(Button, { ariaSlot: "next", variant: "plain", color: "secondary", children: /* @__PURE__ */ jsx(IconChevronRight, {}) })
+  ] });
+};
+
+export { CalendarHeader, CalendarHeader as default };
+//# sourceMappingURL=CalendarHeader.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarHeader.mjs","sources":["../../../../../../../../../src/components/Calendar/components/CalendarHeader/CalendarHeader.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport React from \"react\";\nimport { Button } from \"@/components/Button\";\nimport * as Aria from \"react-aria-components\";\nimport {\n  IconChevronLeft,\n  IconChevronRight,\n} from \"@/components/Icon/components/icons\";\n\nexport const CalendarHeader: FC = () => {\n  return (\n    <header>\n      <Button ariaSlot=\"previous\" variant=\"plain\" color=\"secondary\">\n        <IconChevronLeft />\n      </Button>\n      <Aria.Heading />\n      <Button ariaSlot=\"next\" variant=\"plain\" color=\"secondary\">\n        <IconChevronRight />\n      </Button>\n    </header>\n  );\n};\n\nexport default CalendarHeader;\n"],"names":[],"mappings":";;;;;;;;;;;AASO,MAAM,iBAAqB,MAAM;AACtC,EAAA,4BACG,QAAA,EAAA,EACC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,MAAA,EAAA,EAAO,UAAS,UAAA,EAAW,OAAA,EAAQ,SAAQ,KAAA,EAAM,WAAA,EAChD,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,CAAA,EACnB,CAAA;AAAA,oBACA,GAAA,CAAC,IAAA,CAAK,OAAA,EAAL,EAAa,CAAA;AAAA,oBACd,GAAA,CAAC,MAAA,EAAA,EAAO,QAAA,EAAS,MAAA,EAAO,OAAA,EAAQ,SAAQ,KAAA,EAAM,WAAA,EAC5C,QAAA,kBAAA,GAAA,CAAC,gBAAA,EAAA,EAAiB,CAAA,EACpB;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,54 @@
+"use client"
+/* */
+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, withDatePickerPresets, ...rest } = props;
+  const rootClassName = clsx(styles.calendar, styles.range, className);
+  return /* @__PURE__ */ jsx(Aria.RangeCalendar, { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(InnerRangeCalendar, { withDatePickerPresets }) });
+};
+
+export { RangeCalendar };
+//# sourceMappingURL=RangeCalendar.mjs.map

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

@@ -0,0 +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\";\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

@@ -0,0 +1,8 @@
+"use client"
+/* */
+function isDateRangeValue(value) {
+  return !!(value && typeof value === "object" && "start" in value && "end" in value);
+}
+
+export { isDateRangeValue };
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"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;;;;"}