@mittwald/flow-react-components 0.2.0-alpha.61 → 0.2.0-alpha.610

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

@@ -0,0 +1,25 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Aria from 'react-aria-components';
+import styles from './Breadcrumb.module.scss.mjs';
+import clsx from 'clsx';
+import { BreadcrumbItem } from './components/BreadcrumbItem/BreadcrumbItem.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import { PropsContextProvider } from '../../lib/propsContext/components/PropsContextProvider.mjs';
+
+const Breadcrumb = (props) => {
+  const { children, className, color = "primary", ...rest } = props;
+  const rootClassName = clsx(styles.breadcrumb, styles[color], className);
+  const propsContext = {
+    Link: {
+      unstyled: true,
+      className: styles.link,
+      wrapWith: /* @__PURE__ */ jsx(BreadcrumbItem, {})
+    }
+  };
+  return /* @__PURE__ */ jsx(Aria.Breadcrumbs, { ...rest, className: rootClassName, children: /* @__PURE__ */ jsx(PropsContextProvider, { props: propsContext, children }) });
+};
+
+export { Breadcrumb, Breadcrumb as default };
+//# sourceMappingURL=Breadcrumb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.mjs","sources":["../../../../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport * as Aria from \"react-aria-components\";\nimport styles from \"./Breadcrumb.module.scss\";\nimport clsx from \"clsx\";\nimport type { BreadcrumbItemProps } from \"./components/BreadcrumbItem\";\nimport { BreadcrumbItem } from \"./components/BreadcrumbItem\";\nimport type { PropsContext } from \"@/lib/propsContext\";\nimport { PropsContextProvider } from \"@/lib/propsContext\";\n\nexport interface BreadcrumbProps\n  extends Omit<Aria.BreadcrumbsProps<BreadcrumbItemProps>, \"children\">,\n    PropsWithChildren {\n  /** The color of the breadcrumb. @default \"primary\" */\n  color?: \"primary\" | \"dark\" | \"light\";\n}\n\n/** @flr-generate all */\nexport const Breadcrumb: FC<BreadcrumbProps> = (props) => {\n  const { children, className, color = \"primary\", ...rest } = props;\n\n  const rootClassName = clsx(styles.breadcrumb, styles[color], className);\n\n  const propsContext: PropsContext = {\n    Link: {\n      unstyled: true,\n      className: styles.link,\n      wrapWith: <BreadcrumbItem />,\n    },\n  };\n\n  return (\n    <Aria.Breadcrumbs {...rest} className={rootClassName}>\n      <PropsContextProvider props={propsContext}>\n        {children}\n      </PropsContextProvider>\n    </Aria.Breadcrumbs>\n  );\n};\n\nexport default Breadcrumb;\n"],"names":[],"mappings":";;;;;;;;AAiBO,MAAM,UAAA,GAAkC,CAAC,KAAA,KAAU;AACxD,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,QAAQ,SAAA,EAAW,GAAG,MAAK,GAAI,KAAA;AAE5D,EAAA,MAAM,gBAAgB,IAAA,CAAK,MAAA,CAAO,YAAY,MAAA,CAAO,KAAK,GAAG,SAAS,CAAA;AAEtE,EAAA,MAAM,YAAA,GAA6B;AAAA,IACjC,IAAA,EAAM;AAAA,MACJ,QAAA,EAAU,IAAA;AAAA,MACV,WAAW,MAAA,CAAO,IAAA;AAAA,MAClB,QAAA,sBAAW,cAAA,EAAA,EAAe;AAAA;AAC5B,GACF;AAEA,EAAA,uBACE,GAAA,CAAC,IAAA,CAAK,WAAA,EAAL,EAAkB,GAAG,IAAA,EAAM,SAAA,EAAW,aAAA,EACrC,QAAA,kBAAA,GAAA,CAAC,oBAAA,EAAA,EAAqB,KAAA,EAAO,YAAA,EAC1B,UACH,CAAA,EACF,CAAA;AAEJ;;;;"}

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

