@televet/kibble-ui 5.0.21-alpha.hunter.9 → 5.0.21

package/dist/esm/components/TimePicker/index.js

@@ -1,4 +1,4 @@
-import { M as r, T as m } from "../../../chunks/timePicker.component-DBjjLiQi.js";
+import { M as r, T as m } from "../../../chunks/timePicker.component-BCMX6aqb.js";
 export {
   r as Meridiem,
   m as TimePicker

package/dist/esm/components/TimeRange/index.js

@@ -1,4 +1,4 @@
-import { T as m } from "../../../chunks/timeRange.component-9v9d8kQw.js";
+import { T as m } from "../../../chunks/timeRange.component-BZHpZeAX.js";
 export {
   m as TimeRange
 };

package/dist/esm/components/index.js

@@ -14,7 +14,7 @@ import { W as h } from "../../chunks/checkboxGroup.component-DW9qUlSm.js";
 import { C as R } from "../../chunks/conversationCard.component-HYxRoILR.js";
 import { D as w } from "../../chunks/datePicker.component-Dq2vL7Mk.js";
 import { D as N } from "../../chunks/datePicker.provider-CavuOZl4.js";
-import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-yelD1jlj.js";
+import { D as F, a as H, c as j } from "../../chunks/dateTimePicker.component-DnYStcAJ.js";
 import { D as E } from "../../chunks/divider.component-CFOh4Nw3.js";
 import { d as K, a as Q, b as U } from "../../chunks/divider.types-6MEkMNbx.js";
 import { W as Y } from "../../chunks/heading.component-CpSAN3cv.js";
@@ -48,8 +48,8 @@ import { T as da, a as la } from "../../chunks/tagBlock.component-R4FY7ytN.js";
 import { W as Ta } from "../../chunks/text.component-DhuUgP3j.js";
 import { W as ba } from "../../chunks/textInput.component-BeiTxTkS.js";
 import { W as Ca } from "../../chunks/textarea.component-C6Wt1Pk8.js";
-import { M as ga, T as Da } from "../../chunks/timePicker.component-DBjjLiQi.js";
-import { T as za } from "../../chunks/timeRange.component-9v9d8kQw.js";
+import { M as ga, T as Da } from "../../chunks/timePicker.component-BCMX6aqb.js";
+import { T as za } from "../../chunks/timeRange.component-BZHpZeAX.js";
 import { T as Aa } from "../../chunks/timestamp.component-DkLjxUsy.js";
 import { useToast as Ba } from "./Toast/index.js";
 import { T as Va } from "../../chunks/tooltip.component-CHohp2qn.js";

package/dist/esm/index.js

@@ -14,7 +14,7 @@ import { W as B } from "../chunks/checkboxGroup.component-DW9qUlSm.js";
 import { C as I } from "../chunks/conversationCard.component-HYxRoILR.js";
 import { D as R } from "../chunks/datePicker.component-Dq2vL7Mk.js";
 import { D as K } from "../chunks/datePicker.provider-CavuOZl4.js";
-import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-yelD1jlj.js";
+import { D as O, a as F, c as H } from "../chunks/dateTimePicker.component-DnYStcAJ.js";
 import { D as q } from "../chunks/divider.component-CFOh4Nw3.js";
 import { d as J, a as Q, b as U } from "../chunks/divider.types-6MEkMNbx.js";
 import { W as Y } from "../chunks/heading.component-CpSAN3cv.js";
@@ -48,8 +48,8 @@ import { T as lr, a as dr } from "../chunks/tagBlock.component-R4FY7ytN.js";
 import { W as Tr } from "../chunks/text.component-DhuUgP3j.js";
 import { W as br } from "../chunks/textInput.component-BeiTxTkS.js";
 import { W as gr } from "../chunks/textarea.component-C6Wt1Pk8.js";
-import { M as Dr, T as Pr } from "../chunks/timePicker.component-DBjjLiQi.js";
-import { T as kr } from "../chunks/timeRange.component-9v9d8kQw.js";
+import { M as Dr, T as Pr } from "../chunks/timePicker.component-BCMX6aqb.js";
+import { T as kr } from "../chunks/timeRange.component-BZHpZeAX.js";
 import { T as Wr } from "../chunks/timestamp.component-DkLjxUsy.js";
 import { useToast as Mr } from "./components/Toast/index.js";
 import { T as Ar } from "../chunks/tooltip.component-CHohp2qn.js";

package/dist/types/components/DateTimePicker/components/DateTimePickerCustomView/dateTimePickerCustomView.component.d.ts

@@ -2,7 +2,6 @@ import { default as React } from 'react';
 interface DateTimePickerCustomViewProps {
     /** Determines if the calendar view is single. */
     isSingleView: boolean;
-    timezone?: string;
 }
-export declare const DateTimePickerCustomView: ({ isSingleView, timezone, }: DateTimePickerCustomViewProps) => React.JSX.Element;
+export declare const DateTimePickerCustomView: ({ isSingleView }: DateTimePickerCustomViewProps) => React.JSX.Element;
 export {};

package/dist/types/components/DateTimePicker/components/DateTimePickerRangeSelector/dateTimePickerRangeSelector.component.d.ts

@@ -5,7 +5,6 @@ interface DateTimePickerRangeSelectorProps {
     label: string;
     /** Type of range selector. */
     rangeType: FocusedInput;
-    timezone?: string;
 }
-export declare const DateTimePickerRangeSelector: ({ label, rangeType, timezone, }: DateTimePickerRangeSelectorProps) => React.JSX.Element;
+export declare const DateTimePickerRangeSelector: ({ label, rangeType, }: DateTimePickerRangeSelectorProps) => React.JSX.Element;
 export {};

package/dist/types/components/DateTimePicker/dateTimePicker.component.d.ts

@@ -25,14 +25,9 @@ export interface DateTimePickerProps extends DateProps {
      * @default true
      */
     showQuickOptions?: boolean;
-    /**
-     * Whether a specific timezone should override the default timezone we detect from the browser,
-     * typically used for impersonations
-     */
-    timezone?: string;
     /** Data test id for the date time picker.
      * @default kibble-datetime-picker
      */
     'data-testid'?: string;
 }
-export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId, timezone, ...rest }: DateTimePickerProps) => React.JSX.Element;
+export declare const DateTimePicker: ({ trigger, calendarView, portalled, showQuickOptions, ["data-testid"]: dataTestId, ...rest }: DateTimePickerProps) => React.JSX.Element;

