@traefik-labs/faency 12.2.1 → 12.2.3

package/dist/components/DateTimePickerInput/DateTimePickerInput.cjs

@@ -1,157 +1,144 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("@floating-ui/react");
-const reactIcons = require("@radix-ui/react-icons");
-const dateFns = require("date-fns");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const Input = require("../Input/Input.cjs");
-const DateTimePicker = require("../DateTimePicker/DateTimePicker.cjs");
-const Card = require("../Card/Card.cjs");
-const StyledWrapper = stitches_config.styled("div", {
-  display: "flex",
-  position: "relative",
-  width: "100%",
-  "& .firefox-patch": {
-    display: "none"
-  },
-  "@supports (-moz-appearance: none)": {
-    "& .firefox-patch": {
-      display: "block",
-      width: "20px",
-      height: "20px",
-      position: "absolute",
-      right: "17px",
-      top: "6px",
-      background: "$inputBg",
-      "&::before": {
-        boxSizing: "border-box",
-        content: '""',
-        position: "absolute",
-        inset: 0,
-        pointerEvents: "none"
-      },
-      "&::after": {
-        boxSizing: "border-box",
-        content: '""',
-        position: "absolute",
-        inset: 0,
-        pointerEvents: "none"
-      },
-      "&:focus-visible": {
-        "&::before": {
-          backgroundColor: "$inputFocusBg"
-        },
-        "&::after": {
-          backgroundColor: "$primary",
-          opacity: 0.15
-        }
-      }
-    },
-    "@hover": {
-      "&:hover .firefox-patch": {
-        "&::before": {
-          backgroundColor: "$inputHoverBg"
-        },
-        "&::after": {
-          backgroundColor: "$primary",
-          opacity: 0.05
-        }
-      }
-    }
-  }
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Card = require("../Card/Card.cjs");
+const require_DateTimePicker = require("../DateTimePicker/DateTimePicker.cjs");
+const require_Input = require("../Input/Input.cjs");
+let _radix_ui_react_icons = require("@radix-ui/react-icons");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let date_fns = require("date-fns");
+let _floating_ui_react = require("@floating-ui/react");
+//#region components/DateTimePickerInput/DateTimePickerInput.tsx
+var StyledWrapper = require_stitches_config.styled("div", {
+	display: "flex",
+	position: "relative",
+	width: "100%",
+	"& .firefox-patch": { display: "none" },
+	"@supports (-moz-appearance: none)": {
+		"& .firefox-patch": {
+			display: "block",
+			width: "20px",
+			height: "20px",
+			position: "absolute",
+			right: "17px",
+			top: "6px",
+			background: "$inputBg",
+			"&::before": {
+				boxSizing: "border-box",
+				content: "\"\"",
+				position: "absolute",
+				inset: 0,
+				pointerEvents: "none"
+			},
+			"&::after": {
+				boxSizing: "border-box",
+				content: "\"\"",
+				position: "absolute",
+				inset: 0,
+				pointerEvents: "none"
+			},
+			"&:focus-visible": {
+				"&::before": { backgroundColor: "$inputFocusBg" },
+				"&::after": {
+					backgroundColor: "$primary",
+					opacity: .15
+				}
+			}
+		},
+		"@hover": { "&:hover .firefox-patch": {
+			"&::before": { backgroundColor: "$inputHoverBg" },
+			"&::after": {
+				backgroundColor: "$primary",
+				opacity: .05
+			}
+		} }
+	}
 });
-const DateTimePickerInput = React.forwardRef(
-  ({
-    inputCSS,
-    inputProps,
-    onChange,
-    pickerCSS,
-    pickerPlacement,
-    showDatePresets,
-    showTimePicker,
-    ...pickerProps
-  }, fowardedRef) => {
-    const formatStr = "yyyy-MM-dd'T'HH:mm";
-    const arrowRef = React.useRef(null);
-    const [inputValue, setInputValue] = React.useState("");
-    const [selectedDates, onDatesChange] = React.useState([]);
-    const [isPickerOpen, setIsPickerOpen] = React.useState(false);
-    const middleware = React.useMemo(
-      () => [
-        react.offset(10),
-        react.flip(),
-        react.shift(),
-        // arrowRef is passed to floating-ui which handles it correctly
-        react.arrow({ element: arrowRef })
-      ],
-      []
-    );
-    const { refs, floatingStyles, context } = react.useFloating({
-      open: isPickerOpen,
-      onOpenChange: setIsPickerOpen,
-      placement: pickerPlacement,
-      middleware,
-      whileElementsMounted: react.autoUpdate
-    });
-    const click = react.useClick(context);
-    const dismiss = react.useDismiss(context);
-    const role = react.useRole(context);
-    const { getReferenceProps, getFloatingProps } = react.useInteractions([click, dismiss, role]);
-    const { onClick: onFirefoxPatchClick } = getReferenceProps();
-    return /* @__PURE__ */ jsxRuntime.jsxs(StyledWrapper, { ref: fowardedRef, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        Input.Input,
-        {
-          startAdornment: /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CalendarIcon, {}),
-          ...getReferenceProps(),
-          ...inputProps,
-          css: { "& input::-webkit-calendar-picker-indicator": { display: "none" }, ...inputCSS },
-          onChange: (evt) => {
-            const value = evt.currentTarget.value;
-            setInputValue(value);
-            try {
-              const newDates = value.split(",").map((d) => dateFns.parse(d.trim(), formatStr, /* @__PURE__ */ new Date()));
-              onDatesChange(newDates);
-              if (onChange) onChange(newDates);
-            } catch (err) {
-            }
-          },
-          ref: refs.setReference,
-          type: "datetime-local",
-          value: inputValue
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: "firefox-patch",
-          onClick: onFirefoxPatchClick
-        }
-      ),
-      isPickerOpen && /* @__PURE__ */ jsxRuntime.jsx(react.FloatingFocusManager, { context, initialFocus: -1, modal: false, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: refs.setFloating, style: floatingStyles, ...getFloatingProps(), children: [
-        /* @__PURE__ */ jsxRuntime.jsx(Card.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(
-          DateTimePicker.DateTimePicker,
-          {
-            ...pickerProps,
-            css: pickerCSS,
-            onDatesChange: (d) => {
-              onDatesChange(d);
-              setInputValue(d.map((date) => dateFns.format(date, formatStr)).join(", "));
-              if (onChange) onChange(d);
-            },
-            onFastTravelClick: () => setIsPickerOpen(false),
-            onTimeButtonClick: () => setIsPickerOpen(false),
-            selectedDates,
-            showDatePresets,
-            showTimePicker
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx(react.FloatingArrow, { ref: arrowRef, context, fill: "var(--colors-01dp)" })
-      ] }) })
-    ] });
-  }
-);
+var DateTimePickerInput = react.default.forwardRef(({ inputCSS, inputProps, onChange, pickerCSS, pickerPlacement, showDatePresets, showTimePicker, ...pickerProps }, fowardedRef) => {
+	const formatStr = "yyyy-MM-dd'T'HH:mm";
+	const arrowRef = (0, react.useRef)(null);
+	const [inputValue, setInputValue] = (0, react.useState)("");
+	const [selectedDates, onDatesChange] = (0, react.useState)([]);
+	const [isPickerOpen, setIsPickerOpen] = (0, react.useState)(false);
+	const { refs, floatingStyles, context } = (0, _floating_ui_react.useFloating)({
+		open: isPickerOpen,
+		onOpenChange: setIsPickerOpen,
+		placement: pickerPlacement,
+		middleware: (0, react.useMemo)(() => [
+			(0, _floating_ui_react.offset)(10),
+			(0, _floating_ui_react.flip)(),
+			(0, _floating_ui_react.shift)(),
+			(0, _floating_ui_react.arrow)({ element: arrowRef })
+		], []),
+		whileElementsMounted: _floating_ui_react.autoUpdate
+	});
+	const { getReferenceProps, getFloatingProps } = (0, _floating_ui_react.useInteractions)([
+		(0, _floating_ui_react.useClick)(context),
+		(0, _floating_ui_react.useDismiss)(context),
+		(0, _floating_ui_react.useRole)(context)
+	]);
+	const { onClick: onFirefoxPatchClick } = getReferenceProps();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(StyledWrapper, {
+		ref: fowardedRef,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Input.Input, {
+				startAdornment: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.CalendarIcon, {}),
+				...getReferenceProps(),
+				...inputProps,
+				css: {
+					"& input::-webkit-calendar-picker-indicator": { display: "none" },
+					...inputCSS
+				},
+				onChange: (evt) => {
+					const value = evt.currentTarget.value;
+					setInputValue(value);
+					try {
+						const newDates = value.split(",").map((d) => (0, date_fns.parse)(d.trim(), formatStr, /* @__PURE__ */ new Date()));
+						onDatesChange(newDates);
+						if (onChange) onChange(newDates);
+					} catch (err) {}
+				},
+				ref: refs.setReference,
+				type: "datetime-local",
+				value: inputValue
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "firefox-patch",
+				onClick: onFirefoxPatchClick
+			}),
+			isPickerOpen && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingFocusManager, {
+				context,
+				initialFocus: -1,
+				modal: false,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+					ref: refs.setFloating,
+					style: floatingStyles,
+					...getFloatingProps(),
+					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Card.Card, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_DateTimePicker.DateTimePicker, {
+						...pickerProps,
+						css: pickerCSS,
+						onDatesChange: (d) => {
+							onDatesChange(d);
+							setInputValue(d.map((date) => (0, date_fns.format)(date, formatStr)).join(", "));
+							if (onChange) onChange(d);
+						},
+						onFastTravelClick: () => setIsPickerOpen(false),
+						onTimeButtonClick: () => setIsPickerOpen(false),
+						selectedDates,
+						showDatePresets,
+						showTimePicker
+					}) }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_floating_ui_react.FloatingArrow, {
+						ref: arrowRef,
+						context,
+						fill: "var(--colors-01dp)"
+					})]
+				})
+			})
+		]
+	});
+});
+//#endregion
 exports.DateTimePickerInput = DateTimePickerInput;
