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

package/dist/types/components/MaintenanceBanner/maintenanceBanner.component.d.ts

@@ -0,0 +1,22 @@
+import { default as React } from 'react';
+import { AlertProps } from '../Alert/alert.component';
+export interface MaintenanceBannerProps extends Omit<AlertProps, 'title' | 'description' | 'status' | 'hideCloseButton' | 'children'> {
+    /**
+     * The maintenance message to display.
+     * When falsy (undefined, null, or empty string), the banner does not render.
+     */
+    message?: string;
+    /**
+     * Optional secondary line of text displayed below the title.
+     */
+    description?: string;
+    /**
+     * Data test id for the banner.
+     * @default kibble-maintenance-banner
+     */
+    'data-testid'?: string;
+}
+export declare const MaintenanceBanner: {
+    ({ message, description, ["data-testid"]: dataTestId, ...rest }: MaintenanceBannerProps): React.JSX.Element | null;
+    displayName: string;
+};

package/dist/types/components/MaintenanceBanner/maintenanceBanner.types.d.ts

@@ -0,0 +1,4 @@
+export declare const maintenanceBannerEnvKeys: {
+    readonly vite: "VITE_MAINTENANCE_MESSAGE";
+    readonly nextjs: "NEXT_PUBLIC_MAINTENANCE_MESSAGE";
+};

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/dist/types/components/index.d.ts

@@ -16,6 +16,7 @@ export * from './Heading';
 export * from './Icon';
 export * from './Link';
 export * from './Logo';
+export * from './MaintenanceBanner';
 export * from './Menu';
 export * from './Modal';
 export * from './NotificationCounter';

package/package.json

@@ -4,7 +4,7 @@
     "packages/*"
   ],
   "description": "Kibble Design System by Otto",
