@televet/kibble-ui 5.0.26-franklin.5 → 5.0.26-franklin.6

package/dist/chunks/{datePicker.component-BpFRWZdY.js → datePicker.component-Ccp2rTeh.js}

@@ -1,14 +1,14 @@
 import { j as e } from "./jsx-runtime-C5mzlN2N.js";
-import { i as B, u as _, U as P, F as p, x as N, t as h, a as R, b as W, c as A } from "./datePicker.provider-DjDP292O.js";
+import { i as B, u as w, U as v, F as p, x as N, t as g, a as R, b as W, c as A } from "./datePicker.provider-DjDP292O.js";
 import { W as b } from "./textInput.component-BeiTxTkS.js";
-import { I as v } from "./icon.component-PV_nHBId.js";
+import { I as y } from "./icon.component-PV_nHBId.js";
 import { W as H } from "./text.component-DhuUgP3j.js";
-import { t as y, f as F, i as O } from "./format-CqTHHSak.js";
-import { u as w } from "./popover-root-provider-CFn2dthZ.js";
-import { H as E } from "./h-stack-8q5nAOg0.js";
-import { F as S } from "./flex-CX-8gE9T.js";
+import { t as F, f as S, i as O } from "./format-CqTHHSak.js";
+import { u as E } from "./popover-root-provider-CFn2dthZ.js";
+import { H as T } from "./h-stack-8q5nAOg0.js";
+import { F as I } from "./flex-CX-8gE9T.js";
 import { useCallback as $ } from "react";
-import { B as I } from "./button.component-BO6oee_V.js";
+import { B as _ } from "./button.component-BO6oee_V.js";
 import { p as M } from "./popover.recipe-DPwwsWLb.js";
 import { u as U } from "./usePortalContentRef-DO_jc4W9.js";
 import { D as K } from "./divider.component-CFOh4Nw3.js";