-//# sourceMappingURL=DateTimePickerInput.cjs.map
+
+//# sourceMappingURL=DateTimePickerInput.cjs.map

package/dist/components/DateTimePickerInput/DateTimePickerInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePickerInput.cjs","sources":["../../../components/DateTimePickerInput/DateTimePickerInput.tsx"],"sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingFocusManager,\n  offset,\n  Placement,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { DPUserConfig } from '@rehookify/datepicker';\nimport { format, parse } from 'date-fns';\nimport React, { MouseEventHandler, Ref, useMemo, useRef, useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { Input, InputHandle } from '../Input';\n\nconst StyledWrapper = styled('div', {\n  display: 'flex',\n  position: 'relative',\n  width: '100%',\n\n  '& .firefox-patch': {\n    display: 'none',\n  },\n\n  '@supports (-moz-appearance: none)': {\n    '& .firefox-patch': {\n      display: 'block',\n      width: '20px',\n      height: '20px',\n      position: 'absolute',\n      right: '17px',\n      top: '6px',\n      background: '$inputBg',\n\n      '&::before': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        pointerEvents: 'none',\n      },\n      '&::after': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        pointerEvents: 'none',\n      },\n\n      '&:focus-visible': {\n        '&::before': {\n          backgroundColor: '$inputFocusBg',\n        },\n        '&::after': {\n          backgroundColor: '$primary',\n          opacity: 0.15,\n        },\n      },\n    },\n\n    '@hover': {\n      '&:hover .firefox-patch': {\n        '&::before': {\n          backgroundColor: '$inputHoverBg',\n        },\n        '&::after': {\n          backgroundColor: '$primary',\n          opacity: 0.05,\n        },\n      },\n    },\n  },\n});\n\nexport type DateTimePickerInputProps = Omit<DPUserConfig, 'onDatesChange' | 'selectedDates'> & {\n  inputCSS?: CSS;\n  inputProps?: Omit<typeof Input, 'css' | 'onChange' | 'ref' | 'value'>;\n  onChange?: (d: Date[]) => void;\n  pickerCSS?: CSS;\n  pickerPlacement?: Placement;\n  showDatePresets?: boolean;\n  showTimePicker?: boolean;\n};\n\nexport type DateTimePickerInputVariants = VariantProps<DateTimePickerInputProps>;\n\nexport const DateTimePickerInput = React.forwardRef<\n  React.ElementRef<typeof StyledWrapper>,\n  DateTimePickerInputProps\n>(\n  (\n    {\n      inputCSS,\n      inputProps,\n      onChange,\n      pickerCSS,\n      pickerPlacement,\n      showDatePresets,\n      showTimePicker,\n      ...pickerProps\n    },\n    fowardedRef,\n  ) => {\n    const formatStr = \"yyyy-MM-dd'T'HH:mm\";\n\n    const arrowRef = useRef(null);\n\n    const [inputValue, setInputValue] = useState<string>('');\n    const [selectedDates, onDatesChange] = useState<Date[]>([]);\n    const [isPickerOpen, setIsPickerOpen] = useState(false);\n\n    const middleware = useMemo(\n      () => [\n        offset(10),\n        flip(),\n        shift(),\n        // arrowRef is passed to floating-ui which handles it correctly\n        arrow({ element: arrowRef }),\n      ],\n      [],\n    );\n\n    const { refs, floatingStyles, context } = useFloating({\n      open: isPickerOpen,\n      onOpenChange: setIsPickerOpen,\n      placement: pickerPlacement,\n      middleware,\n      whileElementsMounted: autoUpdate,\n    });\n\n    const click = useClick(context);\n    const dismiss = useDismiss(context);\n    const role = useRole(context);\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);\n    const { onClick: onFirefoxPatchClick } = getReferenceProps();\n\n    return (\n      <StyledWrapper ref={fowardedRef}>\n        <Input\n          startAdornment={<CalendarIcon />}\n          {...getReferenceProps()}\n          {...inputProps}\n          css={{ '& input::-webkit-calendar-picker-indicator': { display: 'none' }, ...inputCSS }}\n          onChange={(evt) => {\n            const value = evt.currentTarget.value;\n            setInputValue(value);\n            try {\n              const newDates = (value as string)\n                .split(',')\n                .map((d) => parse(d.trim(), formatStr, new Date()));\n              onDatesChange(newDates);\n              if (onChange) onChange(newDates);\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            } catch (err) {\n              // empty\n            }\n          }}\n          ref={refs.setReference as Ref<InputHandle>}\n          type=\"datetime-local\"\n          value={inputValue}\n        />\n        <div\n          className=\"firefox-patch\"\n          onClick={onFirefoxPatchClick as MouseEventHandler<HTMLDivElement>}\n        />\n        {isPickerOpen && (\n          <FloatingFocusManager context={context} initialFocus={-1} modal={false}>\n            {/* refs.setFloating is a stable callback ref from floating-ui */}\n            <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n              <Card>\n                <DateTimePicker\n                  {...pickerProps}\n                  css={pickerCSS}\n                  onDatesChange={(d) => {\n                    onDatesChange(d);\n                    setInputValue(d.map((date) => format(date, formatStr)).join(', '));\n                    if (onChange) onChange(d);\n                  }}\n                  onFastTravelClick={() => setIsPickerOpen(false)}\n                  onTimeButtonClick={() => setIsPickerOpen(false)}\n                  selectedDates={selectedDates}\n                  showDatePresets={showDatePresets}\n                  showTimePicker={showTimePicker}\n                />\n              </Card>\n              <FloatingArrow ref={arrowRef} context={context} fill=\"var(--colors-01dp)\" />\n            </div>\n          </FloatingFocusManager>\n        )}\n      </StyledWrapper>\n    );\n  },\n);\n"],"names":["styled","useRef","useState","useMemo","offset","flip","shift","arrow","useFloating","autoUpdate","useClick","useDismiss","useRole","useInteractions","jsxs","jsx","Input","CalendarIcon","parse","FloatingFocusManager","Card","DateTimePicker","format","FloatingArrow"],"mappings":"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"}
+{"version":3,"file":"DateTimePickerInput.cjs","names":[],"sources":["../../../components/DateTimePickerInput/DateTimePickerInput.tsx"],"sourcesContent":["import {\n  arrow,\n  autoUpdate,\n  flip,\n  FloatingArrow,\n  FloatingFocusManager,\n  offset,\n  Placement,\n  shift,\n  useClick,\n  useDismiss,\n  useFloating,\n  useInteractions,\n  useRole,\n} from '@floating-ui/react';\nimport { CalendarIcon } from '@radix-ui/react-icons';\nimport { DPUserConfig } from '@rehookify/datepicker';\nimport { format, parse } from 'date-fns';\nimport React, { MouseEventHandler, Ref, useMemo, useRef, useState } from 'react';\n\nimport { CSS, styled, VariantProps } from '../../stitches.config';\nimport { Card } from '../Card';\nimport { DateTimePicker } from '../DateTimePicker';\nimport { Input, InputHandle } from '../Input';\n\nconst StyledWrapper = styled('div', {\n  display: 'flex',\n  position: 'relative',\n  width: '100%',\n\n  '& .firefox-patch': {\n    display: 'none',\n  },\n\n  '@supports (-moz-appearance: none)': {\n    '& .firefox-patch': {\n      display: 'block',\n      width: '20px',\n      height: '20px',\n      position: 'absolute',\n      right: '17px',\n      top: '6px',\n      background: '$inputBg',\n\n      '&::before': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        pointerEvents: 'none',\n      },\n      '&::after': {\n        boxSizing: 'border-box',\n        content: '\"\"',\n        position: 'absolute',\n        inset: 0,\n        pointerEvents: 'none',\n      },\n\n      '&:focus-visible': {\n        '&::before': {\n          backgroundColor: '$inputFocusBg',\n        },\n        '&::after': {\n          backgroundColor: '$primary',\n          opacity: 0.15,\n        },\n      },\n    },\n\n    '@hover': {\n      '&:hover .firefox-patch': {\n        '&::before': {\n          backgroundColor: '$inputHoverBg',\n        },\n        '&::after': {\n          backgroundColor: '$primary',\n          opacity: 0.05,\n        },\n      },\n    },\n  },\n});\n\nexport type DateTimePickerInputProps = Omit<DPUserConfig, 'onDatesChange' | 'selectedDates'> & {\n  inputCSS?: CSS;\n  inputProps?: Omit<typeof Input, 'css' | 'onChange' | 'ref' | 'value'>;\n  onChange?: (d: Date[]) => void;\n  pickerCSS?: CSS;\n  pickerPlacement?: Placement;\n  showDatePresets?: boolean;\n  showTimePicker?: boolean;\n};\n\nexport type DateTimePickerInputVariants = VariantProps<DateTimePickerInputProps>;\n\nexport const DateTimePickerInput = React.forwardRef<\n  React.ElementRef<typeof StyledWrapper>,\n  DateTimePickerInputProps\n>(\n  (\n    {\n      inputCSS,\n      inputProps,\n      onChange,\n      pickerCSS,\n      pickerPlacement,\n      showDatePresets,\n      showTimePicker,\n      ...pickerProps\n    },\n    fowardedRef,\n  ) => {\n    const formatStr = \"yyyy-MM-dd'T'HH:mm\";\n\n    const arrowRef = useRef(null);\n\n    const [inputValue, setInputValue] = useState<string>('');\n    const [selectedDates, onDatesChange] = useState<Date[]>([]);\n    const [isPickerOpen, setIsPickerOpen] = useState(false);\n\n    const middleware = useMemo(\n      () => [\n        offset(10),\n        flip(),\n        shift(),\n        // arrowRef is passed to floating-ui which handles it correctly\n        arrow({ element: arrowRef }),\n      ],\n      [],\n    );\n\n    const { refs, floatingStyles, context } = useFloating({\n      open: isPickerOpen,\n      onOpenChange: setIsPickerOpen,\n      placement: pickerPlacement,\n      middleware,\n      whileElementsMounted: autoUpdate,\n    });\n\n    const click = useClick(context);\n    const dismiss = useDismiss(context);\n    const role = useRole(context);\n\n    const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role]);\n    const { onClick: onFirefoxPatchClick } = getReferenceProps();\n\n    return (\n      <StyledWrapper ref={fowardedRef}>\n        <Input\n          startAdornment={<CalendarIcon />}\n          {...getReferenceProps()}\n          {...inputProps}\n          css={{ '& input::-webkit-calendar-picker-indicator': { display: 'none' }, ...inputCSS }}\n          onChange={(evt) => {\n            const value = evt.currentTarget.value;\n            setInputValue(value);\n            try {\n              const newDates = (value as string)\n                .split(',')\n                .map((d) => parse(d.trim(), formatStr, new Date()));\n              onDatesChange(newDates);\n              if (onChange) onChange(newDates);\n              // eslint-disable-next-line @typescript-eslint/no-unused-vars\n            } catch (err) {\n              // empty\n            }\n          }}\n          ref={refs.setReference as Ref<InputHandle>}\n          type=\"datetime-local\"\n          value={inputValue}\n        />\n        <div\n          className=\"firefox-patch\"\n          onClick={onFirefoxPatchClick as MouseEventHandler<HTMLDivElement>}\n        />\n        {isPickerOpen && (\n          <FloatingFocusManager context={context} initialFocus={-1} modal={false}>\n            {/* refs.setFloating is a stable callback ref from floating-ui */}\n            <div ref={refs.setFloating} style={floatingStyles} {...getFloatingProps()}>\n              <Card>\n                <DateTimePicker\n                  {...pickerProps}\n                  css={pickerCSS}\n                  onDatesChange={(d) => {\n                    onDatesChange(d);\n                    setInputValue(d.map((date) => format(date, formatStr)).join(', '));\n                    if (onChange) onChange(d);\n                  }}\n                  onFastTravelClick={() => setIsPickerOpen(false)}\n                  onTimeButtonClick={() => setIsPickerOpen(false)}\n                  selectedDates={selectedDates}\n                  showDatePresets={showDatePresets}\n                  showTimePicker={showTimePicker}\n                />\n              </Card>\n              <FloatingArrow ref={arrowRef} context={context} fill=\"var(--colors-01dp)\" />\n            </div>\n          </FloatingFocusManager>\n        )}\n      </StyledWrapper>\n    );\n  },\n);\n"],"mappings":"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"}