-  "version": "5.0.21-alpha.hunter.9",
+  "version": "5.0.22",
   "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/alert.types-BlvzpzTn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.types-BlvzpzTn.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  /** Position of the button.\n   * @default topRight\n   */\n  buttonPosition?: AlertButtonPosition;\n  /** Text to display in the button. */\n  buttonText: string;\n  /** Data test id for the button.\n   * @default kibble-alert-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  /** Status of the alert.\n   * @internal\n   */\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ['data-testid']: dataTestId = 'kibble-alert-button',\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Flex\n      className=\"Alert__Button\"\n      data-testid={dataTestId}\n      {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n      {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  /** Props to customize the alert button. */\n  buttonProps?: AlertButtonProps;\n  /** The body of the alert */\n  description?: React.ReactNode;\n  /** Props to customize the description when passed as a string. */\n  descriptionProps?: TextProps;\n  /**\n   * If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /**\n   * If true, the icon will not be displayed.\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Props to customize the icon. */\n  iconProps?: IconProps;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * If true, the alert will use a contrasting variant according to the selected status.\n   * @default false\n   */\n  onContrast?: boolean;\n  /**\n   * The status of the alert. Determines the color of the alert.\n   * @default success\n   */\n  status?: Status;\n  /** The title of the alert. */\n  title?: React.ReactNode;\n  /** Props to customize the title when passed as a string. */\n  titleProps?: HeadingProps;\n  /** The name of the icon to be used as the close button. */\n  closeButtonIcon?: IconName;\n  /** Data test id for the alert.\n   * @default kibble-alert\n   */\n  'data-testid'?: string;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  closeButtonIcon = 'close',\n  ['data-testid']: dataTestId = 'kibble-alert',\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid={dataTestId}\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid={`${dataTestId}-close-trigger`}\n          iconName={closeButtonIcon}\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft', 'bottomRight'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","dataTestId","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","closeButtonIcon","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"+gBASM,CAACA,EAAqBC,CAAqB,EAAIC,gBAAc,CACjE,KAAM,qBACN,SAAU,wBACV,aAAc,WAChB,CAAC,EACK,CACJ,aAAAC,EACA,YAAAC,EACA,UAAWC,CAEb,EAAIC,EAAAA,wBAAwB,CAAE,IAAK,OAAO,CAAE,EACtCC,EAAYJ,EAChB,MACA,OACA,CACE,eAAgB,GAChB,YAAYK,EAASC,EAAO,CAC1B,OAEkBC,EAAAA,kBAAAA,IAAIV,EAAqB,CAAE,MAAO,CAAE,OAAQS,EAAM,QAAU,MAAM,EAAI,SAAUD,CAAS,CAAA,CAEjH,CACA,CACA,EAEMG,EAAaP,EACjB,MACA,OACF,EACMQ,EAAmBR,EAAY,MAAO,aAAa,EACnDS,EAAeT,EACnB,MACA,SACF,EACMU,EAAU,CACd,KAAMC,EAAQ,SACd,QAASC,EAAW,YACpB,QAASC,EAAe,gBACxB,MAAOD,EAAW,YAClB,QAASD,EAAAA,QACX,EACMG,EAAiBC,EAAU,WAC/B,SAAyBV,EAAOW,EAAK,CACnC,MAAMC,EAAMpB,EAAuB,EAC7BqB,EAASjB,EAAgB,EACzBkB,EAAO,OAAOF,EAAI,QAAW,SAAWP,EAAQO,EAAI,MAAM,EAAIG,EAAQ,SACtE,CAAE,SAAAC,EAA2Bf,wBAAIa,EAAM,CAAA,CAAE,EAAG,GAAGG,CAAI,EAAKjB,EAC9D,OAAuBC,EAAG,kBAAA,IAACiB,EAAM,OAAC,KAAM,CAAE,IAAAP,EAAK,GAAGM,EAAM,IAAK,CAACJ,EAAO,UAAWb,EAAM,GAAG,EAAG,SAAAgB,CAAQ,CAAE,CAC1G,CACA,EChCaG,EAAc,CAAC,CAC1B,eAAAC,EAAiB,WACjB,WAAAC,EACA,OAAAC,EACA,CAAC,eAAgBC,EAAa,sBAC9B,GAAGN,CACL,IAEIhB,EAAA,kBAAA,IAACuB,EAAA,KAAA,CACC,UAAU,gBACV,cAAaD,EACZ,GAAIH,IAAmB,YAAc,CAAE,GAAI,EAAG,GAAI,CAAE,EACpD,GAAIA,IAAmB,eAAiB,CAAE,eAAgB,UAAW,EAEtE,SAACnB,EAAA,kBAAA,IAAAwB,EAAA,OAAA,CAAO,KAAK,KAAK,QAASH,IAAW,UAAY,UAAY,YAAa,EAAE,cAAe,GAAGL,EAC5F,SACHI,CAAA,CAAA,CAAA,CACF,ECYSK,EAAQ,CAAC,CACpB,YAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,gBAAAC,EAAkB,GAClB,SAAAC,EAAW,GACX,UAAAC,EACA,QAAAC,EACA,WAAAC,EAAa,GACb,OAAAZ,EAAS,UACT,MAAAa,EACA,WAAAC,EACA,gBAAAC,EAAkB,QAClB,CAAC,eAAgBd,EAAa,eAC9B,GAAGN,CACL,IAAqC,CAC/BU,GAAe,CAACA,EAAY,iBAC9BA,EAAY,eAAiB,YAEzB,MAAAW,EAAmBX,GAAeA,EAAY,iBAAmB,WACjEY,EAAoBD,EAAmBd,EAAA,KAAOgB,EAAM,QAAA,SAGxD,OAAAC,EAAA,kBAAA,KAACC,EAAA,CACC,UAAU,QACV,cAAanB,EACZ,GAAGN,EACJ,QAASK,EACT,SAAAS,EACA,WAAAG,EAEC,SAAA,CAAC,CAAAH,GACC9B,EAAAA,kBAAAA,IAAA0C,EAAA,CAAiB,UAAU,cAAc,cAAa,GAAGpB,CAAU,QAClE,SAAAtB,EAAA,kBAAA,IAACa,EAAA,KAAA,CACC,QAASoB,EAAa,aAAeU,EAAAA,oBAAoBtB,CAAM,EAC/D,KAAMU,GAAW,MAAQa,EAAAA,cAAcvB,CAAM,EAC7C,KAAK,KACJ,GAAGU,CAAA,CAAA,EAER,EAEFS,yBAACK,EAAA,CAAe,UAAU,iBAAiB,cAAa,GAAGvB,CAAU,WAClE,SAAA,CACCY,GAAAM,EAAA,kBAAA,KAACF,EAAA,CACE,GAAID,GAAoB,CACvB,eAAgB,gBAChB,IAAK,CACP,EAEA,SAAA,CAACrC,EAAAA,kBAAAA,IAAA8C,EAAA,CAAa,UAAU,eAAe,cAAa,GAAGxB,CAAU,SAC/D,SAAAtB,EAAAA,kBAAAA,IAAC+C,EAAAA,gBAAQ,KAAK,KAAK,QAASd,EAAa,aAAe,UAAY,GAAGE,EACpE,WACH,CACF,CAAA,EACCT,GAAeA,EAAY,iBAAmB,oCAC5CR,EAAY,CAAA,OAAAG,EAAgB,WAAAY,EAAyB,GAAGP,CAAa,CAAA,CAAA,CAAA,CAE1E,EAEDC,4BACEW,EAAmB,CAAA,GAAID,GAAoB,CAAE,eAAgB,eAC5D,EAAA,SAAA,CAACrC,EAAAA,kBAAAA,IAAAgD,EAAA,CAAmB,UAAU,qBAAqB,cAAa,GAAG1B,CAAU,eAC1E,SAAA,OAAOK,GAAgB,iCACrBsB,EAAK,YAAA,CAAA,KAAK,KAAK,QAAShB,EAAa,aAAe,UAAY,GAAGL,EACjE,SACHD,CAAA,CAAA,EAEAA,CAEJ,CAAA,EACCD,GAAeA,EAAY,iBAAmB,YAAc,CAACQ,GAC5DlC,wBAACkB,EAAY,CAAA,OAAAG,EAAgB,WAAAY,EAAyB,GAAGP,CAAa,CAAA,CAAA,EAE1E,EAEDA,GAAeA,GAAa,iBAAmB,oCAC7CR,EAAY,CAAA,OAAAG,EAAgB,WAAAY,EAAyB,GAAGP,CAAa,CAAA,CAAA,EAE1E,EACC,CAACG,GACA7B,EAAA,kBAAA,IAACwB,EAAA,OAAA,CACC,UAAU,sBACV,cAAa,GAAGF,CAAU,iBAC1B,SAAUc,EACV,KAAK,KACL,QAAQ,eACR,WAAAH,EACA,QAASD,CAAA,CAAA,CACX,CAAA,CAEJ,CAEJ,ECnJakB,EAAuB,CAAC,WAAY,aAAc,aAAa","x_google_ignoreList":[0]}