@@ -0,0 +1,23 @@
+"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 '@tabler/icons-react';
+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, BreadcrumbItem as default };
+//# sourceMappingURL=BreadcrumbItem.mjs.map

package/dist/js/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/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, BrowserOnly as default };
+//# sourceMappingURL=BrowserOnly.mjs.map

package/dist/js/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/components/src/components/Button/Button.mjs

@@ -0,0 +1,119 @@
+"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 '@tabler/icons-react';
+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 };
+    props.onPress = void 0;
+    props.onPressStart = void 0;
+    props.onPressEnd = void 0;
+    props.onPressChange = void 0;
+    props.onPressUp = void 0;
+    props.onKeyDown = void 0;
+    props.onKeyUp = void 0;
+    props.type = "button";
+  }
+  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,
+    styles[`size-${size}`],
+    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/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\";\n\nexport interface ButtonProps\n  extends 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\" | \"dark\" | \"light\";\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    props.onPress = undefined;\n    props.onPressStart = undefined;\n    props.onPressEnd = undefined;\n    props.onPressChange = undefined;\n    props.onPressUp = undefined;\n    props.onKeyDown = undefined;\n    props.onKeyUp = undefined;\n    props.type = \"button\";\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        styles[`size-${size}`],\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/components/src/components/Button/Button.module.scss.mjs

@@ -0,0 +1,52 @@
+"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 image = "flow--button--image";
+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 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",
+	image: image,
+	primary: primary,
+	solid: solid,
+	ariaDisabled: ariaDisabled,
+	accent: accent,
+	danger: danger,
+	secondary: secondary,
+	dark: dark,
+	light: light,
+	soft: soft,
+	avatar: avatar
+};
+
+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/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\";\n\nexport const Calendar: FC = () => {\n  return (\n    <Aria.Calendar className={styles.calendar}>\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":";;;;;;AAMO,MAAM,WAAe,MAAM;AAChC,EAAA,4BACG,IAAA,CAAK,QAAA,EAAL,EAAc,SAAA,EAAW,OAAO,QAAA,EAC/B,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/components/src/components/Calendar/RangeCalendar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.mjs","sources":["../../../../../../src/components/Calendar/RangeCalendar.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 clsx from \"clsx\";\n\nexport const RangeCalendar: FC = () => {\n  return (\n    <Aria.RangeCalendar className={clsx(styles.calendar, styles.range)}>\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":";;;;;;;AAOO,MAAM,gBAAoB,MAAM;AACrC,EAAA,uBACE,IAAA,CAAC,IAAA,CAAK,aAAA,EAAL,EAAmB,SAAA,EAAW,KAAK,MAAA,CAAO,QAAA,EAAU,MAAA,CAAO,KAAK,CAAA,EAC/D,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;;;;"}

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

@@ -0,0 +1,22 @@
+"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 '@tabler/icons-react';
+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/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/components/src/components/CartesianChart/CartesianChart.mjs

