@televet/kibble-ui 5.0.27-frank.5 → 5.0.27-frank.6

package/dist/chunks/calendar.component-CFBrrBSJ.js

@@ -0,0 +1,2 @@
+"use strict";const s=require("./jsx-runtime-BjDatQAs.js"),h=require("./index-BQRnVsAg.js"),o=require("./datePicker.provider-i35-VNAb.js"),D=require("./divider.component-BX3zyB7O.js"),b=require("./button.component-DjdgBXDC.js"),x=require("./format-CK7Imh-5.js"),u=require("./endOfMonth-ClO3w4vF.js"),E={today:"Today",thisWeek:"This Week",thisMonth:"This Month"},k=({footer:e,["data-testid"]:d="kibble-calendar-footer"})=>{const{goToDate:a,onDateSelect:n,onQuickOptionSelect:i,firstDayOfWeek:l}=o.useDatePickerContext(),m=()=>{if(e.type==="custom"){e.onClick();return}const r=new Date;switch(e.value){case"today":{const t=x.startOfDay(r);a(t),n(t);break}case"thisWeek":{const t=l??1,c=x.startOfWeek(r,{weekStartsOn:t}),R=u.endOfWeek(r,{weekStartsOn:t});a(c),i({startDate:c,endDate:R});break}case"thisMonth":{const t=u.startOfMonth(r),c=u.endOfMonth(r);a(t),i({startDate:t,endDate:c});break}}e.onClick?.()},j=e.type==="custom"?e.label:e.label??E[e.value];return s.jsxRuntimeExports.jsx(h.Box,{"data-testid":d,bg:"background.secondaryAlpha",borderRadius:"md",p:2,w:"full",children:s.jsxRuntimeExports.jsx(b.Button,{variant:"secondarySubtle",size:"md",w:"full",onClick:m,children:j})})},y=new Set(["thisWeek","thisMonth"]),p=e=>y.has(e),C=({["data-testid"]:e="kibble-calendar",withDateRange:d=!0,withHeaderTriggers:a=!1,footer:n,...i})=>{const l=d||n?.type==="preset"&&p(n.value);return s.jsxRuntimeExports.jsx(h.Box,{className:"Calendar","data-testid":e,maxW:n?"360px":"340px",children:s.jsxRuntimeExports.jsxs(o.DatePickerProvider,{withDateRange:l,...i,standalone:!0,children:[s.jsxRuntimeExports.jsx(o.DatePickerHeader,{withTriggers:a}),s.jsxRuntimeExports.jsx(D.Divider,{}),s.jsxRuntimeExports.jsx(o.DatePickerCalendar,{}),n&&s.jsxRuntimeExports.jsx(k,{footer:n})]})})};exports.Calendar=C;exports.CalendarFooterButton=k;exports.isRangePreset=p;
+//# sourceMappingURL=calendar.component-CFBrrBSJ.js.map

