@startdownnotez404/ui 1.0.0 → 1.3.5

package/dist/chunk-E3I2VDHZ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/Loading/src/LoadingText.tsx","../src/components/elemental/Loading/src/theme.ts","../src/components/elemental/Loading/src/Loading.tsx","../src/components/elemental/Loading/src/LoadingModal.tsx"],"sourcesContent":["'use client'\n\nimport { useEffect, useMemo, useState, type ComponentProps } from 'react'\nimport type { SxProps, Theme } from '@mui/material/styles'\n\nimport { mergeSx } from '@/_utils/_func'\nimport { Box } from '@/ele/Box'\nimport { Typography } from '@/ele/Typography'\n\nimport { loadingTextColorVars, loadingTextToneVars, type LoadingTextColor } from './theme'\n\nexport type { LoadingTextColor }\n\nexport type LoadingTextProps = {\n  /** Single phrase, or a list that cycles. Default: \"Loading\". */\n  text?: string | readonly string[]\n  /** Milliseconds between phrase changes when `text` is a list. Default: 2200. */\n  interval?: number\n  /** Trailing animated dots. Default: true. */\n  dots?: boolean\n  /**\n   * When false, animation and dots stop and `readyText` (or the current\n   * phrase) is shown as settled copy. Default: true.\n   */\n  loading?: boolean\n  /** Copy shown when `loading` is false. Falls back to the current phrase. */\n  readyText?: string\n  /** Palette token. Recolor with `--text-hue`; optionally pin `--text-color` / `--text-pulse-color`. */\n  color?: LoadingTextColor\n  variant?: ComponentProps<typeof Typography>['variant']\n  sx?: SxProps<Theme>\n}\n\nconst DEFAULT_TEXT = 'Loading'\n\nfunction toPhrases(text: string | readonly string[]): string[] {\n  if (typeof text === 'string') {\n    return [text]\n  }\n  return text.length > 0 ? [...text] : [DEFAULT_TEXT]\n}\n\nfunction phraseListKey(text: string | readonly string[]): string {\n  return typeof text === 'string' ? text : text.join('\\0')\n}\n\nconst inheritTypeSx = {\n  font: 'inherit',\n  fontSize: 'inherit',\n  fontWeight: 'inherit',\n  fontFamily: 'inherit',\n  fontStyle: 'inherit',\n  letterSpacing: 'inherit',\n  lineHeight: 'inherit',\n} as const\n\n/**\n * Animated status copy with a lighting shimmer.\n * Phrase lists cycle while `loading` is true. Honors `prefers-reduced-motion`.\n */\nexport function LoadingText({\n  text = DEFAULT_TEXT,\n  interval = 2200,\n  dots = true,\n  loading = true,\n  readyText,\n  color = 'text',\n  variant = 'body1',\n  sx,\n}: LoadingTextProps) {\n  const listKey = phraseListKey(text)\n  const phrases = useMemo(() => toPhrases(text), [text])\n  const [index, setIndex] = useState(0)\n  const phraseIndex = phrases.length > 0 ? index % phrases.length : 0\n  const phrase = loading\n    ? (phrases[phraseIndex] ?? DEFAULT_TEXT)\n    : (readyText ?? phrases[phraseIndex] ?? DEFAULT_TEXT)\n\n  useEffect(() => {\n    setIndex(0)\n  }, [listKey])\n\n  useEffect(() => {\n    if (!loading || phrases.length < 2) {\n      return\n    }\n    const count = phrases.length\n    const id = window.setInterval(() => {\n      setIndex((current) => (current + 1) % count)\n    }, Math.max(800, interval))\n    return () => window.clearInterval(id)\n  }, [interval, loading, listKey, phrases.length])\n\n  return (\n    <Typography\n      component=\"span\"\n      variant={variant}\n      role=\"status\"\n      aria-live=\"polite\"\n      aria-busy={loading}\n      sx={mergeSx(\n        {\n          display: 'inline-flex',\n          alignItems: 'baseline',\n          gap: '0.08em',\n          ...loadingTextToneVars,\n          ...(loadingTextColorVars[color] ?? loadingTextColorVars.text),\n          color: 'var(--text-color)',\n          m: 0,\n          '@media (prefers-reduced-motion: reduce)': {\n            '& [data-loading-highlight]': {\n              display: 'none',\n            },\n          },\n        },\n        sx,\n      )}\n    >\n      <LoadingPhrase phrase={phrase} loading={loading} />\n      {loading && dots ? <LoadingDots /> : null}\n    </Typography>\n  )\n}\n\nfunction LoadingPhrase({ phrase, loading }: { phrase: string; loading: boolean }) {\n  return (\n    <Box\n      component=\"span\"\n      key={`${loading}-${phrase}`}\n      data-loading-text=\"\"\n      sx={{\n        ...inheritTypeSx,\n        display: 'inline-block',\n        position: 'relative',\n        color: 'inherit',\n      }}\n    >\n      {phrase}\n      {loading ? (\n        <Box\n          component=\"span\"\n          aria-hidden\n          data-loading-highlight=\"\"\n          sx={{\n            ...inheritTypeSx,\n            position: 'absolute',\n            left: 0,\n            top: 0,\n            color: 'var(--text-pulse-color)',\n            pointerEvents: 'none',\n            maskImage:\n              'linear-gradient(90deg, transparent 32%, #000 50%, transparent 68%)',\n            WebkitMaskImage:\n              'linear-gradient(90deg, transparent 32%, #000 50%, transparent 68%)',\n            maskSize: '220% 100%',\n            WebkitMaskSize: '220% 100%',\n            maskRepeat: 'no-repeat',\n            WebkitMaskRepeat: 'no-repeat',\n            animation: 'sduiLoadingTextShimmer 1.7s ease-in-out infinite',\n            '@keyframes sduiLoadingTextShimmer': {\n              '0%': {\n                maskPosition: '120% 0',\n                WebkitMaskPosition: '120% 0',\n              },\n              '100%': {\n                maskPosition: '-20% 0',\n                WebkitMaskPosition: '-20% 0',\n              },\n            },\n          }}\n        >\n          {phrase}\n        </Box>\n      ) : null}\n    </Box>\n  )\n}\n\nfunction LoadingDots() {\n  return (\n    <Box\n      component=\"span\"\n      aria-hidden\n      sx={{\n        ...inheritTypeSx,\n        display: 'inline-flex',\n        width: '1.35em',\n        justifyContent: 'flex-start',\n        letterSpacing: 0,\n        color: 'var(--text-color)',\n      }}\n    >\n      {[0, 1, 2].map((dot) => (\n        <Box\n          key={dot}\n          component=\"span\"\n          data-loading-dot=\"\"\n          sx={{\n            ...inheritTypeSx,\n            animation: 'sduiLoadingTextDot 1.05s ease-in-out infinite',\n            animationDelay: `${dot * 0.16}s`,\n            '@keyframes sduiLoadingTextDot': {\n              '0%, 80%, 100%': { opacity: 0.25, color: 'var(--text-color)' },\n              '40%': { opacity: 1, color: 'var(--text-pulse-color)' },\n            },\n          }}\n        >\n          .\n        </Box>\n      ))}\n    </Box>\n  )\n}\n\nexport default LoadingText\n","export type LoadingTextColor =\n  | 'text'\n  | 'primary'\n  | 'secondary'\n  | 'error'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'system'\n  | 'insight'\n\ntype LoadingTextHueVars = {\n  '--text-hue': string\n  '--text-color'?: string\n  '--text-pulse-color'?: string\n}\n\n/**\n * `--text-hue` is the color control. Fill and gleam mix toward theme text\n * tokens so contrast holds in light and dark. Palette presets use `*-dark` /\n * `*-light`. Override `--text-hue` (or either paint) via `sx`.\n */\nexport const loadingTextToneVars = {\n  '--text-color':\n    'color-mix(in lab, var(--text-hue) 72%, var(--mui-palette-text-secondary))',\n  '--text-pulse-color':\n    'color-mix(in lab, var(--text-hue) 55%, var(--mui-palette-text-primary))',\n} as const\n\nexport const loadingTextColorVars: Record<LoadingTextColor, LoadingTextHueVars> = {\n  text: {\n    '--text-hue': 'var(--mui-palette-text-secondary)',\n  },\n  primary: {\n    '--text-hue': 'var(--mui-palette-primary-main)',\n    '--text-color': 'var(--mui-palette-primary-dark)',\n    '--text-pulse-color': 'var(--mui-palette-primary-light)',\n  },\n  secondary: {\n    '--text-hue': 'var(--mui-palette-secondary-main)',\n    '--text-color': 'var(--mui-palette-secondary-dark)',\n    '--text-pulse-color': 'var(--mui-palette-secondary-light)',\n  },\n  error: {\n    '--text-hue': 'var(--mui-palette-error-main)',\n    '--text-color': 'var(--mui-palette-error-dark)',\n    '--text-pulse-color': 'var(--mui-palette-error-light)',\n  },\n  info: {\n    '--text-hue': 'var(--mui-palette-info-main)',\n    '--text-color': 'var(--mui-palette-info-dark)',\n    '--text-pulse-color': 'var(--mui-palette-info-light)',\n  },\n  success: {\n    '--text-hue': 'var(--mui-palette-success-main)',\n    '--text-color': 'var(--mui-palette-success-dark)',\n    '--text-pulse-color': 'var(--mui-palette-success-light)',\n  },\n  warning: {\n    '--text-hue': 'var(--mui-palette-warning-main)',\n    '--text-color': 'var(--mui-palette-warning-dark)',\n    '--text-pulse-color': 'var(--mui-palette-warning-light)',\n  },\n  system: {\n    '--text-hue': 'var(--mui-palette-system-main)',\n    '--text-color': 'var(--mui-palette-system-dark)',\n    '--text-pulse-color': 'var(--mui-palette-system-light)',\n  },\n  insight: {\n    '--text-hue': 'var(--mui-palette-insight-main)',\n    '--text-color': 'var(--mui-palette-insight-dark)',\n    '--text-pulse-color': 'var(--mui-palette-insight-light)',\n  },\n}\n","import type { CSSProperties } from 'react'\nimport { AnimatedPendingIcon, AnimatedLoadingIcon } from '@/icons'\n\nimport LoadingText, { type LoadingTextProps } from './LoadingText'\n\nexport type LoadingVariant = 'circle' | 'hash' | 'text'\n\nexport type LoadingProps = {\n  variant?: LoadingVariant\n  size?: CSSProperties['width']\n} & Omit<LoadingTextProps, 'variant'>\n\nexport default function Loading(p: LoadingProps) {\n  const { variant = 'circle', size = '50px', ...textProps } = p\n\n  if (variant === 'text') {\n    return <LoadingText {...textProps} />\n  }\n\n  if (variant === 'hash') {\n    return <AnimatedPendingIcon size={size} />\n  }\n\n  return (\n    <AnimatedLoadingIcon\n      sx={{\n        fontSize: size,\n      }}\n    />\n  )\n}\n","import { Modal } from '@/ele/Modal'\nimport { Box } from '@/ele/Box'\n\nimport Loading from './Loading'\n\nexport default function LoadingModal({\n  open,\n  slotProps,\n}:{\n  open:React.ComponentProps<typeof Modal>['open'];\n  slotProps?:{\n    loading?:React.ComponentProps<typeof Loading>;\n  };\n}){\n\n  return (<Modal\n    open={open}\n    sx={{\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <Box sx={{\n     \n    }}>\n      <Loading \n        size={\"100px\"}\n        {...slotProps?.loading} \n      />\n    </Box>\n  </Modal>)\n}"],"mappings":"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","names":["default","jsx","jsx","default"]}