@@ -0,0 +1,198 @@
+"use client"
+/* */
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as Recharts from 'recharts';
+import { Children, useRef, useState, useEffect } from 'react';
+import clsx from 'clsx';
+import styles from './CartesianChart.module.scss.mjs';
+import { Wrap } from '../Wrap/Wrap.mjs';
+import '../AccentBox/AccentBox.mjs';
+import '../../lib/propsContext/propsContext.mjs';
+import '../../lib/propsContext/components/PropsContextProvider.mjs';
+import '../Button/Button.mjs';
+import '@tabler/icons-react';
+import '../Icon/Icon.mjs';
+import '../../views/IconView.mjs';
+import '@mittwald/react-tunnel';
+import '../Activity/Activity.mjs';
+import '../Action/Action.mjs';
+import 'react-aria';
+import '@react-aria/live-announcer';
+import '../ActionGroup/ActionGroup.mjs';
+import '../Alert/Alert.mjs';
+import '../AlertBadge/AlertBadge.mjs';
+import '../Align/Align.mjs';
+import '../Autocomplete/Autocomplete.mjs';
+import '../Avatar/Avatar.mjs';
+import '../Badge/Badge.mjs';
+import 'react-aria-components';
+import 'mobx';
+import '../../lib/controller/overlay/context.mjs';
+import 'remeda';
+import '@react-aria/utils';
+import 'dot-prop';
+import '../Heading/Heading.mjs';
+import '../Text/Text.mjs';
+import { CartesianGrid } from './components/CartesianGrid/CartesianGrid.mjs';
+import '../Checkbox/Checkbox.mjs';
+import '../CheckboxButton/CheckboxButton.mjs';
+import '../CheckboxGroup/CheckboxGroup.mjs';
+import 'react-syntax-highlighter';
+import '../CopyButton/CopyButton.mjs';
+import '../ColumnLayout/ColumnLayout.mjs';
+import '../ComboBox/ComboBox.mjs';
+import '../../lib/propsContext/components/ComponentPropsContextProvider.mjs';
+import '../Content/Content.mjs';
+import '../ContextMenu/ContextMenu.mjs';
+import '../MenuItem/MenuItem.mjs';
+import '../ContextMenu/components/ContextMenuTrigger/ContextMenuTrigger.mjs';
+import '../ContextMenu/components/ContextMenuSection/ContextMenuSection.mjs';
+import '../ContextualHelp/ContextualHelp.mjs';
+import '../ContextualHelp/components/ContextualHelpTrigger/ContextualHelpTrigger.mjs';
+import '../CounterBadge/CounterBadge.mjs';
+import '../CountryOptions/CountryOptions.mjs';
+import '../DatePicker/DatePicker.mjs';
+import '../DateRangePicker/DateRangePicker.mjs';
+import '../FieldDescription/FieldDescription.mjs';
+import '../FieldError/FieldError.mjs';
+import '../FileCard/FileCard.mjs';
+import '../FileCardList/FileCardList.mjs';
+import '../FileDropZone/FileDropZone.mjs';
+import '../FileField/FileField.mjs';
+import '../Header/Header.mjs';
+import '../Image/Image.mjs';
+import '../Initials/Initials.mjs';
+import '../Label/Label.mjs';
+import '../LayoutCard/LayoutCard.mjs';
+import '../OverlayTrigger/components/MenuTrigger/MenuTrigger.mjs';
+import '../../views/DialogTriggerView.mjs';
+import '../LightBox/LightBox.mjs';
+import '../Link/Link.mjs';
+import 'invariant';
+import '../../views/ListItemViewContentView.mjs';
+import '../../views/ButtonView.mjs';
+import '../../views/ContextMenuTriggerView.mjs';
+import '../List/components/ListSummary/ListSummary.mjs';
+import '../List/listContext.mjs';
+import '../List/List.mjs';
+import 'react-markdown';
+import 'remark-gfm';
+import '../MarkdownEditor/MarkdownEditor.mjs';
+import '../Message/Message.mjs';
+import '../MessageThread/MessageThread.mjs';
+import '../Modal/Modal.mjs';
+import '../Navigation/Navigation.mjs';
+import '../Navigation/components/NavigationGroup/NavigationGroup.mjs';
+import '../NotificationProvider/NotificationProvider.mjs';
+import 'luxon';
+import '../NumberField/NumberField.mjs';
+import '../Option/Option.mjs';
+import '../../views/OverlayContentView.mjs';
+import '../../views/LoadingSpinnerView.mjs';
+import '../PasswordCreationField/PasswordCreationField.mjs';
+import '../Popover/components/PopoverTrigger/PopoverTrigger.mjs';
+import '../Popover/Popover.mjs';
+import '../ProgressBar/ProgressBar.mjs';
+import '../RadioGroup/RadioGroup.mjs';
+import '../RadioGroup/components/Radio/Radio.mjs';
+import '../RadioGroup/components/RadioButton/RadioButton.mjs';
+import '../SearchField/SearchField.mjs';
+import '../Section/Section.mjs';
+import '../SegmentedControl/SegmentedControl.mjs';
+import '../SegmentedControl/components/Segment/Segment.mjs';
+import '../Select/Select.mjs';
+import '../SettingsProvider/SettingsProvider.mjs';
+import '../Slider/Slider.mjs';
+import '../SuspenseTrigger/SuspenseTrigger.mjs';
+import '../Switch/Switch.mjs';
+import '../Tabs/Tabs.mjs';
+import '../Tabs/components/Tab/context.mjs';
+import '../TextArea/TextArea.mjs';
+import '../TextField/TextField.mjs';
+import '../TimeField/TimeField.mjs';
+import '../TranslationProvider/TranslationProvider.mjs';
+
+const CartesianChart = (props) => {
+  const {
+    children,
+    data,
+    className,
+    height,
+    flexGrow,
+    emptyView: EmptyView,
+    ...rest
+  } = props;
+  const rootClassName = clsx(styles.cartesianChart, className);
+  const otherChildren = [];
+  const gridChildren = [];
+  Children.forEach(children, (child) => {
+    if (!child) return;
+    const element = child;
+    if (element.type === CartesianGrid) {
+      gridChildren.push(element);
+    } else {
+      otherChildren.push(element);
+    }
+  });
+  const showEmptyView = (!data || data.length === 0) && EmptyView;
+  const chartContainerRef = useRef(null);
+  const [viewDimensions, setViewDimensions] = useState(null);
+  useEffect(() => {
+    if (showEmptyView) {
+      const updateDimensions = () => {
+        const svg = chartContainerRef.current?.querySelector(
+          "svg"
+        );
+        if (!svg) return;
+        const clip = svg.querySelector("clipPath rect");
+        if (clip) {
+          const x = parseFloat(clip.getAttribute("x") ?? "0");
+          const y = parseFloat(clip.getAttribute("y") ?? "0");
+          const width = parseFloat(clip.getAttribute("width") ?? "0");
+          const height2 = parseFloat(clip.getAttribute("height") ?? "0");
+          setViewDimensions({ x, y, width, height: height2 });
+        }
+      };
+      updateDimensions();
+      const container = chartContainerRef.current;
+      const observer = new ResizeObserver(updateDimensions);
+      if (container) observer.observe(container);
+      return () => {
+        observer.disconnect();
+      };
+    }
+  }, [showEmptyView]);
+  return /* @__PURE__ */ jsx(Wrap, { if: height, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      style: { height, flex: flexGrow ? 1 : void 0 },
+      ref: chartContainerRef,
+      children: /* @__PURE__ */ jsx(
+        Recharts.ResponsiveContainer,
+        {
+          initialDimension: {
+            // fix warning on initial render
+            width: 1,
+            height: 1
+          },
+          children: /* @__PURE__ */ jsxs(
+            Recharts.ComposedChart,
+            {
+              data,
+              className: rootClassName,
+              ...rest,
+              children: [
+                !showEmptyView && gridChildren,
+                otherChildren,
+                showEmptyView && viewDimensions && /* @__PURE__ */ jsx("foreignObject", { ...viewDimensions, children: /* @__PURE__ */ jsx("div", { className: styles.emptyViewContainer, children: /* @__PURE__ */ jsx(EmptyView, { data }) }) })
+              ]
+            }
+          )
+        }
+      )
+    }
+  ) });
+};
+
+export { CartesianChart, CartesianChart as default };
+//# sourceMappingURL=CartesianChart.mjs.map