package/dist/types/components/Icon/generated/BarcodeReader.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/Battery.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/BatteryCharging.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/BatteryFull.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/BatteryLow.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/Connect.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/MagicPen.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/Wifi.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/WifiOff.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/WifiWarning.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/Workflows.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface SVGRProps {
+    color?: string;
+    height?: string;
+    width?: string;
+    title?: string;
+    titleId?: string;
+}
+declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
+export default ForwardRef;

package/dist/types/components/Icon/generated/index.d.ts

@@ -1,2 +1,2 @@
-export type IconName = 'aiMicrophone' | 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'animalMouse' | 'animalPig' | 'animalSnake' | 'archive' | 'arrowCircle' | 'arrowDownRight' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'award' | 'backspace' | 'bank' | 'bellCancel' | 'bell' | 'bone' | 'bookmark' | 'bulkSelect' | 'buttons' | 'calendarCheck' | 'calendarDate' | 'calendarInfo' | 'calendarPen' | 'calendarPlus' | 'cameraOff' | 'camera' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretUp' | 'cellphoneCancel' | 'cellphone' | 'chainLink' | 'chatBubble' | 'checkList' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmark' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'clinic' | 'clock' | 'closeCircleSolid' | 'closeCircle' | 'close' | 'code' | 'creditCardLogoAmex' | 'creditCardLogoDiners' | 'creditCardLogoDiscover' | 'creditCardLogoGeneric' | 'creditCardLogoJcb' | 'creditCardLogoMastercard' | 'creditCardLogoUnionpay' | 'creditCardLogoVisa' | 'creditCard' | 'cut' | 'dollarCircle' | 'dollar' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'emailSend' | 'envelopeCancel' | 'envelope' | 'externalLink' | 'eyeOpen' | 'eyeSlash' | 'eyedropper' | 'fileHealth' | 'filter' | 'form' | 'gear' | 'gif' | 'globe' | 'grid' | 'hashtag' | 'health' | 'heartSolid' | 'heart' | 'house' | 'image' | 'infoCircle' | 'inputAlt' | 'input' | 'invoice' | 'kanbanBoard' | 'lightBulb' | 'list' | 'liveagent' | 'loader' | 'locationMarker' | 'lock' | 'logo' | 'loudspeaker' | 'magic' | 'magnifyingGlass' | 'mailbox' | 'menu' | 'messageDetail' | 'messageWarning' | 'message' | 'messages' | 'microphoneMute' | 'microphone' | 'minus' | 'moveDown' | 'moveLeft' | 'moveRight' | 'moveUp' | 'notification' | 'package' | 'paperclip' | 'pause' | 'paw' | 'penSquare' | 'pen' | 'personAdd' | 'personCircle' | 'person' | 'phoneButtons' | 'phoneCancel' | 'phone' | 'pill' | 'pinCancel' | 'pin' | 'play' | 'plus' | 'popup' | 'printer' | 'questionMarkCircleSolid' | 'questionMarkCircle' | 'questionMark' | 'record' | 'report' | 'ribbon' | 'robot' | 'selectDropDown' | 'send' | 'sliders' | 'smileyFace' | 'sort' | 'starCircle' | 'starSolid' | 'star' | 'stopRecording' | 'stop' | 'support' | 'table' | 'tag' | 'targetSolid' | 'target' | 'taskList' | 'team' | 'textArea' | 'textBlock' | 'thumbsDown' | 'thumbsUp' | 'transfer' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website' | 'wrench';
+export type IconName = 'aiMicrophone' | 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'animalMouse' | 'animalPig' | 'animalSnake' | 'archive' | 'arrowCircle' | 'arrowDownRight' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'award' | 'backspace' | 'bank' | 'barcodeReader' | 'batteryCharging' | 'batteryFull' | 'batteryLow' | 'battery' | 'bellCancel' | 'bell' | 'bone' | 'bookmark' | 'bulkSelect' | 'buttons' | 'calendarCheck' | 'calendarDate' | 'calendarInfo' | 'calendarPen' | 'calendarPlus' | 'cameraOff' | 'camera' | 'cancel' | 'caretDown' | 'caretLeft' | 'caretUp' | 'cellphoneCancel' | 'cellphone' | 'chainLink' | 'chatBubble' | 'checkList' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmark' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'clinic' | 'clock' | 'closeCircleSolid' | 'closeCircle' | 'close' | 'code' | 'connect' | 'creditCardLogoAmex' | 'creditCardLogoDiners' | 'creditCardLogoDiscover' | 'creditCardLogoGeneric' | 'creditCardLogoJcb' | 'creditCardLogoMastercard' | 'creditCardLogoUnionpay' | 'creditCardLogoVisa' | 'creditCard' | 'cut' | 'dollarCircle' | 'dollar' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'emailSend' | 'envelopeCancel' | 'envelope' | 'externalLink' | 'eyeOpen' | 'eyeSlash' | 'eyedropper' | 'fileHealth' | 'filter' | 'form' | 'gear' | 'gif' | 'globe' | 'grid' | 'hashtag' | 'health' | 'heartSolid' | 'heart' | 'house' | 'image' | 'infoCircle' | 'inputAlt' | 'input' | 'invoice' | 'kanbanBoard' | 'lightBulb' | 'list' | 'liveagent' | 'loader' | 'locationMarker' | 'lock' | 'logo' | 'loudspeaker' | 'magicPen' | 'magic' | 'magnifyingGlass' | 'mailbox' | 'menu' | 'messageDetail' | 'messageWarning' | 'message' | 'messages' | 'microphoneMute' | 'microphone' | 'minus' | 'moveDown' | 'moveLeft' | 'moveRight' | 'moveUp' | 'notification' | 'package' | 'paperclip' | 'pause' | 'paw' | 'penSquare' | 'pen' | 'personAdd' | 'personCircle' | 'person' | 'phoneButtons' | 'phoneCancel' | 'phone' | 'pill' | 'pinCancel' | 'pin' | 'play' | 'plus' | 'popup' | 'printer' | 'questionMarkCircleSolid' | 'questionMarkCircle' | 'questionMark' | 'record' | 'report' | 'ribbon' | 'robot' | 'selectDropDown' | 'send' | 'sliders' | 'smileyFace' | 'sort' | 'starCircle' | 'starSolid' | 'star' | 'stopRecording' | 'stop' | 'support' | 'table' | 'tag' | 'targetSolid' | 'target' | 'taskList' | 'team' | 'textArea' | 'textBlock' | 'thumbsDown' | 'thumbsUp' | 'transfer' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website' | 'wifiOff' | 'wifiWarning' | 'wifi' | 'workflows' | 'wrench';
 export declare const IconMap: Record<IconName, any>;