package/dist/chunks/calendar.component-CFBrrBSJ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.component-CFBrrBSJ.js","sources":["../../src/components/Calendar/calendarFooterButton.component.tsx","../../src/components/Calendar/calendar.utils.ts","../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Button } from 'components/Button/button.component';\nimport { useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport startOfDay from 'date-fns/startOfDay';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport endOfWeek from 'date-fns/endOfWeek';\nimport endOfMonth from 'date-fns/endOfMonth';\n\n/**\n * The built-in preset values for CalendarFooterButton.\n *\n * Intentionally kept as plain string literals rather than re-using\n * DateTimePickerDefaultOptionValue to avoid a duplicate star-export conflict:\n * both Calendar and DateTimePicker barrel-export from components/index.ts,\n * and TypeScript silently drops ambiguous re-exports when two barrels supply\n * the same identifier. Keeping CalendarPreset self-contained prevents that\n * collision and makes the Calendar API standalone.\n */\nexport type CalendarPreset = 'today' | 'thisWeek' | 'thisMonth';\n\nexport interface CalendarFooterPresetConfig {\n  type: 'preset';\n  /** The built-in preset to apply when the button is clicked. */\n  value: CalendarPreset;\n  /**\n   * Override the button label.\n   * Defaults: 'today' → 'Today', 'thisWeek' → 'This Week', 'thisMonth' → 'This Month'.\n   */\n  label?: string;\n  /** Optional callback fired after the preset date is selected. */\n  onClick?: () => void;\n}\n\nexport interface CalendarFooterCustomConfig {\n  type: 'custom';\n  /** Button label — required for custom type. */\n  label: string;\n  /** Handler called when the button is clicked. Full control — no date selection is performed. */\n  onClick: () => void;\n}\n\nexport type CalendarFooterConfig = CalendarFooterPresetConfig | CalendarFooterCustomConfig;\n\nconst PRESET_LABELS: Record<CalendarPreset, string> = {\n  today: 'Today',\n  thisWeek: 'This Week',\n  thisMonth: 'This Month',\n};\n\ninterface CalendarFooterButtonProps {\n  footer: CalendarFooterConfig;\n  /** Data test id for the footer container.\n   * @default kibble-calendar-footer\n   */\n  'data-testid'?: string;\n}\n\nexport const CalendarFooterButton = ({\n  footer,\n  ['data-testid']: dataTestId = 'kibble-calendar-footer',\n}: CalendarFooterButtonProps): React.JSX.Element => {\n  const { goToDate, onDateSelect, onQuickOptionSelect, firstDayOfWeek } = useDatePickerContext();\n\n  const handleClick = (): void => {\n    if (footer.type === 'custom') {\n      footer.onClick();\n      return;\n    }\n\n    const today = new Date();\n\n    switch (footer.value) {\n      case 'today': {\n        const date = startOfDay(today);\n        goToDate(date);\n        onDateSelect(date);\n        break;\n      }\n      case 'thisWeek': {\n        const weekStartsOn = (firstDayOfWeek ?? 1) as 0 | 1 | 2 | 3 | 4 | 5 | 6;\n        const start = startOfWeek(today, { weekStartsOn });\n        const end = endOfWeek(today, { weekStartsOn });\n        goToDate(start);\n        // onQuickOptionSelect sets both dates atomically, avoiding the two-click range flow\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n      case 'thisMonth': {\n        const start = startOfMonth(today);\n        const end = endOfMonth(today);\n        goToDate(start);\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n    }\n\n    footer.onClick?.();\n  };\n\n  const label = footer.type === 'custom' ? footer.label : (footer.label ?? PRESET_LABELS[footer.value]);\n\n  return (\n    <Box data-testid={dataTestId} bg=\"background.secondaryAlpha\" borderRadius=\"md\" p={2} w=\"full\">\n      <Button variant=\"secondarySubtle\" size=\"md\" w=\"full\" onClick={handleClick}>\n        {label}\n      </Button>\n    </Box>\n  );\n};\n","import { CalendarPreset } from './calendarFooterButton.component';\n\n// Explicit allowlist — new presets default to single-day unless listed here\nconst RANGE_PRESETS = new Set<CalendarPreset>(['thisWeek', 'thisMonth']);\n\n/** Returns true when the preset requires date range selection (week, month). */\nexport const isRangePreset = (value: CalendarPreset): boolean => RANGE_PRESETS.has(value);\n","import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { Divider } from 'components/Divider';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\nimport { CalendarFooterButton, CalendarFooterConfig } from './calendarFooterButton.component';\nimport { isRangePreset } from './calendar.utils';\n\nexport interface CalendarProps extends DateProps {\n  /** Data test id for the calendar.\n   * @default kibble-calendar\n   */\n  'data-testid'?: string;\n  /**\n   * If true, the calendar will allow for a date range selection.\n   * @default true\n   */\n  withDateRange?: boolean;\n  /**\n   * If true, the calendar will show the month and year selectors in the header.\n   * @default false\n   */\n  withHeaderTriggers?: boolean;\n  /**\n   * Optional footer button configuration. Renders a styled button below the calendar grid.\n   *\n   * Use `type: 'preset'` for built-in shortcuts ('today' | 'thisWeek' | 'thisMonth') — the\n   * component handles the date selection logic automatically.\n   *\n   * Use `type: 'custom'` to supply your own label and click handler with no built-in date logic.\n   *\n   * @example\n   * // Preset\n   * footer={{ type: 'preset', value: 'today', onClick: () => setOpen(false) }}\n   *\n   * @example\n   * // Custom\n   * footer={{ type: 'custom', label: 'Reset', onClick: handleReset }}\n   */\n  footer?: CalendarFooterConfig;\n}\n\nexport const Calendar = ({\n  ['data-testid']: dataTestId = 'kibble-calendar',\n  withDateRange = true,\n  withHeaderTriggers = false,\n  footer,\n  ...rest\n}: CalendarProps): React.JSX.Element => {\n  // Range presets (thisWeek, thisMonth) require date range mode regardless of the withDateRange prop\n  const effectiveDateRange = withDateRange || (footer?.type === 'preset' && isRangePreset(footer.value));\n\n  return (\n    <Box className=\"Calendar\" data-testid={dataTestId} maxW={footer ? '360px' : '340px'}>\n      <DatePickerProvider withDateRange={effectiveDateRange} {...rest} standalone>\n        <DatePickerHeader withTriggers={withHeaderTriggers} />\n        <Divider />\n        <DatePickerCalendar />\n        {footer && <CalendarFooterButton footer={footer} />}\n      </DatePickerProvider>\n    </Box>\n  );\n};\n"],"names":["PRESET_LABELS","CalendarFooterButton","footer","dataTestId","goToDate","onDateSelect","onQuickOptionSelect","firstDayOfWeek","useDatePickerContext","handleClick","today","date","startOfDay","weekStartsOn","start","startOfWeek","end","endOfWeek","startOfMonth","endOfMonth","label","jsx","Box","Button","RANGE_PRESETS","isRangePreset","value","Calendar","withDateRange","withHeaderTriggers","rest","effectiveDateRange","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":"2SA6CMA,EAAgD,CACpD,MAAO,QACP,SAAU,YACV,UAAW,YACb,EAUaC,EAAuB,CAAC,CACnC,OAAAC,EACA,CAAC,eAAgBC,EAAa,wBAChC,IAAoD,CAClD,KAAM,CAAE,SAAAC,EAAU,aAAAC,EAAc,oBAAAC,EAAqB,eAAAC,CAAA,EAAmBC,EAAAA,qBAAqB,EAEvFC,EAAc,IAAY,CAC1B,GAAAP,EAAO,OAAS,SAAU,CAC5BA,EAAO,QAAQ,EACf,MAAA,CAGI,MAAAQ,MAAY,KAElB,OAAQR,EAAO,MAAO,CACpB,IAAK,QAAS,CACN,MAAAS,EAAOC,aAAWF,CAAK,EAC7BN,EAASO,CAAI,EACbN,EAAaM,CAAI,EACjB,KAAA,CAEF,IAAK,WAAY,CACf,MAAME,EAAgBN,GAAkB,EAClCO,EAAQC,EAAA,YAAYL,EAAO,CAAE,aAAAG,EAAc,EAC3CG,EAAMC,EAAA,UAAUP,EAAO,CAAE,aAAAG,EAAc,EAC7CT,EAASU,CAAK,EAEdR,EAAoB,CAAE,UAAWQ,EAAO,QAASE,EAAK,EACtD,KAAA,CAEF,IAAK,YAAa,CACV,MAAAF,EAAQI,eAAaR,CAAK,EAC1BM,EAAMG,aAAWT,CAAK,EAC5BN,EAASU,CAAK,EACdR,EAAoB,CAAE,UAAWQ,EAAO,QAASE,EAAK,EACtD,KAAA,CACF,CAGFd,EAAO,UAAU,CACnB,EAEMkB,EAAQlB,EAAO,OAAS,SAAWA,EAAO,MAASA,EAAO,OAASF,EAAcE,EAAO,KAAK,EAGjG,OAAAmB,EAAA,kBAAA,IAACC,OAAI,cAAanB,EAAY,GAAG,4BAA4B,aAAa,KAAK,EAAG,EAAG,EAAE,OACrF,SAACkB,EAAA,kBAAA,IAAAE,EAAA,OAAA,CAAO,QAAQ,kBAAkB,KAAK,KAAK,EAAE,OAAO,QAASd,EAC3D,SAAAW,CAAA,CACH,CACF,CAAA,CAEJ,EC3GMI,EAAoB,IAAA,IAAoB,CAAC,WAAY,WAAW,CAAC,EAG1DC,EAAiBC,GAAmCF,EAAc,IAAIE,CAAK,ECsC3EC,EAAW,CAAC,CACvB,CAAC,eAAgBxB,EAAa,kBAC9B,cAAAyB,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,OAAA3B,EACA,GAAG4B,CACL,IAAwC,CAEtC,MAAMC,EAAqBH,GAAkB1B,GAAQ,OAAS,UAAYuB,EAAcvB,EAAO,KAAK,EAEpG,+BACGoB,MAAI,CAAA,UAAU,WAAW,cAAanB,EAAY,KAAMD,EAAS,QAAU,QAC1E,kCAAC8B,EAAmB,mBAAA,CAAA,cAAeD,EAAqB,GAAGD,EAAM,WAAU,GACzE,SAAA,CAACT,EAAAA,kBAAAA,IAAAY,EAAA,iBAAA,CAAiB,aAAcJ,CAAoB,CAAA,0BACnDK,EAAQ,QAAA,EAAA,0BACRC,EAAmB,mBAAA,EAAA,EACnBjC,GAAWmB,EAAA,kBAAA,IAAApB,EAAA,CAAqB,OAAAC,CAAgB,CAAA,CAAA,CAAA,CACnD,CACF,CAAA,CAEJ"}

package/dist/chunks/calendar.component-Dz_YhuJT.js

@@ -0,0 +1,62 @@
+import { j as a } from "./jsx-runtime-C5mzlN2N.js";
+import { B as l } from "./index-9BerxEcw.js";
+import { u, a as p, b as D, c as x } from "./datePicker.provider-C1vLiJEb.js";
+import { D as b } from "./divider.component-CFOh4Nw3.js";
+import { B as y } from "./button.component-BO6oee_V.js";
+import { s as f, a as j } from "./format-dJJ72A--.js";
+import { s as C, e as S, a as g } from "./endOfMonth-D0kCU08_.js";
+const w = {
+  today: "Today",
+  thisWeek: "This Week",
+  thisMonth: "This Month"
+}, O = ({
+  footer: t,
+  ["data-testid"]: o = "kibble-calendar-footer"
+}) => {
+  const { goToDate: n, onDateSelect: s, onQuickOptionSelect: i, firstDayOfWeek: d } = u(), h = () => {
+    if (t.type === "custom") {
+      t.onClick();
+      return;
+    }
+    const r = /* @__PURE__ */ new Date();
+    switch (t.value) {
+      case "today": {
+        const e = j(r);
+        n(e), s(e);
+        break;
+      }
+      case "thisWeek": {
+        const e = d ?? 1, c = f(r, { weekStartsOn: e }), m = g(r, { weekStartsOn: e });
+        n(c), i({ startDate: c, endDate: m });
+        break;
+      }
+      case "thisMonth": {
+        const e = C(r), c = S(r);
+        n(e), i({ startDate: e, endDate: c });
+        break;
+      }
+    }
+    t.onClick?.();
+  }, k = t.type === "custom" ? t.label : t.label ?? w[t.value];
+  return /* @__PURE__ */ a.jsx(l, { "data-testid": o, bg: "background.secondaryAlpha", borderRadius: "md", p: 2, w: "full", children: /* @__PURE__ */ a.jsx(y, { variant: "secondarySubtle", size: "md", w: "full", onClick: h, children: k }) });
+}, P = /* @__PURE__ */ new Set(["thisWeek", "thisMonth"]), R = (t) => P.has(t), L = ({
+  ["data-testid"]: t = "kibble-calendar",
+  withDateRange: o = !0,
+  withHeaderTriggers: n = !1,
+  footer: s,
+  ...i
+}) => {
+  const d = o || s?.type === "preset" && R(s.value);
+  return /* @__PURE__ */ a.jsx(l, { className: "Calendar", "data-testid": t, maxW: s ? "360px" : "340px", children: /* @__PURE__ */ a.jsxs(p, { withDateRange: d, ...i, standalone: !0, children: [
+    /* @__PURE__ */ a.jsx(D, { withTriggers: n }),
+    /* @__PURE__ */ a.jsx(b, {}),
+    /* @__PURE__ */ a.jsx(x, {}),
+    s && /* @__PURE__ */ a.jsx(O, { footer: s })
+  ] }) });
+};
+export {
+  L as C,
+  O as a,
+  R as i
+};
+//# sourceMappingURL=calendar.component-Dz_YhuJT.js.map

package/dist/chunks/calendar.component-Dz_YhuJT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.component-Dz_YhuJT.js","sources":["../../src/components/Calendar/calendarFooterButton.component.tsx","../../src/components/Calendar/calendar.utils.ts","../../src/components/Calendar/calendar.component.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Button } from 'components/Button/button.component';\nimport { useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport startOfDay from 'date-fns/startOfDay';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport endOfWeek from 'date-fns/endOfWeek';\nimport endOfMonth from 'date-fns/endOfMonth';\n\n/**\n * The built-in preset values for CalendarFooterButton.\n *\n * Intentionally kept as plain string literals rather than re-using\n * DateTimePickerDefaultOptionValue to avoid a duplicate star-export conflict:\n * both Calendar and DateTimePicker barrel-export from components/index.ts,\n * and TypeScript silently drops ambiguous re-exports when two barrels supply\n * the same identifier. Keeping CalendarPreset self-contained prevents that\n * collision and makes the Calendar API standalone.\n */\nexport type CalendarPreset = 'today' | 'thisWeek' | 'thisMonth';\n\nexport interface CalendarFooterPresetConfig {\n  type: 'preset';\n  /** The built-in preset to apply when the button is clicked. */\n  value: CalendarPreset;\n  /**\n   * Override the button label.\n   * Defaults: 'today' → 'Today', 'thisWeek' → 'This Week', 'thisMonth' → 'This Month'.\n   */\n  label?: string;\n  /** Optional callback fired after the preset date is selected. */\n  onClick?: () => void;\n}\n\nexport interface CalendarFooterCustomConfig {\n  type: 'custom';\n  /** Button label — required for custom type. */\n  label: string;\n  /** Handler called when the button is clicked. Full control — no date selection is performed. */\n  onClick: () => void;\n}\n\nexport type CalendarFooterConfig = CalendarFooterPresetConfig | CalendarFooterCustomConfig;\n\nconst PRESET_LABELS: Record<CalendarPreset, string> = {\n  today: 'Today',\n  thisWeek: 'This Week',\n  thisMonth: 'This Month',\n};\n\ninterface CalendarFooterButtonProps {\n  footer: CalendarFooterConfig;\n  /** Data test id for the footer container.\n   * @default kibble-calendar-footer\n   */\n  'data-testid'?: string;\n}\n\nexport const CalendarFooterButton = ({\n  footer,\n  ['data-testid']: dataTestId = 'kibble-calendar-footer',\n}: CalendarFooterButtonProps): React.JSX.Element => {\n  const { goToDate, onDateSelect, onQuickOptionSelect, firstDayOfWeek } = useDatePickerContext();\n\n  const handleClick = (): void => {\n    if (footer.type === 'custom') {\n      footer.onClick();\n      return;\n    }\n\n    const today = new Date();\n\n    switch (footer.value) {\n      case 'today': {\n        const date = startOfDay(today);\n        goToDate(date);\n        onDateSelect(date);\n        break;\n      }\n      case 'thisWeek': {\n        const weekStartsOn = (firstDayOfWeek ?? 1) as 0 | 1 | 2 | 3 | 4 | 5 | 6;\n        const start = startOfWeek(today, { weekStartsOn });\n        const end = endOfWeek(today, { weekStartsOn });\n        goToDate(start);\n        // onQuickOptionSelect sets both dates atomically, avoiding the two-click range flow\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n      case 'thisMonth': {\n        const start = startOfMonth(today);\n        const end = endOfMonth(today);\n        goToDate(start);\n        onQuickOptionSelect({ startDate: start, endDate: end });\n        break;\n      }\n    }\n\n    footer.onClick?.();\n  };\n\n  const label = footer.type === 'custom' ? footer.label : (footer.label ?? PRESET_LABELS[footer.value]);\n\n  return (\n    <Box data-testid={dataTestId} bg=\"background.secondaryAlpha\" borderRadius=\"md\" p={2} w=\"full\">\n      <Button variant=\"secondarySubtle\" size=\"md\" w=\"full\" onClick={handleClick}>\n        {label}\n      </Button>\n    </Box>\n  );\n};\n","import { CalendarPreset } from './calendarFooterButton.component';\n\n// Explicit allowlist — new presets default to single-day unless listed here\nconst RANGE_PRESETS = new Set<CalendarPreset>(['thisWeek', 'thisMonth']);\n\n/** Returns true when the preset requires date range selection (week, month). */\nexport const isRangePreset = (value: CalendarPreset): boolean => RANGE_PRESETS.has(value);\n","import React from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { Divider } from 'components/Divider';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\nimport { CalendarFooterButton, CalendarFooterConfig } from './calendarFooterButton.component';\nimport { isRangePreset } from './calendar.utils';\n\nexport interface CalendarProps extends DateProps {\n  /** Data test id for the calendar.\n   * @default kibble-calendar\n   */\n  'data-testid'?: string;\n  /**\n   * If true, the calendar will allow for a date range selection.\n   * @default true\n   */\n  withDateRange?: boolean;\n  /**\n   * If true, the calendar will show the month and year selectors in the header.\n   * @default false\n   */\n  withHeaderTriggers?: boolean;\n  /**\n   * Optional footer button configuration. Renders a styled button below the calendar grid.\n   *\n   * Use `type: 'preset'` for built-in shortcuts ('today' | 'thisWeek' | 'thisMonth') — the\n   * component handles the date selection logic automatically.\n   *\n   * Use `type: 'custom'` to supply your own label and click handler with no built-in date logic.\n   *\n   * @example\n   * // Preset\n   * footer={{ type: 'preset', value: 'today', onClick: () => setOpen(false) }}\n   *\n   * @example\n   * // Custom\n   * footer={{ type: 'custom', label: 'Reset', onClick: handleReset }}\n   */\n  footer?: CalendarFooterConfig;\n}\n\nexport const Calendar = ({\n  ['data-testid']: dataTestId = 'kibble-calendar',\n  withDateRange = true,\n  withHeaderTriggers = false,\n  footer,\n  ...rest\n}: CalendarProps): React.JSX.Element => {\n  // Range presets (thisWeek, thisMonth) require date range mode regardless of the withDateRange prop\n  const effectiveDateRange = withDateRange || (footer?.type === 'preset' && isRangePreset(footer.value));\n\n  return (\n    <Box className=\"Calendar\" data-testid={dataTestId} maxW={footer ? '360px' : '340px'}>\n      <DatePickerProvider withDateRange={effectiveDateRange} {...rest} standalone>\n        <DatePickerHeader withTriggers={withHeaderTriggers} />\n        <Divider />\n        <DatePickerCalendar />\n        {footer && <CalendarFooterButton footer={footer} />}\n      </DatePickerProvider>\n    </Box>\n  );\n};\n"],"names":["PRESET_LABELS","CalendarFooterButton","footer","dataTestId","goToDate","onDateSelect","onQuickOptionSelect","firstDayOfWeek","useDatePickerContext","handleClick","today","date","startOfDay","weekStartsOn","start","startOfWeek","end","endOfWeek","startOfMonth","endOfMonth","label","jsx","Box","Button","RANGE_PRESETS","isRangePreset","value","Calendar","withDateRange","withHeaderTriggers","rest","effectiveDateRange","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":";;;;;;;AA6CA,MAAMA,IAAgD;AAAA,EACpD,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AACb,GAUaC,IAAuB,CAAC;AAAA,EACnC,QAAAC;AAAA,EACA,CAAC,gBAAgBC,IAAa;AAChC,MAAoD;AAClD,QAAM,EAAE,UAAAC,GAAU,cAAAC,GAAc,qBAAAC,GAAqB,gBAAAC,EAAA,IAAmBC,EAAqB,GAEvFC,IAAc,MAAY;AAC1B,QAAAP,EAAO,SAAS,UAAU;AAC5B,MAAAA,EAAO,QAAQ;AACf;AAAA,IAAA;AAGI,UAAAQ,wBAAY,KAAK;AAEvB,YAAQR,EAAO,OAAO;AAAA,MACpB,KAAK,SAAS;AACN,cAAAS,IAAOC,EAAWF,CAAK;AAC7B,QAAAN,EAASO,CAAI,GACbN,EAAaM,CAAI;AACjB;AAAA,MAAA;AAAA,MAEF,KAAK,YAAY;AACf,cAAME,IAAgBN,KAAkB,GAClCO,IAAQC,EAAYL,GAAO,EAAE,cAAAG,GAAc,GAC3CG,IAAMC,EAAUP,GAAO,EAAE,cAAAG,GAAc;AAC7C,QAAAT,EAASU,CAAK,GAEdR,EAAoB,EAAE,WAAWQ,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,MAEF,KAAK,aAAa;AACV,cAAAF,IAAQI,EAAaR,CAAK,GAC1BM,IAAMG,EAAWT,CAAK;AAC5B,QAAAN,EAASU,CAAK,GACdR,EAAoB,EAAE,WAAWQ,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,IACF;AAGF,IAAAd,EAAO,UAAU;AAAA,EACnB,GAEMkB,IAAQlB,EAAO,SAAS,WAAWA,EAAO,QAASA,EAAO,SAASF,EAAcE,EAAO,KAAK;AAGjG,SAAAmB,gBAAAA,EAAA,IAACC,KAAI,eAAanB,GAAY,IAAG,6BAA4B,cAAa,MAAK,GAAG,GAAG,GAAE,QACrF,UAACkB,gBAAAA,EAAA,IAAAE,GAAA,EAAO,SAAQ,mBAAkB,MAAK,MAAK,GAAE,QAAO,SAASd,GAC3D,UAAAW,EAAA,CACH,EACF,CAAA;AAEJ,GC3GMI,IAAoB,oBAAA,IAAoB,CAAC,YAAY,WAAW,CAAC,GAG1DC,IAAgB,CAACC,MAAmCF,EAAc,IAAIE,CAAK,GCsC3EC,IAAW,CAAC;AAAA,EACvB,CAAC,gBAAgBxB,IAAa;AAAA,EAC9B,eAAAyB,IAAgB;AAAA,EAChB,oBAAAC,IAAqB;AAAA,EACrB,QAAA3B;AAAA,EACA,GAAG4B;AACL,MAAwC;AAEtC,QAAMC,IAAqBH,KAAkB1B,GAAQ,SAAS,YAAYuB,EAAcvB,EAAO,KAAK;AAEpG,+BACGoB,GAAI,EAAA,WAAU,YAAW,eAAanB,GAAY,MAAMD,IAAS,UAAU,SAC1E,iCAAC8B,GAAmB,EAAA,eAAeD,GAAqB,GAAGD,GAAM,YAAU,IACzE,UAAA;AAAA,IAACT,gBAAAA,EAAAA,IAAAY,GAAA,EAAiB,cAAcJ,EAAoB,CAAA;AAAA,0BACnDK,GAAQ,EAAA;AAAA,0BACRC,GAAmB,EAAA;AAAA,IACnBjC,KAAWmB,gBAAAA,EAAA,IAAApB,GAAA,EAAqB,QAAAC,EAAgB,CAAA;AAAA,EAAA,EAAA,CACnD,EACF,CAAA;AAEJ;"}

package/dist/chunks/dateTimePicker.component-BwKD6TeU.js

@@ -0,0 +1,306 @@
+import { j as a } from "./jsx-runtime-C5mzlN2N.js";
+import { useMemo as d, useEffect as O, useState as $ } from "react";
+import { B as R } from "./button.component-BO6oee_V.js";
+import { e as L, d as H, f as z, u as T, F as p, b as A, c as G, a as Q } from "./datePicker.provider-C1vLiJEb.js";
+import { u as q } from "./usePortalContentRef-DO_jc4W9.js";
+import { p as V } from "./popover.recipe-DPwwsWLb.js";
+import { a as Y, c as J, t as W, s as M, f as K } from "./format-dJJ72A--.js";
+import { c as j } from "./isToday-Q8lj3mkM.js";
+import { e as S, s as w, a as _ } from "./endOfMonth-D0kCU08_.js";
+import { u as U } from "./popover-root-provider-CFn2dthZ.js";
+import { F as v } from "./flex-CX-8gE9T.js";
+import { useBreakpoint as X } from "../esm/hooks/useBreakpoint/index.js";
+import { B as x } from "./index-9BerxEcw.js";
+import { W as Z } from "./text.component-DhuUgP3j.js";
+import { W as ee } from "./textInput.component-BeiTxTkS.js";
+import { T as te } from "./timePicker.component-CsvyXSRc.js";
+import { G as ae, a as C } from "./grid-item-BmCSQ38y.js";
+import { D as se } from "./divider.component-CFOh4Nw3.js";
+import { u as ne } from "./create-slot-recipe-context-D_FXDJGp.js";
+import { P as re } from "./index-DcmJgLUo.js";
+import { P as oe, a as ie, b as ce, c as de } from "./popover-Gb1fXSR7.js";
+var n = /* @__PURE__ */ ((e) => (e.Today = "Today", e.Yesterday = "Yesterday", e.ThisWeek = "ThisWeek", e.LastWeek = "LastWeek", e.ThisMonth = "ThisMonth", e.LastMonth = "LastMonth", e.Custom = "Custom", e))(n || {});
+const ze = ["single", "double"], le = [
+  {
+    label: "Today",
+    value: n.Today
+  },
+  {
+    label: "Yesterday",
+    value: n.Yesterday
+  },
+  {
+    label: "This Week",
+    value: n.ThisWeek
+  },
+  {
+    label: "Last Week",
+    value: n.LastWeek
+  },
+  {
+    label: "This Month",
+    value: n.ThisMonth
+  },
+  {
+    label: "Last Month",
+    value: n.LastMonth
+  },
+  {
+    label: "Custom",
+    value: n.Custom,
+    iconName: "calendarPen"
+  }
+], ue = {
+  single: 1,
+  double: 2
+};
+function me(e) {
+  return Y(Date.now(), e);
+}
+function pe(e) {
+  return L(Date.now(), e);
+}
+function he(e) {
+  const t = j(e?.in), s = t.getFullYear(), r = t.getMonth(), o = t.getDate(), i = j(e?.in);
+  return i.setFullYear(s, r, o - 1), i.setHours(0, 0, 0, 0), i;
+}
+function fe(e) {
+  const t = j(e?.in), s = J(e?.in, 0);
+  return s.setFullYear(t.getFullYear(), t.getMonth(), t.getDate() - 1), s.setHours(23, 59, 59, 999), s;
+}
+function De(e, t, s) {
+  return H(e, t * 7, s);
+}
+function xe(e, t, s) {
+  return De(e, -1, s);
+}
+function ke(e, t, s) {
+  return z(e, -1, s);
+}
+function N(e, t) {
+  return +W(e) == +W(t);
+}
+const I = (e) => {
+  const t = /* @__PURE__ */ new Date();
+  switch (e) {
+    case n.Today:
+      return {
+        startDate: me(),
+        endDate: pe()
+      };
+    case n.Yesterday:
+      return {
+        startDate: he(),
+        endDate: fe()
+      };
+    case n.ThisWeek:
+      return {
+        startDate: M(t, { weekStartsOn: 1 }),
+        endDate: _(t, { weekStartsOn: 1 })
+      };
+    case n.LastWeek: {
+      const s = xe(t);
+      return {
+        startDate: M(s, { weekStartsOn: 1 }),
+        endDate: _(s, { weekStartsOn: 1 })
+      };
+    }
+    case n.ThisMonth:
+      return {
+        startDate: w(t),
+        endDate: S(t)
+      };
+    case n.LastMonth: {
+      const s = ke(t);
+      return {
+        startDate: w(s),
+        endDate: S(s)
+      };
+    }
+    default:
+      return null;
+  }
+}, be = (e, t) => {
+  if (!e || !t)
+    return n.Today;
+  const s = [
+    n.Today,
+    n.Yesterday,
+    n.ThisWeek,
+    n.LastWeek,
+    n.ThisMonth,
+    n.LastMonth
+  ];
+  for (const r of s) {
+    const o = I(r);
+    if (o && N(e, o.startDate) && N(t, o.endDate))
+      return r;
+  }
+  return n.Custom;
+}, ge = ({
+  selectedQuickOption: e,
+  setSelectedQuickOption: t,
+  ["data-testid"]: s = "kibble-datetime-picker-quick-options"
+}) => {
+  const { setFocusedInput: r, onQuickOptionSelect: o } = T(), { setOpen: i } = U(), u = (c) => {
+    if (t(c), c === n.Custom) {
+      r(p.StartDate);
+      return;
+    }
+    const m = I(c);
+    m && (o(m), i(!1));
+  };
+  return /* @__PURE__ */ a.jsx(v, { className: "DateTimePicker__QuickFilters", flexDirection: "column", gap: 2, w: "100%", maxW: "120px", children: le.map((c) => /* @__PURE__ */ a.jsx(
+    R,
+    {
+      className: "DateTimePicker__Option",
+      "data-testid": `${s}-option-${c.value}`,
+      variant: "secondarySubtle",
+      ...c.iconName && { iconName: c.iconName, iconPosition: "right" },
+      ...e === c.value && { active: !0 },
+      onClick: () => u(c.value),
+      children: c.label
+    },
+    c.value
+  )) });
+}, F = ({
+  label: e,
+  rangeType: t
+}) => {
+  const { startDate: s, endDate: r, dateFormat: o, focusedInput: i, setFocusedInput: u, onTimeChange: c } = T(), m = d(
+    () => (t === p.StartDate ? s : r) || /* @__PURE__ */ new Date(),
+    [s, r, t]
+  ), k = d(() => K(m, o), [m, o]), h = (l) => {
+    l && c(l, t);
+  };
+  return /* @__PURE__ */ a.jsxs(
+    ae,
+    {
+      alignItems: "center",
+      templateColumns: "repeat(5, 1fr)",
+      gap: 1,
+      bgColor: "background.secondaryAlpha",
+      borderRadius: "md",
+      p: 1,
+      flex: "0 0 50%",
+      children: [
+        /* @__PURE__ */ a.jsx(C, { colSpan: 1, children: /* @__PURE__ */ a.jsx(Z, { size: "sm", fontWeight: "semibold", textAlign: "center", children: e }) }),
+        /* @__PURE__ */ a.jsx(C, { colSpan: 2, children: /* @__PURE__ */ a.jsx(
+          ee,
+          {
+            readOnly: !0,
+            value: k,
+            onClick: () => u(t),
+            ...i === t && {
+              "data-focus": !0
+            }
+          }
+        ) }),
+        /* @__PURE__ */ a.jsx(C, { colSpan: 2, children: /* @__PURE__ */ a.jsx(
+          te,
+          {
+            minuteInterval: 1,
+            initialTime: m,
+            onClose: (l) => h(l),
+            inputProps: { rightElement: void 0, onClick: () => u(t) }
+          }
+        ) })
+      ]
+    }
+  );
+}, Ce = ({ isSingleView: e }) => {
+  const { focusedInput: t, setFocusedInput: s } = T();
+  return O(() => {
+    t || s(p.StartDate);
+  }, [t, s]), /* @__PURE__ */ a.jsxs(x, { className: "DateTimePicker__CustomFilters", mt: -1, children: [
+    /* @__PURE__ */ a.jsxs(
+      v,
+      {
+        className: "DateTimePicker__CustomFilters__RangeSelectors",
+        flexDirection: e ? "column" : "row",
+        alignItems: "center",
+        gap: 2,
+        justifyContent: "space-between",
+        children: [
+          /* @__PURE__ */ a.jsx(F, { label: "Start", rangeType: p.StartDate }),
+          /* @__PURE__ */ a.jsx(F, { label: "End", rangeType: p.EndDate })
+        ]
+      }
+    ),
+    /* @__PURE__ */ a.jsxs(x, { className: "CalendarView", bgColor: "background.secondaryAlpha", borderRadius: "md", p: 1, mt: 5, children: [
+      /* @__PURE__ */ a.jsx(x, { className: "CalendarView__Header", bgColor: "background.accent.subtle", borderRadius: "md", children: /* @__PURE__ */ a.jsx(A, { triggerProps: { variant: "ghostNeutral" } }) }),
+      /* @__PURE__ */ a.jsx(x, { className: "CalendarView__Body", children: /* @__PURE__ */ a.jsx(G, { showMonthLabels: !0 }) })
+    ] })
+  ] });
+}, Ae = ({
+  trigger: e,
+  calendarView: t = "double",
+  portalled: s = !0,
+  showQuickOptions: r = !0,
+  ["data-testid"]: o = "kibble-datetime-picker",
+  ...i
+}) => {
+  const u = d(() => {
+    const P = /* @__PURE__ */ new Date();
+    return {
+      startDate: Y(P),
+      endDate: L(P)
+    };
+  }, []), { contentRef: c } = q(), k = ne({ recipe: V })(), h = X(), l = d(() => r ? be(i.startDate || null, i.endDate || null) : n.Custom, [r, i.startDate, i.endDate]), [f, y] = $(l);
+  O(() => {
+    y(l);
+  }, [l]);
+  const D = d(
+    () => ["base", "sm"].includes(h) ? "single" : t,
+    [t, h]
+  ), B = d(() => ue[D], [D]), b = d(() => D === "single", [D]), g = d(
+    () => f === n.Custom,
+    [f]
+  ), E = d(() => g ? "max-content" : "160px", [g]);
+  return /* @__PURE__ */ a.jsxs(
+    Q,
+    {
+      ...i,
+      startDate: i.startDate || u.startDate,
+      endDate: i.endDate || u.endDate,
+      withDateRange: !0,
+      numberOfMonths: B,
+      sameWidth: !0,
+      children: [
+        /* @__PURE__ */ a.jsx(oe, { asChild: !0, w: "max-content", children: e || /* @__PURE__ */ a.jsx(R, { variant: "secondarySubtle", iconName: "calendarInfo", "data-testid": `${o}-default-trigger`, children: "Date/Time Range" }) }),
+        /* @__PURE__ */ a.jsx(re, { container: c || void 0, disabled: !s, children: /* @__PURE__ */ a.jsx(ie, { className: "DateTimePicker", "data-testid": o, children: /* @__PURE__ */ a.jsx(
+          ce,
+          {
+            className: "DateTimePicker__Content",
+            "data-testid": `${o}-content`,
+            css: {
+              ...k.content,
+              "--popover-size": E,
+              maxW: r ? b ? "550px" : "890px" : b ? "390px" : "730px",
+              ...g && { minW: r ? "550px" : "390px" }
+            },
+            children: /* @__PURE__ */ a.jsx(de, { css: { "--popover-padding": 0 }, children: /* @__PURE__ */ a.jsxs(v, { className: "DateTimePicker__Container", "data-testid": `${o}-container`, p: 5, children: [
+              r && /* @__PURE__ */ a.jsx(
+                ge,
+                {
+                  selectedQuickOption: f,
+                  setSelectedQuickOption: y
+                }
+              ),
+              f === n.Custom && /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+                r && /* @__PURE__ */ a.jsx(se, { orientation: "vertical", my: -5, mx: 5 }),
+                /* @__PURE__ */ a.jsx(Ce, { isSingleView: b })
+              ] })
+            ] }) })
+          }
+        ) }) })
+      ]
+    }
+  );
+};
+export {
+  Ae as D,
+  n as a,
+  ze as c
+};
+//# sourceMappingURL=dateTimePicker.component-BwKD6TeU.js.map

package/dist/chunks/dateTimePicker.component-BwKD6TeU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.component-BwKD6TeU.js","sources":["../../src/components/DateTimePicker/dateTimePicker.types.ts","../../src/components/DateTimePicker/dateTimePicker.records.ts","../../node_modules/date-fns/startOfToday.js","../../node_modules/date-fns/endOfToday.js","../../node_modules/date-fns/startOfYesterday.js","../../node_modules/date-fns/endOfYesterday.js","../../node_modules/date-fns/addWeeks.js","../../node_modules/date-fns/subWeeks.js","../../node_modules/date-fns/subMonths.js","../../node_modules/date-fns/isEqual.js","../../src/components/DateTimePicker/utils/quickOptions.ts","../../src/components/DateTimePicker/components/DateTimePickerQuickOptions/dateTimePickerQuickOptions.component.tsx","../../src/components/DateTimePicker/components/DateTimePickerRangeSelector/dateTimePickerRangeSelector.component.tsx","../../src/components/DateTimePicker/components/DateTimePickerCustomView/dateTimePickerCustomView.component.tsx","../../src/components/DateTimePicker/dateTimePicker.component.tsx"],"sourcesContent":["export enum DateTimePickerDefaultOptionValue {\n  Today = 'Today',\n  Yesterday = 'Yesterday',\n  ThisWeek = 'ThisWeek',\n  LastWeek = 'LastWeek',\n  ThisMonth = 'ThisMonth',\n  LastMonth = 'LastMonth',\n  Custom = 'Custom',\n}\n\nexport const calendarViews = ['single', 'double'] as const;\nexport type CalendarView = (typeof calendarViews)[number];\n","import { IconName } from 'components/Icon/icon.types';\nimport { CalendarView, DateTimePickerDefaultOptionValue } from './dateTimePicker.types';\n\nexport const dateTimePickerDefaultOptions: {\n  label: string;\n  value: DateTimePickerDefaultOptionValue;\n  iconName?: IconName;\n}[] = [\n  {\n    label: 'Today',\n    value: DateTimePickerDefaultOptionValue.Today,\n  },\n  {\n    label: 'Yesterday',\n    value: DateTimePickerDefaultOptionValue.Yesterday,\n  },\n  {\n    label: 'This Week',\n    value: DateTimePickerDefaultOptionValue.ThisWeek,\n  },\n  {\n    label: 'Last Week',\n    value: DateTimePickerDefaultOptionValue.LastWeek,\n  },\n  {\n    label: 'This Month',\n    value: DateTimePickerDefaultOptionValue.ThisMonth,\n  },\n  {\n    label: 'Last Month',\n    value: DateTimePickerDefaultOptionValue.LastMonth,\n  },\n  {\n    label: 'Custom',\n    value: DateTimePickerDefaultOptionValue.Custom,\n    iconName: 'calendarPen',\n  },\n];\n\nexport const CalendarViewToNumberOfMonthsMap: Record<CalendarView, number> = {\n  single: 1,\n  double: 2,\n};\n","import { startOfDay } from \"./startOfDay.js\";\n\n/**\n * The {@link startOfToday} function options.\n */\n\n/**\n * @name startOfToday\n * @category Day Helpers\n * @summary Return the start of today.\n * @pure false\n *\n * @description\n * Return the start of today.\n *\n * @typeParam ContextDate - The `Date` type of the context function.\n *\n * @param options - An object with options\n *\n * @returns The start of today\n *\n * @example\n * // If today is 6 October 2014:\n * const result = startOfToday()\n * //=> Mon Oct 6 2014 00:00:00\n */\nexport function startOfToday(options) {\n  return startOfDay(Date.now(), options);\n}\n\n// Fallback for modularized imports:\nexport default startOfToday;\n","import { endOfDay } from \"./endOfDay.js\";\n\n/**\n * The {@link endOfToday} function options.\n */\n\n/**\n * @name endOfToday\n * @category Day Helpers\n * @summary Return the end of today.\n * @pure false\n *\n * @description\n * Return the end of today.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param options - The options\n *\n * @returns The end of today\n *\n * @example\n * // If today is 6 October 2014:\n * const result = endOfToday()\n * //=> Mon Oct 6 2014 23:59:59.999\n */\nexport function endOfToday(options) {\n  return endOfDay(Date.now(), options);\n}\n\n// Fallback for modularized imports:\nexport default endOfToday;\n","import { constructNow } from \"./constructNow.js\";\n\n/**\n * The {@link startOfYesterday} function options.\n */\n\n/**\n * @name startOfYesterday\n * @category Day Helpers\n * @summary Return the start of yesterday.\n * @pure false\n *\n * @typeParam ContextDate - The `Date` type of the context function.\n *\n * @param options - An object with options\n *\n * @description\n * Return the start of yesterday.\n *\n * @returns The start of yesterday\n *\n * @example\n * // If today is 6 October 2014:\n * const result = startOfYesterday()\n * //=> Sun Oct 5 2014 00:00:00\n */\nexport function startOfYesterday(options) {\n  const now = constructNow(options?.in);\n  const year = now.getFullYear();\n  const month = now.getMonth();\n  const day = now.getDate();\n\n  const date = constructNow(options?.in);\n  date.setFullYear(year, month, day - 1);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}\n\n// Fallback for modularized imports:\nexport default startOfYesterday;\n","import { constructFrom } from \"./constructFrom.js\";\nimport { constructNow } from \"./constructNow.js\";\n\n/**\n * The {@link endOfYesterday} function options.\n */\n\n/**\n * @name endOfYesterday\n * @category Day Helpers\n * @summary Return the end of yesterday.\n * @pure false\n *\n * @description\n * Return the end of yesterday.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @returns The end of yesterday\n *\n * @example\n * // If today is 6 October 2014:\n * const result = endOfYesterday()\n * //=> Sun Oct 5 2014 23:59:59.999\n */\nexport function endOfYesterday(options) {\n  const now = constructNow(options?.in);\n  const date = constructFrom(options?.in, 0);\n  date.setFullYear(now.getFullYear(), now.getMonth(), now.getDate() - 1);\n  date.setHours(23, 59, 59, 999);\n  return date;\n}\n\n// Fallback for modularized imports:\nexport default endOfYesterday;\n","import { addDays } from \"./addDays.js\";\n\n/**\n * The {@link addWeeks} function options.\n */\n\n/**\n * @name addWeeks\n * @category Week Helpers\n * @summary Add the specified number of weeks to the given date.\n *\n * @description\n * Add the specified number of weeks to the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of weeks to be added.\n * @param options - An object with options\n *\n * @returns The new date with the weeks added\n *\n * @example\n * // Add 4 weeks to 1 September 2014:\n * const result = addWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Sep 29 2014 00:00:00\n */\nexport function addWeeks(date, amount, options) {\n  return addDays(date, amount * 7, options);\n}\n\n// Fallback for modularized imports:\nexport default addWeeks;\n","import { addWeeks } from \"./addWeeks.js\";\n\n/**\n * The {@link subWeeks} function options.\n */\n\n/**\n * @name subWeeks\n * @category Week Helpers\n * @summary Subtract the specified number of weeks from the given date.\n *\n * @description\n * Subtract the specified number of weeks from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of weeks to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the weeks subtracted\n *\n * @example\n * // Subtract 4 weeks from 1 September 2014:\n * const result = subWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Aug 04 2014 00:00:00\n */\nexport function subWeeks(date, amount, options) {\n  return addWeeks(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subWeeks;\n","import { addMonths } from \"./addMonths.js\";\n\n/**\n * The subMonths function options.\n */\n\n/**\n * @name subMonths\n * @category Month Helpers\n * @summary Subtract the specified number of months from the given date.\n *\n * @description\n * Subtract the specified number of months from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of months to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the months subtracted\n *\n * @example\n * // Subtract 5 months from 1 February 2015:\n * const result = subMonths(new Date(2015, 1, 1), 5)\n * //=> Mon Sep 01 2014 00:00:00\n */\nexport function subMonths(date, amount, options) {\n  return addMonths(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subMonths;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * @name isEqual\n * @category Common Helpers\n * @summary Are the given dates equal?\n *\n * @description\n * Are the given dates equal?\n *\n * @param dateLeft - The first date to compare\n * @param dateRight - The second date to compare\n *\n * @returns The dates are equal\n *\n * @example\n * // Are 2 July 2014 06:30:45.000 and 2 July 2014 06:30:45.500 equal?\n * const result = isEqual(\n *   new Date(2014, 6, 2, 6, 30, 45, 0),\n *   new Date(2014, 6, 2, 6, 30, 45, 500)\n * )\n * //=> false\n */\nexport function isEqual(leftDate, rightDate) {\n  return +toDate(leftDate) === +toDate(rightDate);\n}\n\n// Fallback for modularized imports:\nexport default isEqual;\n","import startOfToday from 'date-fns/startOfToday';\nimport endOfToday from 'date-fns/endOfToday';\nimport startOfYesterday from 'date-fns/startOfYesterday';\nimport endOfYesterday from 'date-fns/endOfYesterday';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport endOfWeek from 'date-fns/endOfWeek';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport endOfMonth from 'date-fns/endOfMonth';\nimport subWeeks from 'date-fns/subWeeks';\nimport subMonths from 'date-fns/subMonths';\nimport isEqual from 'date-fns/isEqual';\nimport { DateTimePickerDefaultOptionValue } from '../dateTimePicker.types';\n\n/**\n * Utility function to get the date range for a given quick option\n */\nexport const getQuickOptionDateRange = (\n  option: DateTimePickerDefaultOptionValue,\n): { startDate: Date; endDate: Date } | null => {\n  const today = new Date();\n\n  switch (option) {\n    case DateTimePickerDefaultOptionValue.Today:\n      return {\n        startDate: startOfToday(),\n        endDate: endOfToday(),\n      };\n    case DateTimePickerDefaultOptionValue.Yesterday:\n      return {\n        startDate: startOfYesterday(),\n        endDate: endOfYesterday(),\n      };\n    case DateTimePickerDefaultOptionValue.ThisWeek:\n      return {\n        startDate: startOfWeek(today, { weekStartsOn: 1 }),\n        endDate: endOfWeek(today, { weekStartsOn: 1 }),\n      };\n    case DateTimePickerDefaultOptionValue.LastWeek: {\n      const lastWeekDate = subWeeks(today, 1);\n      return {\n        startDate: startOfWeek(lastWeekDate, { weekStartsOn: 1 }),\n        endDate: endOfWeek(lastWeekDate, { weekStartsOn: 1 }),\n      };\n    }\n    case DateTimePickerDefaultOptionValue.ThisMonth:\n      return {\n        startDate: startOfMonth(today),\n        endDate: endOfMonth(today),\n      };\n    case DateTimePickerDefaultOptionValue.LastMonth: {\n      const lastMonthDate = subMonths(today, 1);\n      return {\n        startDate: startOfMonth(lastMonthDate),\n        endDate: endOfMonth(lastMonthDate),\n      };\n    }\n    default:\n      return null;\n  }\n};\n\n/**\n * Matches provided dates to a quick option\n * Returns the matching option, or Custom if no match, or Today if no dates provided\n */\nexport const matchDatesToQuickOption = (\n  startDate: Date | null,\n  endDate: Date | null,\n): DateTimePickerDefaultOptionValue => {\n  // If no dates provided, default to Today\n  if (!startDate || !endDate) {\n    return DateTimePickerDefaultOptionValue.Today;\n  }\n\n  // Try to match against each quick option (excluding Custom)\n  const optionsToCheck = [\n    DateTimePickerDefaultOptionValue.Today,\n    DateTimePickerDefaultOptionValue.Yesterday,\n    DateTimePickerDefaultOptionValue.ThisWeek,\n    DateTimePickerDefaultOptionValue.LastWeek,\n    DateTimePickerDefaultOptionValue.ThisMonth,\n    DateTimePickerDefaultOptionValue.LastMonth,\n  ];\n\n  for (const option of optionsToCheck) {\n    const optionRange = getQuickOptionDateRange(option);\n    if (optionRange) {\n      // Compare dates using isEqual for exact matches\n      if (isEqual(startDate, optionRange.startDate) && isEqual(endDate, optionRange.endDate)) {\n        return option;\n      }\n    }\n  }\n\n  // No match found, return Custom\n  return DateTimePickerDefaultOptionValue.Custom;\n};\n","import React from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { dateTimePickerDefaultOptions } from '../../dateTimePicker.records';\nimport { Button } from 'components/Button';\nimport { DateTimePickerDefaultOptionValue } from '../../dateTimePicker.types';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { FocusedInput, useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport { getQuickOptionDateRange } from '../../utils/quickOptions';\n\ninterface DateTimePickerQuickOptionsProps {\n  /** The currently selected quick option. */\n  selectedQuickOption: DateTimePickerDefaultOptionValue;\n  /** Callback function to set the selected quick option. */\n  setSelectedQuickOption: (option: DateTimePickerDefaultOptionValue) => void;\n  /** Data test id for the quick options.\n   * @default kibble-datetime-picker-quick-options\n   */\n  'data-testid'?: string;\n}\n\nexport const DateTimePickerQuickOptions = ({\n  selectedQuickOption,\n  setSelectedQuickOption,\n  ['data-testid']: dataTestId = 'kibble-datetime-picker-quick-options',\n}: DateTimePickerQuickOptionsProps): React.JSX.Element => {\n  const { setFocusedInput, onQuickOptionSelect } = useDatePickerContext();\n  const { setOpen } = usePopoverContext();\n\n  const handleOptionClick = (option: DateTimePickerDefaultOptionValue): void => {\n    setSelectedQuickOption(option);\n\n    if (option === DateTimePickerDefaultOptionValue.Custom) {\n      setFocusedInput(FocusedInput.StartDate);\n      return;\n    }\n\n    const dates = getQuickOptionDateRange(option);\n    if (dates) {\n      onQuickOptionSelect(dates);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <Flex className=\"DateTimePicker__QuickFilters\" flexDirection=\"column\" gap={2} w=\"100%\" maxW=\"120px\">\n      {dateTimePickerDefaultOptions.map((option) => (\n        <Button\n          className=\"DateTimePicker__Option\"\n          data-testid={`${dataTestId}-option-${option.value}`}\n          key={option.value}\n          variant=\"secondarySubtle\"\n          {...(option.iconName && { iconName: option.iconName, iconPosition: 'right' })}\n          {...(selectedQuickOption === option.value && { active: true })}\n          onClick={() => handleOptionClick(option.value)}\n        >\n          {option.label}\n        </Button>\n      ))}\n    </Flex>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Grid, GridItem } from '@chakra-ui/react/grid';\nimport { FocusedInput, useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport { Text } from 'components/Text/text.component';\nimport { TextInput } from 'components/TextInput/textInput.component';\nimport { TimePicker } from 'components/TimePicker/timePicker.component';\nimport format from 'date-fns/format';\n\ninterface DateTimePickerRangeSelectorProps {\n  /** Label for the range selector. */\n  label: string;\n  /** Type of range selector. */\n  rangeType: FocusedInput;\n}\n\nexport const DateTimePickerRangeSelector = ({\n  label,\n  rangeType,\n}: DateTimePickerRangeSelectorProps): React.JSX.Element => {\n  const { startDate, endDate, dateFormat, focusedInput, setFocusedInput, onTimeChange } = useDatePickerContext();\n  const _date = useMemo(\n    () => (rangeType === FocusedInput.StartDate ? startDate : endDate) || new Date(),\n    [startDate, endDate, rangeType],\n  );\n  const formattedDate = useMemo(() => format(_date, dateFormat), [_date, dateFormat]);\n\n  const handleTimeChange = (date?: Date): void => {\n    if (!date) return;\n    onTimeChange(date, rangeType);\n  };\n\n  return (\n    <Grid\n      alignItems=\"center\"\n      templateColumns=\"repeat(5, 1fr)\"\n      gap={1}\n      bgColor=\"background.secondaryAlpha\"\n      borderRadius=\"md\"\n      p={1}\n      flex=\"0 0 50%\"\n    >\n      <GridItem colSpan={1}>\n        <Text size=\"sm\" fontWeight=\"semibold\" textAlign=\"center\">\n          {label}\n        </Text>\n      </GridItem>\n      <GridItem colSpan={2}>\n        <TextInput\n          readOnly\n          value={formattedDate}\n          onClick={() => setFocusedInput(rangeType)}\n          {...(focusedInput === rangeType && {\n            'data-focus': true,\n          })}\n        />\n      </GridItem>\n      <GridItem colSpan={2}>\n        <TimePicker\n          minuteInterval={1}\n          initialTime={_date}\n          onClose={(time) => handleTimeChange(time)}\n          inputProps={{ rightElement: undefined, onClick: () => setFocusedInput(rangeType) }}\n        />\n      </GridItem>\n    </Grid>\n  );\n};\n","import React, { useEffect } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { DateTimePickerRangeSelector } from '../DateTimePickerRangeSelector/dateTimePickerRangeSelector.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { FocusedInput, useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\n\ninterface DateTimePickerCustomViewProps {\n  /** Determines if the calendar view is single. */\n  isSingleView: boolean;\n}\n\nexport const DateTimePickerCustomView = ({ isSingleView }: DateTimePickerCustomViewProps): React.JSX.Element => {\n  const { focusedInput, setFocusedInput } = useDatePickerContext();\n\n  useEffect(() => {\n    if (!focusedInput) {\n      setFocusedInput(FocusedInput.StartDate);\n    }\n  }, [focusedInput, setFocusedInput]);\n\n  return (\n    <Box className=\"DateTimePicker__CustomFilters\" mt={-1}>\n      <Flex\n        className=\"DateTimePicker__CustomFilters__RangeSelectors\"\n        flexDirection={isSingleView ? 'column' : 'row'}\n        alignItems=\"center\"\n        gap={2}\n        justifyContent=\"space-between\"\n      >\n        <DateTimePickerRangeSelector label=\"Start\" rangeType={FocusedInput.StartDate} />\n        <DateTimePickerRangeSelector label=\"End\" rangeType={FocusedInput.EndDate} />\n      </Flex>\n      <Box className=\"CalendarView\" bgColor=\"background.secondaryAlpha\" borderRadius=\"md\" p={1} mt={5}>\n        <Box className=\"CalendarView__Header\" bgColor=\"background.accent.subtle\" borderRadius=\"md\">\n          <DatePickerHeader triggerProps={{ variant: 'ghostNeutral' }} />\n        </Box>\n        <Box className=\"CalendarView__Body\">\n          <DatePickerCalendar showMonthLabels />\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { CalendarViewToNumberOfMonthsMap } from './dateTimePicker.records';\nimport { CalendarView, DateTimePickerDefaultOptionValue } from './dateTimePicker.types';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\nimport { Placement } from 'shared/types/placement';\nimport { usePortalContentRef } from 'hooks/usePortalContentRef';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from 'components/Popover/popover.recipe';\nimport { DateTimePickerQuickOptions } from './components/DateTimePickerQuickOptions/dateTimePickerQuickOptions.component';\nimport startOfDay from 'date-fns/startOfDay';\nimport endOfDay from 'date-fns/endOfDay';\nimport { matchDatesToQuickOption } from './utils/quickOptions';\nimport { useBreakpoint } from 'hooks/useBreakpoint';\nimport { DateTimePickerCustomView } from './components/DateTimePickerCustomView/dateTimePickerCustomView.component';\nimport { Divider } from 'components/Divider/divider.component';\n\nexport interface DateTimePickerProps extends DateProps {\n  /**\n   * Controls the number of months displayed in the calendar.\n   * @default double\n   */\n  calendarView?: CalendarView;\n  /** Custom element to trigger the date time picker. If not provided, a button will be rendered. */\n  trigger?: React.ReactNode;\n  /**\n   * Placement of the calendar popover\n   * @default bottom\n   */\n  placement?: Placement;\n  /**\n   * If true, the date time picker will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Whether to show the left side quick options in the calendar.\n   * @default true\n   */\n  showQuickOptions?: boolean;\n  /** Data test id for the date time picker.\n   * @default kibble-datetime-picker\n   */\n  'data-testid'?: string;\n}\n\nexport const DateTimePicker = ({\n  trigger,\n  calendarView = 'double',\n  portalled = true,\n  showQuickOptions = true,\n  ['data-testid']: dataTestId = 'kibble-datetime-picker',\n  ...rest\n}: DateTimePickerProps): React.JSX.Element => {\n  const defaultDates = useMemo(() => {\n    const today = new Date();\n    return {\n      startDate: startOfDay(today),\n      endDate: endOfDay(today),\n    };\n  }, []);\n  const { contentRef } = usePortalContentRef();\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const breakpoint = useBreakpoint();\n\n  // Initialize selected quick option based on provided dates\n  const initialQuickOption = useMemo(() => {\n    return showQuickOptions\n      ? matchDatesToQuickOption(rest.startDate || null, rest.endDate || null)\n      : DateTimePickerDefaultOptionValue.Custom;\n  }, [showQuickOptions, rest.startDate, rest.endDate]);\n\n  const [selectedQuickOption, setSelectedQuickOption] = useState<DateTimePickerDefaultOptionValue>(initialQuickOption);\n\n  // Sync selectedQuickOption when props change\n  useEffect(() => {\n    setSelectedQuickOption(initialQuickOption);\n  }, [initialQuickOption]);\n\n  const _calendarView = useMemo(\n    () => (['base', 'sm'].includes(breakpoint) ? 'single' : calendarView),\n    [calendarView, breakpoint],\n  );\n  const numberOfMonths = useMemo(() => CalendarViewToNumberOfMonthsMap[_calendarView], [_calendarView]);\n  const isSingleView = useMemo(() => _calendarView === 'single', [_calendarView]);\n  const isCustomSelected = useMemo(\n    () => selectedQuickOption === DateTimePickerDefaultOptionValue.Custom,\n    [selectedQuickOption],\n  );\n  const popoverSize = useMemo(() => (isCustomSelected ? 'max-content' : '160px'), [isCustomSelected]);\n\n  return (\n    <DatePickerProvider\n      {...rest}\n      startDate={rest.startDate || defaultDates.startDate}\n      endDate={rest.endDate || defaultDates.endDate}\n      withDateRange\n      numberOfMonths={numberOfMonths}\n      sameWidth={true}\n    >\n      <CPopover.Trigger asChild w=\"max-content\">\n        {trigger || (\n          <Button variant=\"secondarySubtle\" iconName=\"calendarInfo\" data-testid={`${dataTestId}-default-trigger`}>\n            Date/Time Range\n          </Button>\n        )}\n      </CPopover.Trigger>\n      <Portal container={contentRef || undefined} disabled={!portalled}>\n        <CPopover.Positioner className=\"DateTimePicker\" data-testid={dataTestId}>\n          <CPopover.Content\n            className=\"DateTimePicker__Content\"\n            data-testid={`${dataTestId}-content`}\n            css={{\n              ...styles.content,\n              '--popover-size': popoverSize,\n              maxW: showQuickOptions ? (isSingleView ? '550px' : '890px') : isSingleView ? '390px' : '730px',\n              ...(isCustomSelected && { minW: showQuickOptions ? '550px' : '390px' }),\n            }}\n          >\n            <CPopover.Body css={{ '--popover-padding': 0 }}>\n              <Flex className=\"DateTimePicker__Container\" data-testid={`${dataTestId}-container`} p={5}>\n                {showQuickOptions && (\n                  <DateTimePickerQuickOptions\n                    selectedQuickOption={selectedQuickOption}\n                    setSelectedQuickOption={setSelectedQuickOption}\n                  />\n                )}\n                {selectedQuickOption === DateTimePickerDefaultOptionValue.Custom && (\n                  <>\n                    {showQuickOptions && <Divider orientation=\"vertical\" my={-5} mx={5} />}\n                    <DateTimePickerCustomView isSingleView={isSingleView} />\n                  </>\n                )}\n              </Flex>\n            </CPopover.Body>\n          </CPopover.Content>\n        </CPopover.Positioner>\n      </Portal>\n    </DatePickerProvider>\n  );\n};\n"],"names":["DateTimePickerDefaultOptionValue","calendarViews","dateTimePickerDefaultOptions","CalendarViewToNumberOfMonthsMap","startOfToday","options","startOfDay","endOfToday","endOfDay","startOfYesterday","now","constructNow","year","month","day","date","endOfYesterday","constructFrom","addWeeks","amount","addDays","subWeeks","subMonths","addMonths","isEqual","leftDate","rightDate","toDate","getQuickOptionDateRange","option","today","startOfWeek","endOfWeek","lastWeekDate","startOfMonth","endOfMonth","lastMonthDate","matchDatesToQuickOption","startDate","endDate","optionsToCheck","optionRange","DateTimePickerQuickOptions","selectedQuickOption","setSelectedQuickOption","dataTestId","setFocusedInput","onQuickOptionSelect","useDatePickerContext","setOpen","usePopoverContext","handleOptionClick","FocusedInput","dates","jsx","Flex","Button","DateTimePickerRangeSelector","label","rangeType","dateFormat","focusedInput","onTimeChange","_date","useMemo","formattedDate","format","handleTimeChange","jsxs","Grid","GridItem","Text","TextInput","TimePicker","time","DateTimePickerCustomView","isSingleView","useEffect","Box","DatePickerHeader","DatePickerCalendar","DateTimePicker","trigger","calendarView","portalled","showQuickOptions","rest","defaultDates","contentRef","usePortalContentRef","styles","useSlotRecipe","popoverRecipe","breakpoint","useBreakpoint","initialQuickOption","useState","_calendarView","numberOfMonths","isCustomSelected","popoverSize","DatePickerProvider","CPopover.Trigger","Portal","CPopover.Positioner","CPopover.Content","CPopover.Body","Fragment","Divider"],"mappings":"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","x_google_ignoreList":[2,3,4,5,6,7,8,9]}

package/dist/chunks/dateTimePicker.component-C7SFD9Py.js

@@ -0,0 +1,2 @@
+"use strict";const n=require("./jsx-runtime-BjDatQAs.js"),d=require("react"),W=require("./button.component-DjdgBXDC.js"),u=require("./datePicker.provider-i35-VNAb.js"),q=require("./usePortalContentRef-CTrvBQ7I.js"),F=require("./popover.recipe-CtptsJg6.js"),m=require("./format-CK7Imh-5.js"),E=require("./isToday-BgNkHh5t.js"),h=require("./endOfMonth-ClO3w4vF.js"),N=require("./popover-root-provider-CZDbUJ2K.js"),M=require("./flex-BOU6tYUd.js"),I=require("../cjs/hooks/useBreakpoint/index.cjs"),f=require("./index-BQRnVsAg.js"),L=require("./text.component-BDDz5KQP.js"),Y=require("./textInput.component-CwTc0h_F.js"),B=require("./timePicker.component-D5hw80VV.js"),R=require("./grid-item-CH3dbZHL.js"),$=require("./divider.component-BX3zyB7O.js"),G=require("./create-slot-recipe-context-HXE1VazG.js"),H=require("./index-Ts8g8jZd.js"),g=require("./popover-C7aj8Iwj.js");var r=(e=>(e.Today="Today",e.Yesterday="Yesterday",e.ThisWeek="ThisWeek",e.LastWeek="LastWeek",e.ThisMonth="ThisMonth",e.LastMonth="LastMonth",e.Custom="Custom",e))(r||{});const z=["single","double"],A=[{label:"Today",value:r.Today},{label:"Yesterday",value:r.Yesterday},{label:"This Week",value:r.ThisWeek},{label:"Last Week",value:r.LastWeek},{label:"This Month",value:r.ThisMonth},{label:"Last Month",value:r.LastMonth},{label:"Custom",value:r.Custom,iconName:"calendarPen"}],Q={single:1,double:2};function V(e){return m.startOfDay(Date.now(),e)}function J(e){return u.endOfDay(Date.now(),e)}function K(e){const t=E.constructNow(e?.in),s=t.getFullYear(),o=t.getMonth(),a=t.getDate(),i=E.constructNow(e?.in);return i.setFullYear(s,o,a-1),i.setHours(0,0,0,0),i}function U(e){const t=E.constructNow(e?.in),s=m.constructFrom(e?.in,0);return s.setFullYear(t.getFullYear(),t.getMonth(),t.getDate()-1),s.setHours(23,59,59,999),s}function X(e,t,s){return u.addDays(e,t*7,s)}function Z(e,t,s){return X(e,-1,s)}function ee(e,t,s){return u.addMonths(e,-1,s)}function P(e,t){return+m.toDate(e)==+m.toDate(t)}const O=e=>{const t=new Date;switch(e){case r.Today:return{startDate:V(),endDate:J()};case r.Yesterday:return{startDate:K(),endDate:U()};case r.ThisWeek:return{startDate:m.startOfWeek(t,{weekStartsOn:1}),endDate:h.endOfWeek(t,{weekStartsOn:1})};case r.LastWeek:{const s=Z(t);return{startDate:m.startOfWeek(s,{weekStartsOn:1}),endDate:h.endOfWeek(s,{weekStartsOn:1})}}case r.ThisMonth:return{startDate:h.startOfMonth(t),endDate:h.endOfMonth(t)};case r.LastMonth:{const s=ee(t);return{startDate:h.startOfMonth(s),endDate:h.endOfMonth(s)}}default:return null}},te=(e,t)=>{if(!e||!t)return r.Today;const s=[r.Today,r.Yesterday,r.ThisWeek,r.LastWeek,r.ThisMonth,r.LastMonth];for(const o of s){const a=O(o);if(a&&P(e,a.startDate)&&P(t,a.endDate))return o}return r.Custom},ne=({selectedQuickOption:e,setSelectedQuickOption:t,["data-testid"]:s="kibble-datetime-picker-quick-options"})=>{const{setFocusedInput:o,onQuickOptionSelect:a}=u.useDatePickerContext(),{setOpen:i}=N.usePopoverContext(),x=c=>{if(t(c),c===r.Custom){o(u.FocusedInput.StartDate);return}const p=O(c);p&&(a(p),i(!1))};return n.jsxRuntimeExports.jsx(M.Flex,{className:"DateTimePicker__QuickFilters",flexDirection:"column",gap:2,w:"100%",maxW:"120px",children:A.map(c=>n.jsxRuntimeExports.jsx(W.Button,{className:"DateTimePicker__Option","data-testid":`${s}-option-${c.value}`,variant:"secondarySubtle",...c.iconName&&{iconName:c.iconName,iconPosition:"right"},...e===c.value&&{active:!0},onClick:()=>x(c.value),children:c.label},c.value))})},_=({label:e,rangeType:t})=>{const{startDate:s,endDate:o,dateFormat:a,focusedInput:i,setFocusedInput:x,onTimeChange:c}=u.useDatePickerContext(),p=d.useMemo(()=>(t===u.FocusedInput.StartDate?s:o)||new Date,[s,o,t]),C=d.useMemo(()=>m.format(p,a),[p,a]),D=l=>{l&&c(l,t)};return n.jsxRuntimeExports.jsxs(R.Grid,{alignItems:"center",templateColumns:"repeat(5, 1fr)",gap:1,bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,flex:"0 0 50%",children:[n.jsxRuntimeExports.jsx(R.GridItem,{colSpan:1,children:n.jsxRuntimeExports.jsx(L.WrappedText,{size:"sm",fontWeight:"semibold",textAlign:"center",children:e})}),n.jsxRuntimeExports.jsx(R.GridItem,{colSpan:2,children:n.jsxRuntimeExports.jsx(Y.WrappedTextInput,{readOnly:!0,value:C,onClick:()=>x(t),...i===t&&{"data-focus":!0}})}),n.jsxRuntimeExports.jsx(R.GridItem,{colSpan:2,children:n.jsxRuntimeExports.jsx(B.TimePicker,{minuteInterval:1,initialTime:p,onClose:l=>D(l),inputProps:{rightElement:void 0,onClick:()=>x(t)}})})]})},se=({isSingleView:e})=>{const{focusedInput:t,setFocusedInput:s}=u.useDatePickerContext();return d.useEffect(()=>{t||s(u.FocusedInput.StartDate)},[t,s]),n.jsxRuntimeExports.jsxs(f.Box,{className:"DateTimePicker__CustomFilters",mt:-1,children:[n.jsxRuntimeExports.jsxs(M.Flex,{className:"DateTimePicker__CustomFilters__RangeSelectors",flexDirection:e?"column":"row",alignItems:"center",gap:2,justifyContent:"space-between",children:[n.jsxRuntimeExports.jsx(_,{label:"Start",rangeType:u.FocusedInput.StartDate}),n.jsxRuntimeExports.jsx(_,{label:"End",rangeType:u.FocusedInput.EndDate})]}),n.jsxRuntimeExports.jsxs(f.Box,{className:"CalendarView",bgColor:"background.secondaryAlpha",borderRadius:"md",p:1,mt:5,children:[n.jsxRuntimeExports.jsx(f.Box,{className:"CalendarView__Header",bgColor:"background.accent.subtle",borderRadius:"md",children:n.jsxRuntimeExports.jsx(u.DatePickerHeader,{triggerProps:{variant:"ghostNeutral"}})}),n.jsxRuntimeExports.jsx(f.Box,{className:"CalendarView__Body",children:n.jsxRuntimeExports.jsx(u.DatePickerCalendar,{showMonthLabels:!0})})]})]})},re=({trigger:e,calendarView:t="double",portalled:s=!0,showQuickOptions:o=!0,["data-testid"]:a="kibble-datetime-picker",...i})=>{const x=d.useMemo(()=>{const y=new Date;return{startDate:m.startOfDay(y),endDate:u.endOfDay(y)}},[]),{contentRef:c}=q.usePortalContentRef(),C=G.useSlotRecipe({recipe:F.popoverRecipe})(),D=I.useBreakpoint(),l=d.useMemo(()=>o?te(i.startDate||null,i.endDate||null):r.Custom,[o,i.startDate,i.endDate]),[j,T]=d.useState(l);d.useEffect(()=>{T(l)},[l]);const k=d.useMemo(()=>["base","sm"].includes(D)?"single":t,[t,D]),w=d.useMemo(()=>Q[k],[k]),b=d.useMemo(()=>k==="single",[k]),v=d.useMemo(()=>j===r.Custom,[j]),S=d.useMemo(()=>v?"max-content":"160px",[v]);return n.jsxRuntimeExports.jsxs(u.DatePickerProvider,{...i,startDate:i.startDate||x.startDate,endDate:i.endDate||x.endDate,withDateRange:!0,numberOfMonths:w,sameWidth:!0,children:[n.jsxRuntimeExports.jsx(g.PopoverTrigger,{asChild:!0,w:"max-content",children:e||n.jsxRuntimeExports.jsx(W.Button,{variant:"secondarySubtle",iconName:"calendarInfo","data-testid":`${a}-default-trigger`,children:"Date/Time Range"})}),n.jsxRuntimeExports.jsx(H.Portal,{container:c||void 0,disabled:!s,children:n.jsxRuntimeExports.jsx(g.PopoverPositioner,{className:"DateTimePicker","data-testid":a,children:n.jsxRuntimeExports.jsx(g.PopoverContent,{className:"DateTimePicker__Content","data-testid":`${a}-content`,css:{...C.content,"--popover-size":S,maxW:o?b?"550px":"890px":b?"390px":"730px",...v&&{minW:o?"550px":"390px"}},children:n.jsxRuntimeExports.jsx(g.PopoverBody,{css:{"--popover-padding":0},children:n.jsxRuntimeExports.jsxs(M.Flex,{className:"DateTimePicker__Container","data-testid":`${a}-container`,p:5,children:[o&&n.jsxRuntimeExports.jsx(ne,{selectedQuickOption:j,setSelectedQuickOption:T}),j===r.Custom&&n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[o&&n.jsxRuntimeExports.jsx($.Divider,{orientation:"vertical",my:-5,mx:5}),n.jsxRuntimeExports.jsx(se,{isSingleView:b})]})]})})})})})]})};exports.DateTimePicker=re;exports.DateTimePickerDefaultOptionValue=r;exports.calendarViews=z;
+//# sourceMappingURL=dateTimePicker.component-C7SFD9Py.js.map

package/dist/chunks/dateTimePicker.component-C7SFD9Py.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimePicker.component-C7SFD9Py.js","sources":["../../src/components/DateTimePicker/dateTimePicker.types.ts","../../src/components/DateTimePicker/dateTimePicker.records.ts","../../node_modules/date-fns/startOfToday.js","../../node_modules/date-fns/endOfToday.js","../../node_modules/date-fns/startOfYesterday.js","../../node_modules/date-fns/endOfYesterday.js","../../node_modules/date-fns/addWeeks.js","../../node_modules/date-fns/subWeeks.js","../../node_modules/date-fns/subMonths.js","../../node_modules/date-fns/isEqual.js","../../src/components/DateTimePicker/utils/quickOptions.ts","../../src/components/DateTimePicker/components/DateTimePickerQuickOptions/dateTimePickerQuickOptions.component.tsx","../../src/components/DateTimePicker/components/DateTimePickerRangeSelector/dateTimePickerRangeSelector.component.tsx","../../src/components/DateTimePicker/components/DateTimePickerCustomView/dateTimePickerCustomView.component.tsx","../../src/components/DateTimePicker/dateTimePicker.component.tsx"],"sourcesContent":["export enum DateTimePickerDefaultOptionValue {\n  Today = 'Today',\n  Yesterday = 'Yesterday',\n  ThisWeek = 'ThisWeek',\n  LastWeek = 'LastWeek',\n  ThisMonth = 'ThisMonth',\n  LastMonth = 'LastMonth',\n  Custom = 'Custom',\n}\n\nexport const calendarViews = ['single', 'double'] as const;\nexport type CalendarView = (typeof calendarViews)[number];\n","import { IconName } from 'components/Icon/icon.types';\nimport { CalendarView, DateTimePickerDefaultOptionValue } from './dateTimePicker.types';\n\nexport const dateTimePickerDefaultOptions: {\n  label: string;\n  value: DateTimePickerDefaultOptionValue;\n  iconName?: IconName;\n}[] = [\n  {\n    label: 'Today',\n    value: DateTimePickerDefaultOptionValue.Today,\n  },\n  {\n    label: 'Yesterday',\n    value: DateTimePickerDefaultOptionValue.Yesterday,\n  },\n  {\n    label: 'This Week',\n    value: DateTimePickerDefaultOptionValue.ThisWeek,\n  },\n  {\n    label: 'Last Week',\n    value: DateTimePickerDefaultOptionValue.LastWeek,\n  },\n  {\n    label: 'This Month',\n    value: DateTimePickerDefaultOptionValue.ThisMonth,\n  },\n  {\n    label: 'Last Month',\n    value: DateTimePickerDefaultOptionValue.LastMonth,\n  },\n  {\n    label: 'Custom',\n    value: DateTimePickerDefaultOptionValue.Custom,\n    iconName: 'calendarPen',\n  },\n];\n\nexport const CalendarViewToNumberOfMonthsMap: Record<CalendarView, number> = {\n  single: 1,\n  double: 2,\n};\n","import { startOfDay } from \"./startOfDay.js\";\n\n/**\n * The {@link startOfToday} function options.\n */\n\n/**\n * @name startOfToday\n * @category Day Helpers\n * @summary Return the start of today.\n * @pure false\n *\n * @description\n * Return the start of today.\n *\n * @typeParam ContextDate - The `Date` type of the context function.\n *\n * @param options - An object with options\n *\n * @returns The start of today\n *\n * @example\n * // If today is 6 October 2014:\n * const result = startOfToday()\n * //=> Mon Oct 6 2014 00:00:00\n */\nexport function startOfToday(options) {\n  return startOfDay(Date.now(), options);\n}\n\n// Fallback for modularized imports:\nexport default startOfToday;\n","import { endOfDay } from \"./endOfDay.js\";\n\n/**\n * The {@link endOfToday} function options.\n */\n\n/**\n * @name endOfToday\n * @category Day Helpers\n * @summary Return the end of today.\n * @pure false\n *\n * @description\n * Return the end of today.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param options - The options\n *\n * @returns The end of today\n *\n * @example\n * // If today is 6 October 2014:\n * const result = endOfToday()\n * //=> Mon Oct 6 2014 23:59:59.999\n */\nexport function endOfToday(options) {\n  return endOfDay(Date.now(), options);\n}\n\n// Fallback for modularized imports:\nexport default endOfToday;\n","import { constructNow } from \"./constructNow.js\";\n\n/**\n * The {@link startOfYesterday} function options.\n */\n\n/**\n * @name startOfYesterday\n * @category Day Helpers\n * @summary Return the start of yesterday.\n * @pure false\n *\n * @typeParam ContextDate - The `Date` type of the context function.\n *\n * @param options - An object with options\n *\n * @description\n * Return the start of yesterday.\n *\n * @returns The start of yesterday\n *\n * @example\n * // If today is 6 October 2014:\n * const result = startOfYesterday()\n * //=> Sun Oct 5 2014 00:00:00\n */\nexport function startOfYesterday(options) {\n  const now = constructNow(options?.in);\n  const year = now.getFullYear();\n  const month = now.getMonth();\n  const day = now.getDate();\n\n  const date = constructNow(options?.in);\n  date.setFullYear(year, month, day - 1);\n  date.setHours(0, 0, 0, 0);\n  return date;\n}\n\n// Fallback for modularized imports:\nexport default startOfYesterday;\n","import { constructFrom } from \"./constructFrom.js\";\nimport { constructNow } from \"./constructNow.js\";\n\n/**\n * The {@link endOfYesterday} function options.\n */\n\n/**\n * @name endOfYesterday\n * @category Day Helpers\n * @summary Return the end of yesterday.\n * @pure false\n *\n * @description\n * Return the end of yesterday.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @returns The end of yesterday\n *\n * @example\n * // If today is 6 October 2014:\n * const result = endOfYesterday()\n * //=> Sun Oct 5 2014 23:59:59.999\n */\nexport function endOfYesterday(options) {\n  const now = constructNow(options?.in);\n  const date = constructFrom(options?.in, 0);\n  date.setFullYear(now.getFullYear(), now.getMonth(), now.getDate() - 1);\n  date.setHours(23, 59, 59, 999);\n  return date;\n}\n\n// Fallback for modularized imports:\nexport default endOfYesterday;\n","import { addDays } from \"./addDays.js\";\n\n/**\n * The {@link addWeeks} function options.\n */\n\n/**\n * @name addWeeks\n * @category Week Helpers\n * @summary Add the specified number of weeks to the given date.\n *\n * @description\n * Add the specified number of weeks to the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of weeks to be added.\n * @param options - An object with options\n *\n * @returns The new date with the weeks added\n *\n * @example\n * // Add 4 weeks to 1 September 2014:\n * const result = addWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Sep 29 2014 00:00:00\n */\nexport function addWeeks(date, amount, options) {\n  return addDays(date, amount * 7, options);\n}\n\n// Fallback for modularized imports:\nexport default addWeeks;\n","import { addWeeks } from \"./addWeeks.js\";\n\n/**\n * The {@link subWeeks} function options.\n */\n\n/**\n * @name subWeeks\n * @category Week Helpers\n * @summary Subtract the specified number of weeks from the given date.\n *\n * @description\n * Subtract the specified number of weeks from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of weeks to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the weeks subtracted\n *\n * @example\n * // Subtract 4 weeks from 1 September 2014:\n * const result = subWeeks(new Date(2014, 8, 1), 4)\n * //=> Mon Aug 04 2014 00:00:00\n */\nexport function subWeeks(date, amount, options) {\n  return addWeeks(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subWeeks;\n","import { addMonths } from \"./addMonths.js\";\n\n/**\n * The subMonths function options.\n */\n\n/**\n * @name subMonths\n * @category Month Helpers\n * @summary Subtract the specified number of months from the given date.\n *\n * @description\n * Subtract the specified number of months from the given date.\n *\n * @typeParam DateType - The `Date` type, the function operates on. Gets inferred from passed arguments. Allows to use extensions like [`UTCDate`](https://github.com/date-fns/utc).\n * @typeParam ResultDate - The result `Date` type, it is the type returned from the context function if it is passed, or inferred from the arguments.\n *\n * @param date - The date to be changed\n * @param amount - The amount of months to be subtracted.\n * @param options - An object with options\n *\n * @returns The new date with the months subtracted\n *\n * @example\n * // Subtract 5 months from 1 February 2015:\n * const result = subMonths(new Date(2015, 1, 1), 5)\n * //=> Mon Sep 01 2014 00:00:00\n */\nexport function subMonths(date, amount, options) {\n  return addMonths(date, -amount, options);\n}\n\n// Fallback for modularized imports:\nexport default subMonths;\n","import { toDate } from \"./toDate.js\";\n\n/**\n * @name isEqual\n * @category Common Helpers\n * @summary Are the given dates equal?\n *\n * @description\n * Are the given dates equal?\n *\n * @param dateLeft - The first date to compare\n * @param dateRight - The second date to compare\n *\n * @returns The dates are equal\n *\n * @example\n * // Are 2 July 2014 06:30:45.000 and 2 July 2014 06:30:45.500 equal?\n * const result = isEqual(\n *   new Date(2014, 6, 2, 6, 30, 45, 0),\n *   new Date(2014, 6, 2, 6, 30, 45, 500)\n * )\n * //=> false\n */\nexport function isEqual(leftDate, rightDate) {\n  return +toDate(leftDate) === +toDate(rightDate);\n}\n\n// Fallback for modularized imports:\nexport default isEqual;\n","import startOfToday from 'date-fns/startOfToday';\nimport endOfToday from 'date-fns/endOfToday';\nimport startOfYesterday from 'date-fns/startOfYesterday';\nimport endOfYesterday from 'date-fns/endOfYesterday';\nimport startOfWeek from 'date-fns/startOfWeek';\nimport endOfWeek from 'date-fns/endOfWeek';\nimport startOfMonth from 'date-fns/startOfMonth';\nimport endOfMonth from 'date-fns/endOfMonth';\nimport subWeeks from 'date-fns/subWeeks';\nimport subMonths from 'date-fns/subMonths';\nimport isEqual from 'date-fns/isEqual';\nimport { DateTimePickerDefaultOptionValue } from '../dateTimePicker.types';\n\n/**\n * Utility function to get the date range for a given quick option\n */\nexport const getQuickOptionDateRange = (\n  option: DateTimePickerDefaultOptionValue,\n): { startDate: Date; endDate: Date } | null => {\n  const today = new Date();\n\n  switch (option) {\n    case DateTimePickerDefaultOptionValue.Today:\n      return {\n        startDate: startOfToday(),\n        endDate: endOfToday(),\n      };\n    case DateTimePickerDefaultOptionValue.Yesterday:\n      return {\n        startDate: startOfYesterday(),\n        endDate: endOfYesterday(),\n      };\n    case DateTimePickerDefaultOptionValue.ThisWeek:\n      return {\n        startDate: startOfWeek(today, { weekStartsOn: 1 }),\n        endDate: endOfWeek(today, { weekStartsOn: 1 }),\n      };\n    case DateTimePickerDefaultOptionValue.LastWeek: {\n      const lastWeekDate = subWeeks(today, 1);\n      return {\n        startDate: startOfWeek(lastWeekDate, { weekStartsOn: 1 }),\n        endDate: endOfWeek(lastWeekDate, { weekStartsOn: 1 }),\n      };\n    }\n    case DateTimePickerDefaultOptionValue.ThisMonth:\n      return {\n        startDate: startOfMonth(today),\n        endDate: endOfMonth(today),\n      };\n    case DateTimePickerDefaultOptionValue.LastMonth: {\n      const lastMonthDate = subMonths(today, 1);\n      return {\n        startDate: startOfMonth(lastMonthDate),\n        endDate: endOfMonth(lastMonthDate),\n      };\n    }\n    default:\n      return null;\n  }\n};\n\n/**\n * Matches provided dates to a quick option\n * Returns the matching option, or Custom if no match, or Today if no dates provided\n */\nexport const matchDatesToQuickOption = (\n  startDate: Date | null,\n  endDate: Date | null,\n): DateTimePickerDefaultOptionValue => {\n  // If no dates provided, default to Today\n  if (!startDate || !endDate) {\n    return DateTimePickerDefaultOptionValue.Today;\n  }\n\n  // Try to match against each quick option (excluding Custom)\n  const optionsToCheck = [\n    DateTimePickerDefaultOptionValue.Today,\n    DateTimePickerDefaultOptionValue.Yesterday,\n    DateTimePickerDefaultOptionValue.ThisWeek,\n    DateTimePickerDefaultOptionValue.LastWeek,\n    DateTimePickerDefaultOptionValue.ThisMonth,\n    DateTimePickerDefaultOptionValue.LastMonth,\n  ];\n\n  for (const option of optionsToCheck) {\n    const optionRange = getQuickOptionDateRange(option);\n    if (optionRange) {\n      // Compare dates using isEqual for exact matches\n      if (isEqual(startDate, optionRange.startDate) && isEqual(endDate, optionRange.endDate)) {\n        return option;\n      }\n    }\n  }\n\n  // No match found, return Custom\n  return DateTimePickerDefaultOptionValue.Custom;\n};\n","import React from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { dateTimePickerDefaultOptions } from '../../dateTimePicker.records';\nimport { Button } from 'components/Button';\nimport { DateTimePickerDefaultOptionValue } from '../../dateTimePicker.types';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\nimport { FocusedInput, useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport { getQuickOptionDateRange } from '../../utils/quickOptions';\n\ninterface DateTimePickerQuickOptionsProps {\n  /** The currently selected quick option. */\n  selectedQuickOption: DateTimePickerDefaultOptionValue;\n  /** Callback function to set the selected quick option. */\n  setSelectedQuickOption: (option: DateTimePickerDefaultOptionValue) => void;\n  /** Data test id for the quick options.\n   * @default kibble-datetime-picker-quick-options\n   */\n  'data-testid'?: string;\n}\n\nexport const DateTimePickerQuickOptions = ({\n  selectedQuickOption,\n  setSelectedQuickOption,\n  ['data-testid']: dataTestId = 'kibble-datetime-picker-quick-options',\n}: DateTimePickerQuickOptionsProps): React.JSX.Element => {\n  const { setFocusedInput, onQuickOptionSelect } = useDatePickerContext();\n  const { setOpen } = usePopoverContext();\n\n  const handleOptionClick = (option: DateTimePickerDefaultOptionValue): void => {\n    setSelectedQuickOption(option);\n\n    if (option === DateTimePickerDefaultOptionValue.Custom) {\n      setFocusedInput(FocusedInput.StartDate);\n      return;\n    }\n\n    const dates = getQuickOptionDateRange(option);\n    if (dates) {\n      onQuickOptionSelect(dates);\n      setOpen(false);\n    }\n  };\n\n  return (\n    <Flex className=\"DateTimePicker__QuickFilters\" flexDirection=\"column\" gap={2} w=\"100%\" maxW=\"120px\">\n      {dateTimePickerDefaultOptions.map((option) => (\n        <Button\n          className=\"DateTimePicker__Option\"\n          data-testid={`${dataTestId}-option-${option.value}`}\n          key={option.value}\n          variant=\"secondarySubtle\"\n          {...(option.iconName && { iconName: option.iconName, iconPosition: 'right' })}\n          {...(selectedQuickOption === option.value && { active: true })}\n          onClick={() => handleOptionClick(option.value)}\n        >\n          {option.label}\n        </Button>\n      ))}\n    </Flex>\n  );\n};\n","import React, { useMemo } from 'react';\nimport { Grid, GridItem } from '@chakra-ui/react/grid';\nimport { FocusedInput, useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\nimport { Text } from 'components/Text/text.component';\nimport { TextInput } from 'components/TextInput/textInput.component';\nimport { TimePicker } from 'components/TimePicker/timePicker.component';\nimport format from 'date-fns/format';\n\ninterface DateTimePickerRangeSelectorProps {\n  /** Label for the range selector. */\n  label: string;\n  /** Type of range selector. */\n  rangeType: FocusedInput;\n}\n\nexport const DateTimePickerRangeSelector = ({\n  label,\n  rangeType,\n}: DateTimePickerRangeSelectorProps): React.JSX.Element => {\n  const { startDate, endDate, dateFormat, focusedInput, setFocusedInput, onTimeChange } = useDatePickerContext();\n  const _date = useMemo(\n    () => (rangeType === FocusedInput.StartDate ? startDate : endDate) || new Date(),\n    [startDate, endDate, rangeType],\n  );\n  const formattedDate = useMemo(() => format(_date, dateFormat), [_date, dateFormat]);\n\n  const handleTimeChange = (date?: Date): void => {\n    if (!date) return;\n    onTimeChange(date, rangeType);\n  };\n\n  return (\n    <Grid\n      alignItems=\"center\"\n      templateColumns=\"repeat(5, 1fr)\"\n      gap={1}\n      bgColor=\"background.secondaryAlpha\"\n      borderRadius=\"md\"\n      p={1}\n      flex=\"0 0 50%\"\n    >\n      <GridItem colSpan={1}>\n        <Text size=\"sm\" fontWeight=\"semibold\" textAlign=\"center\">\n          {label}\n        </Text>\n      </GridItem>\n      <GridItem colSpan={2}>\n        <TextInput\n          readOnly\n          value={formattedDate}\n          onClick={() => setFocusedInput(rangeType)}\n          {...(focusedInput === rangeType && {\n            'data-focus': true,\n          })}\n        />\n      </GridItem>\n      <GridItem colSpan={2}>\n        <TimePicker\n          minuteInterval={1}\n          initialTime={_date}\n          onClose={(time) => handleTimeChange(time)}\n          inputProps={{ rightElement: undefined, onClick: () => setFocusedInput(rangeType) }}\n        />\n      </GridItem>\n    </Grid>\n  );\n};\n","import React, { useEffect } from 'react';\nimport { Box } from '@chakra-ui/react/box';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { DateTimePickerRangeSelector } from '../DateTimePickerRangeSelector/dateTimePickerRangeSelector.component';\nimport { DatePickerHeader } from 'components/DatePicker/components/DatePickerHeader/datePickerHeader.component';\nimport { DatePickerCalendar } from 'components/DatePicker/components/DatePickerCalendar/datePickerCalendar.component';\nimport { FocusedInput, useDatePickerContext } from 'components/DatePicker/context/datePicker.context';\n\ninterface DateTimePickerCustomViewProps {\n  /** Determines if the calendar view is single. */\n  isSingleView: boolean;\n}\n\nexport const DateTimePickerCustomView = ({ isSingleView }: DateTimePickerCustomViewProps): React.JSX.Element => {\n  const { focusedInput, setFocusedInput } = useDatePickerContext();\n\n  useEffect(() => {\n    if (!focusedInput) {\n      setFocusedInput(FocusedInput.StartDate);\n    }\n  }, [focusedInput, setFocusedInput]);\n\n  return (\n    <Box className=\"DateTimePicker__CustomFilters\" mt={-1}>\n      <Flex\n        className=\"DateTimePicker__CustomFilters__RangeSelectors\"\n        flexDirection={isSingleView ? 'column' : 'row'}\n        alignItems=\"center\"\n        gap={2}\n        justifyContent=\"space-between\"\n      >\n        <DateTimePickerRangeSelector label=\"Start\" rangeType={FocusedInput.StartDate} />\n        <DateTimePickerRangeSelector label=\"End\" rangeType={FocusedInput.EndDate} />\n      </Flex>\n      <Box className=\"CalendarView\" bgColor=\"background.secondaryAlpha\" borderRadius=\"md\" p={1} mt={5}>\n        <Box className=\"CalendarView__Header\" bgColor=\"background.accent.subtle\" borderRadius=\"md\">\n          <DatePickerHeader triggerProps={{ variant: 'ghostNeutral' }} />\n        </Box>\n        <Box className=\"CalendarView__Body\">\n          <DatePickerCalendar showMonthLabels />\n        </Box>\n      </Box>\n    </Box>\n  );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { CalendarViewToNumberOfMonthsMap } from './dateTimePicker.records';\nimport { CalendarView, DateTimePickerDefaultOptionValue } from './dateTimePicker.types';\nimport { DatePickerProvider } from 'components/DatePicker/context/datePicker.provider';\nimport { DateProps } from 'components/DatePicker/datePicker.types';\nimport { Placement } from 'shared/types/placement';\nimport { usePortalContentRef } from 'hooks/usePortalContentRef';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from 'components/Popover/popover.recipe';\nimport { DateTimePickerQuickOptions } from './components/DateTimePickerQuickOptions/dateTimePickerQuickOptions.component';\nimport startOfDay from 'date-fns/startOfDay';\nimport endOfDay from 'date-fns/endOfDay';\nimport { matchDatesToQuickOption } from './utils/quickOptions';\nimport { useBreakpoint } from 'hooks/useBreakpoint';\nimport { DateTimePickerCustomView } from './components/DateTimePickerCustomView/dateTimePickerCustomView.component';\nimport { Divider } from 'components/Divider/divider.component';\n\nexport interface DateTimePickerProps extends DateProps {\n  /**\n   * Controls the number of months displayed in the calendar.\n   * @default double\n   */\n  calendarView?: CalendarView;\n  /** Custom element to trigger the date time picker. If not provided, a button will be rendered. */\n  trigger?: React.ReactNode;\n  /**\n   * Placement of the calendar popover\n   * @default bottom\n   */\n  placement?: Placement;\n  /**\n   * If true, the date time picker will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Whether to show the left side quick options in the calendar.\n   * @default true\n   */\n  showQuickOptions?: boolean;\n  /** Data test id for the date time picker.\n   * @default kibble-datetime-picker\n   */\n  'data-testid'?: string;\n}\n\nexport const DateTimePicker = ({\n  trigger,\n  calendarView = 'double',\n  portalled = true,\n  showQuickOptions = true,\n  ['data-testid']: dataTestId = 'kibble-datetime-picker',\n  ...rest\n}: DateTimePickerProps): React.JSX.Element => {\n  const defaultDates = useMemo(() => {\n    const today = new Date();\n    return {\n      startDate: startOfDay(today),\n      endDate: endOfDay(today),\n    };\n  }, []);\n  const { contentRef } = usePortalContentRef();\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n  const breakpoint = useBreakpoint();\n\n  // Initialize selected quick option based on provided dates\n  const initialQuickOption = useMemo(() => {\n    return showQuickOptions\n      ? matchDatesToQuickOption(rest.startDate || null, rest.endDate || null)\n      : DateTimePickerDefaultOptionValue.Custom;\n  }, [showQuickOptions, rest.startDate, rest.endDate]);\n\n  const [selectedQuickOption, setSelectedQuickOption] = useState<DateTimePickerDefaultOptionValue>(initialQuickOption);\n\n  // Sync selectedQuickOption when props change\n  useEffect(() => {\n    setSelectedQuickOption(initialQuickOption);\n  }, [initialQuickOption]);\n\n  const _calendarView = useMemo(\n    () => (['base', 'sm'].includes(breakpoint) ? 'single' : calendarView),\n    [calendarView, breakpoint],\n  );\n  const numberOfMonths = useMemo(() => CalendarViewToNumberOfMonthsMap[_calendarView], [_calendarView]);\n  const isSingleView = useMemo(() => _calendarView === 'single', [_calendarView]);\n  const isCustomSelected = useMemo(\n    () => selectedQuickOption === DateTimePickerDefaultOptionValue.Custom,\n    [selectedQuickOption],\n  );\n  const popoverSize = useMemo(() => (isCustomSelected ? 'max-content' : '160px'), [isCustomSelected]);\n\n  return (\n    <DatePickerProvider\n      {...rest}\n      startDate={rest.startDate || defaultDates.startDate}\n      endDate={rest.endDate || defaultDates.endDate}\n      withDateRange\n      numberOfMonths={numberOfMonths}\n      sameWidth={true}\n    >\n      <CPopover.Trigger asChild w=\"max-content\">\n        {trigger || (\n          <Button variant=\"secondarySubtle\" iconName=\"calendarInfo\" data-testid={`${dataTestId}-default-trigger`}>\n            Date/Time Range\n          </Button>\n        )}\n      </CPopover.Trigger>\n      <Portal container={contentRef || undefined} disabled={!portalled}>\n        <CPopover.Positioner className=\"DateTimePicker\" data-testid={dataTestId}>\n          <CPopover.Content\n            className=\"DateTimePicker__Content\"\n            data-testid={`${dataTestId}-content`}\n            css={{\n              ...styles.content,\n              '--popover-size': popoverSize,\n              maxW: showQuickOptions ? (isSingleView ? '550px' : '890px') : isSingleView ? '390px' : '730px',\n              ...(isCustomSelected && { minW: showQuickOptions ? '550px' : '390px' }),\n            }}\n          >\n            <CPopover.Body css={{ '--popover-padding': 0 }}>\n              <Flex className=\"DateTimePicker__Container\" data-testid={`${dataTestId}-container`} p={5}>\n                {showQuickOptions && (\n                  <DateTimePickerQuickOptions\n                    selectedQuickOption={selectedQuickOption}\n                    setSelectedQuickOption={setSelectedQuickOption}\n                  />\n                )}\n                {selectedQuickOption === DateTimePickerDefaultOptionValue.Custom && (\n                  <>\n                    {showQuickOptions && <Divider orientation=\"vertical\" my={-5} mx={5} />}\n                    <DateTimePickerCustomView isSingleView={isSingleView} />\n                  </>\n                )}\n              </Flex>\n            </CPopover.Body>\n          </CPopover.Content>\n        </CPopover.Positioner>\n      </Portal>\n    </DatePickerProvider>\n  );\n};\n"],"names":["DateTimePickerDefaultOptionValue","calendarViews","dateTimePickerDefaultOptions","CalendarViewToNumberOfMonthsMap","startOfToday","options","startOfDay","endOfToday","endOfDay","startOfYesterday","now","constructNow","year","month","day","date","endOfYesterday","constructFrom","addWeeks","amount","addDays","subWeeks","subMonths","addMonths","isEqual","leftDate","rightDate","toDate","getQuickOptionDateRange","option","today","startOfWeek","endOfWeek","lastWeekDate","startOfMonth","endOfMonth","lastMonthDate","matchDatesToQuickOption","startDate","endDate","optionsToCheck","optionRange","DateTimePickerQuickOptions","selectedQuickOption","setSelectedQuickOption","dataTestId","setFocusedInput","onQuickOptionSelect","useDatePickerContext","setOpen","usePopoverContext","handleOptionClick","FocusedInput","dates","jsx","Flex","Button","DateTimePickerRangeSelector","label","rangeType","dateFormat","focusedInput","onTimeChange","_date","useMemo","formattedDate","format","handleTimeChange","jsxs","Grid","GridItem","Text","TextInput","TimePicker","time","DateTimePickerCustomView","isSingleView","useEffect","Box","DatePickerHeader","DatePickerCalendar","DateTimePicker","trigger","calendarView","portalled","showQuickOptions","rest","defaultDates","contentRef","usePortalContentRef","styles","useSlotRecipe","popoverRecipe","breakpoint","useBreakpoint","initialQuickOption","useState","_calendarView","numberOfMonths","isCustomSelected","popoverSize","DatePickerProvider","CPopover.Trigger","Portal","CPopover.Positioner","CPopover.Content","CPopover.Body","Fragment","Divider"],"mappings":"q2BAAY,IAAAA,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,UAAY,YACZA,EAAA,SAAW,WACXA,EAAA,SAAW,WACXA,EAAA,UAAY,YACZA,EAAA,UAAY,YACZA,EAAA,OAAS,SAPCA,IAAAA,GAAA,CAAA,CAAA,EAUC,MAAAC,EAAgB,CAAC,SAAU,QAAQ,ECPnCC,EAIP,CACJ,CACE,MAAO,QACP,MAAOF,EAAiC,KAC1C,EACA,CACE,MAAO,YACP,MAAOA,EAAiC,SAC1C,EACA,CACE,MAAO,YACP,MAAOA,EAAiC,QAC1C,EACA,CACE,MAAO,YACP,MAAOA,EAAiC,QAC1C,EACA,CACE,MAAO,aACP,MAAOA,EAAiC,SAC1C,EACA,CACE,MAAO,aACP,MAAOA,EAAiC,SAC1C,EACA,CACE,MAAO,SACP,MAAOA,EAAiC,OACxC,SAAU,aAAA,CAEd,EAEaG,EAAgE,CAC3E,OAAQ,EACR,OAAQ,CACV,EChBO,SAASC,EAAaC,EAAS,CACpC,OAAOC,aAAW,KAAK,IAAG,EAAID,CAAO,CACvC,CCDO,SAASE,EAAWF,EAAS,CAClC,OAAOG,WAAS,KAAK,IAAG,EAAIH,CAAO,CACrC,CCHO,SAASI,EAAiBJ,EAAS,CACxC,MAAMK,EAAMC,EAAAA,aAAaN,GAAS,EAAE,EAC9BO,EAAOF,EAAI,YAAa,EACxBG,EAAQH,EAAI,SAAU,EACtBI,EAAMJ,EAAI,QAAS,EAEnBK,EAAOJ,EAAAA,aAAaN,GAAS,EAAE,EACrC,OAAAU,EAAK,YAAYH,EAAMC,EAAOC,EAAM,CAAC,EACrCC,EAAK,SAAS,EAAG,EAAG,EAAG,CAAC,EACjBA,CACT,CCVO,SAASC,EAAeX,EAAS,CACtC,MAAMK,EAAMC,EAAAA,aAAaN,GAAS,EAAE,EAC9BU,EAAOE,EAAa,cAACZ,GAAS,GAAI,CAAC,EACzC,OAAAU,EAAK,YAAYL,EAAI,cAAeA,EAAI,SAAQ,EAAIA,EAAI,QAAS,EAAG,CAAC,EACrEK,EAAK,SAAS,GAAI,GAAI,GAAI,GAAG,EACtBA,CACT,CCJO,SAASG,EAASH,EAAMI,EAAQd,EAAS,CAC9C,OAAOe,EAAO,QAACL,EAAMI,EAAS,EAAGd,CAAO,CAC1C,CCFO,SAASgB,EAASN,EAAMI,EAAQd,EAAS,CAC9C,OAAOa,EAASH,EAAM,GAASV,CAAO,CACxC,CCFO,SAASiB,GAAUP,EAAMI,EAAQd,EAAS,CAC/C,OAAOkB,YAAUR,EAAM,GAASV,CAAO,CACzC,CCPO,SAASmB,EAAQC,EAAUC,EAAW,CAC3C,MAAO,CAACC,EAAAA,OAAOF,CAAQ,GAAM,CAACE,EAAAA,OAAOD,CAAS,CAChD,CCTa,MAAAE,EACXC,GAC8C,CACxC,MAAAC,MAAY,KAElB,OAAQD,EAAQ,CACd,KAAK7B,EAAiC,MAC7B,MAAA,CACL,UAAWI,EAAa,EACxB,QAASG,EAAW,CACtB,EACF,KAAKP,EAAiC,UAC7B,MAAA,CACL,UAAWS,EAAiB,EAC5B,QAASO,EAAe,CAC1B,EACF,KAAKhB,EAAiC,SAC7B,MAAA,CACL,UAAW+B,EAAAA,YAAYD,EAAO,CAAE,aAAc,EAAG,EACjD,QAASE,EAAAA,UAAUF,EAAO,CAAE,aAAc,CAAG,CAAA,CAC/C,EACF,KAAK9B,EAAiC,SAAU,CACxC,MAAAiC,EAAeZ,EAASS,CAAQ,EAC/B,MAAA,CACL,UAAWC,EAAAA,YAAYE,EAAc,CAAE,aAAc,EAAG,EACxD,QAASD,EAAAA,UAAUC,EAAc,CAAE,aAAc,CAAG,CAAA,CACtD,CAAA,CAEF,KAAKjC,EAAiC,UAC7B,MAAA,CACL,UAAWkC,eAAaJ,CAAK,EAC7B,QAASK,aAAWL,CAAK,CAC3B,EACF,KAAK9B,EAAiC,UAAW,CACzC,MAAAoC,EAAgBd,GAAUQ,CAAQ,EACjC,MAAA,CACL,UAAWI,eAAaE,CAAa,EACrC,QAASD,aAAWC,CAAa,CACnC,CAAA,CAEF,QACS,OAAA,IAAA,CAEb,EAMaC,GAA0B,CACrCC,EACAC,IACqC,CAEjC,GAAA,CAACD,GAAa,CAACC,EACjB,OAAOvC,EAAiC,MAI1C,MAAMwC,EAAiB,CACrBxC,EAAiC,MACjCA,EAAiC,UACjCA,EAAiC,SACjCA,EAAiC,SACjCA,EAAiC,UACjCA,EAAiC,SACnC,EAEA,UAAW6B,KAAUW,EAAgB,CAC7B,MAAAC,EAAcb,EAAwBC,CAAM,EAClD,GAAIY,GAEEjB,EAAQc,EAAWG,EAAY,SAAS,GAAKjB,EAAQe,EAASE,EAAY,OAAO,EAC5E,OAAAZ,CAEX,CAIF,OAAO7B,EAAiC,MAC1C,EC5Ea0C,GAA6B,CAAC,CACzC,oBAAAC,EACA,uBAAAC,EACA,CAAC,eAAgBC,EAAa,sCAChC,IAA0D,CACxD,KAAM,CAAE,gBAAAC,EAAiB,oBAAAC,CAAoB,EAAIC,uBAAqB,EAChE,CAAE,QAAAC,CAAQ,EAAIC,oBAAkB,EAEhCC,EAAqBtB,GAAmD,CAGxE,GAFJe,EAAuBf,CAAM,EAEzBA,IAAW7B,EAAiC,OAAQ,CACtD8C,EAAgBM,eAAa,SAAS,EACtC,MAAA,CAGI,MAAAC,EAAQzB,EAAwBC,CAAM,EACxCwB,IACFN,EAAoBM,CAAK,EACzBJ,EAAQ,EAAK,EAEjB,EAEA,OACGK,EAAAA,kBAAAA,IAAAC,EAAAA,KAAA,CAAK,UAAU,+BAA+B,cAAc,SAAS,IAAK,EAAG,EAAE,OAAO,KAAK,QACzF,SAA6BrD,EAAA,IAAK2B,GACjCyB,EAAA,kBAAA,IAACE,EAAA,OAAA,CACC,UAAU,yBACV,cAAa,GAAGX,CAAU,WAAWhB,EAAO,KAAK,GAEjD,QAAQ,kBACP,GAAIA,EAAO,UAAY,CAAE,SAAUA,EAAO,SAAU,aAAc,OAAQ,EAC1E,GAAIc,IAAwBd,EAAO,OAAS,CAAE,OAAQ,EAAK,EAC5D,QAAS,IAAMsB,EAAkBtB,EAAO,KAAK,EAE5C,SAAOA,EAAA,KAAA,EANHA,EAAO,KAQf,CAAA,EACH,CAEJ,EC7Ca4B,EAA8B,CAAC,CAC1C,MAAAC,EACA,UAAAC,CACF,IAA2D,CACnD,KAAA,CAAE,UAAArB,EAAW,QAAAC,EAAS,WAAAqB,EAAY,aAAAC,EAAc,gBAAAf,EAAiB,aAAAgB,GAAiBd,uBAAqB,EACvGe,EAAQC,EAAA,QACZ,KAAOL,IAAcP,eAAa,UAAYd,EAAYC,QAAgB,KAC1E,CAACD,EAAWC,EAASoB,CAAS,CAChC,EACMM,EAAgBD,UAAQ,IAAME,SAAOH,EAAOH,CAAU,EAAG,CAACG,EAAOH,CAAU,CAAC,EAE5EO,EAAoBpD,GAAsB,CACzCA,GACL+C,EAAa/C,EAAM4C,CAAS,CAC9B,EAGE,OAAAS,EAAA,kBAAA,KAACC,EAAA,KAAA,CACC,WAAW,SACX,gBAAgB,iBAChB,IAAK,EACL,QAAQ,4BACR,aAAa,KACb,EAAG,EACH,KAAK,UAEL,SAAA,CAAAf,EAAA,kBAAA,IAACgB,EAAS,SAAA,CAAA,QAAS,EACjB,SAAAhB,EAAAA,kBAAAA,IAACiB,EAAAA,YAAK,CAAA,KAAK,KAAK,WAAW,WAAW,UAAU,SAC7C,SAAAb,CACH,CAAA,EACF,EACAJ,EAAAA,kBAAAA,IAACgB,EAAAA,SAAS,CAAA,QAAS,EACjB,SAAAhB,EAAA,kBAAA,IAACkB,EAAA,iBAAA,CACC,SAAQ,GACR,MAAOP,EACP,QAAS,IAAMnB,EAAgBa,CAAS,EACvC,GAAIE,IAAiBF,GAAa,CACjC,aAAc,EAAA,CAChB,CAAA,EAEJ,EACAL,EAAAA,kBAAAA,IAACgB,EAAAA,SAAS,CAAA,QAAS,EACjB,SAAAhB,EAAA,kBAAA,IAACmB,EAAA,WAAA,CACC,eAAgB,EAChB,YAAaV,EACb,QAAUW,GAASP,EAAiBO,CAAI,EACxC,WAAY,CAAE,aAAc,OAAW,QAAS,IAAM5B,EAAgBa,CAAS,CAAE,CAAA,CAAA,CAErF,CAAA,CAAA,CAAA,CACF,CAEJ,ECrDagB,GAA2B,CAAC,CAAE,aAAAC,KAAqE,CAC9G,KAAM,CAAE,aAAAf,EAAc,gBAAAf,CAAgB,EAAIE,uBAAqB,EAE/D6B,OAAAA,EAAAA,UAAU,IAAM,CACThB,GACHf,EAAgBM,eAAa,SAAS,CACxC,EACC,CAACS,EAAcf,CAAe,CAAC,EAG/BsB,EAAAA,kBAAAA,KAAAU,EAAAA,IAAA,CAAI,UAAU,gCAAgC,GAAI,GACjD,SAAA,CAAAV,EAAA,kBAAA,KAACb,EAAA,KAAA,CACC,UAAU,gDACV,cAAeqB,EAAe,SAAW,MACzC,WAAW,SACX,IAAK,EACL,eAAe,gBAEf,SAAA,CAAAtB,EAAA,kBAAA,IAACG,EAA4B,CAAA,MAAM,QAAQ,UAAWL,EAAAA,aAAa,UAAW,0BAC7EK,EAA4B,CAAA,MAAM,MAAM,UAAWL,eAAa,OAAS,CAAA,CAAA,CAAA,CAC5E,EACAgB,EAAAA,kBAAAA,KAACU,EAAAA,IAAI,CAAA,UAAU,eAAe,QAAQ,4BAA4B,aAAa,KAAK,EAAG,EAAG,GAAI,EAC5F,SAAA,CAAAxB,EAAA,kBAAA,IAACwB,EAAI,IAAA,CAAA,UAAU,uBAAuB,QAAQ,2BAA2B,aAAa,KACpF,SAACxB,EAAA,kBAAA,IAAAyB,EAAA,iBAAA,CAAiB,aAAc,CAAE,QAAS,cAAA,CAAkB,CAAA,EAC/D,EACAzB,EAAAA,kBAAAA,IAACwB,OAAI,UAAU,qBACb,iCAACE,qBAAmB,CAAA,gBAAe,EAAC,CAAA,CACtC,CAAA,CAAA,CACF,CAAA,CAAA,EACF,CAEJ,ECMaC,GAAiB,CAAC,CAC7B,QAAAC,EACA,aAAAC,EAAe,SACf,UAAAC,EAAY,GACZ,iBAAAC,EAAmB,GACnB,CAAC,eAAgBxC,EAAa,yBAC9B,GAAGyC,CACL,IAA8C,CACtC,MAAAC,EAAevB,EAAAA,QAAQ,IAAM,CAC3B,MAAAlC,MAAY,KACX,MAAA,CACL,UAAWxB,aAAWwB,CAAK,EAC3B,QAAStB,WAASsB,CAAK,CACzB,CACF,EAAG,EAAE,EACC,CAAE,WAAA0D,CAAW,EAAIC,sBAAoB,EAErCC,EADSC,EAAA,cAAc,CAAE,OAAQC,gBAAe,EAChC,EAChBC,EAAaC,EAAAA,cAAc,EAG3BC,EAAqB/B,EAAAA,QAAQ,IAC1BqB,EACHhD,GAAwBiD,EAAK,WAAa,KAAMA,EAAK,SAAW,IAAI,EACpEtF,EAAiC,OACpC,CAACqF,EAAkBC,EAAK,UAAWA,EAAK,OAAO,CAAC,EAE7C,CAAC3C,EAAqBC,CAAsB,EAAIoD,EAAAA,SAA2CD,CAAkB,EAGnHlB,EAAAA,UAAU,IAAM,CACdjC,EAAuBmD,CAAkB,CAAA,EACxC,CAACA,CAAkB,CAAC,EAEvB,MAAME,EAAgBjC,EAAA,QACpB,IAAO,CAAC,OAAQ,IAAI,EAAE,SAAS6B,CAAU,EAAI,SAAWV,EACxD,CAACA,EAAcU,CAAU,CAC3B,EACMK,EAAiBlC,EAAAA,QAAQ,IAAM7D,EAAgC8F,CAAa,EAAG,CAACA,CAAa,CAAC,EAC9FrB,EAAeZ,EAAAA,QAAQ,IAAMiC,IAAkB,SAAU,CAACA,CAAa,CAAC,EACxEE,EAAmBnC,EAAA,QACvB,IAAMrB,IAAwB3C,EAAiC,OAC/D,CAAC2C,CAAmB,CACtB,EACMyD,EAAcpC,EAAAA,QAAQ,IAAOmC,EAAmB,cAAgB,QAAU,CAACA,CAAgB,CAAC,EAGhG,OAAA/B,EAAA,kBAAA,KAACiC,EAAA,mBAAA,CACE,GAAGf,EACJ,UAAWA,EAAK,WAAaC,EAAa,UAC1C,QAASD,EAAK,SAAWC,EAAa,QACtC,cAAa,GACb,eAAAW,EACA,UAAW,GAEX,SAAA,CAAA5C,EAAAA,kBAAAA,IAACgD,EAAA,eAAA,CAAiB,QAAO,GAAC,EAAE,cACzB,SACCpB,GAAA5B,EAAA,kBAAA,IAACE,UAAO,QAAQ,kBAAkB,SAAS,eAAe,cAAa,GAAGX,CAAU,mBAAoB,2BAExG,CAEJ,CAAA,EACCS,EAAA,kBAAA,IAAAiD,EAAA,OAAA,CAAO,UAAWf,GAAc,OAAW,SAAU,CAACJ,EACrD,SAAA9B,EAAA,kBAAA,IAACkD,EAAA,kBAAA,CAAoB,UAAU,iBAAiB,cAAa3D,EAC3D,SAAAS,EAAA,kBAAA,IAACmD,EAAS,eAAT,CACC,UAAU,0BACV,cAAa,GAAG5D,CAAU,WAC1B,IAAK,CACH,GAAG6C,EAAO,QACV,iBAAkBU,EAClB,KAAMf,EAAoBT,EAAe,QAAU,QAAWA,EAAe,QAAU,QACvF,GAAIuB,GAAoB,CAAE,KAAMd,EAAmB,QAAU,OAAQ,CACvE,EAEA,iCAACqB,EAAS,YAAT,CAAc,IAAK,CAAE,oBAAqB,CAAE,EAC3C,SAACtC,yBAAAb,EAAAA,KAAA,CAAK,UAAU,4BAA4B,cAAa,GAAGV,CAAU,aAAc,EAAG,EACpF,SAAA,CACCwC,GAAA/B,EAAA,kBAAA,IAACZ,GAAA,CACC,oBAAAC,EACA,uBAAAC,CAAA,CACF,EAEDD,IAAwB3C,EAAiC,QAErDoE,EAAA,kBAAA,KAAAuC,EAAA,kBAAA,SAAA,CAAA,SAAA,CAAAtB,2BAAqBuB,EAAQ,QAAA,CAAA,YAAY,WAAW,GAAI,GAAI,GAAI,EAAG,EACpEtD,wBAACqB,IAAyB,aAAAC,CAA4B,CAAA,CAAA,CACxD,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,CAAA,GAEJ,CACF,CAAA,CAAA,CAAA,CACF,CAEJ","x_google_ignoreList":[2,3,4,5,6,7,8,9]}