package/dist/js/components/src/components/CartesianChart/CartesianChart.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartesianChart.mjs","sources":["../../../../../../src/components/CartesianChart/CartesianChart.tsx"],"sourcesContent":["import * as Recharts from \"recharts\";\nimport React, {\n  Children,\n  useEffect,\n  useRef,\n  useState,\n  type ComponentProps,\n  type FC,\n  type PropsWithChildren,\n  type ReactElement,\n  type SVGProps,\n} from \"react\";\nimport clsx from \"clsx\";\nimport styles from \"./CartesianChart.module.scss\";\nimport Wrap from \"../Wrap\";\nimport { CartesianGrid } from \"../public\";\n\nexport interface CartesianChartEmptyViewProps {\n  data?: ComponentProps<typeof Recharts.ComposedChart>[\"data\"];\n}\n\nexport interface CartesianChartProps\n  extends Pick<\n      ComponentProps<typeof Recharts.ComposedChart>,\n      \"data\" | \"className\" | \"syncId\" | \"syncMethod\"\n    >,\n    PropsWithChildren {\n  height?: string;\n  /** View that is provided when data is empty/undefined */\n  emptyView?: React.ComponentType<CartesianChartEmptyViewProps>;\n  /**\n   * Allow the height controlling container to set flex-grow: 1. Can only be\n   * used in combination with `height`\n   */\n  flexGrow?: boolean;\n}\n\n/** @flr-generate all */\nexport const CartesianChart: FC<CartesianChartProps> = (props) => {\n  const {\n    children,\n    data,\n    className,\n    height,\n    flexGrow,\n    emptyView: EmptyView,\n    ...rest\n  } = props;\n  const rootClassName = clsx(styles.cartesianChart, className);\n\n  const otherChildren: ReactElement[] = [];\n  const gridChildren: ReactElement[] = [];\n\n  Children.forEach(children, (child) => {\n    if (!child) return;\n    const element = child as ReactElement;\n\n    if (element.type === CartesianGrid) {\n      gridChildren.push(element);\n    } else {\n      otherChildren.push(element);\n    }\n  });\n\n  const showEmptyView = (!data || data.length === 0) && EmptyView;\n\n  const chartContainerRef = useRef<HTMLDivElement>(null);\n  const [viewDimensions, setViewDimensions] = useState<Partial<\n    SVGProps<SVGForeignObjectElement>\n  > | null>(null);\n\n  // resizing the foreignObject for the EmptyView on size changes\n  useEffect(() => {\n    if (showEmptyView) {\n      const updateDimensions = () => {\n        const svg = chartContainerRef.current?.querySelector(\n          \"svg\",\n        ) as SVGSVGElement | null;\n        if (!svg) return;\n\n        const clip = svg.querySelector(\"clipPath rect\");\n        if (clip) {\n          const x = parseFloat(clip.getAttribute(\"x\") ?? \"0\");\n          const y = parseFloat(clip.getAttribute(\"y\") ?? \"0\");\n          const width = parseFloat(clip.getAttribute(\"width\") ?? \"0\");\n          const height = parseFloat(clip.getAttribute(\"height\") ?? \"0\");\n          setViewDimensions({ x, y, width, height });\n        }\n      };\n\n      updateDimensions();\n\n      const container = chartContainerRef.current;\n      const observer = new ResizeObserver(updateDimensions);\n      if (container) observer.observe(container);\n\n      return () => {\n        observer.disconnect();\n      };\n    }\n  }, [showEmptyView]);\n\n  return (\n    <Wrap if={height}>\n      <div\n        style={{ height, flex: flexGrow ? 1 : undefined }}\n        ref={chartContainerRef}\n      >\n        <Recharts.ResponsiveContainer\n          initialDimension={{\n            // fix warning on initial render\n            width: 1,\n            height: 1,\n          }}\n        >\n          <Recharts.ComposedChart\n            data={data}\n            className={rootClassName}\n            {...rest}\n          >\n            {!showEmptyView && gridChildren}\n            {otherChildren}\n            {showEmptyView && viewDimensions && (\n              <foreignObject {...viewDimensions}>\n                <div className={styles.emptyViewContainer}>\n                  <EmptyView data={data} />\n                </div>\n              </foreignObject>\n            )}\n          </Recharts.ComposedChart>\n        </Recharts.ResponsiveContainer>\n      </div>\n    </Wrap>\n  );\n};\n\nexport default CartesianChart;\n"],"names":["height"],"mappings":"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"}