package/dist/types/components/TimePicker/timePicker.component.d.ts

@@ -20,11 +20,10 @@ export interface TimePickerProps {
      * @default bottom
      */
     placement?: Placement;
-    timezone?: string;
     /**
      * Data test id for the time picker.
      * @default kibble-timepicker
      */
     'data-testid'?: string;
 }
-export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, timezone, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;
+export declare const TimePicker: ({ initialTime, inputProps, minuteInterval, onTimeChange, onClose, placement, ["data-testid"]: dataTestId, }: TimePickerProps) => React.JSX.Element;

package/package.json

@@ -4,7 +4,7 @@
     "packages/*"
   ],
   "description": "Kibble Design System by Otto",
-  "version": "5.0.21-alpha.hunter.9",
+  "version": "5.0.21",
   "type": "module",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.js",
@@ -34,10 +34,9 @@
     "predeploy": "npm run build",
     "prepare": "husky",
     "publishBeta": "npm run build && npm publish --tag beta",
-    "start": "npm run generate:icons & npm run generate:logos & npm run theme:watch & storybook dev -p 6006",
+    "start": "WATCHPACK_POLLING=1 npm run generate:icons & WATCHPACK_POLLING=1 npm run generate:logos & WATCHPACK_POLLING=1 npm run theme:watch & WATCHPACK_POLLING=1 storybook dev -p 6006",
     "test-storybook": "npm run build:preparation && vitest --project=storybook",
