@televet/kibble-ui 5.0.26 → 5.0.27-frank.2

package/dist/types/theme/semanticTokens/semanticTokens.config.d.ts

@@ -11,9 +11,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         secondary: {
@@ -21,9 +21,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         brand: any;
@@ -65,9 +65,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         primaryAlpha: {
@@ -75,9 +75,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         secondaryAlpha: {
@@ -85,9 +85,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         destructiveAlpha: {
@@ -95,20 +95,20 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         overlay: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         backdrop: any;
         contrast: {
-            DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-            subtle: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-            moreSubtle: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            subtle: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+            moreSubtle: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             mostSubtle: any;
         };
         gradientFull: {
@@ -116,9 +116,9 @@ export declare const semanticColorTokens: {
             hover: any;
             pressed: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                pressed: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                pressed: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         gradientPink: {
@@ -134,15 +134,15 @@ export declare const semanticColorTokens: {
         subtle: any;
         strong: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         focus: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         brand: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         info: any;
         success: any;
@@ -155,8 +155,8 @@ export declare const semanticColorTokens: {
             DEFAULT: any;
             subtle: any;
         };
-        contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-        'contrast.subtle': import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+        contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+        'contrast.subtle': import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
     };
     divider: {
         DEFAULT: any;
@@ -167,22 +167,22 @@ export declare const semanticColorTokens: {
         default: any;
         subtle: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         interactive: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         brand: {
             DEFAULT: any;
             hover: any;
             contrast: {
-                DEFAULT: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
-                hover: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+                DEFAULT: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
+                hover: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
             };
         };
         info: any;
@@ -196,12 +196,12 @@ export declare const semanticColorTokens: {
         };
         placeholder: {
             DEFAULT: any;
-            contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+            contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
         };
         accent: {
             DEFAULT: any;
             subtle: any;
         };
-        contrast: import('../../../packages/kibble-primitives/src/semantic/index.ts').SemanticTokenDefinition;
+        contrast: import('../../../packages/kibble-primitives/src/index.ts').SemanticTokenDefinition;
     };
 };

package/dist/types/theme/tokens/colors/colors.config.d.ts

@@ -1,3 +1,3 @@
-export declare const colorTokens: Record<import('../../../../packages/kibble-primitives/src/core/colors/index.ts').CoreColor, Record<import('../../../../packages/kibble-primitives/src/core/colors/index.ts').ColorValue, {
+export declare const colorTokens: Record<import('../../../../packages/kibble-primitives/src/index.ts').CoreColor, Record<import('../../../../packages/kibble-primitives/src/index.ts').ColorValue, {
     value: string;
 }>>;

package/package.json

@@ -4,7 +4,7 @@
     "packages/*"
   ],
   "description": "Kibble Design System by Otto",
-  "version": "5.0.26",
+  "version": "5.0.27-frank.2",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",

package/dist/chunks/calendar.component-6Z5lc-eR.js

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

package/dist/chunks/calendar.component-6Z5lc-eR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.component-6Z5lc-eR.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\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 } = 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 start = startOfWeek(today, { weekStartsOn: 1 });\n        const end = endOfWeek(today, { weekStartsOn: 1 });\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 =\n    footer.type === 'custom'\n      ? footer.label\n      : (footer.label ?? PRESET_LABELS[footer.value]);\n\n  return (\n    <Box data-testid={dataTestId} bg=\"background.secondarySubtle\" 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\nconst SINGLE_PRESETS: CalendarPreset[] = ['today'];\n\n/** Returns true when the preset requires date range selection (week, month). */\nexport const isRangePreset = (value: CalendarPreset): boolean =>\n  !SINGLE_PRESETS.includes(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 =\n    withDateRange ||\n    (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","useDatePickerContext","handleClick","today","date","startOfDay","start","startOfWeek","end","endOfWeek","startOfMonth","endOfMonth","label","jsx","Box","Button","SINGLE_PRESETS","isRangePreset","value","Calendar","withDateRange","withHeaderTriggers","rest","effectiveDateRange","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":"2SAmCMA,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,CAAA,EAAwBC,EAAAA,qBAAqB,EAEvEC,EAAc,IAAY,CAC1B,GAAAN,EAAO,OAAS,SAAU,CAC5BA,EAAO,QAAQ,EACf,MAAA,CAGI,MAAAO,MAAY,KAElB,OAAQP,EAAO,MAAO,CACpB,IAAK,QAAS,CACN,MAAAQ,EAAOC,aAAWF,CAAK,EAC7BL,EAASM,CAAI,EACbL,EAAaK,CAAI,EACjB,KAAA,CAEF,IAAK,WAAY,CACf,MAAME,EAAQC,EAAAA,YAAYJ,EAAO,CAAE,aAAc,EAAG,EAC9CK,EAAMC,EAAAA,UAAUN,EAAO,CAAE,aAAc,EAAG,EAChDL,EAASQ,CAAK,EAEdN,EAAoB,CAAE,UAAWM,EAAO,QAASE,EAAK,EACtD,KAAA,CAEF,IAAK,YAAa,CACV,MAAAF,EAAQI,eAAaP,CAAK,EAC1BK,EAAMG,aAAWR,CAAK,EAC5BL,EAASQ,CAAK,EACdN,EAAoB,CAAE,UAAWM,EAAO,QAASE,EAAK,EACtD,KAAA,CACF,CAGFZ,EAAO,UAAU,CACnB,EAEMgB,EACJhB,EAAO,OAAS,SACZA,EAAO,MACNA,EAAO,OAASF,EAAcE,EAAO,KAAK,EAG/C,OAAAiB,EAAA,kBAAA,IAACC,OAAI,cAAajB,EAAY,GAAG,6BAA6B,aAAa,KAAK,EAAG,EAAG,EAAE,OACtF,SAACgB,EAAA,kBAAA,IAAAE,EAAA,OAAA,CAAO,QAAQ,kBAAkB,KAAK,KAAK,EAAE,OAAO,QAASb,EAC3D,SAAAU,CAAA,CACH,CACF,CAAA,CAEJ,ECpGMI,EAAmC,CAAC,OAAO,EAGpCC,EAAiBC,GAC5B,CAACF,EAAe,SAASE,CAAK,ECsCnBC,EAAW,CAAC,CACvB,CAAC,eAAgBtB,EAAa,kBAC9B,cAAAuB,EAAgB,GAChB,mBAAAC,EAAqB,GACrB,OAAAzB,EACA,GAAG0B,CACL,IAAwC,CAEtC,MAAMC,EACJH,GACCxB,GAAQ,OAAS,UAAYqB,EAAcrB,EAAO,KAAK,EAE1D,+BACGkB,MAAI,CAAA,UAAU,WAAW,cAAajB,EAAY,KAAMD,EAAS,QAAU,QAC1E,kCAAC4B,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,EACnB/B,GAAWiB,EAAA,kBAAA,IAAAlB,EAAA,CAAqB,OAAAC,CAAgB,CAAA,CAAA,CAAA,CACnD,CACF,CAAA,CAEJ"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"calendar.component-Dx7c4EIy.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\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 } = 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 start = startOfWeek(today, { weekStartsOn: 1 });\n        const end = endOfWeek(today, { weekStartsOn: 1 });\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 =\n    footer.type === 'custom'\n      ? footer.label\n      : (footer.label ?? PRESET_LABELS[footer.value]);\n\n  return (\n    <Box data-testid={dataTestId} bg=\"background.secondarySubtle\" 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\nconst SINGLE_PRESETS: CalendarPreset[] = ['today'];\n\n/** Returns true when the preset requires date range selection (week, month). */\nexport const isRangePreset = (value: CalendarPreset): boolean =>\n  !SINGLE_PRESETS.includes(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 =\n    withDateRange ||\n    (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","useDatePickerContext","handleClick","today","date","startOfDay","start","startOfWeek","end","endOfWeek","startOfMonth","endOfMonth","label","jsx","Box","Button","SINGLE_PRESETS","isRangePreset","value","Calendar","withDateRange","withHeaderTriggers","rest","effectiveDateRange","DatePickerProvider","DatePickerHeader","Divider","DatePickerCalendar"],"mappings":";;;;;;;AAmCA,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,EAAA,IAAwBC,EAAqB,GAEvEC,IAAc,MAAY;AAC1B,QAAAN,EAAO,SAAS,UAAU;AAC5B,MAAAA,EAAO,QAAQ;AACf;AAAA,IAAA;AAGI,UAAAO,wBAAY,KAAK;AAEvB,YAAQP,EAAO,OAAO;AAAA,MACpB,KAAK,SAAS;AACN,cAAAQ,IAAOC,EAAWF,CAAK;AAC7B,QAAAL,EAASM,CAAI,GACbL,EAAaK,CAAI;AACjB;AAAA,MAAA;AAAA,MAEF,KAAK,YAAY;AACf,cAAME,IAAQC,EAAYJ,GAAO,EAAE,cAAc,GAAG,GAC9CK,IAAMC,EAAUN,GAAO,EAAE,cAAc,GAAG;AAChD,QAAAL,EAASQ,CAAK,GAEdN,EAAoB,EAAE,WAAWM,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,MAEF,KAAK,aAAa;AACV,cAAAF,IAAQI,EAAaP,CAAK,GAC1BK,IAAMG,EAAWR,CAAK;AAC5B,QAAAL,EAASQ,CAAK,GACdN,EAAoB,EAAE,WAAWM,GAAO,SAASE,GAAK;AACtD;AAAA,MAAA;AAAA,IACF;AAGF,IAAAZ,EAAO,UAAU;AAAA,EACnB,GAEMgB,IACJhB,EAAO,SAAS,WACZA,EAAO,QACNA,EAAO,SAASF,EAAcE,EAAO,KAAK;AAG/C,SAAAiB,gBAAAA,EAAA,IAACC,KAAI,eAAajB,GAAY,IAAG,8BAA6B,cAAa,MAAK,GAAG,GAAG,GAAE,QACtF,UAACgB,gBAAAA,EAAA,IAAAE,GAAA,EAAO,SAAQ,mBAAkB,MAAK,MAAK,GAAE,QAAO,SAASb,GAC3D,UAAAU,EAAA,CACH,EACF,CAAA;AAEJ,GCpGMI,IAAmC,CAAC,OAAO,GAGpCC,IAAgB,CAACC,MAC5B,CAACF,EAAe,SAASE,CAAK,GCsCnBC,IAAW,CAAC;AAAA,EACvB,CAAC,gBAAgBtB,IAAa;AAAA,EAC9B,eAAAuB,IAAgB;AAAA,EAChB,oBAAAC,IAAqB;AAAA,EACrB,QAAAzB;AAAA,EACA,GAAG0B;AACL,MAAwC;AAEtC,QAAMC,IACJH,KACCxB,GAAQ,SAAS,YAAYqB,EAAcrB,EAAO,KAAK;AAE1D,+BACGkB,GAAI,EAAA,WAAU,YAAW,eAAajB,GAAY,MAAMD,IAAS,UAAU,SAC1E,iCAAC4B,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,IACnB/B,KAAWiB,gBAAAA,EAAA,IAAAlB,GAAA,EAAqB,QAAAC,EAAgB,CAAA;AAAA,EAAA,EAAA,CACnD,EACF,CAAA;AAEJ;"}

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

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