package/dist/js/components/src/components/CartesianChart/CartesianChart.module.scss.mjs

@@ -0,0 +1,11 @@
+"use client"
+/* */
+const cartesianChart = "flow--cartesian-chart";
+const emptyViewContainer = "flow--cartesian-chart--empty-view-container";
+const styles = {
+	cartesianChart: cartesianChart,
+	emptyViewContainer: emptyViewContainer
+};
+
+export { cartesianChart, styles as default, emptyViewContainer };
+//# sourceMappingURL=CartesianChart.module.scss.mjs.map

package/dist/js/components/src/components/CartesianChart/CartesianChart.module.scss.mjs.map

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

package/dist/js/components/src/components/CartesianChart/components/Area/Area.mjs

@@ -0,0 +1,26 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import * as Recharts from 'recharts';
+import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
+import { AreaDot } from '../AreaDot/AreaDot.mjs';
+
+const Area = (props) => {
+  const { color = "sea-green", stackId = 1, fillOpacity = 1, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Recharts.Area,
+    {
+      stackId,
+      fillOpacity,
+      ...rest,
+      activeDot: /* @__PURE__ */ jsx(AreaDot, { color: `var(--color--categorical--${color})` }),
+      fill: `var(--color--categorical--${color})`,
+      stroke: tokens.area["border-color"].value,
+      strokeWidth: tokens.area["border-width"].value
+    }
+  );
+};
+
+export { Area, Area as default };
+//# sourceMappingURL=Area.mjs.map