-    "theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch",
-    "makeLocalPackage": "npm run build && npm pack"
+    "theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch"
   },
   "engines": {
     "node": ">=20.0.0",
@@ -134,16 +133,16 @@
   },
   "devDependencies": {
     "@chakra-ui/cli": "^3.19.2",
-    "@chromatic-com/storybook": "^4.1.3",
+    "@chromatic-com/storybook": "^5.1.2",
     "@emotion/react": "^11.14.0",
     "@eslint/js": "^9.21.0",
-    "@storybook/addon-a11y": "^10.1.10",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/addon-onboarding": "^10.1.10",
-    "@storybook/addon-themes": "^10.1.10",
-    "@storybook/addon-vitest": "^10.1.10",
-    "@storybook/react-vite": "^10.1.10",
-    "@storybook/test-runner": "^0.24.2",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-onboarding": "^10.3.5",
+    "@storybook/addon-themes": "^10.3.5",
+    "@storybook/addon-vitest": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
+    "@storybook/test-runner": "^0.24.3",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^19.0.10",
     "@vitejs/plugin-react": "^4.3.4",
@@ -153,7 +152,7 @@
     "eslint": "^9.21.0",
     "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^10.1.10",
+    "eslint-plugin-storybook": "^10.3.5",
     "gh-pages": "^6.3.0",
     "glob": "^13.0.0",
     "globals": "^15.15.0",
@@ -163,7 +162,7 @@
     "plop": "^4.0.1",
     "prettier": "^3.5.3",
     "rollup-plugin-visualizer": "^5.14.0",
-    "storybook": "^10.1.10",
+    "storybook": "^10.3.5",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.24.1",
     "vite": "^6.2.0",
@@ -177,8 +176,7 @@
     "@emotion/react": "^11.14.0",
     "date-fns": "^4.1.0",
     "lodash-es": "^4.17.21",
-    "react": "^19.0.0",
-    "date-fns-tz": "^3.2.0"
+    "react": "^19.0.0"
   },
   "dependencies": {
     "@televet/kibble-primitives": "*",

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

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