@clickhouse/click-ui 0.9.0 → 0.10.0-rc1

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

@@ -1,3 +1,4 @@
+require("./DatePicker.css");
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
@@ -6,10 +7,10 @@ const jsxRuntime = require('react/jsx-runtime');
 const react = require('react');
 const calendar = require('@h6s/calendar');
 const RadixPopover = require('@radix-ui/react-popover');
-const styledComponents = require('styled-components');
 const Common = require('./Common.cjs');
 const utils = require('./utils.cjs');
 const PortalContext = require('../../providers/PortalContext.cjs');
+const DatePicker_module = require('./DatePicker.module.css.cjs');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -32,19 +33,6 @@ function _interopNamespace(e) {
 const RadixPopover__namespace = /*#__PURE__*/_interopNamespace(RadixPopover);
 
 const DAYS_IN_WEEK = 7;
-const PopoverTrigger = styledComponents.styled(RadixPopover__namespace.Trigger).withConfig({
-  componentId: "sc-1kfphgn-0"
-})(["background:none;border:none;padding:0;cursor:pointer;width:fit-content;&:disabled{cursor:not-allowed;}&:focus-visible{outline:none;}"]);
-const PopoverContent = styledComponents.styled(RadixPopover__namespace.Content).withConfig({
-  componentId: "sc-1kfphgn-1"
-})(["z-index:1;outline:none;", " &:focus{outline:none;}"], ({
-  theme
-}) => `
-    border: 1px solid ${theme.click.genericMenu.panel.color.stroke.default};
-    background: ${theme.click.genericMenu.panel.color.background.default};
-    box-shadow: ${theme.click.genericMenu.panel.shadow.default};
-    border-radius: ${theme.click.genericMenu.panel.radii.all};
-  `);
 const Calendar = ({
   allowOnlyDatesList,
   calendarBody,
@@ -64,8 +52,12 @@ const Calendar = ({
       return utils.shiftToTimezone(date, timezone);
     });
   }, [allowOnlyDatesList, timezone]);
-  const initialFocusIndex = allDays.findIndex((day) => shiftedSelected ? calendar.isSameDate(shiftedSelected, day.value) : calendar.isSameDate(today, day.value));
-  const [focusedDayIndex, setFocusedDayIndex] = react.useState(initialFocusIndex >= 0 ? initialFocusIndex : 0);
+  const initialFocusIndex = allDays.findIndex(
+    (day) => shiftedSelected ? calendar.isSameDate(shiftedSelected, day.value) : calendar.isSameDate(today, day.value)
+  );
+  const [focusedDayIndex, setFocusedDayIndex] = react.useState(
+    initialFocusIndex >= 0 ? initialFocusIndex : 0
+  );
   const dayRefs = react.useRef([]);
   react.useEffect(() => {
     dayRefs.current[focusedDayIndex]?.focus();
@@ -78,50 +70,45 @@ const Calendar = ({
       return () => clearTimeout(timeoutId);
     }
   }, [autoFocus, initialFocusIndex]);
-  const onDayKeyDown = react.useCallback((event, index, fullDate, isDisabled) => {
-    let newIndex = index;
-    switch (event.key) {
-      case "ArrowRight":
-        event.preventDefault();
-        newIndex = (index + 1) % totalDays;
-        break;
-      case "ArrowLeft":
-        event.preventDefault();
-        newIndex = (index - 1 + totalDays) % totalDays;
-        break;
-      case "ArrowDown":
-        event.preventDefault();
-        newIndex = (index + DAYS_IN_WEEK) % totalDays;
-        break;
-      case "ArrowUp":
-        event.preventDefault();
-        newIndex = (index - DAYS_IN_WEEK + totalDays) % totalDays;
-        break;
-      case "Enter":
-      case " ":
-        event.preventDefault();
-        if (!isDisabled) {
-          setSelectedDate(utils.shiftFromTimezone(fullDate, timezone));
-          closeDatepicker();
-        }
-        return;
-      default:
-        return;
-    }
-    setFocusedDayIndex(newIndex);
-    dayRefs.current[newIndex]?.focus();
-  }, [totalDays, setSelectedDate, closeDatepicker, timezone]);
+  const onDayKeyDown = react.useCallback(
+    (event, index, fullDate, isDisabled) => {
+      let newIndex = index;
+      switch (event.key) {
+        case "ArrowRight":
+          event.preventDefault();
+          newIndex = (index + 1) % totalDays;
+          break;
+        case "ArrowLeft":
+          event.preventDefault();
+          newIndex = (index - 1 + totalDays) % totalDays;
+          break;
+        case "ArrowDown":
+          event.preventDefault();
+          newIndex = (index + DAYS_IN_WEEK) % totalDays;
+          break;
+        case "ArrowUp":
+          event.preventDefault();
+          newIndex = (index - DAYS_IN_WEEK + totalDays) % totalDays;
+          break;
+        case "Enter":
+        case " ":
+          event.preventDefault();
+          if (!isDisabled) {
+            setSelectedDate(utils.shiftFromTimezone(fullDate, timezone));
+            closeDatepicker();
+          }
+          return;
+        default:
+          return;
+      }
+      setFocusedDayIndex(newIndex);
+      dayRefs.current[newIndex]?.focus();
+    },
+    [totalDays, setSelectedDate, closeDatepicker, timezone]
+  );
   let dayIndex = 0;
-  return calendarBody.value.map(({
-    key: weekKey,
-    value: week
-  }) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("tr", { children: week.map(({
-      date,
-      isCurrentMonth,
-      key: dayKey,
-      value: fullDate
-    }) => {
+  return calendarBody.value.map(({ key: weekKey, value: week }) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("tr", { children: week.map(({ date, isCurrentMonth, key: dayKey, value: fullDate }) => {
       const isSelected = shiftedSelected && calendar.isSameDate(shiftedSelected, fullDate);
       const isPresent = calendar.isSameDate(today, fullDate);
       const isNotAllowed = utils.isDateNotInAllowList(shiftedAllowList, fullDate);
@@ -136,9 +123,25 @@ const Calendar = ({
         setSelectedDate(utils.shiftFromTimezone(fullDate, timezone));
         closeDatepicker();
       };
-      return /* @__PURE__ */ jsxRuntime.jsx(Common.DateTableCell, { ref: (el) => {
-        dayRefs.current[currentIndex] = el;
-      }, $isCurrentMonth: isCurrentMonth, $isDisabled: isDisabled, $isSelected: isSelected, $isPresent: isPresent, onClick: handleClick, onKeyDown: (e) => onDayKeyDown(e, currentIndex, fullDate, isDisabled), tabIndex: currentIndex === focusedDayIndex ? 0 : -1, role: "gridcell", "aria-label": fullDate.toDateString(), children: date }, dayKey);
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        Common.DateTableCell,
+        {
+          ref: (el) => {
+            dayRefs.current[currentIndex] = el;
+          },
+          isCurrentMonth,
+          isDisabled,
+          isSelected: Boolean(isSelected),
+          isPresent,
+          onClick: handleClick,
+          onKeyDown: (e) => onDayKeyDown(e, currentIndex, fullDate, isDisabled),
+          tabIndex: currentIndex === focusedDayIndex ? 0 : -1,
+          role: "gridcell",
+          "aria-label": fullDate.toDateString(),
+          children: date
+        },
+        dayKey
+      );
     }) }, weekKey);
   });
 };
@@ -172,22 +175,28 @@ const DatePicker = ({
     setPartialYear(void 0);
     setPartialMonth(void 0);
   }, []);
-  const onOpenChange = react.useCallback((open) => {
-    setIsOpen(open);
-    if (!open) {
-      resetPartialState();
-      setAutoFocusCalendar(false);
-    }
-  }, [resetPartialState]);
+  const onOpenChange = react.useCallback(
+    (open) => {
+      setIsOpen(open);
+      if (!open) {
+        resetPartialState();
+        setAutoFocusCalendar(false);
+      }
+    },
+    [resetPartialState]
+  );
   const onCloseDatePicker = react.useCallback(() => {
     setIsOpen(false);
     resetPartialState();
   }, [resetPartialState]);
-  const onDateSelect = react.useCallback((date2) => {
-    setSelectedDate(date2);
-    onSelectDate(date2);
-    resetPartialState();
-  }, [onSelectDate, resetPartialState]);
+  const onDateSelect = react.useCallback(
+    (date2) => {
+      setSelectedDate(date2);
+      onSelectDate(date2);
+      resetPartialState();
+    },
+    [onSelectDate, resetPartialState]
+  );
   const onYearSelect = react.useCallback((year) => {
     setPartialYear(year);
     setPartialMonth(void 0);
@@ -203,10 +212,68 @@ const DatePicker = ({
       setAutoFocusCalendar(true);
     }
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsxs(RadixPopover__namespace.Root, { onOpenChange, open: isOpen, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(PopoverTrigger, { disabled, onKeyDown: onTriggerKeyDown, children: /* @__PURE__ */ jsxRuntime.jsx(Common.DatePickerInput, { "data-testid": "datepicker-input-container", disabled, isActive: isOpen, partialMonth, partialYear, placeholder, selectedDate, timezone }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverContent, { align: "start", avoidCollisions: responsivePositioning, sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsx(Common.CalendarRenderer, { calendarOptions, onYearSelect, onMonthSelect, selectedDate, timezone, children: (body) => /* @__PURE__ */ jsxRuntime.jsx(Calendar, { allowOnlyDatesList, autoFocus: autoFocusCalendar, calendarBody: body, closeDatepicker: onCloseDatePicker, futureDatesDisabled, selectedDate, setSelectedDate: onDateSelect, timezone }) }) }) })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    RadixPopover__namespace.Root,
+    {
+      onOpenChange,
+      open: isOpen,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          RadixPopover__namespace.Trigger,
+          {
+            className: DatePicker_module.default["popover-trigger"],
+            disabled,
+            onKeyDown: onTriggerKeyDown,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Common.DatePickerInput,
+              {
+                "data-testid": "datepicker-input-container",
+                disabled,
+                isActive: isOpen,
+                partialMonth,
+                partialYear,
+                placeholder,
+                selectedDate,
+                timezone
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Portal, { container: portalContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
+          RadixPopover__namespace.Content,
+          {
+            className: DatePicker_module.default["popover-content"],
+            align: "start",
+            avoidCollisions: responsivePositioning,
+            sideOffset: 4,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Common.CalendarRenderer,
+              {
+                calendarOptions,
+                onYearSelect,
+                onMonthSelect,
+                selectedDate,
+                timezone,
+                children: (body) => /* @__PURE__ */ jsxRuntime.jsx(
+                  Calendar,
+                  {
+                    allowOnlyDatesList,
+                    autoFocus: autoFocusCalendar,
+                    calendarBody: body,
+                    closeDatepicker: onCloseDatePicker,
+                    futureDatesDisabled,
+                    selectedDate,
+                    setSelectedDate: onDateSelect,
+                    timezone
+                  }
+                )
+              }
+            )
+          }
+        ) })
+      ]
+    }
+  );
 };
 
 exports.DatePicker = DatePicker;

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { KeyboardEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { isSameDate, UseCalendarOptions } from '@h6s/calendar';\nimport * as Popover from '@radix-ui/react-popover';\nimport { styled } from 'styled-components';\nimport { Body, CalendarRenderer, DatePickerInput, DateTableCell } from './Common';\nimport {\n  isDateNotInAllowList,\n  shiftFromTimezone,\n  shiftToTimezone,\n  Timezone,\n} from './utils';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\n\nconst DAYS_IN_WEEK = 7;\n\nconst PopoverTrigger = styled(Popover.Trigger)`\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: fit-content;\n\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  &:focus-visible {\n    outline: none;\n  }\n`;\n\nconst PopoverContent = styled(Popover.Content)`\n  z-index: 1;\n  outline: none;\n\n  ${({ theme }) => `\n    border: 1px solid ${theme.click.genericMenu.panel.color.stroke.default};\n    background: ${theme.click.genericMenu.panel.color.background.default};\n    box-shadow: ${theme.click.genericMenu.panel.shadow.default};\n    border-radius: ${theme.click.genericMenu.panel.radii.all};\n  `}\n\n  &:focus {\n    outline: none;\n  }\n`;\n\ninterface CalendarProps {\n  allowOnlyDatesList?: Array<Date>;\n  calendarBody: Body;\n  closeDatepicker: () => void;\n  futureDatesDisabled: boolean;\n  selectedDate?: Date;\n  setSelectedDate: (selectedDate: Date) => void;\n  autoFocus?: boolean;\n  timezone: Timezone;\n}\n\nconst Calendar = ({\n  allowOnlyDatesList,\n  calendarBody,\n  closeDatepicker,\n  futureDatesDisabled,\n  selectedDate,\n  setSelectedDate,\n  autoFocus = false,\n  timezone,\n}: CalendarProps) => {\n  const allDays = calendarBody.value.flatMap(week => week.value);\n  const totalDays = allDays.length;\n\n  const today = shiftToTimezone(new Date(), timezone);\n\n  const shiftedSelected = selectedDate\n    ? shiftToTimezone(selectedDate, timezone)\n    : undefined;\n\n  const shiftedAllowList = useMemo(() => {\n    return allowOnlyDatesList?.map(date => {\n      return shiftToTimezone(date, timezone);\n    });\n  }, [allowOnlyDatesList, timezone]);\n\n  const initialFocusIndex = allDays.findIndex(day =>\n    shiftedSelected\n      ? isSameDate(shiftedSelected, day.value)\n      : isSameDate(today, day.value)\n  );\n\n  const [focusedDayIndex, setFocusedDayIndex] = useState<number>(\n    initialFocusIndex >= 0 ? initialFocusIndex : 0\n  );\n  const dayRefs = useRef<Array<HTMLTableCellElement | null>>([]);\n\n  useEffect(() => {\n    dayRefs.current[focusedDayIndex]?.focus();\n  }, [focusedDayIndex]);\n\n  useEffect(() => {\n    if (autoFocus && initialFocusIndex >= 0) {\n      const timeoutId = setTimeout(() => {\n        dayRefs.current[initialFocusIndex]?.focus();\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [autoFocus, initialFocusIndex]);\n\n  const onDayKeyDown = useCallback(\n    (\n      event: KeyboardEvent<HTMLTableCellElement>,\n      index: number,\n      fullDate: Date,\n      isDisabled: boolean\n    ) => {\n      let newIndex = index;\n\n      switch (event.key) {\n        case 'ArrowRight':\n          event.preventDefault();\n          newIndex = (index + 1) % totalDays;\n          break;\n        case 'ArrowLeft':\n          event.preventDefault();\n          newIndex = (index - 1 + totalDays) % totalDays;\n          break;\n        case 'ArrowDown':\n          event.preventDefault();\n          newIndex = (index + DAYS_IN_WEEK) % totalDays;\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          newIndex = (index - DAYS_IN_WEEK + totalDays) % totalDays;\n          break;\n        case 'Enter':\n        case ' ':\n          event.preventDefault();\n          if (!isDisabled) {\n            setSelectedDate(shiftFromTimezone(fullDate, timezone));\n            closeDatepicker();\n          }\n          return;\n        default:\n          return;\n      }\n\n      setFocusedDayIndex(newIndex);\n      dayRefs.current[newIndex]?.focus();\n    },\n    [totalDays, setSelectedDate, closeDatepicker, timezone]\n  );\n\n  let dayIndex = 0;\n\n  return calendarBody.value.map(({ key: weekKey, value: week }) => {\n    return (\n      <tr key={weekKey}>\n        {week.map(({ date, isCurrentMonth, key: dayKey, value: fullDate }) => {\n          const isSelected = shiftedSelected && isSameDate(shiftedSelected, fullDate);\n          const isPresent = isSameDate(today, fullDate);\n\n          const isNotAllowed = isDateNotInAllowList(shiftedAllowList, fullDate);\n\n          const isFutureDisabled = futureDatesDisabled && fullDate > today;\n          const isDisabled = isNotAllowed || isFutureDisabled;\n          const currentIndex = dayIndex;\n          dayIndex++;\n\n          const handleClick = () => {\n            if (isDisabled) {\n              return false;\n            }\n            setSelectedDate(shiftFromTimezone(fullDate, timezone));\n            closeDatepicker();\n          };\n\n          return (\n            <DateTableCell\n              ref={el => {\n                dayRefs.current[currentIndex] = el;\n              }}\n              $isCurrentMonth={isCurrentMonth}\n              $isDisabled={isDisabled}\n              $isSelected={isSelected}\n              $isPresent={isPresent}\n              key={dayKey}\n              onClick={handleClick}\n              onKeyDown={e => onDayKeyDown(e, currentIndex, fullDate, isDisabled)}\n              tabIndex={currentIndex === focusedDayIndex ? 0 : -1}\n              role=\"gridcell\"\n              aria-label={fullDate.toDateString()}\n            >\n              {date}\n            </DateTableCell>\n          );\n        })}\n      </tr>\n    );\n  });\n};\n\nexport interface DatePickerProps {\n  allowOnlyDatesList?: Array<Date>;\n  container?: HTMLElement | null;\n  date?: Date;\n  disabled?: boolean;\n  futureDatesDisabled?: boolean;\n  onSelectDate: (selectedDate: Date) => void;\n  placeholder?: string;\n  responsivePositioning?: boolean;\n  timezone?: Timezone;\n}\n\nexport const DatePicker = ({\n  allowOnlyDatesList,\n  container,\n  date,\n  disabled = false,\n  futureDatesDisabled = false,\n  onSelectDate,\n  placeholder,\n  responsivePositioning = true,\n  timezone = 'system',\n}: DatePickerProps) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [selectedDate, setSelectedDate] = useState<Date>();\n  const [partialYear, setPartialYear] = useState<number>();\n  const [partialMonth, setPartialMonth] = useState<number>();\n  const [autoFocusCalendar, setAutoFocusCalendar] = useState<boolean>(false);\n\n  const calendarOptions: UseCalendarOptions = {};\n  const portalContainer = useResolvedPortalContainer(container);\n\n  if (selectedDate) {\n    calendarOptions.defaultDate = selectedDate;\n  }\n\n  useEffect(() => {\n    if (date) {\n      setSelectedDate(date);\n    }\n  }, [date]);\n\n  const resetPartialState = useCallback(() => {\n    setPartialYear(undefined);\n    setPartialMonth(undefined);\n  }, []);\n\n  const onOpenChange = useCallback(\n    (open: boolean) => {\n      setIsOpen(open);\n      if (!open) {\n        resetPartialState();\n        setAutoFocusCalendar(false);\n      }\n    },\n    [resetPartialState]\n  );\n\n  const onCloseDatePicker = useCallback(() => {\n    setIsOpen(false);\n    resetPartialState();\n  }, [resetPartialState]);\n\n  const onDateSelect = useCallback(\n    (date: Date): void => {\n      setSelectedDate(date);\n      onSelectDate(date);\n      resetPartialState();\n    },\n    [onSelectDate, resetPartialState]\n  );\n\n  const onYearSelect = useCallback((year: number) => {\n    setPartialYear(year);\n    setPartialMonth(undefined);\n  }, []);\n\n  const onMonthSelect = useCallback((year: number, month: number) => {\n    setPartialYear(year);\n    setPartialMonth(month);\n  }, []);\n\n  const onTriggerKeyDown = useCallback((e: KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      setIsOpen(true);\n      setAutoFocusCalendar(true);\n    }\n  }, []);\n\n  return (\n    <Popover.Root\n      onOpenChange={onOpenChange}\n      open={isOpen}\n    >\n      <PopoverTrigger\n        disabled={disabled}\n        onKeyDown={onTriggerKeyDown}\n      >\n        <DatePickerInput\n          data-testid=\"datepicker-input-container\"\n          disabled={disabled}\n          isActive={isOpen}\n          partialMonth={partialMonth}\n          partialYear={partialYear}\n          placeholder={placeholder}\n          selectedDate={selectedDate}\n          timezone={timezone}\n        />\n      </PopoverTrigger>\n      <Popover.Portal container={portalContainer}>\n        <PopoverContent\n          align=\"start\"\n          avoidCollisions={responsivePositioning}\n          sideOffset={4}\n        >\n          <CalendarRenderer\n            calendarOptions={calendarOptions}\n            onYearSelect={onYearSelect}\n            onMonthSelect={onMonthSelect}\n            selectedDate={selectedDate}\n            timezone={timezone}\n          >\n            {body => (\n              <Calendar\n                allowOnlyDatesList={allowOnlyDatesList}\n                autoFocus={autoFocusCalendar}\n                calendarBody={body}\n                closeDatepicker={onCloseDatePicker}\n                futureDatesDisabled={futureDatesDisabled}\n                selectedDate={selectedDate}\n                setSelectedDate={onDateSelect}\n                timezone={timezone}\n              />\n            )}\n          </CalendarRenderer>\n        </PopoverContent>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n"],"names":["DAYS_IN_WEEK","PopoverTrigger","styled","Popover","Trigger","withConfig","componentId","PopoverContent","Content","theme","click","genericMenu","panel","color","stroke","default","background","shadow","radii","all","Calendar","allowOnlyDatesList","calendarBody","closeDatepicker","futureDatesDisabled","selectedDate","setSelectedDate","autoFocus","timezone","allDays","value","flatMap","week","totalDays","length","today","shiftToTimezone","Date","shiftedSelected","undefined","shiftedAllowList","useMemo","map","date","initialFocusIndex","findIndex","day","isSameDate","focusedDayIndex","setFocusedDayIndex","useState","dayRefs","useRef","useEffect","current","focus","timeoutId","setTimeout","clearTimeout","onDayKeyDown","useCallback","event","index","fullDate","isDisabled","newIndex","key","preventDefault","shiftFromTimezone","dayIndex","weekKey","jsx","isCurrentMonth","dayKey","isSelected","isPresent","isNotAllowed","isDateNotInAllowList","isFutureDisabled","currentIndex","handleClick","DateTableCell","el","e","toDateString","DatePicker","container","disabled","onSelectDate","placeholder","responsivePositioning","isOpen","setIsOpen","partialYear","setPartialYear","partialMonth","setPartialMonth","autoFocusCalendar","setAutoFocusCalendar","calendarOptions","portalContainer","useResolvedPortalContainer","defaultDate","resetPartialState","onOpenChange","open","onCloseDatePicker","onDateSelect","onYearSelect","year","onMonthSelect","month","onTriggerKeyDown","DatePickerInput","CalendarRenderer","body"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,YAAAA,GAAe,CAAA;AAErB,MAAMC,cAAAA,GAAiBC,uBAAAA,CAAOC,uBAAAA,CAAQC,OAAO,EAACC,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,sIAAA,CAAA,CAAA;AAgB9C,MAAMC,cAAAA,GAAiBL,uBAAAA,CAAOC,uBAAAA,CAAQK,OAAO,EAACH,UAAAA,CAAA;AAAA,EAAAC,WAAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,yBAAA,EAAA,yBAAA,GAI1C,CAAC;AAAA,EAAEG;AAAM,CAAA,KAAM;AAAA,sBAAA,EACKA,MAAMC,KAAAA,CAAMC,WAAAA,CAAYC,KAAAA,CAAMC,KAAAA,CAAMC,OAAOC,OAAO,CAAA;AAAA,gBAAA,EACxDN,MAAMC,KAAAA,CAAMC,WAAAA,CAAYC,KAAAA,CAAMC,KAAAA,CAAMG,WAAWD,OAAO,CAAA;AAAA,gBAAA,EACtDN,KAAAA,CAAMC,KAAAA,CAAMC,WAAAA,CAAYC,KAAAA,CAAMK,OAAOF,OAAO,CAAA;AAAA,mBAAA,EACzCN,KAAAA,CAAMC,KAAAA,CAAMC,WAAAA,CAAYC,KAAAA,CAAMM,MAAMC,GAAG,CAAA;AAAA,EAAA,CACzD,CAAA;AAkBH,MAAMC,WAAWA,CAAC;AAAA,EAChBC,kBAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,mBAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,SAAAA,GAAY,KAAA;AAAA,EACZC;AACa,CAAA,KAAM;AACnB,EAAA,MAAMC,UAAUP,YAAAA,CAAaQ,KAAAA,CAAMC,OAAAA,CAAQC,CAAAA,IAAAA,KAAQA,KAAKF,KAAK,CAAA;AAC7D,EAAA,MAAMG,YAAYJ,OAAAA,CAAQK,MAAAA;AAE1B,EAAA,MAAMC,KAAAA,GAAQC,qBAAAA,iBAAgB,IAAIC,IAAAA,IAAQT,QAAQ,CAAA;AAElD,EAAA,MAAMU,eAAAA,GAAkBb,YAAAA,GACpBW,qBAAAA,CAAgBX,YAAAA,EAAcG,QAAQ,CAAA,GACtCW,MAAAA;AAEJ,EAAA,MAAMC,gBAAAA,GAAmBC,cAAQ,MAAM;AACrC,IAAA,OAAOpB,kBAAAA,EAAoBqB,IAAIC,CAAAA,IAAAA,KAAQ;AACrC,MAAA,OAAOP,qBAAAA,CAAgBO,MAAMf,QAAQ,CAAA;AAAA,IACvC,CAAC,CAAA;AAAA,EACH,CAAA,EAAG,CAACP,kBAAAA,EAAoBO,QAAQ,CAAC,CAAA;AAEjC,EAAA,MAAMgB,iBAAAA,GAAoBf,OAAAA,CAAQgB,SAAAA,CAAUC,CAAAA,GAAAA,KAC1CR,kBACIS,mBAAAA,CAAWT,eAAAA,EAAiBQ,GAAAA,CAAIhB,KAAK,CAAA,GACrCiB,mBAAAA,CAAWZ,KAAAA,EAAOW,GAAAA,CAAIhB,KAAK,CACjC,CAAA;AAEA,EAAA,MAAM,CAACkB,iBAAiBC,kBAAkB,CAAA,GAAIC,eAC5CN,iBAAAA,IAAqB,CAAA,GAAIA,oBAAoB,CAC/C,CAAA;AACA,EAAA,MAAMO,OAAAA,GAAUC,YAAAA,CAA2C,EAAE,CAAA;AAE7DC,EAAAA,eAAAA,CAAU,MAAM;AACdF,IAAAA,OAAAA,CAAQG,OAAAA,CAAQN,eAAe,CAAA,EAAGO,KAAAA,EAAM;AAAA,EAC1C,CAAA,EAAG,CAACP,eAAe,CAAC,CAAA;AAEpBK,EAAAA,eAAAA,CAAU,MAAM;AACd,IAAA,IAAI1B,SAAAA,IAAaiB,qBAAqB,CAAA,EAAG;AACvC,MAAA,MAAMY,SAAAA,GAAYC,WAAW,MAAM;AACjCN,QAAAA,OAAAA,CAAQG,OAAAA,CAAQV,iBAAiB,CAAA,EAAGW,KAAAA,EAAM;AAAA,MAC5C,GAAG,CAAC,CAAA;AACJ,MAAA,OAAO,MAAMG,aAAaF,SAAS,CAAA;AAAA,IACrC;AAAA,EACF,CAAA,EAAG,CAAC7B,SAAAA,EAAWiB,iBAAiB,CAAC,CAAA;AAEjC,EAAA,MAAMe,eAAeC,iBAAAA,CACnB,CACEC,KAAAA,EACAC,KAAAA,EACAC,UACAC,UAAAA,KACG;AACH,IAAA,IAAIC,QAAAA,GAAWH,KAAAA;AAEf,IAAA,QAAQD,MAAMK,GAAAA;AAAG,MACf,KAAK,YAAA;AACHL,QAAAA,KAAAA,CAAMM,cAAAA,EAAe;AACrBF,QAAAA,QAAAA,GAAAA,CAAYH,QAAQ,CAAA,IAAK7B,SAAAA;AACzB,QAAA;AAAA,MACF,KAAK,WAAA;AACH4B,QAAAA,KAAAA,CAAMM,cAAAA,EAAe;AACrBF,QAAAA,QAAAA,GAAAA,CAAYH,KAAAA,GAAQ,IAAI7B,SAAAA,IAAaA,SAAAA;AACrC,QAAA;AAAA,MACF,KAAK,WAAA;AACH4B,QAAAA,KAAAA,CAAMM,cAAAA,EAAe;AACrBF,QAAAA,QAAAA,GAAAA,CAAYH,QAAQ9D,YAAAA,IAAgBiC,SAAAA;AACpC,QAAA;AAAA,MACF,KAAK,SAAA;AACH4B,QAAAA,KAAAA,CAAMM,cAAAA,EAAe;AACrBF,QAAAA,QAAAA,GAAAA,CAAYH,KAAAA,GAAQ9D,eAAeiC,SAAAA,IAAaA,SAAAA;AAChD,QAAA;AAAA,MACF,KAAK,OAAA;AAAA,MACL,KAAK,GAAA;AACH4B,QAAAA,KAAAA,CAAMM,cAAAA,EAAe;AACrB,QAAA,IAAI,CAACH,UAAAA,EAAY;AACftC,UAAAA,eAAAA,CAAgB0C,uBAAAA,CAAkBL,QAAAA,EAAUnC,QAAQ,CAAC,CAAA;AACrDL,UAAAA,eAAAA,EAAgB;AAAA,QAClB;AACA,QAAA;AAAA,MACF;AACE,QAAA;AAAA;AAGJ0B,IAAAA,kBAAAA,CAAmBgB,QAAQ,CAAA;AAC3Bd,IAAAA,OAAAA,CAAQG,OAAAA,CAAQW,QAAQ,CAAA,EAAGV,KAAAA,EAAM;AAAA,EACnC,GACA,CAACtB,SAAAA,EAAWP,eAAAA,EAAiBH,eAAAA,EAAiBK,QAAQ,CACxD,CAAA;AAEA,EAAA,IAAIyC,QAAAA,GAAW,CAAA;AAEf,EAAA,OAAO/C,YAAAA,CAAaQ,KAAAA,CAAMY,GAAAA,CAAI,CAAC;AAAA,IAAEwB,GAAAA,EAAKI,OAAAA;AAAAA,IAASxC,KAAAA,EAAOE;AAAAA,GAAK,KAAM;AAC/D,IAAA,uBACEuC,cAAA,CAAC,IAAA,EAAA,EACEvC,QAAAA,EAAAA,IAAAA,CAAKU,GAAAA,CAAI,CAAC;AAAA,MAAEC,IAAAA;AAAAA,MAAM6B,cAAAA;AAAAA,MAAgBN,GAAAA,EAAKO,MAAAA;AAAAA,MAAQ3C,KAAAA,EAAOiC;AAAAA,KAAS,KAAM;AACpE,MAAA,MAAMW,UAAAA,GAAapC,eAAAA,IAAmBS,mBAAAA,CAAWT,eAAAA,EAAiByB,QAAQ,CAAA;AAC1E,MAAA,MAAMY,SAAAA,GAAY5B,mBAAAA,CAAWZ,KAAAA,EAAO4B,QAAQ,CAAA;AAE5C,MAAA,MAAMa,YAAAA,GAAeC,0BAAAA,CAAqBrC,gBAAAA,EAAkBuB,QAAQ,CAAA;AAEpE,MAAA,MAAMe,gBAAAA,GAAmBtD,uBAAuBuC,QAAAA,GAAW5B,KAAAA;AAC3D,MAAA,MAAM6B,aAAaY,YAAAA,IAAgBE,gBAAAA;AACnC,MAAA,MAAMC,YAAAA,GAAeV,QAAAA;AACrBA,MAAAA,QAAAA,EAAAA;AAEA,MAAA,MAAMW,cAAcA,MAAM;AACxB,QAAA,IAAIhB,UAAAA,EAAY;AACd,UAAA,OAAO,KAAA;AAAA,QACT;AACAtC,QAAAA,eAAAA,CAAgB0C,uBAAAA,CAAkBL,QAAAA,EAAUnC,QAAQ,CAAC,CAAA;AACrDL,QAAAA,eAAAA,EAAgB;AAAA,MAClB,CAAA;AAEA,MAAA,uBACEgD,cAAA,CAACU,oBAAA,EAAA,EACC,GAAA,EAAKC,CAAAA,EAAAA,KAAM;AACT/B,QAAAA,OAAAA,CAAQG,OAAAA,CAAQyB,YAAY,CAAA,GAAIG,EAAAA;AAAAA,MAClC,CAAA,EACA,eAAA,EAAiBV,cAAAA,EACjB,WAAA,EAAaR,UAAAA,EACb,WAAA,EAAaU,UAAAA,EACb,UAAA,EAAYC,SAAAA,EAEZ,OAAA,EAASK,WAAAA,EACT,SAAA,EAAWG,OAAKxB,YAAAA,CAAawB,CAAAA,EAAGJ,YAAAA,EAAchB,QAAAA,EAAUC,UAAU,CAAA,EAClE,QAAA,EAAUe,YAAAA,KAAiB/B,kBAAkB,CAAA,GAAI,EAAA,EACjD,IAAA,EAAK,UAAA,EACL,YAAA,EAAYe,QAAAA,CAASqB,YAAAA,EAAa,EAEjCzC,kBAPI8B,MAQP,CAAA;AAAA,IAEJ,CAAC,KAvCMH,OAwCT,CAAA;AAAA,EAEJ,CAAC,CAAA;AACH,CAAA;AAcO,MAAMe,aAAaA,CAAC;AAAA,EACzBhE,kBAAAA;AAAAA,EACAiE,SAAAA;AAAAA,EACA3C,IAAAA;AAAAA,EACA4C,QAAAA,GAAW,KAAA;AAAA,EACX/D,mBAAAA,GAAsB,KAAA;AAAA,EACtBgE,YAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,qBAAAA,GAAwB,IAAA;AAAA,EACxB9D,QAAAA,GAAW;AACI,CAAA,KAAM;AACrB,EAAA,MAAM,CAAC+D,MAAAA,EAAQC,SAAS,CAAA,GAAI1C,eAAkB,KAAK,CAAA;AACnD,EAAA,MAAM,CAACzB,YAAAA,EAAcC,eAAe,CAAA,GAAIwB,cAAAA,EAAe;AACvD,EAAA,MAAM,CAAC2C,WAAAA,EAAaC,cAAc,CAAA,GAAI5C,cAAAA,EAAiB;AACvD,EAAA,MAAM,CAAC6C,YAAAA,EAAcC,eAAe,CAAA,GAAI9C,cAAAA,EAAiB;AACzD,EAAA,MAAM,CAAC+C,iBAAAA,EAAmBC,oBAAoB,CAAA,GAAIhD,eAAkB,KAAK,CAAA;AAEzE,EAAA,MAAMiD,kBAAsC,EAAC;AAC7C,EAAA,MAAMC,eAAAA,GAAkBC,yCAA2Bf,SAAS,CAAA;AAE5D,EAAA,IAAI7D,YAAAA,EAAc;AAChB0E,IAAAA,eAAAA,CAAgBG,WAAAA,GAAc7E,YAAAA;AAAAA,EAChC;AAEA4B,EAAAA,eAAAA,CAAU,MAAM;AACd,IAAA,IAAIV,IAAAA,EAAM;AACRjB,MAAAA,eAAAA,CAAgBiB,IAAI,CAAA;AAAA,IACtB;AAAA,EACF,CAAA,EAAG,CAACA,IAAI,CAAC,CAAA;AAET,EAAA,MAAM4D,iBAAAA,GAAoB3C,kBAAY,MAAM;AAC1CkC,IAAAA,cAAAA,CAAevD,MAAS,CAAA;AACxByD,IAAAA,eAAAA,CAAgBzD,MAAS,CAAA;AAAA,EAC3B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAMiE,YAAAA,GAAe5C,iBAAAA,CACnB,CAAC6C,IAAAA,KAAkB;AACjBb,IAAAA,SAAAA,CAAUa,IAAI,CAAA;AACd,IAAA,IAAI,CAACA,IAAAA,EAAM;AACTF,MAAAA,iBAAAA,EAAkB;AAClBL,MAAAA,oBAAAA,CAAqB,KAAK,CAAA;AAAA,IAC5B;AAAA,EACF,CAAA,EACA,CAACK,iBAAiB,CACpB,CAAA;AAEA,EAAA,MAAMG,iBAAAA,GAAoB9C,kBAAY,MAAM;AAC1CgC,IAAAA,SAAAA,CAAU,KAAK,CAAA;AACfW,IAAAA,iBAAAA,EAAkB;AAAA,EACpB,CAAA,EAAG,CAACA,iBAAiB,CAAC,CAAA;AAEtB,EAAA,MAAMI,YAAAA,GAAe/C,iBAAAA,CACnB,CAACjB,KAAAA,KAAqB;AACpBjB,IAAAA,eAAAA,CAAgBiB,KAAI,CAAA;AACpB6C,IAAAA,YAAAA,CAAa7C,KAAI,CAAA;AACjB4D,IAAAA,iBAAAA,EAAkB;AAAA,EACpB,CAAA,EACA,CAACf,YAAAA,EAAce,iBAAiB,CAClC,CAAA;AAEA,EAAA,MAAMK,YAAAA,GAAehD,iBAAAA,CAAY,CAACiD,IAAAA,KAAiB;AACjDf,IAAAA,cAAAA,CAAee,IAAI,CAAA;AACnBb,IAAAA,eAAAA,CAAgBzD,MAAS,CAAA;AAAA,EAC3B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAMuE,aAAAA,GAAgBlD,iBAAAA,CAAY,CAACiD,IAAAA,EAAcE,KAAAA,KAAkB;AACjEjB,IAAAA,cAAAA,CAAee,IAAI,CAAA;AACnBb,IAAAA,eAAAA,CAAgBe,KAAK,CAAA;AAAA,EACvB,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAMC,gBAAAA,GAAmBpD,iBAAAA,CAAY,CAACuB,CAAAA,KAAwC;AAC5E,IAAA,IAAIA,CAAAA,CAAEjB,GAAAA,KAAQ,OAAA,IAAWiB,CAAAA,CAAEjB,QAAQ,GAAA,EAAK;AACtCiB,MAAAA,CAAAA,CAAEhB,cAAAA,EAAe;AACjByB,MAAAA,SAAAA,CAAU,IAAI,CAAA;AACdM,MAAAA,oBAAAA,CAAqB,IAAI,CAAA;AAAA,IAC3B;AAAA,EACF,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,uCACG/F,uBAAA,CAAQ,IAAA,EAAR,EACC,YAAA,EACA,MAAMwF,MAAAA,EAEN,QAAA,EAAA;AAAA,oBAAApB,cAAA,CAAC,kBACC,QAAA,EACA,SAAA,EAAWyC,gBAAAA,EAEX,QAAA,kBAAAzC,cAAA,CAAC0C,0BACC,aAAA,EAAY,4BAAA,EACZ,QAAA,EACA,QAAA,EAAUtB,QACV,YAAA,EACA,WAAA,EACA,WAAA,EACA,YAAA,EACA,UAAmB,CAAA,EAEvB,CAAA;AAAA,mCACCxF,uBAAA,CAAQ,MAAA,EAAR,EAAe,SAAA,EAAWiG,iBACzB,QAAA,kBAAA7B,cAAA,CAAC,cAAA,EAAA,EACC,KAAA,EAAM,OAAA,EACN,iBAAiBmB,qBAAAA,EACjB,UAAA,EAAY,GAEZ,QAAA,kBAAAnB,cAAA,CAAC2C,uBAAA,EAAA,EACC,iBACA,YAAA,EACA,aAAA,EACA,YAAA,EACA,QAAA,EAECC,oCACC5C,cAAA,CAAC,QAAA,EAAA,EACC,kBAAA,EACA,SAAA,EAAW0B,mBACX,YAAA,EAAckB,IAAAA,EACd,eAAA,EAAiBT,iBAAAA,EACjB,qBACA,YAAA,EACA,eAAA,EAAiBC,cACjB,QAAA,EAAmB,CAAA,EAGzB,GACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { KeyboardEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { isSameDate, UseCalendarOptions } from '@h6s/calendar';\nimport * as Popover from '@radix-ui/react-popover';\nimport { Body, CalendarRenderer, DatePickerInput, DateTableCell } from './Common';\nimport {\n  isDateNotInAllowList,\n  shiftFromTimezone,\n  shiftToTimezone,\n  Timezone,\n} from './utils';\nimport { useResolvedPortalContainer } from '@/providers/PortalContext';\nimport styles from './DatePicker.module.css';\n\nconst DAYS_IN_WEEK = 7;\n\ninterface CalendarProps {\n  allowOnlyDatesList?: Array<Date>;\n  calendarBody: Body;\n  closeDatepicker: () => void;\n  futureDatesDisabled: boolean;\n  selectedDate?: Date;\n  setSelectedDate: (selectedDate: Date) => void;\n  autoFocus?: boolean;\n  timezone: Timezone;\n}\n\nconst Calendar = ({\n  allowOnlyDatesList,\n  calendarBody,\n  closeDatepicker,\n  futureDatesDisabled,\n  selectedDate,\n  setSelectedDate,\n  autoFocus = false,\n  timezone,\n}: CalendarProps) => {\n  const allDays = calendarBody.value.flatMap(week => week.value);\n  const totalDays = allDays.length;\n\n  const today = shiftToTimezone(new Date(), timezone);\n\n  const shiftedSelected = selectedDate\n    ? shiftToTimezone(selectedDate, timezone)\n    : undefined;\n\n  const shiftedAllowList = useMemo(() => {\n    return allowOnlyDatesList?.map(date => {\n      return shiftToTimezone(date, timezone);\n    });\n  }, [allowOnlyDatesList, timezone]);\n\n  const initialFocusIndex = allDays.findIndex(day =>\n    shiftedSelected\n      ? isSameDate(shiftedSelected, day.value)\n      : isSameDate(today, day.value)\n  );\n\n  const [focusedDayIndex, setFocusedDayIndex] = useState<number>(\n    initialFocusIndex >= 0 ? initialFocusIndex : 0\n  );\n  const dayRefs = useRef<Array<HTMLTableCellElement | null>>([]);\n\n  useEffect(() => {\n    dayRefs.current[focusedDayIndex]?.focus();\n  }, [focusedDayIndex]);\n\n  useEffect(() => {\n    if (autoFocus && initialFocusIndex >= 0) {\n      const timeoutId = setTimeout(() => {\n        dayRefs.current[initialFocusIndex]?.focus();\n      }, 0);\n      return () => clearTimeout(timeoutId);\n    }\n  }, [autoFocus, initialFocusIndex]);\n\n  const onDayKeyDown = useCallback(\n    (\n      event: KeyboardEvent<HTMLTableCellElement>,\n      index: number,\n      fullDate: Date,\n      isDisabled: boolean\n    ) => {\n      let newIndex = index;\n\n      switch (event.key) {\n        case 'ArrowRight':\n          event.preventDefault();\n          newIndex = (index + 1) % totalDays;\n          break;\n        case 'ArrowLeft':\n          event.preventDefault();\n          newIndex = (index - 1 + totalDays) % totalDays;\n          break;\n        case 'ArrowDown':\n          event.preventDefault();\n          newIndex = (index + DAYS_IN_WEEK) % totalDays;\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          newIndex = (index - DAYS_IN_WEEK + totalDays) % totalDays;\n          break;\n        case 'Enter':\n        case ' ':\n          event.preventDefault();\n          if (!isDisabled) {\n            setSelectedDate(shiftFromTimezone(fullDate, timezone));\n            closeDatepicker();\n          }\n          return;\n        default:\n          return;\n      }\n\n      setFocusedDayIndex(newIndex);\n      dayRefs.current[newIndex]?.focus();\n    },\n    [totalDays, setSelectedDate, closeDatepicker, timezone]\n  );\n\n  let dayIndex = 0;\n\n  return calendarBody.value.map(({ key: weekKey, value: week }) => {\n    return (\n      <tr key={weekKey}>\n        {week.map(({ date, isCurrentMonth, key: dayKey, value: fullDate }) => {\n          const isSelected = shiftedSelected && isSameDate(shiftedSelected, fullDate);\n          const isPresent = isSameDate(today, fullDate);\n\n          const isNotAllowed = isDateNotInAllowList(shiftedAllowList, fullDate);\n\n          const isFutureDisabled = futureDatesDisabled && fullDate > today;\n          const isDisabled = isNotAllowed || isFutureDisabled;\n          const currentIndex = dayIndex;\n          dayIndex++;\n\n          const handleClick = () => {\n            if (isDisabled) {\n              return false;\n            }\n            setSelectedDate(shiftFromTimezone(fullDate, timezone));\n            closeDatepicker();\n          };\n\n          return (\n            <DateTableCell\n              ref={el => {\n                dayRefs.current[currentIndex] = el;\n              }}\n              isCurrentMonth={isCurrentMonth}\n              isDisabled={isDisabled}\n              isSelected={Boolean(isSelected)}\n              isPresent={isPresent}\n              key={dayKey}\n              onClick={handleClick}\n              onKeyDown={e => onDayKeyDown(e, currentIndex, fullDate, isDisabled)}\n              tabIndex={currentIndex === focusedDayIndex ? 0 : -1}\n              role=\"gridcell\"\n              aria-label={fullDate.toDateString()}\n            >\n              {date}\n            </DateTableCell>\n          );\n        })}\n      </tr>\n    );\n  });\n};\n\nexport interface DatePickerProps {\n  allowOnlyDatesList?: Array<Date>;\n  container?: HTMLElement | null;\n  date?: Date;\n  disabled?: boolean;\n  futureDatesDisabled?: boolean;\n  onSelectDate: (selectedDate: Date) => void;\n  placeholder?: string;\n  responsivePositioning?: boolean;\n  timezone?: Timezone;\n}\n\nexport const DatePicker = ({\n  allowOnlyDatesList,\n  container,\n  date,\n  disabled = false,\n  futureDatesDisabled = false,\n  onSelectDate,\n  placeholder,\n  responsivePositioning = true,\n  timezone = 'system',\n}: DatePickerProps) => {\n  const [isOpen, setIsOpen] = useState<boolean>(false);\n  const [selectedDate, setSelectedDate] = useState<Date>();\n  const [partialYear, setPartialYear] = useState<number>();\n  const [partialMonth, setPartialMonth] = useState<number>();\n  const [autoFocusCalendar, setAutoFocusCalendar] = useState<boolean>(false);\n\n  const calendarOptions: UseCalendarOptions = {};\n  const portalContainer = useResolvedPortalContainer(container);\n\n  if (selectedDate) {\n    calendarOptions.defaultDate = selectedDate;\n  }\n\n  useEffect(() => {\n    if (date) {\n      setSelectedDate(date);\n    }\n  }, [date]);\n\n  const resetPartialState = useCallback(() => {\n    setPartialYear(undefined);\n    setPartialMonth(undefined);\n  }, []);\n\n  const onOpenChange = useCallback(\n    (open: boolean) => {\n      setIsOpen(open);\n      if (!open) {\n        resetPartialState();\n        setAutoFocusCalendar(false);\n      }\n    },\n    [resetPartialState]\n  );\n\n  const onCloseDatePicker = useCallback(() => {\n    setIsOpen(false);\n    resetPartialState();\n  }, [resetPartialState]);\n\n  const onDateSelect = useCallback(\n    (date: Date): void => {\n      setSelectedDate(date);\n      onSelectDate(date);\n      resetPartialState();\n    },\n    [onSelectDate, resetPartialState]\n  );\n\n  const onYearSelect = useCallback((year: number) => {\n    setPartialYear(year);\n    setPartialMonth(undefined);\n  }, []);\n\n  const onMonthSelect = useCallback((year: number, month: number) => {\n    setPartialYear(year);\n    setPartialMonth(month);\n  }, []);\n\n  const onTriggerKeyDown = useCallback((e: KeyboardEvent<HTMLButtonElement>) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      setIsOpen(true);\n      setAutoFocusCalendar(true);\n    }\n  }, []);\n\n  return (\n    <Popover.Root\n      onOpenChange={onOpenChange}\n      open={isOpen}\n    >\n      <Popover.Trigger\n        className={styles['popover-trigger']}\n        disabled={disabled}\n        onKeyDown={onTriggerKeyDown}\n      >\n        <DatePickerInput\n          data-testid=\"datepicker-input-container\"\n          disabled={disabled}\n          isActive={isOpen}\n          partialMonth={partialMonth}\n          partialYear={partialYear}\n          placeholder={placeholder}\n          selectedDate={selectedDate}\n          timezone={timezone}\n        />\n      </Popover.Trigger>\n      <Popover.Portal container={portalContainer}>\n        <Popover.Content\n          className={styles['popover-content']}\n          align=\"start\"\n          avoidCollisions={responsivePositioning}\n          sideOffset={4}\n        >\n          <CalendarRenderer\n            calendarOptions={calendarOptions}\n            onYearSelect={onYearSelect}\n            onMonthSelect={onMonthSelect}\n            selectedDate={selectedDate}\n            timezone={timezone}\n          >\n            {body => (\n              <Calendar\n                allowOnlyDatesList={allowOnlyDatesList}\n                autoFocus={autoFocusCalendar}\n                calendarBody={body}\n                closeDatepicker={onCloseDatePicker}\n                futureDatesDisabled={futureDatesDisabled}\n                selectedDate={selectedDate}\n                setSelectedDate={onDateSelect}\n                timezone={timezone}\n              />\n            )}\n          </CalendarRenderer>\n        </Popover.Content>\n      </Popover.Portal>\n    </Popover.Root>\n  );\n};\n"],"names":["shiftToTimezone","useMemo","isSameDate","useState","useRef","useEffect","useCallback","shiftFromTimezone","jsx","isDateNotInAllowList","DateTableCell","useResolvedPortalContainer","date","jsxs","Popover","styles","DatePickerInput","CalendarRenderer"],"mappings":"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"}

package/dist/cjs/components/DatePicker/utils.cjs

@@ -15,10 +15,7 @@ const createFormatter = (options) => {
   const timezoneFormatters = {};
   return (timezone, date) => {
     if (!timezoneFormatters[timezone]) {
-      const opts = timezone === "UTC" ? {
-        ...options,
-        timeZone: "UTC"
-      } : options;
+      const opts = timezone === "UTC" ? { ...options, timeZone: "UTC" } : options;
       timezoneFormatters[timezone] = new Intl.DateTimeFormat(locale, opts);
     }
     return timezoneFormatters[timezone].format(date);
@@ -29,9 +26,7 @@ const formatSelectedDate = createFormatter({
   month: "short",
   year: "numeric"
 });
-const formatWeekday = createFormatter({
-  weekday: "short"
-});
+const formatWeekday = createFormatter({ weekday: "short" });
 const formatSelectedDateTime = createFormatter({
   day: "2-digit",
   month: "short",
@@ -92,10 +87,7 @@ const datesAreWithinMaxRange = (startDate, endDate, maxRangeLength) => {
   const daysDifference = Math.abs(dayjs__default.default(startDate).diff(dayjs__default.default(endDate), "days"));
   return daysDifference <= maxRangeLength;
 };
-const isDateRangeTheWholeMonth = ({
-  startDate,
-  endDate
-}, timezone = "system") => {
+const isDateRangeTheWholeMonth = ({ startDate, endDate }, timezone = "system") => {
   const start = timezone === "UTC" ? dayjs__default.default.utc(startDate) : dayjs__default.default(startDate);
   const end = timezone === "UTC" ? dayjs__default.default.utc(endDate) : dayjs__default.default(endDate);
   if (start.month() !== end.month()) {

package/dist/cjs/components/DatePicker/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["import { isSameDate } from '@h6s/calendar';\nimport { dayjs } from '@/utils/date';\n\nexport type Timezone = 'system' | 'UTC';\n\nexport interface DateRange {\n  startDate: Date;\n  endDate: Date;\n}\n\nconst locale = 'en-US';\n\nexport type Meridiem = 'am' | 'pm';\n\nexport interface Time {\n  hour: number;\n  minutes: number;\n}\n\nexport interface DateRangeListItem {\n  dateRange: DateRange;\n  label: string;\n}\n\nconst createFormatter = (options: Intl.DateTimeFormatOptions) => {\n  const timezoneFormatters: Partial<Record<Timezone, Intl.DateTimeFormat>> = {};\n\n  return (timezone: Timezone, date: Date): string => {\n    if (!timezoneFormatters[timezone]) {\n      const opts = timezone === 'UTC' ? { ...options, timeZone: 'UTC' } : options;\n      timezoneFormatters[timezone] = new Intl.DateTimeFormat(locale, opts);\n    }\n    return timezoneFormatters[timezone].format(date);\n  };\n};\n\nexport const formatSelectedDate = createFormatter({\n  day: '2-digit',\n  month: 'short',\n  year: 'numeric',\n});\n\nexport const formatWeekday = createFormatter({ weekday: 'short' });\n\nexport const formatSelectedDateTime = createFormatter({\n  day: '2-digit',\n  month: 'short',\n  hour: '2-digit',\n  minute: '2-digit',\n});\n\nexport const formatSelectedDateTimeWithSeconds = createFormatter({\n  day: '2-digit',\n  month: 'short',\n  hour: '2-digit',\n  minute: '2-digit',\n  second: '2-digit',\n});\n\nexport const formatDateHeader = createFormatter({\n  month: 'short',\n  year: 'numeric',\n});\n\n// In UTC mode, shift by the host offset so local-time getters return UTC\n// values. shiftFromTimezone reverses it.\n//\n// Caveat: round-tripping across a DST boundary drifts by an hour — each\n// direction reads getTimezoneOffset on its own input. Call sites don't\n// round-trip the same Date, so this hasn't bitten us.\nexport const shiftToTimezone = (date: Date, timezone: Timezone): Date => {\n  if (timezone !== 'UTC') {\n    return date;\n  }\n  return new Date(date.getTime() + date.getTimezoneOffset() * 60_000);\n};\n\nexport const shiftFromTimezone = (date: Date, timezone: Timezone): Date => {\n  if (timezone !== 'UTC') {\n    return date;\n  }\n  return new Date(date.getTime() - date.getTimezoneOffset() * 60_000);\n};\n\nexport const getPredefinedMonthsForDateRangePicker = (\n  numberOfMonths: number\n): DateRange[] => {\n  const now = dayjs();\n\n  if (numberOfMonths < 0) {\n    const lastSixMonths: DateRange[] = [];\n    for (let i = 0; i < Math.abs(numberOfMonths); i++) {\n      const date = now.subtract(i, 'month');\n      if (date.date() === 1 && date.month() === now.month()) {\n        continue;\n      }\n      lastSixMonths.push({\n        startDate: date.startOf('month').toDate(),\n        endDate: i === 0 ? now.toDate() : date.endOf('month').toDate(),\n      });\n    }\n\n    return lastSixMonths.reverse();\n  }\n\n  const nextSixMonths: DateRange[] = [];\n  for (let i = 0; i < numberOfMonths; i++) {\n    const date = now.add(i, 'month');\n    nextSixMonths.push({\n      startDate: date.startOf('month').toDate(),\n      endDate: date.endOf('month').toDate(),\n    });\n  }\n\n  return nextSixMonths;\n};\n\nexport const getPredefinedTimePeriodsForDateTimePicker = (): DateRangeListItem[] => {\n  const now = dayjs();\n\n  const fifteenMinutesAgo = now.subtract(15, 'minute');\n  const thirtyMinutesAgo = now.subtract(30, 'minute');\n  const oneHourAgo = now.subtract(1, 'hour');\n  const sixHoursAgo = now.subtract(6, 'hour');\n  const oneDayAgo = now.subtract(1, 'day');\n  const oneMonthAgo = now.subtract(1, 'month');\n\n  const dateRangeList: DateRangeListItem[] = [\n    {\n      dateRange: {\n        startDate: fifteenMinutesAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past 15 minutes',\n    },\n    {\n      dateRange: {\n        startDate: thirtyMinutesAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past 30 minutes',\n    },\n    {\n      dateRange: {\n        startDate: oneHourAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past hour',\n    },\n    {\n      dateRange: {\n        startDate: sixHoursAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past 6 hours',\n    },\n    {\n      dateRange: {\n        startDate: oneDayAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past day',\n    },\n    {\n      dateRange: {\n        startDate: oneMonthAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past month',\n    },\n  ];\n\n  return dateRangeList;\n};\n\nexport const getNextNDatesForDatePickerAllowOnlyList = (numberOfDays: number): Date[] => {\n  const now = dayjs();\n\n  return Array.from({ length: numberOfDays }, (_, i) =>\n    now.add(i, 'day').startOf('day').toDate()\n  );\n};\n\nexport const isDateNotInAllowList = (\n  allowList: Array<Date> | undefined,\n  date: Date\n): boolean =>\n  Array.isArray(allowList) &&\n  allowList.length > 0 &&\n  !allowList.some(allowedDate => isSameDate(allowedDate, date));\n\nexport const datesAreWithinMaxRange = (\n  startDate: Date,\n  endDate: Date,\n  maxRangeLength: number\n): boolean => {\n  const daysDifference = Math.abs(dayjs(startDate).diff(dayjs(endDate), 'days'));\n\n  return daysDifference <= maxRangeLength;\n};\n\nexport const isDateRangeTheWholeMonth = (\n  { startDate, endDate }: DateRange,\n  timezone: Timezone = 'system'\n): boolean => {\n  const start = timezone === 'UTC' ? dayjs.utc(startDate) : dayjs(startDate);\n  const end = timezone === 'UTC' ? dayjs.utc(endDate) : dayjs(endDate);\n\n  if (start.month() !== end.month()) {\n    return false;\n  }\n\n  const startDateIsFirstDay = start.isSame(start.startOf('month'), 'day');\n  const endDateIsLastDay = end.isSame(end.endOf('month'), 'day');\n\n  return startDateIsFirstDay && endDateIsLastDay;\n};\n\nexport const dateRangeIsValid = (dateRange: DateRange): boolean => {\n  if (!dateRange?.startDate || !dateRange?.endDate) {\n    return false;\n  }\n\n  if (!(dateRange.startDate instanceof Date) || !dayjs(dateRange.startDate).isValid()) {\n    return false;\n  }\n\n  if (!(dateRange.endDate instanceof Date) || !dayjs(dateRange.endDate).isValid()) {\n    return false;\n  }\n\n  if (dateRange.startDate.getTime() > dateRange.endDate.getTime()) {\n    return false;\n  }\n\n  return true;\n};\n"],"names":["locale","createFormatter","options","timezoneFormatters","timezone","date","opts","timeZone","Intl","DateTimeFormat","format","formatSelectedDate","day","month","year","formatWeekday","weekday","formatSelectedDateTime","hour","minute","formatSelectedDateTimeWithSeconds","second","formatDateHeader","shiftToTimezone","Date","getTime","getTimezoneOffset","shiftFromTimezone","getPredefinedMonthsForDateRangePicker","numberOfMonths","now","dayjs","lastSixMonths","i","Math","abs","subtract","push","startDate","startOf","toDate","endDate","endOf","reverse","nextSixMonths","add","isDateNotInAllowList","allowList","Array","isArray","length","some","allowedDate","isSameDate","datesAreWithinMaxRange","maxRangeLength","daysDifference","diff","isDateRangeTheWholeMonth","start","utc","end","startDateIsFirstDay","isSame","endDateIsLastDay","dateRangeIsValid","dateRange","isValid"],"mappings":"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"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/DatePicker/utils.ts"],"sourcesContent":["import { isSameDate } from '@h6s/calendar';\nimport { dayjs } from '@/utils/date';\n\nexport type Timezone = 'system' | 'UTC';\n\nexport interface DateRange {\n  startDate: Date;\n  endDate: Date;\n}\n\nconst locale = 'en-US';\n\nexport type Meridiem = 'am' | 'pm';\n\nexport interface Time {\n  hour: number;\n  minutes: number;\n}\n\nexport interface DateRangeListItem {\n  dateRange: DateRange;\n  label: string;\n}\n\nconst createFormatter = (options: Intl.DateTimeFormatOptions) => {\n  const timezoneFormatters: Partial<Record<Timezone, Intl.DateTimeFormat>> = {};\n\n  return (timezone: Timezone, date: Date): string => {\n    if (!timezoneFormatters[timezone]) {\n      const opts = timezone === 'UTC' ? { ...options, timeZone: 'UTC' } : options;\n      timezoneFormatters[timezone] = new Intl.DateTimeFormat(locale, opts);\n    }\n    return timezoneFormatters[timezone].format(date);\n  };\n};\n\nexport const formatSelectedDate = createFormatter({\n  day: '2-digit',\n  month: 'short',\n  year: 'numeric',\n});\n\nexport const formatWeekday = createFormatter({ weekday: 'short' });\n\nexport const formatSelectedDateTime = createFormatter({\n  day: '2-digit',\n  month: 'short',\n  hour: '2-digit',\n  minute: '2-digit',\n});\n\nexport const formatSelectedDateTimeWithSeconds = createFormatter({\n  day: '2-digit',\n  month: 'short',\n  hour: '2-digit',\n  minute: '2-digit',\n  second: '2-digit',\n});\n\nexport const formatDateHeader = createFormatter({\n  month: 'short',\n  year: 'numeric',\n});\n\n// In UTC mode, shift by the host offset so local-time getters return UTC\n// values. shiftFromTimezone reverses it.\n//\n// Caveat: round-tripping across a DST boundary drifts by an hour — each\n// direction reads getTimezoneOffset on its own input. Call sites don't\n// round-trip the same Date, so this hasn't bitten us.\nexport const shiftToTimezone = (date: Date, timezone: Timezone): Date => {\n  if (timezone !== 'UTC') {\n    return date;\n  }\n  return new Date(date.getTime() + date.getTimezoneOffset() * 60_000);\n};\n\nexport const shiftFromTimezone = (date: Date, timezone: Timezone): Date => {\n  if (timezone !== 'UTC') {\n    return date;\n  }\n  return new Date(date.getTime() - date.getTimezoneOffset() * 60_000);\n};\n\nexport const getPredefinedMonthsForDateRangePicker = (\n  numberOfMonths: number\n): DateRange[] => {\n  const now = dayjs();\n\n  if (numberOfMonths < 0) {\n    const lastSixMonths: DateRange[] = [];\n    for (let i = 0; i < Math.abs(numberOfMonths); i++) {\n      const date = now.subtract(i, 'month');\n      if (date.date() === 1 && date.month() === now.month()) {\n        continue;\n      }\n      lastSixMonths.push({\n        startDate: date.startOf('month').toDate(),\n        endDate: i === 0 ? now.toDate() : date.endOf('month').toDate(),\n      });\n    }\n\n    return lastSixMonths.reverse();\n  }\n\n  const nextSixMonths: DateRange[] = [];\n  for (let i = 0; i < numberOfMonths; i++) {\n    const date = now.add(i, 'month');\n    nextSixMonths.push({\n      startDate: date.startOf('month').toDate(),\n      endDate: date.endOf('month').toDate(),\n    });\n  }\n\n  return nextSixMonths;\n};\n\nexport const getPredefinedTimePeriodsForDateTimePicker = (): DateRangeListItem[] => {\n  const now = dayjs();\n\n  const fifteenMinutesAgo = now.subtract(15, 'minute');\n  const thirtyMinutesAgo = now.subtract(30, 'minute');\n  const oneHourAgo = now.subtract(1, 'hour');\n  const sixHoursAgo = now.subtract(6, 'hour');\n  const oneDayAgo = now.subtract(1, 'day');\n  const oneMonthAgo = now.subtract(1, 'month');\n\n  const dateRangeList: DateRangeListItem[] = [\n    {\n      dateRange: {\n        startDate: fifteenMinutesAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past 15 minutes',\n    },\n    {\n      dateRange: {\n        startDate: thirtyMinutesAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past 30 minutes',\n    },\n    {\n      dateRange: {\n        startDate: oneHourAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past hour',\n    },\n    {\n      dateRange: {\n        startDate: sixHoursAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past 6 hours',\n    },\n    {\n      dateRange: {\n        startDate: oneDayAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past day',\n    },\n    {\n      dateRange: {\n        startDate: oneMonthAgo.toDate(),\n        endDate: now.toDate(),\n      },\n      label: 'Past month',\n    },\n  ];\n\n  return dateRangeList;\n};\n\nexport const getNextNDatesForDatePickerAllowOnlyList = (numberOfDays: number): Date[] => {\n  const now = dayjs();\n\n  return Array.from({ length: numberOfDays }, (_, i) =>\n    now.add(i, 'day').startOf('day').toDate()\n  );\n};\n\nexport const isDateNotInAllowList = (\n  allowList: Array<Date> | undefined,\n  date: Date\n): boolean =>\n  Array.isArray(allowList) &&\n  allowList.length > 0 &&\n  !allowList.some(allowedDate => isSameDate(allowedDate, date));\n\nexport const datesAreWithinMaxRange = (\n  startDate: Date,\n  endDate: Date,\n  maxRangeLength: number\n): boolean => {\n  const daysDifference = Math.abs(dayjs(startDate).diff(dayjs(endDate), 'days'));\n\n  return daysDifference <= maxRangeLength;\n};\n\nexport const isDateRangeTheWholeMonth = (\n  { startDate, endDate }: DateRange,\n  timezone: Timezone = 'system'\n): boolean => {\n  const start = timezone === 'UTC' ? dayjs.utc(startDate) : dayjs(startDate);\n  const end = timezone === 'UTC' ? dayjs.utc(endDate) : dayjs(endDate);\n\n  if (start.month() !== end.month()) {\n    return false;\n  }\n\n  const startDateIsFirstDay = start.isSame(start.startOf('month'), 'day');\n  const endDateIsLastDay = end.isSame(end.endOf('month'), 'day');\n\n  return startDateIsFirstDay && endDateIsLastDay;\n};\n\nexport const dateRangeIsValid = (dateRange: DateRange): boolean => {\n  if (!dateRange?.startDate || !dateRange?.endDate) {\n    return false;\n  }\n\n  if (!(dateRange.startDate instanceof Date) || !dayjs(dateRange.startDate).isValid()) {\n    return false;\n  }\n\n  if (!(dateRange.endDate instanceof Date) || !dayjs(dateRange.endDate).isValid()) {\n    return false;\n  }\n\n  if (dateRange.startDate.getTime() > dateRange.endDate.getTime()) {\n    return false;\n  }\n\n  return true;\n};\n"],"names":["dayjs","isSameDate"],"mappings":"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"}

package/dist/cjs/components/Dialog/Dialog.css

@@ -1,4 +1,4 @@
-/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. opaqueBackground) */
+@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. opaqueBackground) */
 .trigger__bbzuV {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features -- `fit-content`
      keyword on `width` is widely supported on evergreen browsers; the original
@@ -95,3 +95,4 @@
   color: var(--click-dialog-color-description-default);
   font: var(--click-dialog-typography-description-default);
 }
+}

package/dist/cjs/components/Dialog/index.cjs

@@ -34,10 +34,7 @@ function _interopNamespace(e) {
 
 const RadixDialog__namespace = /*#__PURE__*/_interopNamespace(RadixDialog);
 
-const Dialog = ({
-  children,
-  ...props
-}) => {
+const Dialog = ({ children, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Root, { ...props, children });
 };
 const DialogTrigger = ({
@@ -46,15 +43,26 @@ const DialogTrigger = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Trigger, { asChild, className: asChild ? className : cva.cn(Dialog_module.default.trigger, className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixDialog__namespace.Trigger,
+    {
+      asChild,
+      className: asChild ? className : cva.cn(Dialog_module.default.trigger, className),
+      ...props,
+      children
+    }
+  );
 };
 DialogTrigger.displayName = "DialogTrigger";
 Dialog.Trigger = DialogTrigger;
-const DialogClose = ({
-  label = "Close",
-  type = "secondary",
-  ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { type, label, ...props }) });
+const DialogClose = ({ label = "Close", type = "secondary", ...props }) => /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+  Button.Button,
+  {
+    type,
+    label,
+    ...props
+  }
+) });
 DialogClose.displayName = "DialogClose";
 Dialog.Close = DialogClose;
 const contentAreaVariants = classVarianceAuthority.cva(Dialog_module.default.content, {
@@ -71,9 +79,13 @@ const titleAreaVariants = classVarianceAuthority.cva(Dialog_module.default["titl
     }
   }
 });
-const CloseButton = ({
-  onClose
-}) => /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(CrossButton.CrossButton, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "cross", size: "lg" }) }) });
+const CloseButton = ({ onClose }) => /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(CrossButton.CrossButton, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsx(
+  Icon.Icon,
+  {
+    name: "cross",
+    size: "lg"
+  }
+) }) });
 const DialogContent = ({
   title,
   description,
@@ -88,24 +100,48 @@ const DialogContent = ({
   ...props
 }) => {
   const portalContainer = PortalContext.useResolvedPortalContainer(container);
-  return /* @__PURE__ */ jsxRuntime.jsxs(RadixDialog__namespace.Portal, { forceMount, container: portalContainer, children: [
-    showOverlay && /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, { className: Dialog_module.default.overlay }),
-    /* @__PURE__ */ jsxRuntime.jsxs(RadixDialog__namespace.Content, { "data-testid": "click-dialog-contentarea", ...props, className: cva.cn(contentAreaVariants({
-      reducePadding
-    }), className), children: [
-      (title || showClose) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(titleAreaVariants({
-          onlyClose: !!showClose && !title
-        })), children: [
-          title && /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { "data-testid": "click-dialog-title", className: Dialog_module.default.title, children: title }),
-          showClose && /* @__PURE__ */ jsxRuntime.jsx(CloseButton, { "data-testid": "click-dialog-close", onClose })
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(Spacer.Spacer, { size: "sm" })
-      ] }),
-      description ? /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { className: Dialog_module.default.description, children: description }) : /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { hidden: true }),
-      children
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    RadixDialog__namespace.Portal,
+    {
+      forceMount,
+      container: portalContainer,
+      children: [
+        showOverlay && /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, { className: Dialog_module.default.overlay }),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          RadixDialog__namespace.Content,
+          {
+            "data-testid": "click-dialog-contentarea",
+            ...props,
+            className: cva.cn(contentAreaVariants({ reducePadding }), className),
+            children: [
+              (title || showClose) && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cva.cn(titleAreaVariants({ onlyClose: !!showClose && !title })), children: [
+                  title && /* @__PURE__ */ jsxRuntime.jsx(
+                    RadixDialog__namespace.Title,
+                    {
+                      "data-testid": "click-dialog-title",
+                      className: Dialog_module.default.title,
+                      children: title
+                    }
+                  ),
+                  showClose && /* @__PURE__ */ jsxRuntime.jsx(
+                    CloseButton,
+                    {
+                      "data-testid": "click-dialog-close",
+                      onClose
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx(Spacer.Spacer, { size: "sm" })
+              ] }),
+              description ? /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { className: Dialog_module.default.description, children: description }) : /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { hidden: true }),
+              children
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
 DialogContent.displayName = "DialogContent";
 Dialog.Content = DialogContent;