package/dist/js/components/src/components/CartesianChart/components/Area/Area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Area.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/Area/Area.tsx"],"sourcesContent":["import { type FC } from \"react\";\nimport * as Recharts from \"recharts\";\nimport tokens from \"@mittwald/flow-design-tokens/variables.json\";\nimport { AreaDot } from \"../AreaDot\";\nimport type { CategoricalColor } from \"@/lib/tokens/CategoricalColors\";\n\nexport interface AreaProps\n  extends Pick<\n    Recharts.AreaProps,\n    | \"className\"\n    | \"dataKey\"\n    | \"stackId\"\n    | \"fillOpacity\"\n    | \"key\"\n    | \"xAxisId\"\n    | \"yAxisId\"\n    | \"type\"\n    | \"unit\"\n  > {\n  /** The color of the area. @default \"sea-green\" */\n  color?: CategoricalColor;\n}\n\n/** @flr-generate all */\nexport const Area: FC<AreaProps> = (props) => {\n  const { color = \"sea-green\", stackId = 1, fillOpacity = 1, ...rest } = props;\n\n  return (\n    <Recharts.Area\n      stackId={stackId}\n      fillOpacity={fillOpacity}\n      {...rest}\n      activeDot={<AreaDot color={`var(--color--categorical--${color})`} />}\n      fill={`var(--color--categorical--${color})`}\n      stroke={tokens.area[\"border-color\"].value}\n      strokeWidth={tokens.area[\"border-width\"].value}\n    />\n  );\n};\n\nexport default Area;\n"],"names":[],"mappings":";;;;;;AAwBO,MAAM,IAAA,GAAsB,CAAC,KAAA,KAAU;AAC5C,EAAA,MAAM,EAAE,QAAQ,WAAA,EAAa,OAAA,GAAU,GAAG,WAAA,GAAc,CAAA,EAAG,GAAG,IAAA,EAAK,GAAI,KAAA;AAEvE,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA,CAAS,IAAA;AAAA,IAAT;AAAA,MACC,OAAA;AAAA,MACA,WAAA;AAAA,MACC,GAAG,IAAA;AAAA,MACJ,2BAAW,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAO,CAAA,0BAAA,EAA6B,KAAK,CAAA,CAAA,CAAA,EAAK,CAAA;AAAA,MAClE,IAAA,EAAM,6BAA6B,KAAK,CAAA,CAAA,CAAA;AAAA,MACxC,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE,KAAA;AAAA,MACpC,WAAA,EAAa,MAAA,CAAO,IAAA,CAAK,cAAc,CAAA,CAAE;AAAA;AAAA,GAC3C;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/AreaDot/AreaDot.mjs