package/dist/chunk-EEH7HACG.mjs

@@ -0,0 +1,249 @@
+import {
+  IconButton_default
+} from "./chunk-JIU5GVM7.mjs";
+import {
+  default108 as default3,
+  default126 as default4,
+  default130 as default5,
+  default131 as default6,
+  default69 as default2
+} from "./chunk-ZVFYOXDE.mjs";
+
+// src/components/elemental/DatePicker/src/MuiXDatePicker.tsx
+import { LocalizationProvider } from "@mui/x-date-pickers/LocalizationProvider";
+import { DatePicker as MUIDatePicker } from "@mui/x-date-pickers/DatePicker";
+import { AdapterDayjs } from "@mui/x-date-pickers/AdapterDayjs";
+
+// src/components/elemental/DatePicker/src/_shared.tsx
+import React from "react";
+import {
+  PickersTextField
+} from "@mui/x-date-pickers/PickersTextField";
+import { usePickerContext } from "@mui/x-date-pickers/hooks";
+import { styled } from "@mui/material/styles";
+import DialogActions from "@mui/material/DialogActions";
+import { jsx } from "react/jsx-runtime";
+var MyPickersTextField = React.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx(PickersTextField, { size: "small", ...props, ref })
+);
+var PickersActionBarRoot = styled(DialogActions, {
+  name: "MuiPickersLayout",
+  slot: "ActionBar"
+})({});
+var MyActionBar = (props) => {
+  const { actions, ...other } = props;
+  const {
+    clearValue,
+    setValueToToday,
+    acceptValueChanges,
+    cancelValueChanges,
+    goToNextStep,
+    hasNextStep
+  } = usePickerContext();
+  if (actions == null || actions.length === 0) {
+    return null;
+  }
+  const buttons = actions.map((actionType) => {
+    switch (actionType) {
+      case "clear":
+        return /* @__PURE__ */ jsx(IconButton_default, { "data-testid": "clear-action-button", onClick: clearValue, title: "clear", children: /* @__PURE__ */ jsx(default6, { fontSize: "small" }) }, actionType);
+      case "cancel":
+        return /* @__PURE__ */ jsx(IconButton_default, { onClick: cancelValueChanges, title: "cancel", children: /* @__PURE__ */ jsx(default3, { fontSize: "small" }) }, actionType);
+      case "accept":
+        return /* @__PURE__ */ jsx(IconButton_default, { onClick: acceptValueChanges, title: "accept", children: /* @__PURE__ */ jsx(default2, { fontSize: "small" }) }, actionType);
+      case "today":
+        return /* @__PURE__ */ jsx(IconButton_default, { "data-testid": "today-action-button", onClick: setValueToToday, title: "today", children: /* @__PURE__ */ jsx(default5, { fontSize: "small" }) }, actionType);
+      case "next":
+        return /* @__PURE__ */ jsx(IconButton_default, { onClick: goToNextStep, title: "next", children: /* @__PURE__ */ jsx(default4, { fontSize: "small" }) }, actionType);
+      case "nextOrAccept":
+        if (hasNextStep) {
+          return /* @__PURE__ */ jsx(IconButton_default, { onClick: goToNextStep, title: "next", children: /* @__PURE__ */ jsx(default4, { fontSize: "small" }) }, actionType);
+        }
+        return /* @__PURE__ */ jsx(IconButton_default, { onClick: acceptValueChanges, title: "accept", children: /* @__PURE__ */ jsx(default2, { fontSize: "small" }) }, actionType);
+      default:
+        return null;
+    }
+  });
+  return /* @__PURE__ */ jsx(PickersActionBarRoot, { ...other, children: buttons });
+};
+
+// src/components/elemental/DatePicker/src/MuiXDatePicker.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var MuiXDatePicker = (props) => {
+  return /* @__PURE__ */ jsx2(LocalizationProvider, { dateAdapter: AdapterDayjs, children: /* @__PURE__ */ jsx2(
+    MUIDatePicker,
+    {
+      showDaysOutsideCurrentMonth: true,
+      ...props,
+      slotProps: {
+        actionBar: {
+          actions: ["clear", "today", "cancel", "accept"]
+        },
+        ...props.slotProps || {}
+      },
+      slots: {
+        actionBar: MyActionBar,
+        textField: MyPickersTextField,
+        ...props.slots || {}
+      }
+    }
+  ) });
+};
+var MuiXDatePicker_default = MuiXDatePicker;
+
+// src/components/elemental/DatePicker/src/MuiXDateTimePicker.tsx
+import { LocalizationProvider as LocalizationProvider2 } from "@mui/x-date-pickers/LocalizationProvider";
+import { DateTimePicker as MUIDateTimePicker } from "@mui/x-date-pickers/DateTimePicker";
+import { AdapterDayjs as AdapterDayjs2 } from "@mui/x-date-pickers/AdapterDayjs";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var MuiXDateTimePicker = (props) => {
+  return /* @__PURE__ */ jsx3(LocalizationProvider2, { dateAdapter: AdapterDayjs2, children: /* @__PURE__ */ jsx3(
+    MUIDateTimePicker,
+    {
+      showDaysOutsideCurrentMonth: true,
+      ...props,
+      slotProps: {
+        actionBar: {
+          actions: ["clear", "today", "cancel", "accept"]
+        },
+        ...props.slotProps || {}
+      },
+      slots: {
+        actionBar: MyActionBar,
+        textField: MyPickersTextField,
+        ...props.slots || {}
+      }
+    }
+  ) });
+};
+var MuiXDateTimePicker_default = MuiXDateTimePicker;
+
+// src/components/elemental/DatePicker/src/theme.ts
+var datePickerTheme = {
+  defaultProps: {
+    slotProps: {
+      popper: {
+        sx: {
+          "& .MuiPaper-root": {
+            borderRadius: "20px",
+            background: "var(--mui-palette-background-default)",
+            border: "solid 1px var(--mui-palette-border-1)"
+          }
+        }
+      }
+    }
+  }
+};
+var dateTimePickerTheme = {
+  defaultProps: {
+    slotProps: {
+      popper: {
+        sx: {
+          "& .MuiPaper-root": {
+            borderRadius: "20px",
+            background: "var(--mui-palette-background-default)",
+            border: "solid 1px var(--mui-palette-border-1)"
+          }
+        }
+      }
+    }
+  }
+};
+var dateCalendarTheme = {
+  defaultProps: {
+    slotProps: {}
+  },
+  styleOverrides: {
+    root: {
+      borderRadius: "20px"
+    }
+  }
+};
+var pickersCalendarHeaderTheme = {
+  defaultProps: {
+    slotProps: {
+      previousIconButton: { size: "small" },
+      nextIconButton: { size: "small" },
+      switchViewIcon: { fontSize: "small" }
+    }
+  },
+  styleOverrides: {
+    root: {},
+    label: {}
+  }
+};
+var pickersDayTheme = {
+  defaultProps: {},
+  styleOverrides: {
+    root: {
+      "&.Mui-selected.MuiButtonBase-root": {
+        color: "var(--mui-palette-error-main)",
+        backgroundColor: "var(--mui-palette-focus-1)",
+        "&:hover": {
+          backgroundColor: "var(--mui-palette-focus-1-hover)"
+        }
+      },
+      "&.MuiPickersDay-today": {
+        borderColor: "var(--mui-palette-focus-1)"
+      }
+    },
+    dayOutsideMonth: {
+      color: "var(--mui-palette-text-disabled)"
+    }
+  }
+};
+var multiSectionDigitalClockTheme = {
+  defaultProps: {
+    slotProps: {
+      digitalClockSectionItem: {
+        dense: true
+      }
+    }
+  },
+  styleOverrides: {
+    root: {
+      "&": { paddingRight: "4px" },
+      "& .MuiMultiSectionDigitalClockSection-root": {
+        scrollbarWidth: "inherit",
+        "& li": {
+          borderRadius: "var(--mui-shape-borderRadius)",
+          "&::before": {
+            borderRadius: "var(--mui-shape-borderRadius)"
+          },
+          "&.Mui-selected": {
+            backgroundColor: "transparent"
+          }
+        }
+      }
+    }
+  }
+};
+var pickersInputBaseTheme = {
+  styleOverrides: {
+    root: {
+      "&.Mui-focused:not(.Mui-error) fieldset.MuiPickersOutlinedInput-notchedOutline": {
+        borderColor: "var(--mui-palette-text-secondary)"
+      },
+      "&.MuiPickersInputBase-root": {
+        "& .MuiButtonBase-root": {
+          "& > svg": {
+            fontSize: "1.25rem"
+          }
+        }
+      }
+    }
+  }
+};
+
+export {
+  MuiXDatePicker_default,
+  MuiXDateTimePicker_default,
+  datePickerTheme,
+  dateTimePickerTheme,
+  dateCalendarTheme,
+  pickersCalendarHeaderTheme,
+  pickersDayTheme,
+  multiSectionDigitalClockTheme,
+  pickersInputBaseTheme
+};
+//# sourceMappingURL=chunk-EEH7HACG.mjs.map