@@ -17,7 +17,7 @@ import { u as q } from "./create-slot-recipe-context-D_FXDJGp.js";
 import { P as G } from "./index-DcmJgLUo.js";
 import { P as J, a as L, b as Q, c as X } from "./popover-Gb1fXSR7.js";
 function Y(t, a) {
-  return +y(t) < +y(a);
+  return +F(t) < +F(a);
 }
 const Z = (t, a) => a ? B(t, a) : !0, ee = (t, a) => a ? Y(t, a) : !0;
 function te({
@@ -26,23 +26,23 @@ function te({
 }) {
   const {
     setFocusedInput: s,
-    startDate: o,
-    endDate: n,
-    focusedInput: i,
+    startDate: n,
+    endDate: i,
+    focusedInput: c,
     dateFormat: r,
-    withDateRange: c,
-    minDate: d,
+    withDateRange: d,
+    minDate: o,
     maxDate: l,
     onDateChange: f,
-    onDateSelect: g,
-    onClose: D
-  } = _(), { open: T, setOpen: z } = w(), j = t?.size || "md", k = (m) => {
-    m.key === "Enter" && T && (z(!1), D(), m.preventDefault(), m.stopPropagation());
-  }, C = (m) => {
-    const x = m.target.value, u = N(x, r, h);
-    x.length === r.length && O(u) && Z(u, d) && ee(u, l) && g(u), !x.length && f && f({ startDate: null, endDate: null });
+    onDateSelect: D,
+    onClose: j
+  } = w(), { open: x, setOpen: z } = E(), k = t?.size || "md", C = (m) => {
+    m.key === "Enter" && x && (z(!1), j(), m.preventDefault(), m.stopPropagation());
+  }, P = (m) => {
+    const h = m.target.value, u = N(h, r, g);
+    h.length === r.length && O(u) && Z(u, o) && ee(u, l) && D(u), !h.length && f && f({ startDate: null, endDate: null });
   };
-  return /* @__PURE__ */ e.jsxs(E, { w: "100%", className: "DatePicker__Trigger", "data-testid": a, children: [
+  return /* @__PURE__ */ e.jsxs(T, { w: "100%", className: "DatePicker__Trigger", "data-testid": a, children: [
     /* @__PURE__ */ e.jsx(
       b,
       {
@@ -50,32 +50,32 @@ function te({
         "data-testid": `${a}-start`,
         autoComplete: "off",
         rightElement: /* @__PURE__ */ e.jsx(
-          S,
+          I,
           {
             ...!t?.disabled && {
               onClick: () => s(p.StartDate)
             },
             h: "100%",
             align: "center",
-            children: /* @__PURE__ */ e.jsx(v, { name: "calendarDate", size: j })
+            children: /* @__PURE__ */ e.jsx(y, { name: "calendarDate", size: k })
           }
         ),
-        value: P(o, r, ""),
-        onChange: C,
-        onKeyDown: k,
+        value: v(n, r, ""),
+        onChange: P,
+        onKeyDown: C,
         ...!t?.disabled && {
           onFocus: () => {
             s(p.StartDate);
           }
         },
-        placeholder: F(h, r).toString(),
-        ...i === p.StartDate && {
+        placeholder: S(g, r).toString(),
+        ...c === p.StartDate && {
           "data-focus": !0
         },
         ...t
       }
     ),
-    c && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    d && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
       /* @__PURE__ */ e.jsx(H, { children: " - " }),
       /* @__PURE__ */ e.jsx(
         b,
@@ -83,24 +83,24 @@ function te({
           className: "DatePicker__Input--End",
           "data-testid": `${a}-end`,
           rightElement: /* @__PURE__ */ e.jsx(
-            S,
+            I,
             {
               ...!t?.disabled && {
                 onClick: () => s(p.StartDate)
               },
               h: "100%",
               align: "center",
-              children: /* @__PURE__ */ e.jsx(v, { name: "calendarDate", size: j })
+              children: /* @__PURE__ */ e.jsx(y, { name: "calendarDate", size: k })
             }
           ),
-          value: P(n, r, ""),
-          onChange: C,
+          value: v(i, r, ""),
+          onChange: P,
           ...!t?.disabled && {
             onFocus: () => s(p.EndDate)
           },
-          onKeyDown: k,
-          placeholder: F(h, r).toString(),
-          ...i === p.EndDate && {
+          onKeyDown: C,
+          placeholder: S(g, r).toString(),
+          ...c === p.EndDate && {
             "data-focus": !0
           },
           ...t
@@ -114,11 +114,11 @@ function ae({
   onSubmit: a,
   hideResetButton: s
 }) {
-  const { startDate: o, endDate: n, clearDates: i, standalone: r } = _(), { open: c, setOpen: d } = w(), l = $(() => {
-    r || d(!1), a && a({ startDate: o, endDate: n });
-  }, [r, d, a, o, n]);
+  const { startDate: n, endDate: i, clearDates: c, standalone: r } = w(), { open: d, setOpen: o } = E(), l = $(() => {
+    r || o(!1), a && a({ startDate: n, endDate: i });
+  }, [r, o, a, n, i]);
   return /* @__PURE__ */ e.jsxs(
-    E,
+    T,
     {
       w: "100%",
       justify: s ? "end" : "space-between",
@@ -128,8 +128,8 @@ function ae({
       px: 3,
       py: 2,
       children: [
-        !s && /* @__PURE__ */ e.jsx(I, { size: "sm", variant: "ghostNeutral", onClick: () => i({ open: c }), children: "Clear Dates" }),
-        /* @__PURE__ */ e.jsx(I, { size: "sm", onClick: l, children: t })
+        !s && /* @__PURE__ */ e.jsx(_, { size: "sm", variant: "ghostNeutral", onClick: () => c({ open: d }), children: "Clear Dates" }),
+        /* @__PURE__ */ e.jsx(_, { size: "sm", onClick: l, children: t })
       ]
     }
   );
@@ -138,28 +138,29 @@ const Ce = (t) => {
   const {
     footerProps: a,
     hideFooter: s = !1,
-    inputProps: o,
-    portalled: n = !0,
-    showTodayButton: i = !1,
+    inputProps: n,
+    portalled: i = !0,
+    showTodayButton: c = !1,
     onTodayClick: r,
-    trigger: c,
-    withDateRange: d = !1,
-    ["data-testid"]: l = "kibble-datepicker"
-  } = t, { contentRef: f } = U(), D = q({ recipe: M })();
-  return /* @__PURE__ */ e.jsxs(R, { ...t, children: [
-    /* @__PURE__ */ e.jsx(J, { asChild: !!c, children: c ?? /* @__PURE__ */ e.jsx(te, { inputProps: { ...o, readOnly: !0 } }) }),
-    /* @__PURE__ */ e.jsx(G, { container: f || void 0, disabled: !n, children: /* @__PURE__ */ e.jsx(L, { className: "DatePicker", "data-testid": l, children: /* @__PURE__ */ e.jsx(
+    trigger: d,
+    withDateRange: o = !1,
+    ["data-testid"]: l = "kibble-datepicker",
+    ...f
+  } = t, { contentRef: D } = U(), x = q({ recipe: M })();
+  return /* @__PURE__ */ e.jsxs(R, { ...f, withDateRange: o, children: [
+    /* @__PURE__ */ e.jsx(J, { asChild: !!d, children: d ?? /* @__PURE__ */ e.jsx(te, { inputProps: { ...n, readOnly: !0 } }) }),
+    /* @__PURE__ */ e.jsx(G, { container: D || void 0, disabled: !i, children: /* @__PURE__ */ e.jsx(L, { className: "DatePicker", "data-testid": l, children: /* @__PURE__ */ e.jsx(
       Q,
       {
         className: "DatePicker__Content",
         "data-testid": `${l}-content`,
-        css: { ...D.content, minW: "340px" },
+        css: { ...x.content, minW: "340px" },
         children: /* @__PURE__ */ e.jsxs(X, { css: { "--popover-padding": 0 }, children: [
           /* @__PURE__ */ e.jsx(W, {}),
           /* @__PURE__ */ e.jsx(K, {}),
           /* @__PURE__ */ e.jsx(A, {}),
-          i && /* @__PURE__ */ e.jsx(V, { onTodayClick: r }),
-          d && !s && /* @__PURE__ */ e.jsx(ae, { ...a })
+          c && /* @__PURE__ */ e.jsx(V, { onTodayClick: r }),
+          o && !s && /* @__PURE__ */ e.jsx(ae, { ...a })
         ] })
       }
     ) }) })
@@ -168,4 +169,4 @@ const Ce = (t) => {
 export {
   Ce as D
 };
-//# sourceMappingURL=datePicker.component-BpFRWZdY.js.map
+//# sourceMappingURL=datePicker.component-Ccp2rTeh.js.map

package/dist/chunks/{datePicker.component-BpFRWZdY.js.map → datePicker.component-Ccp2rTeh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"datePicker.component-BpFRWZdY.js","sources":["../../node_modules/date-fns/isBefore.js","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.utils.ts","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.component.tsx","../../src/components/DatePicker/components/DatePickerFooter/datePickerFooter.component.tsx","../../src/components/DatePicker/datePicker.component.tsx"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * @name isBefore\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\n *\n * @param date - The date that should be before the other one to return true\n * @param dateToCompare - The date to compare with\n *\n * @returns The first date is before the second date\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\nexport function isBefore(date, dateToCompare) {\n  return +toDate(date) < +toDate(dateToCompare);\n}\n\n// Fallback for modularized imports:\nexport default isBefore;\n","import isAfter from 'date-fns/isAfter';\nimport isBefore from 'date-fns/isBefore';\n\nexport const isDateAfterMin = (date: Date, minDate?: Date): boolean => (minDate ? isAfter(date, minDate) : true);\nexport const isDateBeforeMax = (date: Date, maxDate?: Date): boolean => (maxDate ? isBefore(date, maxDate) : true);\n","import React, { ChangeEvent } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { TextInput, TextInputProps } from 'components/TextInput/textInput.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Text } from 'components/Text/text.component';\nimport isDate from 'date-fns/isDate';\nimport { getInputValue, parseDate } from '@datepicker-react/hooks';\nimport { isDateAfterMin, isDateBeforeMax } from './datePickerInput.utils';\nimport { FocusedInput, today, useDatePickerContext } from '../../context/datePicker.context';\nimport format from 'date-fns/format';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\ninterface DatePickerInputProps {\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /** Data test id for the input.\n   * @default kibble-datepicker-input\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerInput({\n  inputProps,\n  ['data-testid']: dataTestId = 'kibble-datepicker-input',\n}: DatePickerInputProps): React.JSX.Element {\n  const {\n    setFocusedInput,\n    startDate,\n    endDate,\n    focusedInput,\n    dateFormat,\n    withDateRange,\n    minDate,\n    maxDate,\n    onDateChange,\n    onDateSelect,\n    onClose,\n  } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n  const iconSize = inputProps?.size || 'md';\n\n  const onKeyDown = (e: React.KeyboardEvent): void => {\n    if (e.key === 'Enter' && open) {\n      setOpen(false);\n      onClose();\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const onInputChange = (e: ChangeEvent<HTMLInputElement>): void => {\n    const dateValue = e.target.value;\n    const parsedDate = parseDate(dateValue, dateFormat, today);\n\n    if (\n      dateValue.length === dateFormat.length &&\n      isDate(parsedDate) &&\n      isDateAfterMin(parsedDate, minDate) &&\n      isDateBeforeMax(parsedDate, maxDate)\n    ) {\n      onDateSelect(parsedDate);\n    }\n\n    // Trigger change when input is empty\n    if (!dateValue.length && onDateChange) {\n      onDateChange({ startDate: null, endDate: null });\n    }\n  };\n\n  return (\n    <HStack w=\"100%\" className=\"DatePicker__Trigger\" data-testid={dataTestId}>\n      <TextInput\n        className=\"DatePicker__Input--Start\"\n        data-testid={`${dataTestId}-start`}\n        autoComplete=\"off\"\n        rightElement={\n          <Flex\n            {...(!inputProps?.disabled && {\n              onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n            })}\n            h=\"100%\"\n            align=\"center\"\n          >\n            <Icon name=\"calendarDate\" size={iconSize} />\n          </Flex>\n        }\n        value={getInputValue(startDate, dateFormat, '')}\n        onChange={onInputChange}\n        onKeyDown={onKeyDown}\n        {...(!inputProps?.disabled && {\n          onFocus: (): void => {\n            setFocusedInput(FocusedInput.StartDate);\n          },\n        })}\n        placeholder={format(today, dateFormat).toString()}\n        {...(focusedInput === FocusedInput.StartDate && {\n          'data-focus': true,\n        })}\n        {...inputProps}\n      />\n      {withDateRange && (\n        <>\n          <Text> - </Text>\n          <TextInput\n            className=\"DatePicker__Input--End\"\n            data-testid={`${dataTestId}-end`}\n            rightElement={\n              <Flex\n                {...(!inputProps?.disabled && {\n                  onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n                })}\n                h=\"100%\"\n                align=\"center\"\n              >\n                <Icon name=\"calendarDate\" size={iconSize} />\n              </Flex>\n            }\n            value={getInputValue(endDate, dateFormat, '')}\n            onChange={onInputChange}\n            {...(!inputProps?.disabled && {\n              onFocus: (): void => setFocusedInput(FocusedInput.EndDate),\n            })}\n            onKeyDown={onKeyDown}\n            placeholder={format(today, dateFormat).toString()}\n            {...(focusedInput === FocusedInput.EndDate && {\n              'data-focus': true,\n            })}\n            {...inputProps}\n          />\n        </>\n      )}\n    </HStack>\n  );\n}\n","import React, { useCallback } from 'react';\nimport { Button } from 'components/Button/button.component';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { DateRange } from '../../datePicker.types';\nimport { useDatePickerContext } from '../../context/datePicker.context';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\nexport interface DatePickerFooterProps {\n  /** Text to display in the submit button.\n   * @default Apply\n   */\n  buttonText?: string;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: ({ startDate, endDate }: DateRange) => void;\n  /** If true, the reset button will be hidden. */\n  hideResetButton?: boolean;\n  /** Data test id for the footer.\n   * @default kibble-datepicker-footer\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerFooter({\n  buttonText = 'Apply',\n  onSubmit,\n  hideResetButton,\n}: DatePickerFooterProps): React.JSX.Element {\n  const { startDate, endDate, clearDates, standalone } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n\n  const handleSubmit = useCallback((): void => {\n    if (!standalone) {\n      setOpen(false);\n    }\n\n    if (onSubmit) {\n      onSubmit({ startDate, endDate });\n    }\n  }, [standalone, setOpen, onSubmit, startDate, endDate]);\n\n  return (\n    <HStack\n      w=\"100%\"\n      justify={hideResetButton ? 'end' : 'space-between'}\n      align=\"center\"\n      borderTop=\"1px\"\n      borderColor=\"border.default\"\n      px={3}\n      py={2}\n    >\n      {!hideResetButton && (\n        <Button size=\"sm\" variant=\"ghostNeutral\" onClick={() => clearDates({ open })}>\n          Clear Dates\n        </Button>\n      )}\n      <Button size=\"sm\" onClick={handleSubmit}>\n        {buttonText}\n      </Button>\n    </HStack>\n  );\n}\n","import React from 'react';\nimport { DateProps } from './datePicker.types';\nimport { TextInputProps } from 'components/TextInput/textInput.component';\nimport { Placement } from 'shared/types/placement';\nimport { DatePickerProvider } from './context/datePicker.provider';\nimport { DatePickerInput } from './components/DatePickerInput/datePickerInput.component';\nimport { DatePickerFooter, DatePickerFooterProps } from './components/DatePickerFooter/datePickerFooter.component';\nimport { DatePickerHeader } from './components/DatePickerHeader/datePickerHeader.component';\nimport { DatePickerCalendar } from './components/DatePickerCalendar/datePickerCalendar.component';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from 'components/Popover/popover.recipe';\nimport { usePortalContentRef } from 'hooks/usePortalContentRef';\nimport { Divider } from 'components/Divider';\nimport { CalendarTodayButton } from 'components/Calendar/calendarTodayButton.component';\n\nexport interface DatePickerProps extends DateProps {\n  /** Props to customize the calendar footer. Only applicable when `withDateRange` is true. */\n  footerProps?: DatePickerFooterProps;\n  /**\n   * Hides the calendar footer with the submit button. Only applicable when `withDateRange` is true.\n   * @default false\n   */\n  hideFooter?: boolean;\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /**\n   * Placement of the calendar popover\n   * @default bottom\n   */\n  placement?: Placement;\n  /**\n   * If true, the date picker will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Custom trigger element. When provided, replaces the default text input trigger.\n   */\n  trigger?: React.ReactNode;\n  /**\n   * If true, a \"Today\" button is rendered below the calendar grid.\n   * @default false\n   */\n  showTodayButton?: boolean;\n  /**\n   * Callback fired after the \"Today\" button is clicked.\n   * Only relevant when showTodayButton is true.\n   */\n  onTodayClick?: () => void;\n  /**\n   * If true, the date picker will render two input fields that control both the start and end date for a range selection.\n   * @default false\n   */\n  withDateRange?: boolean;\n  /** Data test id for the date picker.\n   * @default kibble-datepicker\n   */\n  'data-testid'?: string;\n}\n\nexport const DatePicker = (props: DatePickerProps): React.JSX.Element => {\n  const {\n    footerProps,\n    hideFooter = false,\n    inputProps,\n    portalled = true,\n    showTodayButton = false,\n    onTodayClick,\n    trigger,\n    withDateRange = false,\n    ['data-testid']: dataTestId = 'kibble-datepicker',\n  } = props;\n  const { contentRef } = usePortalContentRef();\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n\n  return (\n    <DatePickerProvider {...props}>\n      <CPopover.Trigger asChild={!!trigger}>\n        {trigger ?? <DatePickerInput inputProps={{ ...inputProps, readOnly: true }} />}\n      </CPopover.Trigger>\n      <Portal container={contentRef || undefined} disabled={!portalled}>\n        <CPopover.Positioner className=\"DatePicker\" data-testid={dataTestId}>\n          <CPopover.Content\n            className=\"DatePicker__Content\"\n            data-testid={`${dataTestId}-content`}\n            css={{ ...styles.content, minW: '340px' }}\n          >\n            <CPopover.Body css={{ '--popover-padding': 0 }}>\n              <DatePickerHeader />\n              <Divider />\n              <DatePickerCalendar />\n              {showTodayButton && <CalendarTodayButton onTodayClick={onTodayClick} />}\n              {withDateRange && !hideFooter && <DatePickerFooter {...footerProps} />}\n            </CPopover.Body>\n          </CPopover.Content>\n        </CPopover.Positioner>\n      </Portal>\n    </DatePickerProvider>\n  );\n};\n"],"names":["isBefore","date","dateToCompare","toDate","isDateAfterMin","minDate","isAfter","isDateBeforeMax","maxDate","DatePickerInput","inputProps","dataTestId","setFocusedInput","startDate","endDate","focusedInput","dateFormat","withDateRange","onDateChange","onDateSelect","onClose","useDatePickerContext","open","setOpen","usePopoverContext","iconSize","onKeyDown","e","onInputChange","dateValue","parsedDate","parseDate","today","isDate","HStack","jsx","TextInput","Flex","FocusedInput","Icon","getInputValue","format","jsxs","Fragment","Text","DatePickerFooter","buttonText","onSubmit","hideResetButton","clearDates","standalone","handleSubmit","useCallback","Button","DatePicker","props","footerProps","hideFooter","portalled","showTodayButton","onTodayClick","trigger","contentRef","usePortalContentRef","styles","useSlotRecipe","popoverRecipe","DatePickerProvider","CPopover.Trigger","Portal","CPopover.Positioner","CPopover.Content","CPopover.Body","DatePickerHeader","Divider","DatePickerCalendar","CalendarTodayButton"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"datePicker.component-Ccp2rTeh.js","sources":["../../node_modules/date-fns/isBefore.js","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.utils.ts","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.component.tsx","../../src/components/DatePicker/components/DatePickerFooter/datePickerFooter.component.tsx","../../src/components/DatePicker/datePicker.component.tsx"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * @name isBefore\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\n *\n * @param date - The date that should be before the other one to return true\n * @param dateToCompare - The date to compare with\n *\n * @returns The first date is before the second date\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\nexport function isBefore(date, dateToCompare) {\n  return +toDate(date) < +toDate(dateToCompare);\n}\n\n// Fallback for modularized imports:\nexport default isBefore;\n","import isAfter from 'date-fns/isAfter';\nimport isBefore from 'date-fns/isBefore';\n\nexport const isDateAfterMin = (date: Date, minDate?: Date): boolean => (minDate ? isAfter(date, minDate) : true);\nexport const isDateBeforeMax = (date: Date, maxDate?: Date): boolean => (maxDate ? isBefore(date, maxDate) : true);\n","import React, { ChangeEvent } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { TextInput, TextInputProps } from 'components/TextInput/textInput.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Text } from 'components/Text/text.component';\nimport isDate from 'date-fns/isDate';\nimport { getInputValue, parseDate } from '@datepicker-react/hooks';\nimport { isDateAfterMin, isDateBeforeMax } from './datePickerInput.utils';\nimport { FocusedInput, today, useDatePickerContext } from '../../context/datePicker.context';\nimport format from 'date-fns/format';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\ninterface DatePickerInputProps {\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /** Data test id for the input.\n   * @default kibble-datepicker-input\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerInput({\n  inputProps,\n  ['data-testid']: dataTestId = 'kibble-datepicker-input',\n}: DatePickerInputProps): React.JSX.Element {\n  const {\n    setFocusedInput,\n    startDate,\n    endDate,\n    focusedInput,\n    dateFormat,\n    withDateRange,\n    minDate,\n    maxDate,\n    onDateChange,\n    onDateSelect,\n    onClose,\n  } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n  const iconSize = inputProps?.size || 'md';\n\n  const onKeyDown = (e: React.KeyboardEvent): void => {\n    if (e.key === 'Enter' && open) {\n      setOpen(false);\n      onClose();\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const onInputChange = (e: ChangeEvent<HTMLInputElement>): void => {\n    const dateValue = e.target.value;\n    const parsedDate = parseDate(dateValue, dateFormat, today);\n\n    if (\n      dateValue.length === dateFormat.length &&\n      isDate(parsedDate) &&\n      isDateAfterMin(parsedDate, minDate) &&\n      isDateBeforeMax(parsedDate, maxDate)\n    ) {\n      onDateSelect(parsedDate);\n    }\n\n    // Trigger change when input is empty\n    if (!dateValue.length && onDateChange) {\n      onDateChange({ startDate: null, endDate: null });\n    }\n  };\n\n  return (\n    <HStack w=\"100%\" className=\"DatePicker__Trigger\" data-testid={dataTestId}>\n      <TextInput\n        className=\"DatePicker__Input--Start\"\n        data-testid={`${dataTestId}-start`}\n        autoComplete=\"off\"\n        rightElement={\n          <Flex\n            {...(!inputProps?.disabled && {\n              onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n            })}\n            h=\"100%\"\n            align=\"center\"\n          >\n            <Icon name=\"calendarDate\" size={iconSize} />\n          </Flex>\n        }\n        value={getInputValue(startDate, dateFormat, '')}\n        onChange={onInputChange}\n        onKeyDown={onKeyDown}\n        {...(!inputProps?.disabled && {\n          onFocus: (): void => {\n            setFocusedInput(FocusedInput.StartDate);\n          },\n        })}\n        placeholder={format(today, dateFormat).toString()}\n        {...(focusedInput === FocusedInput.StartDate && {\n          'data-focus': true,\n        })}\n        {...inputProps}\n      />\n      {withDateRange && (\n        <>\n          <Text> - </Text>\n          <TextInput\n            className=\"DatePicker__Input--End\"\n            data-testid={`${dataTestId}-end`}\n            rightElement={\n              <Flex\n                {...(!inputProps?.disabled && {\n                  onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n                })}\n                h=\"100%\"\n                align=\"center\"\n              >\n                <Icon name=\"calendarDate\" size={iconSize} />\n              </Flex>\n            }\n            value={getInputValue(endDate, dateFormat, '')}\n            onChange={onInputChange}\n            {...(!inputProps?.disabled && {\n              onFocus: (): void => setFocusedInput(FocusedInput.EndDate),\n            })}\n            onKeyDown={onKeyDown}\n            placeholder={format(today, dateFormat).toString()}\n            {...(focusedInput === FocusedInput.EndDate && {\n              'data-focus': true,\n            })}\n            {...inputProps}\n          />\n        </>\n      )}\n    </HStack>\n  );\n}\n","import React, { useCallback } from 'react';\nimport { Button } from 'components/Button/button.component';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { DateRange } from '../../datePicker.types';\nimport { useDatePickerContext } from '../../context/datePicker.context';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\nexport interface DatePickerFooterProps {\n  /** Text to display in the submit button.\n   * @default Apply\n   */\n  buttonText?: string;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: ({ startDate, endDate }: DateRange) => void;\n  /** If true, the reset button will be hidden. */\n  hideResetButton?: boolean;\n  /** Data test id for the footer.\n   * @default kibble-datepicker-footer\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerFooter({\n  buttonText = 'Apply',\n  onSubmit,\n  hideResetButton,\n}: DatePickerFooterProps): React.JSX.Element {\n  const { startDate, endDate, clearDates, standalone } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n\n  const handleSubmit = useCallback((): void => {\n    if (!standalone) {\n      setOpen(false);\n    }\n\n    if (onSubmit) {\n      onSubmit({ startDate, endDate });\n    }\n  }, [standalone, setOpen, onSubmit, startDate, endDate]);\n\n  return (\n    <HStack\n      w=\"100%\"\n      justify={hideResetButton ? 'end' : 'space-between'}\n      align=\"center\"\n      borderTop=\"1px\"\n      borderColor=\"border.default\"\n      px={3}\n      py={2}\n    >\n      {!hideResetButton && (\n        <Button size=\"sm\" variant=\"ghostNeutral\" onClick={() => clearDates({ open })}>\n          Clear Dates\n        </Button>\n      )}\n      <Button size=\"sm\" onClick={handleSubmit}>\n        {buttonText}\n      </Button>\n    </HStack>\n  );\n}\n","import React from 'react';\nimport { DateProps } from './datePicker.types';\nimport { TextInputProps } from 'components/TextInput/textInput.component';\nimport { Placement } from 'shared/types/placement';\nimport { DatePickerProvider } from './context/datePicker.provider';\nimport { DatePickerInput } from './components/DatePickerInput/datePickerInput.component';\nimport { DatePickerFooter, DatePickerFooterProps } from './components/DatePickerFooter/datePickerFooter.component';\nimport { DatePickerHeader } from './components/DatePickerHeader/datePickerHeader.component';\nimport { DatePickerCalendar } from './components/DatePickerCalendar/datePickerCalendar.component';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from 'components/Popover/popover.recipe';\nimport { usePortalContentRef } from 'hooks/usePortalContentRef';\nimport { Divider } from 'components/Divider';\nimport { CalendarTodayButton } from 'components/Calendar/calendarTodayButton.component';\n\nexport interface DatePickerProps extends DateProps {\n  /** Props to customize the calendar footer. Only applicable when `withDateRange` is true. */\n  footerProps?: DatePickerFooterProps;\n  /**\n   * Hides the calendar footer with the submit button. Only applicable when `withDateRange` is true.\n   * @default false\n   */\n  hideFooter?: boolean;\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /**\n   * Placement of the calendar popover\n   * @default bottom\n   */\n  placement?: Placement;\n  /**\n   * If true, the date picker will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Custom trigger element. When provided, replaces the default text input trigger.\n   */\n  trigger?: React.ReactNode;\n  /**\n   * If true, a \"Today\" button is rendered below the calendar grid.\n   * @default false\n   */\n  showTodayButton?: boolean;\n  /**\n   * Callback fired after the \"Today\" button is clicked.\n   * Only relevant when showTodayButton is true.\n   */\n  onTodayClick?: () => void;\n  /**\n   * If true, the date picker will render two input fields that control both the start and end date for a range selection.\n   * @default false\n   */\n  withDateRange?: boolean;\n  /** Data test id for the date picker.\n   * @default kibble-datepicker\n   */\n  'data-testid'?: string;\n}\n\nexport const DatePicker = (props: DatePickerProps): React.JSX.Element => {\n  const {\n    footerProps,\n    hideFooter = false,\n    inputProps,\n    portalled = true,\n    showTodayButton = false,\n    onTodayClick,\n    trigger,\n    withDateRange = false,\n    ['data-testid']: dataTestId = 'kibble-datepicker',\n    ...providerProps\n  } = props;\n  const { contentRef } = usePortalContentRef();\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n\n  return (\n    <DatePickerProvider {...providerProps} withDateRange={withDateRange}>\n      <CPopover.Trigger asChild={!!trigger}>\n        {trigger ?? <DatePickerInput inputProps={{ ...inputProps, readOnly: true }} />}\n      </CPopover.Trigger>\n      <Portal container={contentRef || undefined} disabled={!portalled}>\n        <CPopover.Positioner className=\"DatePicker\" data-testid={dataTestId}>\n          <CPopover.Content\n            className=\"DatePicker__Content\"\n            data-testid={`${dataTestId}-content`}\n            css={{ ...styles.content, minW: '340px' }}\n          >\n            <CPopover.Body css={{ '--popover-padding': 0 }}>\n              <DatePickerHeader />\n              <Divider />\n              <DatePickerCalendar />\n              {showTodayButton && <CalendarTodayButton onTodayClick={onTodayClick} />}\n              {withDateRange && !hideFooter && <DatePickerFooter {...footerProps} />}\n            </CPopover.Body>\n          </CPopover.Content>\n        </CPopover.Positioner>\n      </Portal>\n    </DatePickerProvider>\n  );\n};\n"],"names":["isBefore","date","dateToCompare","toDate","isDateAfterMin","minDate","isAfter","isDateBeforeMax","maxDate","DatePickerInput","inputProps","dataTestId","setFocusedInput","startDate","endDate","focusedInput","dateFormat","withDateRange","onDateChange","onDateSelect","onClose","useDatePickerContext","open","setOpen","usePopoverContext","iconSize","onKeyDown","e","onInputChange","dateValue","parsedDate","parseDate","today","isDate","HStack","jsx","TextInput","Flex","FocusedInput","Icon","getInputValue","format","jsxs","Fragment","Text","DatePickerFooter","buttonText","onSubmit","hideResetButton","clearDates","standalone","handleSubmit","useCallback","Button","DatePicker","props","footerProps","hideFooter","portalled","showTodayButton","onTodayClick","trigger","providerProps","contentRef","usePortalContentRef","styles","useSlotRecipe","popoverRecipe","DatePickerProvider","CPopover.Trigger","Portal","CPopover.Positioner","CPopover.Content","CPopover.Body","DatePickerHeader","Divider","DatePickerCalendar","CalendarTodayButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/chunks/datePicker.component-JVmLDTg8.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),t=require("./datePicker.provider-i35-VNAb.js"),P=require("./textInput.component-CwTc0h_F.js"),v=require("./icon.component-B1hr5lLa.js"),b=require("./text.component-BDDz5KQP.js"),l=require("./format-CK7Imh-5.js"),_=require("./popover-root-provider-CZDbUJ2K.js"),y=require("./h-stack-D4MnHHRc.js"),q=require("./flex-BOU6tYUd.js"),S=require("react"),I=require("./button.component-DjdgBXDC.js"),T=require("./popover.recipe-CtptsJg6.js"),w=require("./usePortalContentRef-CTrvBQ7I.js"),B=require("./divider.component-BX3zyB7O.js"),z=require("./calendarTodayButton.component-CynzgVXX.js"),N=require("./create-slot-recipe-context-HXE1VazG.js"),W=require("./index-Ts8g8jZd.js"),D=require("./popover-C7aj8Iwj.js");function A(n,o){return+l.toDate(n)<+l.toDate(o)}const H=(n,o)=>o?t.isAfter(n,o):!0,O=(n,o)=>o?A(n,o):!0;function $({inputProps:n,["data-testid"]:o="kibble-datepicker-input"}){const{setFocusedInput:s,startDate:i,endDate:c,focusedInput:u,dateFormat:r,withDateRange:d,minDate:a,maxDate:p,onDateChange:j,onDateSelect:R,onClose:E}=t.useDatePickerContext(),{open:h,setOpen:F}=_.usePopoverContext(),k=n?.size||"md",g=x=>{x.key==="Enter"&&h&&(F(!1),E(),x.preventDefault(),x.stopPropagation())},C=x=>{const f=x.target.value,m=t.xt(f,r,t.today);f.length===r.length&&l.isDate(m)&&H(m,a)&&O(m,p)&&R(m),!f.length&&j&&j({startDate:null,endDate:null})};return e.jsxRuntimeExports.jsxs(y.HStack,{w:"100%",className:"DatePicker__Trigger","data-testid":o,children:[e.jsxRuntimeExports.jsx(P.WrappedTextInput,{className:"DatePicker__Input--Start","data-testid":`${o}-start`,autoComplete:"off",rightElement:e.jsxRuntimeExports.jsx(q.Flex,{...!n?.disabled&&{onClick:()=>s(t.FocusedInput.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(v.Icon,{name:"calendarDate",size:k})}),value:t.Ue(i,r,""),onChange:C,onKeyDown:g,...!n?.disabled&&{onFocus:()=>{s(t.FocusedInput.StartDate)}},placeholder:l.format(t.today,r).toString(),...u===t.FocusedInput.StartDate&&{"data-focus":!0},...n}),d&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(b.WrappedText,{children:" - "}),e.jsxRuntimeExports.jsx(P.WrappedTextInput,{className:"DatePicker__Input--End","data-testid":`${o}-end`,rightElement:e.jsxRuntimeExports.jsx(q.Flex,{...!n?.disabled&&{onClick:()=>s(t.FocusedInput.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(v.Icon,{name:"calendarDate",size:k})}),value:t.Ue(c,r,""),onChange:C,...!n?.disabled&&{onFocus:()=>s(t.FocusedInput.EndDate)},onKeyDown:g,placeholder:l.format(t.today,r).toString(),...u===t.FocusedInput.EndDate&&{"data-focus":!0},...n})]})]})}function M({buttonText:n="Apply",onSubmit:o,hideResetButton:s}){const{startDate:i,endDate:c,clearDates:u,standalone:r}=t.useDatePickerContext(),{open:d,setOpen:a}=_.usePopoverContext(),p=S.useCallback(()=>{r||a(!1),o&&o({startDate:i,endDate:c})},[r,a,o,i,c]);return e.jsxRuntimeExports.jsxs(y.HStack,{w:"100%",justify:s?"end":"space-between",align:"center",borderTop:"1px",borderColor:"border.default",px:3,py:2,children:[!s&&e.jsxRuntimeExports.jsx(I.Button,{size:"sm",variant:"ghostNeutral",onClick:()=>u({open:d}),children:"Clear Dates"}),e.jsxRuntimeExports.jsx(I.Button,{size:"sm",onClick:p,children:n})]})}const U=n=>{const{footerProps:o,hideFooter:s=!1,inputProps:i,portalled:c=!0,showTodayButton:u=!1,onTodayClick:r,trigger:d,withDateRange:a=!1,["data-testid"]:p="kibble-datepicker",...j}=n,{contentRef:R}=w.usePortalContentRef(),h=N.useSlotRecipe({recipe:T.popoverRecipe})();return e.jsxRuntimeExports.jsxs(t.DatePickerProvider,{...j,withDateRange:a,children:[e.jsxRuntimeExports.jsx(D.PopoverTrigger,{asChild:!!d,children:d??e.jsxRuntimeExports.jsx($,{inputProps:{...i,readOnly:!0}})}),e.jsxRuntimeExports.jsx(W.Portal,{container:R||void 0,disabled:!c,children:e.jsxRuntimeExports.jsx(D.PopoverPositioner,{className:"DatePicker","data-testid":p,children:e.jsxRuntimeExports.jsx(D.PopoverContent,{className:"DatePicker__Content","data-testid":`${p}-content`,css:{...h.content,minW:"340px"},children:e.jsxRuntimeExports.jsxs(D.PopoverBody,{css:{"--popover-padding":0},children:[e.jsxRuntimeExports.jsx(t.DatePickerHeader,{}),e.jsxRuntimeExports.jsx(B.Divider,{}),e.jsxRuntimeExports.jsx(t.DatePickerCalendar,{}),u&&e.jsxRuntimeExports.jsx(z.CalendarTodayButton,{onTodayClick:r}),a&&!s&&e.jsxRuntimeExports.jsx(M,{...o})]})})})})]})};exports.DatePicker=U;
+//# sourceMappingURL=datePicker.component-JVmLDTg8.js.map

package/dist/chunks/{datePicker.component-D3anKrkH.js.map → datePicker.component-JVmLDTg8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"datePicker.component-D3anKrkH.js","sources":["../../node_modules/date-fns/isBefore.js","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.utils.ts","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.component.tsx","../../src/components/DatePicker/components/DatePickerFooter/datePickerFooter.component.tsx","../../src/components/DatePicker/datePicker.component.tsx"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * @name isBefore\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\n *\n * @param date - The date that should be before the other one to return true\n * @param dateToCompare - The date to compare with\n *\n * @returns The first date is before the second date\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\nexport function isBefore(date, dateToCompare) {\n  return +toDate(date) < +toDate(dateToCompare);\n}\n\n// Fallback for modularized imports:\nexport default isBefore;\n","import isAfter from 'date-fns/isAfter';\nimport isBefore from 'date-fns/isBefore';\n\nexport const isDateAfterMin = (date: Date, minDate?: Date): boolean => (minDate ? isAfter(date, minDate) : true);\nexport const isDateBeforeMax = (date: Date, maxDate?: Date): boolean => (maxDate ? isBefore(date, maxDate) : true);\n","import React, { ChangeEvent } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { TextInput, TextInputProps } from 'components/TextInput/textInput.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Text } from 'components/Text/text.component';\nimport isDate from 'date-fns/isDate';\nimport { getInputValue, parseDate } from '@datepicker-react/hooks';\nimport { isDateAfterMin, isDateBeforeMax } from './datePickerInput.utils';\nimport { FocusedInput, today, useDatePickerContext } from '../../context/datePicker.context';\nimport format from 'date-fns/format';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\ninterface DatePickerInputProps {\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /** Data test id for the input.\n   * @default kibble-datepicker-input\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerInput({\n  inputProps,\n  ['data-testid']: dataTestId = 'kibble-datepicker-input',\n}: DatePickerInputProps): React.JSX.Element {\n  const {\n    setFocusedInput,\n    startDate,\n    endDate,\n    focusedInput,\n    dateFormat,\n    withDateRange,\n    minDate,\n    maxDate,\n    onDateChange,\n    onDateSelect,\n    onClose,\n  } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n  const iconSize = inputProps?.size || 'md';\n\n  const onKeyDown = (e: React.KeyboardEvent): void => {\n    if (e.key === 'Enter' && open) {\n      setOpen(false);\n      onClose();\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const onInputChange = (e: ChangeEvent<HTMLInputElement>): void => {\n    const dateValue = e.target.value;\n    const parsedDate = parseDate(dateValue, dateFormat, today);\n\n    if (\n      dateValue.length === dateFormat.length &&\n      isDate(parsedDate) &&\n      isDateAfterMin(parsedDate, minDate) &&\n      isDateBeforeMax(parsedDate, maxDate)\n    ) {\n      onDateSelect(parsedDate);\n    }\n\n    // Trigger change when input is empty\n    if (!dateValue.length && onDateChange) {\n      onDateChange({ startDate: null, endDate: null });\n    }\n  };\n\n  return (\n    <HStack w=\"100%\" className=\"DatePicker__Trigger\" data-testid={dataTestId}>\n      <TextInput\n        className=\"DatePicker__Input--Start\"\n        data-testid={`${dataTestId}-start`}\n        autoComplete=\"off\"\n        rightElement={\n          <Flex\n            {...(!inputProps?.disabled && {\n              onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n            })}\n            h=\"100%\"\n            align=\"center\"\n          >\n            <Icon name=\"calendarDate\" size={iconSize} />\n          </Flex>\n        }\n        value={getInputValue(startDate, dateFormat, '')}\n        onChange={onInputChange}\n        onKeyDown={onKeyDown}\n        {...(!inputProps?.disabled && {\n          onFocus: (): void => {\n            setFocusedInput(FocusedInput.StartDate);\n          },\n        })}\n        placeholder={format(today, dateFormat).toString()}\n        {...(focusedInput === FocusedInput.StartDate && {\n          'data-focus': true,\n        })}\n        {...inputProps}\n      />\n      {withDateRange && (\n        <>\n          <Text> - </Text>\n          <TextInput\n            className=\"DatePicker__Input--End\"\n            data-testid={`${dataTestId}-end`}\n            rightElement={\n              <Flex\n                {...(!inputProps?.disabled && {\n                  onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n                })}\n                h=\"100%\"\n                align=\"center\"\n              >\n                <Icon name=\"calendarDate\" size={iconSize} />\n              </Flex>\n            }\n            value={getInputValue(endDate, dateFormat, '')}\n            onChange={onInputChange}\n            {...(!inputProps?.disabled && {\n              onFocus: (): void => setFocusedInput(FocusedInput.EndDate),\n            })}\n            onKeyDown={onKeyDown}\n            placeholder={format(today, dateFormat).toString()}\n            {...(focusedInput === FocusedInput.EndDate && {\n              'data-focus': true,\n            })}\n            {...inputProps}\n          />\n        </>\n      )}\n    </HStack>\n  );\n}\n","import React, { useCallback } from 'react';\nimport { Button } from 'components/Button/button.component';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { DateRange } from '../../datePicker.types';\nimport { useDatePickerContext } from '../../context/datePicker.context';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\nexport interface DatePickerFooterProps {\n  /** Text to display in the submit button.\n   * @default Apply\n   */\n  buttonText?: string;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: ({ startDate, endDate }: DateRange) => void;\n  /** If true, the reset button will be hidden. */\n  hideResetButton?: boolean;\n  /** Data test id for the footer.\n   * @default kibble-datepicker-footer\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerFooter({\n  buttonText = 'Apply',\n  onSubmit,\n  hideResetButton,\n}: DatePickerFooterProps): React.JSX.Element {\n  const { startDate, endDate, clearDates, standalone } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n\n  const handleSubmit = useCallback((): void => {\n    if (!standalone) {\n      setOpen(false);\n    }\n\n    if (onSubmit) {\n      onSubmit({ startDate, endDate });\n    }\n  }, [standalone, setOpen, onSubmit, startDate, endDate]);\n\n  return (\n    <HStack\n      w=\"100%\"\n      justify={hideResetButton ? 'end' : 'space-between'}\n      align=\"center\"\n      borderTop=\"1px\"\n      borderColor=\"border.default\"\n      px={3}\n      py={2}\n    >\n      {!hideResetButton && (\n        <Button size=\"sm\" variant=\"ghostNeutral\" onClick={() => clearDates({ open })}>\n          Clear Dates\n        </Button>\n      )}\n      <Button size=\"sm\" onClick={handleSubmit}>\n        {buttonText}\n      </Button>\n    </HStack>\n  );\n}\n","import React from 'react';\nimport { DateProps } from './datePicker.types';\nimport { TextInputProps } from 'components/TextInput/textInput.component';\nimport { Placement } from 'shared/types/placement';\nimport { DatePickerProvider } from './context/datePicker.provider';\nimport { DatePickerInput } from './components/DatePickerInput/datePickerInput.component';\nimport { DatePickerFooter, DatePickerFooterProps } from './components/DatePickerFooter/datePickerFooter.component';\nimport { DatePickerHeader } from './components/DatePickerHeader/datePickerHeader.component';\nimport { DatePickerCalendar } from './components/DatePickerCalendar/datePickerCalendar.component';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from 'components/Popover/popover.recipe';\nimport { usePortalContentRef } from 'hooks/usePortalContentRef';\nimport { Divider } from 'components/Divider';\nimport { CalendarTodayButton } from 'components/Calendar/calendarTodayButton.component';\n\nexport interface DatePickerProps extends DateProps {\n  /** Props to customize the calendar footer. Only applicable when `withDateRange` is true. */\n  footerProps?: DatePickerFooterProps;\n  /**\n   * Hides the calendar footer with the submit button. Only applicable when `withDateRange` is true.\n   * @default false\n   */\n  hideFooter?: boolean;\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /**\n   * Placement of the calendar popover\n   * @default bottom\n   */\n  placement?: Placement;\n  /**\n   * If true, the date picker will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Custom trigger element. When provided, replaces the default text input trigger.\n   */\n  trigger?: React.ReactNode;\n  /**\n   * If true, a \"Today\" button is rendered below the calendar grid.\n   * @default false\n   */\n  showTodayButton?: boolean;\n  /**\n   * Callback fired after the \"Today\" button is clicked.\n   * Only relevant when showTodayButton is true.\n   */\n  onTodayClick?: () => void;\n  /**\n   * If true, the date picker will render two input fields that control both the start and end date for a range selection.\n   * @default false\n   */\n  withDateRange?: boolean;\n  /** Data test id for the date picker.\n   * @default kibble-datepicker\n   */\n  'data-testid'?: string;\n}\n\nexport const DatePicker = (props: DatePickerProps): React.JSX.Element => {\n  const {\n    footerProps,\n    hideFooter = false,\n    inputProps,\n    portalled = true,\n    showTodayButton = false,\n    onTodayClick,\n    trigger,\n    withDateRange = false,\n    ['data-testid']: dataTestId = 'kibble-datepicker',\n  } = props;\n  const { contentRef } = usePortalContentRef();\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n\n  return (\n    <DatePickerProvider {...props}>\n      <CPopover.Trigger asChild={!!trigger}>\n        {trigger ?? <DatePickerInput inputProps={{ ...inputProps, readOnly: true }} />}\n      </CPopover.Trigger>\n      <Portal container={contentRef || undefined} disabled={!portalled}>\n        <CPopover.Positioner className=\"DatePicker\" data-testid={dataTestId}>\n          <CPopover.Content\n            className=\"DatePicker__Content\"\n            data-testid={`${dataTestId}-content`}\n            css={{ ...styles.content, minW: '340px' }}\n          >\n            <CPopover.Body css={{ '--popover-padding': 0 }}>\n              <DatePickerHeader />\n              <Divider />\n              <DatePickerCalendar />\n              {showTodayButton && <CalendarTodayButton onTodayClick={onTodayClick} />}\n              {withDateRange && !hideFooter && <DatePickerFooter {...footerProps} />}\n            </CPopover.Body>\n          </CPopover.Content>\n        </CPopover.Positioner>\n      </Portal>\n    </DatePickerProvider>\n  );\n};\n"],"names":["isBefore","date","dateToCompare","toDate","isDateAfterMin","minDate","isAfter","isDateBeforeMax","maxDate","DatePickerInput","inputProps","dataTestId","setFocusedInput","startDate","endDate","focusedInput","dateFormat","withDateRange","onDateChange","onDateSelect","onClose","useDatePickerContext","open","setOpen","usePopoverContext","iconSize","onKeyDown","e","onInputChange","dateValue","parsedDate","parseDate","today","isDate","HStack","jsx","TextInput","Flex","FocusedInput","Icon","getInputValue","format","jsxs","Fragment","Text","DatePickerFooter","buttonText","onSubmit","hideResetButton","clearDates","standalone","handleSubmit","useCallback","Button","DatePicker","props","footerProps","hideFooter","portalled","showTodayButton","onTodayClick","trigger","contentRef","usePortalContentRef","styles","useSlotRecipe","popoverRecipe","DatePickerProvider","CPopover.Trigger","Portal","CPopover.Positioner","CPopover.Content","CPopover.Body","DatePickerHeader","Divider","DatePickerCalendar","CalendarTodayButton"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"datePicker.component-JVmLDTg8.js","sources":["../../node_modules/date-fns/isBefore.js","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.utils.ts","../../src/components/DatePicker/components/DatePickerInput/datePickerInput.component.tsx","../../src/components/DatePicker/components/DatePickerFooter/datePickerFooter.component.tsx","../../src/components/DatePicker/datePicker.component.tsx"],"sourcesContent":["import { toDate } from \"./toDate.js\";\n\n/**\n * @name isBefore\n * @category Common Helpers\n * @summary Is the first date before the second one?\n *\n * @description\n * Is the first date before the second one?\n *\n * @param date - The date that should be before the other one to return true\n * @param dateToCompare - The date to compare with\n *\n * @returns The first date is before the second date\n *\n * @example\n * // Is 10 July 1989 before 11 February 1987?\n * const result = isBefore(new Date(1989, 6, 10), new Date(1987, 1, 11))\n * //=> false\n */\nexport function isBefore(date, dateToCompare) {\n  return +toDate(date) < +toDate(dateToCompare);\n}\n\n// Fallback for modularized imports:\nexport default isBefore;\n","import isAfter from 'date-fns/isAfter';\nimport isBefore from 'date-fns/isBefore';\n\nexport const isDateAfterMin = (date: Date, minDate?: Date): boolean => (minDate ? isAfter(date, minDate) : true);\nexport const isDateBeforeMax = (date: Date, maxDate?: Date): boolean => (maxDate ? isBefore(date, maxDate) : true);\n","import React, { ChangeEvent } from 'react';\nimport { Flex } from '@chakra-ui/react/flex';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { TextInput, TextInputProps } from 'components/TextInput/textInput.component';\nimport { Icon } from 'components/Icon/icon.component';\nimport { Text } from 'components/Text/text.component';\nimport isDate from 'date-fns/isDate';\nimport { getInputValue, parseDate } from '@datepicker-react/hooks';\nimport { isDateAfterMin, isDateBeforeMax } from './datePickerInput.utils';\nimport { FocusedInput, today, useDatePickerContext } from '../../context/datePicker.context';\nimport format from 'date-fns/format';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\ninterface DatePickerInputProps {\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /** Data test id for the input.\n   * @default kibble-datepicker-input\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerInput({\n  inputProps,\n  ['data-testid']: dataTestId = 'kibble-datepicker-input',\n}: DatePickerInputProps): React.JSX.Element {\n  const {\n    setFocusedInput,\n    startDate,\n    endDate,\n    focusedInput,\n    dateFormat,\n    withDateRange,\n    minDate,\n    maxDate,\n    onDateChange,\n    onDateSelect,\n    onClose,\n  } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n  const iconSize = inputProps?.size || 'md';\n\n  const onKeyDown = (e: React.KeyboardEvent): void => {\n    if (e.key === 'Enter' && open) {\n      setOpen(false);\n      onClose();\n      e.preventDefault();\n      e.stopPropagation();\n    }\n  };\n\n  const onInputChange = (e: ChangeEvent<HTMLInputElement>): void => {\n    const dateValue = e.target.value;\n    const parsedDate = parseDate(dateValue, dateFormat, today);\n\n    if (\n      dateValue.length === dateFormat.length &&\n      isDate(parsedDate) &&\n      isDateAfterMin(parsedDate, minDate) &&\n      isDateBeforeMax(parsedDate, maxDate)\n    ) {\n      onDateSelect(parsedDate);\n    }\n\n    // Trigger change when input is empty\n    if (!dateValue.length && onDateChange) {\n      onDateChange({ startDate: null, endDate: null });\n    }\n  };\n\n  return (\n    <HStack w=\"100%\" className=\"DatePicker__Trigger\" data-testid={dataTestId}>\n      <TextInput\n        className=\"DatePicker__Input--Start\"\n        data-testid={`${dataTestId}-start`}\n        autoComplete=\"off\"\n        rightElement={\n          <Flex\n            {...(!inputProps?.disabled && {\n              onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n            })}\n            h=\"100%\"\n            align=\"center\"\n          >\n            <Icon name=\"calendarDate\" size={iconSize} />\n          </Flex>\n        }\n        value={getInputValue(startDate, dateFormat, '')}\n        onChange={onInputChange}\n        onKeyDown={onKeyDown}\n        {...(!inputProps?.disabled && {\n          onFocus: (): void => {\n            setFocusedInput(FocusedInput.StartDate);\n          },\n        })}\n        placeholder={format(today, dateFormat).toString()}\n        {...(focusedInput === FocusedInput.StartDate && {\n          'data-focus': true,\n        })}\n        {...inputProps}\n      />\n      {withDateRange && (\n        <>\n          <Text> - </Text>\n          <TextInput\n            className=\"DatePicker__Input--End\"\n            data-testid={`${dataTestId}-end`}\n            rightElement={\n              <Flex\n                {...(!inputProps?.disabled && {\n                  onClick: (): void => setFocusedInput(FocusedInput.StartDate),\n                })}\n                h=\"100%\"\n                align=\"center\"\n              >\n                <Icon name=\"calendarDate\" size={iconSize} />\n              </Flex>\n            }\n            value={getInputValue(endDate, dateFormat, '')}\n            onChange={onInputChange}\n            {...(!inputProps?.disabled && {\n              onFocus: (): void => setFocusedInput(FocusedInput.EndDate),\n            })}\n            onKeyDown={onKeyDown}\n            placeholder={format(today, dateFormat).toString()}\n            {...(focusedInput === FocusedInput.EndDate && {\n              'data-focus': true,\n            })}\n            {...inputProps}\n          />\n        </>\n      )}\n    </HStack>\n  );\n}\n","import React, { useCallback } from 'react';\nimport { Button } from 'components/Button/button.component';\nimport { HStack } from '@chakra-ui/react/stack';\nimport { DateRange } from '../../datePicker.types';\nimport { useDatePickerContext } from '../../context/datePicker.context';\nimport { usePopoverContext } from '@chakra-ui/react/popover';\n\nexport interface DatePickerFooterProps {\n  /** Text to display in the submit button.\n   * @default Apply\n   */\n  buttonText?: string;\n  /** Callback function to be called when the submit button is clicked. */\n  onSubmit?: ({ startDate, endDate }: DateRange) => void;\n  /** If true, the reset button will be hidden. */\n  hideResetButton?: boolean;\n  /** Data test id for the footer.\n   * @default kibble-datepicker-footer\n   */\n  'data-testid'?: string;\n}\n\nexport function DatePickerFooter({\n  buttonText = 'Apply',\n  onSubmit,\n  hideResetButton,\n}: DatePickerFooterProps): React.JSX.Element {\n  const { startDate, endDate, clearDates, standalone } = useDatePickerContext();\n  const { open, setOpen } = usePopoverContext();\n\n  const handleSubmit = useCallback((): void => {\n    if (!standalone) {\n      setOpen(false);\n    }\n\n    if (onSubmit) {\n      onSubmit({ startDate, endDate });\n    }\n  }, [standalone, setOpen, onSubmit, startDate, endDate]);\n\n  return (\n    <HStack\n      w=\"100%\"\n      justify={hideResetButton ? 'end' : 'space-between'}\n      align=\"center\"\n      borderTop=\"1px\"\n      borderColor=\"border.default\"\n      px={3}\n      py={2}\n    >\n      {!hideResetButton && (\n        <Button size=\"sm\" variant=\"ghostNeutral\" onClick={() => clearDates({ open })}>\n          Clear Dates\n        </Button>\n      )}\n      <Button size=\"sm\" onClick={handleSubmit}>\n        {buttonText}\n      </Button>\n    </HStack>\n  );\n}\n","import React from 'react';\nimport { DateProps } from './datePicker.types';\nimport { TextInputProps } from 'components/TextInput/textInput.component';\nimport { Placement } from 'shared/types/placement';\nimport { DatePickerProvider } from './context/datePicker.provider';\nimport { DatePickerInput } from './components/DatePickerInput/datePickerInput.component';\nimport { DatePickerFooter, DatePickerFooterProps } from './components/DatePickerFooter/datePickerFooter.component';\nimport { DatePickerHeader } from './components/DatePickerHeader/datePickerHeader.component';\nimport { DatePickerCalendar } from './components/DatePickerCalendar/datePickerCalendar.component';\nimport { Popover as CPopover } from '@chakra-ui/react/popover';\nimport { Portal } from '@chakra-ui/react/portal';\nimport { useSlotRecipe } from '@chakra-ui/react/styled-system';\nimport { popoverRecipe } from 'components/Popover/popover.recipe';\nimport { usePortalContentRef } from 'hooks/usePortalContentRef';\nimport { Divider } from 'components/Divider';\nimport { CalendarTodayButton } from 'components/Calendar/calendarTodayButton.component';\n\nexport interface DatePickerProps extends DateProps {\n  /** Props to customize the calendar footer. Only applicable when `withDateRange` is true. */\n  footerProps?: DatePickerFooterProps;\n  /**\n   * Hides the calendar footer with the submit button. Only applicable when `withDateRange` is true.\n   * @default false\n   */\n  hideFooter?: boolean;\n  /** Props to customize the input field. See `TextInput` for more information. */\n  inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n  /**\n   * Placement of the calendar popover\n   * @default bottom\n   */\n  placement?: Placement;\n  /**\n   * If true, the date picker will be rendered in a portal.\n   * @default true\n   */\n  portalled?: boolean;\n  /**\n   * Custom trigger element. When provided, replaces the default text input trigger.\n   */\n  trigger?: React.ReactNode;\n  /**\n   * If true, a \"Today\" button is rendered below the calendar grid.\n   * @default false\n   */\n  showTodayButton?: boolean;\n  /**\n   * Callback fired after the \"Today\" button is clicked.\n   * Only relevant when showTodayButton is true.\n   */\n  onTodayClick?: () => void;\n  /**\n   * If true, the date picker will render two input fields that control both the start and end date for a range selection.\n   * @default false\n   */\n  withDateRange?: boolean;\n  /** Data test id for the date picker.\n   * @default kibble-datepicker\n   */\n  'data-testid'?: string;\n}\n\nexport const DatePicker = (props: DatePickerProps): React.JSX.Element => {\n  const {\n    footerProps,\n    hideFooter = false,\n    inputProps,\n    portalled = true,\n    showTodayButton = false,\n    onTodayClick,\n    trigger,\n    withDateRange = false,\n    ['data-testid']: dataTestId = 'kibble-datepicker',\n    ...providerProps\n  } = props;\n  const { contentRef } = usePortalContentRef();\n  const recipe = useSlotRecipe({ recipe: popoverRecipe });\n  const styles = recipe();\n\n  return (\n    <DatePickerProvider {...providerProps} withDateRange={withDateRange}>\n      <CPopover.Trigger asChild={!!trigger}>\n        {trigger ?? <DatePickerInput inputProps={{ ...inputProps, readOnly: true }} />}\n      </CPopover.Trigger>\n      <Portal container={contentRef || undefined} disabled={!portalled}>\n        <CPopover.Positioner className=\"DatePicker\" data-testid={dataTestId}>\n          <CPopover.Content\n            className=\"DatePicker__Content\"\n            data-testid={`${dataTestId}-content`}\n            css={{ ...styles.content, minW: '340px' }}\n          >\n            <CPopover.Body css={{ '--popover-padding': 0 }}>\n              <DatePickerHeader />\n              <Divider />\n              <DatePickerCalendar />\n              {showTodayButton && <CalendarTodayButton onTodayClick={onTodayClick} />}\n              {withDateRange && !hideFooter && <DatePickerFooter {...footerProps} />}\n            </CPopover.Body>\n          </CPopover.Content>\n        </CPopover.Positioner>\n      </Portal>\n    </DatePickerProvider>\n  );\n};\n"],"names":["isBefore","date","dateToCompare","toDate","isDateAfterMin","minDate","isAfter","isDateBeforeMax","maxDate","DatePickerInput","inputProps","dataTestId","setFocusedInput","startDate","endDate","focusedInput","dateFormat","withDateRange","onDateChange","onDateSelect","onClose","useDatePickerContext","open","setOpen","usePopoverContext","iconSize","onKeyDown","e","onInputChange","dateValue","parsedDate","parseDate","today","isDate","HStack","jsx","TextInput","Flex","FocusedInput","Icon","getInputValue","format","jsxs","Fragment","Text","DatePickerFooter","buttonText","onSubmit","hideResetButton","clearDates","standalone","handleSubmit","useCallback","Button","DatePicker","props","footerProps","hideFooter","portalled","showTodayButton","onTodayClick","trigger","providerProps","contentRef","usePortalContentRef","styles","useSlotRecipe","popoverRecipe","DatePickerProvider","CPopover.Trigger","Portal","CPopover.Positioner","CPopover.Content","CPopover.Body","DatePickerHeader","Divider","DatePickerCalendar","CalendarTodayButton"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/cjs/components/DatePicker/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/datePicker.component-D3anKrkH.js"),t=require("../../../chunks/datePicker.provider-i35-VNAb.js");exports.DatePicker=e.DatePicker;exports.DateFormats=t.DateFormats;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/datePicker.component-JVmLDTg8.js"),t=require("../../../chunks/datePicker.provider-i35-VNAb.js");exports.DatePicker=e.DatePicker;exports.DateFormats=t.DateFormats;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../../chunks/alert.component-nhRTQ5KK.js"),S=require("../../chunks/alert.types-8mtsdXr4.js"),y=require("../../chunks/avatar.component-BGgZoVJS.js"),s=require("../../chunks/avatar.types-Bmt5Uhfb.js"),g=require("../../chunks/avatarGroup.component-CJCQSIyr.js"),b=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-DXP4uRV8.js"),P=require("../../chunks/buttonGroup.component-pR0mvmm7.js"),C=require("../../chunks/calendar.component-BuByj_kQ.js"),k=require("../../chunks/calendarTodayButton.component-CynzgVXX.js"),z=require("../../chunks/card.component-BmBiYbMV.js"),B=require("../../chunks/card.types-MvkQTTZF.js"),h=require("../../chunks/characterCounter.component-BRHLt929.js"),D=require("../../chunks/checkbox.component-C132vkan.js"),I=require("../../chunks/checkboxGroup.component-2U0ZW1TD.js"),x=require("../../chunks/conversationCard.component-CscMIq51.js"),V=require("../../chunks/datePicker.component-D3anKrkH.js"),f=require("../../chunks/datePicker.provider-i35-VNAb.js"),o=require("../../chunks/dateTimePicker.component-BlWhC5aT.js"),A=require("../../chunks/divider.component-BX3zyB7O.js"),n=require("../../chunks/divider.types-DBNcs0IR.js"),W=require("../../chunks/heading.component-DnoZOXdz.js"),G=require("../../chunks/icon.component-B1hr5lLa.js"),M=require("../../chunks/icon.types-2obj_NKG.js"),R=require("../../chunks/link.component-_YXG8MDq.js"),c=require("../../chunks/logo.types-88a31xCx.js"),p=require("../../chunks/maintenanceBanner.types-BsNjAlXa.js"),w=require("../../chunks/menu.component-D2V9Q1Y5.js"),t=require("../../chunks/modal.types-Bj6PrItn.js"),L=require("../../chunks/notificationCounter.component-CBwi5vXa.js"),u=require("../../chunks/notificationCounter.types-B_-siNfi.js"),O=require("../../chunks/picture.component-BA2hgdZy.js"),d=require("../../chunks/pinInput.types-Can9f1Eu.js"),N=require("../../chunks/popover.component-DTjA1GSd.js"),r=require("../../chunks/popover.types-ChA9ccQ2.js"),i=require("../../chunks/radioGroup.types-U1ep9nrN.js"),E=require("../../chunks/radiomark.component-YJNr68s7.js"),F=require("../../chunks/rating.component-DsHkKmA7.js"),H=require("../../chunks/ratingDots.component-CZ370iI3.js"),K=require("../../chunks/select.component-OrsHXCMz.js"),j=require("../../chunks/sortableList.component-2yX2pXs7.js"),J=require("../../chunks/spinner.component-Dq6u4vVL.js"),Q=require("../../chunks/spinner.types-BCLN5-H2.js"),m=require("../../chunks/styledAvatar.types-BG2G_U-W.js"),l=require("../../chunks/swatch.types-AZLB8OWG.js"),U=require("../../chunks/switch.component-BYEMhBCA.js"),a=require("../../chunks/tab.types-DSPWRVCF.js"),X=require("../../chunks/tag.component-C98Wf07v.js"),_=require("../../chunks/tag.types-BnDFgTvb.js"),q=require("../../chunks/tagBlock.component-B899iqQP.js"),Y=require("../../chunks/text.component-BDDz5KQP.js"),Z=require("../../chunks/textInput.component-CwTc0h_F.js"),$=require("../../chunks/textarea.component-BIg_XX_R.js"),T=require("../../chunks/timePicker.component-D5hw80VV.js"),ee=require("../../chunks/timeRange.component-D3Db8lvh.js"),te=require("../../chunks/timestamp.component-BfmZPfy5.js"),oe=require("./Toast/index.cjs"),ne=require("../../chunks/tooltip.component-DBw-hAPU.js"),re=require("../../chunks/numberInput.component-DGPEz0Fv.js");exports.Alert=v.Alert;exports.alertButtonPositions=S.alertButtonPositions;exports.Avatar=y.Avatar;exports.avatarSizes=s.avatarSizes;exports.avatarVariants=s.avatarVariants;exports.AvatarGroup=g.AvatarGroup;exports.Button=b.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=P.ButtonGroup;exports.Calendar=C.Calendar;exports.CalendarTodayButton=k.CalendarTodayButton;exports.Card=z.Card;exports.cardSizes=B.cardSizes;exports.CharacterCounter=h.CharacterCounter;exports.Checkbox=D.WrappedCheckbox;exports.CheckboxGroup=I.WrappedCheckboxGroup;exports.ConversationCard=x.ConversationCard;exports.DatePicker=V.DatePicker;exports.DateFormats=f.DateFormats;exports.DateTimePicker=o.DateTimePicker;exports.DateTimePickerDefaultOptionValue=o.DateTimePickerDefaultOptionValue;exports.calendarViews=o.calendarViews;exports.Divider=A.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=W.WrappedHeading;exports.Icon=G.Icon;exports.iconSizes=M.iconSizes;exports.Link=R.Link;exports.Logo=c.Logo;exports.logoTypes=c.logoTypes;exports.MaintenanceBanner=p.MaintenanceBanner;exports.maintenanceBannerEnvKeys=p.maintenanceBannerEnvKeys;exports.Menu=w.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=L.NotificationCounter;exports.notificationCounterSizes=u.notificationCounterSizes;exports.notificationCounterVariants=u.notificationCounterVariants;exports.Picture=O.Picture;exports.PinInput=d.WrappedPinInput;exports.pinInputTypes=d.pinInputTypes;exports.Popover=N.Popover;exports.popoverSizes=r.popoverSizes;exports.popoverTriggerTypes=r.popoverTriggerTypes;exports.popoverVariants=r.popoverVariants;exports.RadioGroup=i.WrappedRadioGroup;exports.radioAlignments=i.radioAlignments;exports.radioTypes=i.radioTypes;exports.Radiomark=E.Radiomark;exports.Rating=F.WrappedRating;exports.RatingDots=H.WrappedRatingDots;exports.Select=K.WrappedSelect;exports.SortableList=j.SortableList;exports.Spinner=J.Spinner;exports.spinnerSizes=Q.spinnerSizes;exports.StyledAvatar=m.StyledAvatar;exports.styledAvatarTypes=m.styledAvatarTypes;exports.Swatch=l.Swatch;exports.swatchSizes=l.swatchSizes;exports.Switch=U.WrappedSwitch;exports.Tabs=a.Tabs;exports.tabIconPositions=a.tabIconPositions;exports.tabSizes=a.tabSizes;exports.Tag=X.Tag;exports.closeButtonDisplays=_.closeButtonDisplays;exports.tagSizes=_.tagSizes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Text=Y.WrappedText;exports.TextInput=Z.WrappedTextInput;exports.Textarea=$.WrappedTextarea;exports.Meridiem=T.Meridiem;exports.TimePicker=T.TimePicker;exports.TimeRange=ee.TimeRange;exports.Timestamp=te.Timestamp;exports.useToast=oe.useToast;exports.Tooltip=ne.Tooltip;exports.NumberInput=re.WrappedNumberInput;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("../../chunks/alert.component-nhRTQ5KK.js"),S=require("../../chunks/alert.types-8mtsdXr4.js"),y=require("../../chunks/avatar.component-BGgZoVJS.js"),s=require("../../chunks/avatar.types-Bmt5Uhfb.js"),g=require("../../chunks/avatarGroup.component-CJCQSIyr.js"),b=require("../../chunks/button.component-DjdgBXDC.js"),e=require("../../chunks/button.types-DXP4uRV8.js"),P=require("../../chunks/buttonGroup.component-pR0mvmm7.js"),C=require("../../chunks/calendar.component-BuByj_kQ.js"),k=require("../../chunks/calendarTodayButton.component-CynzgVXX.js"),z=require("../../chunks/card.component-BmBiYbMV.js"),B=require("../../chunks/card.types-MvkQTTZF.js"),h=require("../../chunks/characterCounter.component-BRHLt929.js"),D=require("../../chunks/checkbox.component-C132vkan.js"),I=require("../../chunks/checkboxGroup.component-2U0ZW1TD.js"),x=require("../../chunks/conversationCard.component-CscMIq51.js"),V=require("../../chunks/datePicker.component-JVmLDTg8.js"),f=require("../../chunks/datePicker.provider-i35-VNAb.js"),o=require("../../chunks/dateTimePicker.component-BlWhC5aT.js"),A=require("../../chunks/divider.component-BX3zyB7O.js"),n=require("../../chunks/divider.types-DBNcs0IR.js"),W=require("../../chunks/heading.component-DnoZOXdz.js"),G=require("../../chunks/icon.component-B1hr5lLa.js"),M=require("../../chunks/icon.types-2obj_NKG.js"),R=require("../../chunks/link.component-_YXG8MDq.js"),c=require("../../chunks/logo.types-88a31xCx.js"),p=require("../../chunks/maintenanceBanner.types-BsNjAlXa.js"),w=require("../../chunks/menu.component-D2V9Q1Y5.js"),t=require("../../chunks/modal.types-Bj6PrItn.js"),L=require("../../chunks/notificationCounter.component-CBwi5vXa.js"),u=require("../../chunks/notificationCounter.types-B_-siNfi.js"),O=require("../../chunks/picture.component-BA2hgdZy.js"),d=require("../../chunks/pinInput.types-Can9f1Eu.js"),N=require("../../chunks/popover.component-DTjA1GSd.js"),r=require("../../chunks/popover.types-ChA9ccQ2.js"),i=require("../../chunks/radioGroup.types-U1ep9nrN.js"),E=require("../../chunks/radiomark.component-YJNr68s7.js"),F=require("../../chunks/rating.component-DsHkKmA7.js"),H=require("../../chunks/ratingDots.component-CZ370iI3.js"),K=require("../../chunks/select.component-OrsHXCMz.js"),j=require("../../chunks/sortableList.component-2yX2pXs7.js"),J=require("../../chunks/spinner.component-Dq6u4vVL.js"),Q=require("../../chunks/spinner.types-BCLN5-H2.js"),m=require("../../chunks/styledAvatar.types-BG2G_U-W.js"),l=require("../../chunks/swatch.types-AZLB8OWG.js"),U=require("../../chunks/switch.component-BYEMhBCA.js"),a=require("../../chunks/tab.types-DSPWRVCF.js"),X=require("../../chunks/tag.component-C98Wf07v.js"),_=require("../../chunks/tag.types-BnDFgTvb.js"),q=require("../../chunks/tagBlock.component-B899iqQP.js"),Y=require("../../chunks/text.component-BDDz5KQP.js"),Z=require("../../chunks/textInput.component-CwTc0h_F.js"),$=require("../../chunks/textarea.component-BIg_XX_R.js"),T=require("../../chunks/timePicker.component-D5hw80VV.js"),ee=require("../../chunks/timeRange.component-D3Db8lvh.js"),te=require("../../chunks/timestamp.component-BfmZPfy5.js"),oe=require("./Toast/index.cjs"),ne=require("../../chunks/tooltip.component-DBw-hAPU.js"),re=require("../../chunks/numberInput.component-DGPEz0Fv.js");exports.Alert=v.Alert;exports.alertButtonPositions=S.alertButtonPositions;exports.Avatar=y.Avatar;exports.avatarSizes=s.avatarSizes;exports.avatarVariants=s.avatarVariants;exports.AvatarGroup=g.AvatarGroup;exports.Button=b.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=P.ButtonGroup;exports.Calendar=C.Calendar;exports.CalendarTodayButton=k.CalendarTodayButton;exports.Card=z.Card;exports.cardSizes=B.cardSizes;exports.CharacterCounter=h.CharacterCounter;exports.Checkbox=D.WrappedCheckbox;exports.CheckboxGroup=I.WrappedCheckboxGroup;exports.ConversationCard=x.ConversationCard;exports.DatePicker=V.DatePicker;exports.DateFormats=f.DateFormats;exports.DateTimePicker=o.DateTimePicker;exports.DateTimePickerDefaultOptionValue=o.DateTimePickerDefaultOptionValue;exports.calendarViews=o.calendarViews;exports.Divider=A.Divider;exports.dividerOrientations=n.dividerOrientations;exports.dividerSizes=n.dividerSizes;exports.dividerVariants=n.dividerVariants;exports.Heading=W.WrappedHeading;exports.Icon=G.Icon;exports.iconSizes=M.iconSizes;exports.Link=R.Link;exports.Logo=c.Logo;exports.logoTypes=c.logoTypes;exports.MaintenanceBanner=p.MaintenanceBanner;exports.maintenanceBannerEnvKeys=p.maintenanceBannerEnvKeys;exports.Menu=w.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=L.NotificationCounter;exports.notificationCounterSizes=u.notificationCounterSizes;exports.notificationCounterVariants=u.notificationCounterVariants;exports.Picture=O.Picture;exports.PinInput=d.WrappedPinInput;exports.pinInputTypes=d.pinInputTypes;exports.Popover=N.Popover;exports.popoverSizes=r.popoverSizes;exports.popoverTriggerTypes=r.popoverTriggerTypes;exports.popoverVariants=r.popoverVariants;exports.RadioGroup=i.WrappedRadioGroup;exports.radioAlignments=i.radioAlignments;exports.radioTypes=i.radioTypes;exports.Radiomark=E.Radiomark;exports.Rating=F.WrappedRating;exports.RatingDots=H.WrappedRatingDots;exports.Select=K.WrappedSelect;exports.SortableList=j.SortableList;exports.Spinner=J.Spinner;exports.spinnerSizes=Q.spinnerSizes;exports.StyledAvatar=m.StyledAvatar;exports.styledAvatarTypes=m.styledAvatarTypes;exports.Swatch=l.Swatch;exports.swatchSizes=l.swatchSizes;exports.Switch=U.WrappedSwitch;exports.Tabs=a.Tabs;exports.tabIconPositions=a.tabIconPositions;exports.tabSizes=a.tabSizes;exports.Tag=X.Tag;exports.closeButtonDisplays=_.closeButtonDisplays;exports.tagSizes=_.tagSizes;exports.TagBlock=q.TagBlock;exports.TagDisabledState=q.TagDisabledState;exports.Text=Y.WrappedText;exports.TextInput=Z.WrappedTextInput;exports.Textarea=$.WrappedTextarea;exports.Meridiem=T.Meridiem;exports.TimePicker=T.TimePicker;exports.TimeRange=ee.TimeRange;exports.Timestamp=te.Timestamp;exports.useToast=oe.useToast;exports.Tooltip=ne.Tooltip;exports.NumberInput=re.WrappedNumberInput;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../chunks/alert.component-nhRTQ5KK.js"),b=require("../chunks/alert.types-8mtsdXr4.js"),h=require("../chunks/avatar.component-BGgZoVJS.js"),p=require("../chunks/avatar.types-Bmt5Uhfb.js"),S=require("../chunks/avatarGroup.component-CJCQSIyr.js"),k=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-DXP4uRV8.js"),C=require("../chunks/buttonGroup.component-pR0mvmm7.js"),P=require("../chunks/calendar.component-BuByj_kQ.js"),D=require("../chunks/calendarTodayButton.component-CynzgVXX.js"),M=require("../chunks/card.component-BmBiYbMV.js"),z=require("../chunks/card.types-MvkQTTZF.js"),B=require("../chunks/characterCounter.component-BRHLt929.js"),x=require("../chunks/checkbox.component-C132vkan.js"),V=require("../chunks/checkboxGroup.component-2U0ZW1TD.js"),f=require("../chunks/conversationCard.component-CscMIq51.js"),I=require("../chunks/datePicker.component-D3anKrkH.js"),w=require("../chunks/datePicker.provider-i35-VNAb.js"),n=require("../chunks/dateTimePicker.component-BlWhC5aT.js"),A=require("../chunks/divider.component-BX3zyB7O.js"),r=require("../chunks/divider.types-DBNcs0IR.js"),W=require("../chunks/heading.component-DnoZOXdz.js"),G=require("../chunks/icon.component-B1hr5lLa.js"),R=require("../chunks/icon.types-2obj_NKG.js"),L=require("../chunks/link.component-_YXG8MDq.js"),u=require("../chunks/logo.types-88a31xCx.js"),d=require("../chunks/maintenanceBanner.types-BsNjAlXa.js"),K=require("../chunks/menu.component-D2V9Q1Y5.js"),t=require("../chunks/modal.types-Bj6PrItn.js"),O=require("../chunks/notificationCounter.component-CBwi5vXa.js"),m=require("../chunks/notificationCounter.types-B_-siNfi.js"),N=require("../chunks/picture.component-BA2hgdZy.js"),l=require("../chunks/pinInput.types-Can9f1Eu.js"),E=require("../chunks/popover.component-DTjA1GSd.js"),i=require("../chunks/popover.types-ChA9ccQ2.js"),a=require("../chunks/radioGroup.types-U1ep9nrN.js"),F=require("../chunks/radiomark.component-YJNr68s7.js"),H=require("../chunks/rating.component-DsHkKmA7.js"),j=require("../chunks/ratingDots.component-CZ370iI3.js"),J=require("../chunks/select.component-OrsHXCMz.js"),Q=require("../chunks/sortableList.component-2yX2pXs7.js"),U=require("../chunks/spinner.component-Dq6u4vVL.js"),X=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-BG2G_U-W.js"),q=require("../chunks/swatch.types-AZLB8OWG.js"),Y=require("../chunks/switch.component-BYEMhBCA.js"),s=require("../chunks/tab.types-DSPWRVCF.js"),Z=require("../chunks/tag.component-C98Wf07v.js"),T=require("../chunks/tag.types-BnDFgTvb.js"),y=require("../chunks/tagBlock.component-B899iqQP.js"),$=require("../chunks/text.component-BDDz5KQP.js"),ee=require("../chunks/textInput.component-CwTc0h_F.js"),te=require("../chunks/textarea.component-BIg_XX_R.js"),v=require("../chunks/timePicker.component-D5hw80VV.js"),oe=require("../chunks/timeRange.component-D3Db8lvh.js"),ne=require("../chunks/timestamp.component-BfmZPfy5.js"),re=require("./components/Toast/index.cjs"),ie=require("../chunks/tooltip.component-DBw-hAPU.js"),ae=require("../chunks/numberInput.component-DGPEz0Fv.js"),se=require("../chunks/withDarkMode-R08khTA6.js"),ce=require("../chunks/withLightMode-Crw8xtkD.js"),pe=require("./hooks/useBreakpoint/index.cjs"),ue=require("./hooks/useColorMode/index.cjs"),de=require("./hooks/useColorModeValue/index.cjs"),me=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),le=require("../chunks/theme-BFbOz0Jj.js"),c=require("../chunks/theme.provider-C_F9M-W3.js");exports.Alert=g.Alert;exports.alertButtonPositions=b.alertButtonPositions;exports.Avatar=h.Avatar;exports.avatarSizes=p.avatarSizes;exports.avatarVariants=p.avatarVariants;exports.AvatarGroup=S.AvatarGroup;exports.Button=k.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=C.ButtonGroup;exports.Calendar=P.Calendar;exports.CalendarTodayButton=D.CalendarTodayButton;exports.Card=M.Card;exports.cardSizes=z.cardSizes;exports.CharacterCounter=B.CharacterCounter;exports.Checkbox=x.WrappedCheckbox;exports.CheckboxGroup=V.WrappedCheckboxGroup;exports.ConversationCard=f.ConversationCard;exports.DatePicker=I.DatePicker;exports.DateFormats=w.DateFormats;exports.DateTimePicker=n.DateTimePicker;exports.DateTimePickerDefaultOptionValue=n.DateTimePickerDefaultOptionValue;exports.calendarViews=n.calendarViews;exports.Divider=A.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=W.WrappedHeading;exports.Icon=G.Icon;exports.iconSizes=R.iconSizes;exports.Link=L.Link;exports.Logo=u.Logo;exports.logoTypes=u.logoTypes;exports.MaintenanceBanner=d.MaintenanceBanner;exports.maintenanceBannerEnvKeys=d.maintenanceBannerEnvKeys;exports.Menu=K.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=O.NotificationCounter;exports.notificationCounterSizes=m.notificationCounterSizes;exports.notificationCounterVariants=m.notificationCounterVariants;exports.Picture=N.Picture;exports.PinInput=l.WrappedPinInput;exports.pinInputTypes=l.pinInputTypes;exports.Popover=E.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=F.Radiomark;exports.Rating=H.WrappedRating;exports.RatingDots=j.WrappedRatingDots;exports.Select=J.WrappedSelect;exports.SortableList=Q.SortableList;exports.Spinner=U.Spinner;exports.spinnerSizes=X.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=Y.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=Z.Tag;exports.closeButtonDisplays=T.closeButtonDisplays;exports.tagSizes=T.tagSizes;exports.TagBlock=y.TagBlock;exports.TagDisabledState=y.TagDisabledState;exports.Text=$.WrappedText;exports.TextInput=ee.WrappedTextInput;exports.Textarea=te.WrappedTextarea;exports.Meridiem=v.Meridiem;exports.TimePicker=v.TimePicker;exports.TimeRange=oe.TimeRange;exports.Timestamp=ne.Timestamp;exports.useToast=re.useToast;exports.Tooltip=ie.Tooltip;exports.NumberInput=ae.WrappedNumberInput;exports.withDarkMode=se.withDarkMode;exports.withLightMode=ce.withLightMode;exports.useBreakpoint=pe.useBreakpoint;exports.useColorMode=ue.useColorMode;exports.useColorModeValue=de.useColorModeValue;exports.useDeviceType=me.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=le.colorModeThemeKey;exports.KibbleThemeProvider=c.KibbleThemeProvider;exports.kibbleThemeConfig=c.kibbleThemeConfig;exports.system=c.system;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../chunks/alert.component-nhRTQ5KK.js"),b=require("../chunks/alert.types-8mtsdXr4.js"),h=require("../chunks/avatar.component-BGgZoVJS.js"),p=require("../chunks/avatar.types-Bmt5Uhfb.js"),S=require("../chunks/avatarGroup.component-CJCQSIyr.js"),k=require("../chunks/button.component-DjdgBXDC.js"),e=require("../chunks/button.types-DXP4uRV8.js"),C=require("../chunks/buttonGroup.component-pR0mvmm7.js"),P=require("../chunks/calendar.component-BuByj_kQ.js"),D=require("../chunks/calendarTodayButton.component-CynzgVXX.js"),M=require("../chunks/card.component-BmBiYbMV.js"),z=require("../chunks/card.types-MvkQTTZF.js"),B=require("../chunks/characterCounter.component-BRHLt929.js"),x=require("../chunks/checkbox.component-C132vkan.js"),V=require("../chunks/checkboxGroup.component-2U0ZW1TD.js"),f=require("../chunks/conversationCard.component-CscMIq51.js"),I=require("../chunks/datePicker.component-JVmLDTg8.js"),w=require("../chunks/datePicker.provider-i35-VNAb.js"),n=require("../chunks/dateTimePicker.component-BlWhC5aT.js"),A=require("../chunks/divider.component-BX3zyB7O.js"),r=require("../chunks/divider.types-DBNcs0IR.js"),W=require("../chunks/heading.component-DnoZOXdz.js"),G=require("../chunks/icon.component-B1hr5lLa.js"),R=require("../chunks/icon.types-2obj_NKG.js"),L=require("../chunks/link.component-_YXG8MDq.js"),u=require("../chunks/logo.types-88a31xCx.js"),d=require("../chunks/maintenanceBanner.types-BsNjAlXa.js"),K=require("../chunks/menu.component-D2V9Q1Y5.js"),t=require("../chunks/modal.types-Bj6PrItn.js"),O=require("../chunks/notificationCounter.component-CBwi5vXa.js"),m=require("../chunks/notificationCounter.types-B_-siNfi.js"),N=require("../chunks/picture.component-BA2hgdZy.js"),l=require("../chunks/pinInput.types-Can9f1Eu.js"),E=require("../chunks/popover.component-DTjA1GSd.js"),i=require("../chunks/popover.types-ChA9ccQ2.js"),a=require("../chunks/radioGroup.types-U1ep9nrN.js"),F=require("../chunks/radiomark.component-YJNr68s7.js"),H=require("../chunks/rating.component-DsHkKmA7.js"),j=require("../chunks/ratingDots.component-CZ370iI3.js"),J=require("../chunks/select.component-OrsHXCMz.js"),Q=require("../chunks/sortableList.component-2yX2pXs7.js"),U=require("../chunks/spinner.component-Dq6u4vVL.js"),X=require("../chunks/spinner.types-BCLN5-H2.js"),_=require("../chunks/styledAvatar.types-BG2G_U-W.js"),q=require("../chunks/swatch.types-AZLB8OWG.js"),Y=require("../chunks/switch.component-BYEMhBCA.js"),s=require("../chunks/tab.types-DSPWRVCF.js"),Z=require("../chunks/tag.component-C98Wf07v.js"),T=require("../chunks/tag.types-BnDFgTvb.js"),y=require("../chunks/tagBlock.component-B899iqQP.js"),$=require("../chunks/text.component-BDDz5KQP.js"),ee=require("../chunks/textInput.component-CwTc0h_F.js"),te=require("../chunks/textarea.component-BIg_XX_R.js"),v=require("../chunks/timePicker.component-D5hw80VV.js"),oe=require("../chunks/timeRange.component-D3Db8lvh.js"),ne=require("../chunks/timestamp.component-BfmZPfy5.js"),re=require("./components/Toast/index.cjs"),ie=require("../chunks/tooltip.component-DBw-hAPU.js"),ae=require("../chunks/numberInput.component-DGPEz0Fv.js"),se=require("../chunks/withDarkMode-R08khTA6.js"),ce=require("../chunks/withLightMode-Crw8xtkD.js"),pe=require("./hooks/useBreakpoint/index.cjs"),ue=require("./hooks/useColorMode/index.cjs"),de=require("./hooks/useColorModeValue/index.cjs"),me=require("./hooks/useDeviceType/index.cjs"),o=require("./shared/types/index.cjs"),le=require("../chunks/theme-BFbOz0Jj.js"),c=require("../chunks/theme.provider-C_F9M-W3.js");exports.Alert=g.Alert;exports.alertButtonPositions=b.alertButtonPositions;exports.Avatar=h.Avatar;exports.avatarSizes=p.avatarSizes;exports.avatarVariants=p.avatarVariants;exports.AvatarGroup=S.AvatarGroup;exports.Button=k.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=C.ButtonGroup;exports.Calendar=P.Calendar;exports.CalendarTodayButton=D.CalendarTodayButton;exports.Card=M.Card;exports.cardSizes=z.cardSizes;exports.CharacterCounter=B.CharacterCounter;exports.Checkbox=x.WrappedCheckbox;exports.CheckboxGroup=V.WrappedCheckboxGroup;exports.ConversationCard=f.ConversationCard;exports.DatePicker=I.DatePicker;exports.DateFormats=w.DateFormats;exports.DateTimePicker=n.DateTimePicker;exports.DateTimePickerDefaultOptionValue=n.DateTimePickerDefaultOptionValue;exports.calendarViews=n.calendarViews;exports.Divider=A.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=W.WrappedHeading;exports.Icon=G.Icon;exports.iconSizes=R.iconSizes;exports.Link=L.Link;exports.Logo=u.Logo;exports.logoTypes=u.logoTypes;exports.MaintenanceBanner=d.MaintenanceBanner;exports.maintenanceBannerEnvKeys=d.maintenanceBannerEnvKeys;exports.Menu=K.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=O.NotificationCounter;exports.notificationCounterSizes=m.notificationCounterSizes;exports.notificationCounterVariants=m.notificationCounterVariants;exports.Picture=N.Picture;exports.PinInput=l.WrappedPinInput;exports.pinInputTypes=l.pinInputTypes;exports.Popover=E.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=a.WrappedRadioGroup;exports.radioAlignments=a.radioAlignments;exports.radioTypes=a.radioTypes;exports.Radiomark=F.Radiomark;exports.Rating=H.WrappedRating;exports.RatingDots=j.WrappedRatingDots;exports.Select=J.WrappedSelect;exports.SortableList=Q.SortableList;exports.Spinner=U.Spinner;exports.spinnerSizes=X.spinnerSizes;exports.StyledAvatar=_.StyledAvatar;exports.styledAvatarTypes=_.styledAvatarTypes;exports.Swatch=q.Swatch;exports.swatchSizes=q.swatchSizes;exports.Switch=Y.WrappedSwitch;exports.Tabs=s.Tabs;exports.tabIconPositions=s.tabIconPositions;exports.tabSizes=s.tabSizes;exports.Tag=Z.Tag;exports.closeButtonDisplays=T.closeButtonDisplays;exports.tagSizes=T.tagSizes;exports.TagBlock=y.TagBlock;exports.TagDisabledState=y.TagDisabledState;exports.Text=$.WrappedText;exports.TextInput=ee.WrappedTextInput;exports.Textarea=te.WrappedTextarea;exports.Meridiem=v.Meridiem;exports.TimePicker=v.TimePicker;exports.TimeRange=oe.TimeRange;exports.Timestamp=ne.Timestamp;exports.useToast=re.useToast;exports.Tooltip=ie.Tooltip;exports.NumberInput=ae.WrappedNumberInput;exports.withDarkMode=se.withDarkMode;exports.withLightMode=ce.withLightMode;exports.useBreakpoint=pe.useBreakpoint;exports.useColorMode=ue.useColorMode;exports.useColorModeValue=de.useColorModeValue;exports.useDeviceType=me.useDeviceType;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.colorModeThemeKey=le.colorModeThemeKey;exports.KibbleThemeProvider=c.KibbleThemeProvider;exports.kibbleThemeConfig=c.kibbleThemeConfig;exports.system=c.system;
 //# sourceMappingURL=index.cjs.map

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

@@ -1,4 +1,4 @@
-import { D as e } from "../../../chunks/datePicker.component-BpFRWZdY.js";
+import { D as e } from "../../../chunks/datePicker.component-Ccp2rTeh.js";
 import { D as t } from "../../../chunks/datePicker.provider-DjDP292O.js";
 export {
   t as DateFormats,

package/dist/esm/components/index.js

@@ -14,7 +14,7 @@ import { C as I } from "../../chunks/characterCounter.component-DI_FQNUR.js";
 import { W as h } from "../../chunks/checkbox.component-DUJCiZr2.js";
 import { W as L } from "../../chunks/checkboxGroup.component-DW9qUlSm.js";
 import { C as G } from "../../chunks/conversationCard.component-DByFo4jj.js";
-import { D as O } from "../../chunks/datePicker.component-BpFRWZdY.js";
+import { D as O } from "../../chunks/datePicker.component-Ccp2rTeh.js";
 import { D as F } from "../../chunks/datePicker.provider-DjDP292O.js";
 import { D as K, a as j, c as q } from "../../chunks/dateTimePicker.component-r4V8f57O.js";
 import { D as Q } from "../../chunks/divider.component-CFOh4Nw3.js";

package/dist/esm/index.js

@@ -14,7 +14,7 @@ import { C as V } from "../chunks/characterCounter.component-DI_FQNUR.js";
 import { W as w } from "../chunks/checkbox.component-DUJCiZr2.js";
 import { W as L } from "../chunks/checkboxGroup.component-DW9qUlSm.js";
 import { C as G } from "../chunks/conversationCard.component-DByFo4jj.js";
-import { D as N } from "../chunks/datePicker.component-BpFRWZdY.js";
+import { D as N } from "../chunks/datePicker.component-Ccp2rTeh.js";
 import { D as E } from "../chunks/datePicker.provider-DjDP292O.js";
 import { D as H, a as j, c as q } from "../chunks/dateTimePicker.component-r4V8f57O.js";
 import { D as Q } from "../chunks/divider.component-CFOh4Nw3.js";

package/package.json

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

package/dist/chunks/datePicker.component-D3anKrkH.js

@@ -1,2 +0,0 @@
-"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),n=require("./datePicker.provider-i35-VNAb.js"),C=require("./textInput.component-CwTc0h_F.js"),P=require("./icon.component-B1hr5lLa.js"),b=require("./text.component-BDDz5KQP.js"),l=require("./format-CK7Imh-5.js"),I=require("./popover-root-provider-CZDbUJ2K.js"),_=require("./h-stack-D4MnHHRc.js"),v=require("./flex-BOU6tYUd.js"),S=require("react"),q=require("./button.component-DjdgBXDC.js"),T=require("./popover.recipe-CtptsJg6.js"),w=require("./usePortalContentRef-CTrvBQ7I.js"),B=require("./divider.component-BX3zyB7O.js"),z=require("./calendarTodayButton.component-CynzgVXX.js"),N=require("./create-slot-recipe-context-HXE1VazG.js"),W=require("./index-Ts8g8jZd.js"),D=require("./popover-C7aj8Iwj.js");function A(t,o){return+l.toDate(t)<+l.toDate(o)}const H=(t,o)=>o?n.isAfter(t,o):!0,O=(t,o)=>o?A(t,o):!0;function $({inputProps:t,["data-testid"]:o="kibble-datepicker-input"}){const{setFocusedInput:s,startDate:a,endDate:i,focusedInput:c,dateFormat:r,withDateRange:u,minDate:d,maxDate:x,onDateChange:j,onDateSelect:f,onClose:R}=n.useDatePickerContext(),{open:y,setOpen:F}=I.usePopoverContext(),E=t?.size||"md",k=p=>{p.key==="Enter"&&y&&(F(!1),R(),p.preventDefault(),p.stopPropagation())},g=p=>{const h=p.target.value,m=n.xt(h,r,n.today);h.length===r.length&&l.isDate(m)&&H(m,d)&&O(m,x)&&f(m),!h.length&&j&&j({startDate:null,endDate:null})};return e.jsxRuntimeExports.jsxs(_.HStack,{w:"100%",className:"DatePicker__Trigger","data-testid":o,children:[e.jsxRuntimeExports.jsx(C.WrappedTextInput,{className:"DatePicker__Input--Start","data-testid":`${o}-start`,autoComplete:"off",rightElement:e.jsxRuntimeExports.jsx(v.Flex,{...!t?.disabled&&{onClick:()=>s(n.FocusedInput.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(P.Icon,{name:"calendarDate",size:E})}),value:n.Ue(a,r,""),onChange:g,onKeyDown:k,...!t?.disabled&&{onFocus:()=>{s(n.FocusedInput.StartDate)}},placeholder:l.format(n.today,r).toString(),...c===n.FocusedInput.StartDate&&{"data-focus":!0},...t}),u&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(b.WrappedText,{children:" - "}),e.jsxRuntimeExports.jsx(C.WrappedTextInput,{className:"DatePicker__Input--End","data-testid":`${o}-end`,rightElement:e.jsxRuntimeExports.jsx(v.Flex,{...!t?.disabled&&{onClick:()=>s(n.FocusedInput.StartDate)},h:"100%",align:"center",children:e.jsxRuntimeExports.jsx(P.Icon,{name:"calendarDate",size:E})}),value:n.Ue(i,r,""),onChange:g,...!t?.disabled&&{onFocus:()=>s(n.FocusedInput.EndDate)},onKeyDown:k,placeholder:l.format(n.today,r).toString(),...c===n.FocusedInput.EndDate&&{"data-focus":!0},...t})]})]})}function M({buttonText:t="Apply",onSubmit:o,hideResetButton:s}){const{startDate:a,endDate:i,clearDates:c,standalone:r}=n.useDatePickerContext(),{open:u,setOpen:d}=I.usePopoverContext(),x=S.useCallback(()=>{r||d(!1),o&&o({startDate:a,endDate:i})},[r,d,o,a,i]);return e.jsxRuntimeExports.jsxs(_.HStack,{w:"100%",justify:s?"end":"space-between",align:"center",borderTop:"1px",borderColor:"border.default",px:3,py:2,children:[!s&&e.jsxRuntimeExports.jsx(q.Button,{size:"sm",variant:"ghostNeutral",onClick:()=>c({open:u}),children:"Clear Dates"}),e.jsxRuntimeExports.jsx(q.Button,{size:"sm",onClick:x,children:t})]})}const U=t=>{const{footerProps:o,hideFooter:s=!1,inputProps:a,portalled:i=!0,showTodayButton:c=!1,onTodayClick:r,trigger:u,withDateRange:d=!1,["data-testid"]:x="kibble-datepicker"}=t,{contentRef:j}=w.usePortalContentRef(),R=N.useSlotRecipe({recipe:T.popoverRecipe})();return e.jsxRuntimeExports.jsxs(n.DatePickerProvider,{...t,children:[e.jsxRuntimeExports.jsx(D.PopoverTrigger,{asChild:!!u,children:u??e.jsxRuntimeExports.jsx($,{inputProps:{...a,readOnly:!0}})}),e.jsxRuntimeExports.jsx(W.Portal,{container:j||void 0,disabled:!i,children:e.jsxRuntimeExports.jsx(D.PopoverPositioner,{className:"DatePicker","data-testid":x,children:e.jsxRuntimeExports.jsx(D.PopoverContent,{className:"DatePicker__Content","data-testid":`${x}-content`,css:{...R.content,minW:"340px"},children:e.jsxRuntimeExports.jsxs(D.PopoverBody,{css:{"--popover-padding":0},children:[e.jsxRuntimeExports.jsx(n.DatePickerHeader,{}),e.jsxRuntimeExports.jsx(B.Divider,{}),e.jsxRuntimeExports.jsx(n.DatePickerCalendar,{}),c&&e.jsxRuntimeExports.jsx(z.CalendarTodayButton,{onTodayClick:r}),d&&!s&&e.jsxRuntimeExports.jsx(M,{...o})]})})})})]})};exports.DatePicker=U;
-//# sourceMappingURL=datePicker.component-D3anKrkH.js.map