@@ -0,0 +1,30 @@
+"use client"
+/* */
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+const AreaDot = ({
+  cx,
+  cy,
+  color
+}) => {
+  if (cx === void 0 || cy === void 0) return null;
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      x: cx - 7,
+      y: cy - 7,
+      width: 14,
+      height: 14,
+      viewBox: "0 0 14 14",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "7", fill: "white" }),
+        /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "4", stroke: color, strokeWidth: "2", fill: "white" })
+      ]
+    }
+  );
+};
+
+export { AreaDot };
+//# sourceMappingURL=AreaDot.mjs.map

package/dist/js/components/src/components/CartesianChart/components/AreaDot/AreaDot.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AreaDot.mjs","sources":["../../../../../../../../src/components/CartesianChart/components/AreaDot/AreaDot.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport type * as Recharts from \"recharts\";\n\nexport const AreaDot: FC<Recharts.DotProps & { color: string }> = ({\n  cx,\n  cy,\n  color,\n}) => {\n  if (cx === undefined || cy === undefined) return null;\n\n  return (\n    <svg\n      x={cx - 7}\n      y={cy - 7}\n      width={14}\n      height={14}\n      viewBox=\"0 0 14 14\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <circle cx=\"7\" cy=\"7\" r=\"7\" fill=\"white\" />\n      <circle cx=\"7\" cy=\"7\" r=\"4\" stroke={color} strokeWidth=\"2\" fill=\"white\" />\n    </svg>\n  );\n};\n"],"names":[],"mappings":";;AAGO,MAAM,UAAqD,CAAC;AAAA,EACjE,EAAA;AAAA,EACA,EAAA;AAAA,EACA;AACF,CAAA,KAAM;AACJ,EAAA,IAAI,EAAA,KAAO,MAAA,IAAa,EAAA,KAAO,MAAA,EAAW,OAAO,IAAA;AAEjD,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAG,EAAA,GAAK,CAAA;AAAA,MACR,GAAG,EAAA,GAAK,CAAA;AAAA,MACR,KAAA,EAAO,EAAA;AAAA,MACP,MAAA,EAAQ,EAAA;AAAA,MACR,OAAA,EAAQ,WAAA;AAAA,MACR,IAAA,EAAK,MAAA;AAAA,MACL,KAAA,EAAM,4BAAA;AAAA,MAEN,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,QAAA,EAAA,EAAO,IAAG,GAAA,EAAI,EAAA,EAAG,KAAI,CAAA,EAAE,GAAA,EAAI,MAAK,OAAA,EAAQ,CAAA;AAAA,wBACzC,GAAA,CAAC,QAAA,EAAA,EAAO,EAAA,EAAG,GAAA,EAAI,EAAA,EAAG,GAAA,EAAI,CAAA,EAAE,GAAA,EAAI,MAAA,EAAQ,KAAA,EAAO,WAAA,EAAY,GAAA,EAAI,MAAK,OAAA,EAAQ;AAAA;AAAA;AAAA,GAC1E;AAEJ;;;;"}

package/dist/js/components/src/components/CartesianChart/components/CartesianGrid/CartesianGrid.mjs

@@ -0,0 +1,21 @@
+"use client"
+/* */
+import { jsx } from 'react/jsx-runtime';
+import * as Recharts from 'recharts';
+import tokens from '../../../../../../design-tokens/dist/variables.json.mjs';
+
+const CartesianGrid = (props) => {
+  const { vertical = false, ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Recharts.CartesianGrid,
+    {
+      vertical,
+      ...rest,
+      stroke: tokens["cartesian-grid"].color.value,
+      strokeWidth: tokens["cartesian-grid"]["stroke-width"].value
+    }
+  );
+};
+
+export { CartesianGrid, CartesianGrid as default };
+//# sourceMappingURL=CartesianGrid.mjs.map