package/dist/chunks/alert.types-C6EN46Ra.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert.types-C6EN46Ra.js","sources":["../../node_modules/@chakra-ui/react/dist/esm/components/alert/alert.js","../../src/components/Alert/components/AlertButton/alertButton.component.tsx","../../src/components/Alert/alert.component.tsx","../../src/components/Alert/alert.types.ts"],"sourcesContent":["\"use strict\";\n\"use client\";\nimport { jsx } from 'react/jsx-runtime';\nimport { forwardRef, Fragment } from 'react';\nimport { createContext } from '../../create-context.js';\nimport { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';\nimport { chakra } from '../../styled-system/factory.js';\nimport { InfoIcon, WarningIcon, CheckCircleIcon } from '../icons.js';\n\nconst [AlertStatusProvider, useAlertStatusContext] = createContext({\n  name: \"AlertStatusContext\",\n  hookName: \"useAlertStatusContext\",\n  providerName: \"<Alert />\"\n});\nconst {\n  withProvider,\n  withContext,\n  useStyles: useAlertStyles,\n  PropsProvider\n} = createSlotRecipeContext({ key: \"alert\" });\nconst AlertRoot = withProvider(\n  \"div\",\n  \"root\",\n  {\n    forwardAsChild: true,\n    wrapElement(element, props) {\n      return (\n        // @ts-ignore fix later\n        /* @__PURE__ */ jsx(AlertStatusProvider, { value: { status: props.status || \"info\" }, children: element })\n      );\n    }\n  }\n);\nconst AlertPropsProvider = PropsProvider;\nconst AlertTitle = withContext(\n  \"div\",\n  \"title\"\n);\nconst AlertDescription = withContext(\"div\", \"description\");\nconst AlertContent = withContext(\n  \"div\",\n  \"content\"\n);\nconst iconMap = {\n  info: InfoIcon,\n  warning: WarningIcon,\n  success: CheckCircleIcon,\n  error: WarningIcon,\n  neutral: InfoIcon\n};\nconst AlertIndicator = forwardRef(\n  function AlertIndicator2(props, ref) {\n    const api = useAlertStatusContext();\n    const styles = useAlertStyles();\n    const Icon = typeof api.status === \"string\" ? iconMap[api.status] : Fragment;\n    const { children = /* @__PURE__ */ jsx(Icon, {}), ...rest } = props;\n    return /* @__PURE__ */ jsx(chakra.span, { ref, ...rest, css: [styles.indicator, props.css], children });\n  }\n);\n\nexport { AlertContent, AlertDescription, AlertIndicator, AlertPropsProvider, AlertRoot, AlertStatusProvider, AlertTitle, useAlertStatusContext, useAlertStyles };\n","import React from 'react';\nimport { AlertButtonPosition } from 'components/Alert/alert.types';\nimport { Button, ButtonProps } from 'components/Button/button.component';\nimport { Status } from 'shared/types/status';\nimport { Flex } from '@chakra-ui/react/flex';\n\nexport interface AlertButtonProps extends Omit<ButtonProps, 'children'> {\n  /** Position of the button.\n   * @default topRight\n   */\n  buttonPosition?: AlertButtonPosition;\n  /** Text to display in the button. */\n  buttonText: string;\n  /** Data test id for the button.\n   * @default kibble-alert-button\n   */\n  'data-testid'?: string;\n}\n\ninterface InternalAlertButtonProps extends AlertButtonProps {\n  /** Status of the alert.\n   * @internal\n   */\n  status: Status;\n}\n\nexport const AlertButton = ({\n  buttonPosition = 'topRight',\n  buttonText,\n  status,\n  ['data-testid']: dataTestId = 'kibble-alert-button',\n  ...rest\n}: InternalAlertButtonProps): React.JSX.Element => {\n  return (\n    <Flex\n      className=\"Alert__Button\"\n      data-testid={dataTestId}\n      {...(buttonPosition !== 'topRight' && { pt: 2, pb: 1 })}\n      {...(buttonPosition === 'bottomRight' && { justifyContent: 'flex-end' })}\n    >\n      <Button size=\"xs\" variant={status === 'default' ? 'primary' : 'secondary'} w=\"max-content\" {...rest}>\n        {buttonText}\n      </Button>\n    </Flex>\n  );\n};\n","import React from 'react';\nimport { Alert as CAlert } from '@chakra-ui/react/alert';\nimport { Heading, HeadingProps } from 'components/Heading/heading.component';\nimport { Icon, IconProps } from 'components/Icon/icon.component';\nimport { Text, TextProps } from 'components/Text/text.component';\nimport { Status } from 'shared/types/status';\nimport { Button } from 'components/Button/button.component';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { AlertButton, AlertButtonProps } from './components/AlertButton/alertButton.component';\nimport { StatusIconMap, StatusTypographyMap } from 'shared/records/status';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface AlertProps extends Omit<CAlert.RootProps, 'title' | 'status' | 'children' | 'variant' | 'size'> {\n  /** Props to customize the alert button. */\n  buttonProps?: AlertButtonProps;\n  /** The body of the alert */\n  description?: React.ReactNode;\n  /** Props to customize the description when passed as a string. */\n  descriptionProps?: TextProps;\n  /**\n   * If true, the close button will not be displayed.\n   * @default false\n   */\n  hideCloseButton?: boolean;\n  /**\n   * If true, the icon will not be displayed.\n   * @default false\n   */\n  hideIcon?: boolean;\n  /** Props to customize the icon. */\n  iconProps?: IconProps;\n  /** Callback function to be called when the close button is clicked. */\n  onClose?: React.MouseEventHandler<HTMLButtonElement>;\n  /**\n   * If true, the alert will use a contrasting variant according to the selected status.\n   * @default false\n   */\n  onContrast?: boolean;\n  /**\n   * The status of the alert. Determines the color of the alert.\n   * @default success\n   */\n  status?: Status;\n  /** The title of the alert. */\n  title?: React.ReactNode;\n  /** Props to customize the title when passed as a string. */\n  titleProps?: HeadingProps;\n  /** The name of the icon to be used as the close button. */\n  closeButtonIcon?: IconName;\n  /** Data test id for the alert.\n   * @default kibble-alert\n   */\n  'data-testid'?: string;\n}\n\nexport const Alert = ({\n  buttonProps,\n  description,\n  descriptionProps,\n  hideCloseButton = false,\n  hideIcon = false,\n  iconProps,\n  onClose,\n  onContrast = false,\n  status = 'success',\n  title,\n  titleProps,\n  closeButtonIcon = 'close',\n  ['data-testid']: dataTestId = 'kibble-alert',\n  ...rest\n}: AlertProps): React.JSX.Element => {\n  if (buttonProps && !buttonProps.buttonPosition) {\n    buttonProps.buttonPosition = 'topRight';\n  }\n  const isTopRightButton = buttonProps && buttonProps.buttonPosition === 'topRight';\n  const WithButtonWrapper = isTopRightButton ? Flex : React.Fragment;\n\n  return (\n    <CAlert.Root\n      className=\"Alert\"\n      data-testid={dataTestId}\n      {...rest}\n      variant={status}\n      hideIcon={hideIcon}\n      onContrast={onContrast}\n    >\n      {!hideIcon && (\n        <CAlert.Indicator className=\"Alert__Icon\" data-testid={`${dataTestId}-icon`}>\n          <Icon\n            variant={onContrast ? 'onContrast' : StatusTypographyMap[status]}\n            name={iconProps?.name || StatusIconMap[status]}\n            size=\"lg\"\n            {...iconProps}\n          />\n        </CAlert.Indicator>\n      )}\n      <CAlert.Content className=\"Alert__Content\" data-testid={`${dataTestId}-content`}>\n        {title && (\n          <WithButtonWrapper\n            {...(isTopRightButton && {\n              justifyContent: 'space-between',\n              gap: 2,\n            })}\n          >\n            <CAlert.Title className=\"Alert__Title\" data-testid={`${dataTestId}-title`}>\n              <Heading size=\"sm\" variant={onContrast ? 'onContrast' : 'default'} {...titleProps}>\n                {title}\n              </Heading>\n            </CAlert.Title>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {description && (\n          <WithButtonWrapper {...(isTopRightButton && { justifyContent: 'space-between' })}>\n            <CAlert.Description className=\"Alert__Description\" data-testid={`${dataTestId}-description`}>\n              {typeof description === 'string' ? (\n                <Text size=\"md\" variant={onContrast ? 'onContrast' : 'default'} {...descriptionProps}>\n                  {description}\n                </Text>\n              ) : (\n                description\n              )}\n            </CAlert.Description>\n            {buttonProps && buttonProps.buttonPosition === 'topRight' && !title && (\n              <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n            )}\n          </WithButtonWrapper>\n        )}\n        {buttonProps && buttonProps?.buttonPosition !== 'topRight' && (\n          <AlertButton status={status} onContrast={onContrast} {...buttonProps} />\n        )}\n      </CAlert.Content>\n      {!hideCloseButton && (\n        <Button\n          className=\"Alert__CloseTrigger\"\n          data-testid={`${dataTestId}-close-trigger`}\n          iconName={closeButtonIcon}\n          size=\"xs\"\n          variant=\"ghostNeutral\"\n          onContrast={onContrast}\n          onClick={onClose}\n        />\n      )}\n    </CAlert.Root>\n  );\n};\n","export const alertButtonPositions = ['topRight', 'bottomLeft', 'bottomRight'] as const;\nexport type AlertButtonPosition = (typeof alertButtonPositions)[number];\n"],"names":["AlertStatusProvider","useAlertStatusContext","createContext","withProvider","withContext","useAlertStyles","createSlotRecipeContext","AlertRoot","element","props","jsx","AlertTitle","AlertDescription","AlertContent","iconMap","InfoIcon","WarningIcon","CheckCircleIcon","AlertIndicator","forwardRef","ref","api","styles","Icon","Fragment","children","rest","chakra","AlertButton","buttonPosition","buttonText","status","dataTestId","Flex","Button","Alert","buttonProps","description","descriptionProps","hideCloseButton","hideIcon","iconProps","onClose","onContrast","title","titleProps","closeButtonIcon","isTopRightButton","WithButtonWrapper","React","jsxs","CAlert.Root","CAlert.Indicator","StatusTypographyMap","StatusIconMap","CAlert.Content","CAlert.Title","Heading","CAlert.Description","Text","alertButtonPositions"],"mappings":"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","x_google_ignoreList":[0]}

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

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

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