package/dist/chunk-EEH7HACG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/elemental/DatePicker/src/MuiXDatePicker.tsx","../src/components/elemental/DatePicker/src/_shared.tsx","../src/components/elemental/DatePicker/src/MuiXDateTimePicker.tsx","../src/components/elemental/DatePicker/src/theme.ts"],"sourcesContent":["import React from 'react'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\nimport { DatePicker as MUIDatePicker } from '@mui/x-date-pickers/DatePicker'\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\n\nimport { MyPickersTextField, MyActionBar } from './_shared'\n\nexport const MuiXDatePicker: React.FC<React.ComponentProps<typeof MUIDatePicker>> = (props) => {\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <MUIDatePicker \n        showDaysOutsideCurrentMonth\n        \n        {...props} \n        slotProps={{\n          actionBar: {\n            actions: ['clear', 'today', 'cancel', 'accept'],\n          },\n          ...(props.slotProps || {}),\n        }}\n        slots={{\n          actionBar: MyActionBar,\n          textField: MyPickersTextField,\n          ...(props.slots || {}),\n        }}\n      />\n    </LocalizationProvider>\n  )\n}\n\nexport default MuiXDatePicker","import React from 'react'\nimport {\n  PickersTextField,\n  PickersTextFieldProps,\n} from '@mui/x-date-pickers/PickersTextField'\nimport { PickersActionBarProps } from '@mui/x-date-pickers/PickersActionBar'\nimport { usePickerContext } from '@mui/x-date-pickers/hooks'\nimport { styled } from '@mui/material/styles'\nimport DialogActions from '@mui/material/DialogActions'\nimport {\n  CheckIcon,\n  TodayIcon,\n  ClearIcon,\n  NavigateNextIcon as NextIcon,\n  DeleteForeverIcon,\n} from '@/icons/MuiIcon'\n\nimport { IconButton } from '@/ele/Button'\n\nexport const MyPickersTextField = React.forwardRef(\n  (props: PickersTextFieldProps, ref: React.Ref<HTMLDivElement>) => (\n    <PickersTextField size=\"small\" {...props} ref={ref} />\n  ),\n)\n\n/**\n * Reference: https://github.com/mui/mui-x/blob/v8.26.0/packages/x-date-pickers/src/PickersActionBar/PickersActionBar.tsx\n */\nexport const PickersActionBarRoot = styled(DialogActions, {\n  name: 'MuiPickersLayout',\n  slot: 'ActionBar',\n})({})\n\nexport const MyActionBar: React.FC<PickersActionBarProps> = (props) => {\n  const { actions, ...other } = props\n  const {\n    clearValue,\n    setValueToToday,\n    acceptValueChanges,\n    cancelValueChanges,\n    goToNextStep,\n    hasNextStep,\n  } = usePickerContext()\n\n  if (actions == null || actions.length === 0) {\n    return null\n  }\n\n  const buttons = actions.map((actionType) => {\n    switch (actionType) {\n      case 'clear':\n        return (\n          <IconButton data-testid=\"clear-action-button\" onClick={clearValue} key={actionType} title=\"clear\">\n            <DeleteForeverIcon fontSize=\"small\" />\n          </IconButton>\n        )\n      case 'cancel':\n        return (\n          <IconButton onClick={cancelValueChanges} key={actionType} title=\"cancel\">\n            <ClearIcon fontSize=\"small\" />\n          </IconButton>\n        )\n      case 'accept':\n        return (\n          <IconButton onClick={acceptValueChanges} key={actionType} title=\"accept\">\n            <CheckIcon fontSize=\"small\" />\n          </IconButton>\n        )\n      case 'today':\n        return (\n          <IconButton data-testid=\"today-action-button\" onClick={setValueToToday} key={actionType} title=\"today\">\n            <TodayIcon fontSize=\"small\" />\n          </IconButton>\n        )\n      case 'next':\n        return (\n          <IconButton onClick={goToNextStep} key={actionType} title=\"next\">\n            <NextIcon fontSize=\"small\" />\n          </IconButton>\n        )\n      case 'nextOrAccept':\n        if (hasNextStep) {\n          return (\n            <IconButton onClick={goToNextStep} key={actionType} title=\"next\">\n              <NextIcon fontSize=\"small\" />\n            </IconButton>\n          )\n        }\n        return (\n          <IconButton onClick={acceptValueChanges} key={actionType} title=\"accept\">\n            <CheckIcon fontSize=\"small\" />\n          </IconButton>\n        )\n      default:\n        return null\n    }\n  })\n\n  return <PickersActionBarRoot {...other}>{buttons}</PickersActionBarRoot>\n}\n","import React from 'react'\nimport { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider'\nimport { DateTimePicker as MUIDateTimePicker } from '@mui/x-date-pickers/DateTimePicker'\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs'\n\nimport { MyPickersTextField, MyActionBar } from './_shared'\n\nexport const MuiXDateTimePicker: React.FC<React.ComponentProps<typeof MUIDateTimePicker>> = (props) => {\n\n  return (\n    <LocalizationProvider dateAdapter={AdapterDayjs}>\n      <MUIDateTimePicker \n        showDaysOutsideCurrentMonth\n        \n        {...props} \n        slotProps={{\n          actionBar: {\n            actions: ['clear', 'today', 'cancel', 'accept'],\n          },\n          ...(props.slotProps || {}),\n        }}\n        slots={{\n          actionBar: MyActionBar,\n          textField: MyPickersTextField,\n          ...(props.slots || {}),\n        }}\n      />\n    </LocalizationProvider>\n  )\n}\n\nexport default MuiXDateTimePicker\n","import type { MuiComponentTheme } from '@/_utils/_types'\n\nexport const datePickerTheme = {\n  defaultProps: {\n    slotProps: {\n      popper: {\n        sx: {\n          \"& .MuiPaper-root\": {\n            borderRadius: '20px',\n            background: 'var(--mui-palette-background-default)',\n            border: 'solid 1px var(--mui-palette-border-1)',\n          },\n        },\n      }\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiDatePicker'>\nexport const dateTimePickerTheme = {\n  defaultProps: {\n    slotProps: {\n      popper: {\n        sx: {\n          \"& .MuiPaper-root\": {\n            borderRadius: '20px',\n            background: 'var(--mui-palette-background-default)',\n            border: 'solid 1px var(--mui-palette-border-1)',\n          },\n        },\n      }\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiDateTimePicker'>\n\nexport const dateCalendarTheme = {\n  defaultProps: {\n    slotProps: {},\n  },\n  styleOverrides: {\n    root: {\n      borderRadius: '20px',\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiDateCalendar'>\n\nexport const pickersCalendarHeaderTheme = {\n  defaultProps: {\n    slotProps: {\n      previousIconButton: { size: 'small' },\n      nextIconButton: { size: 'small' },\n      switchViewIcon: { fontSize: 'small' },\n    },\n  },\n  styleOverrides: {\n    root: {},\n    label: {},\n  },\n} as const satisfies MuiComponentTheme<'MuiPickersCalendarHeader'>\n\nexport const pickersDayTheme = {\n  defaultProps: {},\n  styleOverrides: {\n    root: {\n      '&.Mui-selected.MuiButtonBase-root': {\n        color: 'var(--mui-palette-error-main)',\n        backgroundColor: 'var(--mui-palette-focus-1)',\n        \"&:hover\": {\n          backgroundColor: 'var(--mui-palette-focus-1-hover)',\n        },\n      },\n      \"&.MuiPickersDay-today\": {\n        borderColor:\"var(--mui-palette-focus-1)\",\n      },\n    },\n    dayOutsideMonth: {\n      color:'var(--mui-palette-text-disabled)',\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiPickersDay'>\n\nexport const multiSectionDigitalClockTheme = {\n  defaultProps: {\n    slotProps: {\n      digitalClockSectionItem: {\n        dense: true,\n      },\n    }\n  },\n  styleOverrides: {\n    root: {\n      '&': { paddingRight: '4px' },\n      '& .MuiMultiSectionDigitalClockSection-root': {\n        scrollbarWidth: 'inherit',\n        '& li': {\n          borderRadius: 'var(--mui-shape-borderRadius)',\n          '&::before': {\n            borderRadius: 'var(--mui-shape-borderRadius)',\n          },\n          \"&.Mui-selected\": {\n            backgroundColor:\"transparent\",\n          },\n        },\n\n      },\n    },\n  },\n} as const satisfies MuiComponentTheme<'MuiMultiSectionDigitalClock'>\n\nexport const pickersInputBaseTheme = {\n  styleOverrides: {\n    root: {\n      \"&.Mui-focused:not(.Mui-error) fieldset.MuiPickersOutlinedInput-notchedOutline\": {\n        borderColor:\"var(--mui-palette-text-secondary)\",\n      },\n      \"&.MuiPickersInputBase-root\": {\n        \"& .MuiButtonBase-root\": {\n          \"& > svg\": {\n            fontSize: '1.25rem',\n          },\n        },\n      },\n    },\n  },\n\n} as const satisfies MuiComponentTheme<'MuiPickersInputBase'>"],"mappings":"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","names":["default","jsx","LocalizationProvider","AdapterDayjs","jsx","LocalizationProvider","AdapterDayjs"]}