@causw/core 0.0.16 → 0.0.17

package/dist/components/Calendar/Calendar.d.mts

@@ -1,5 +1,5 @@
 import { CalendarVariants, eventBarStyles } from "./Calendar.styles.mjs";
-import * as react_jsx_runtime82 from "react/jsx-runtime";
+import * as react_jsx_runtime77 from "react/jsx-runtime";
 
 //#region src/components/Calendar/Calendar.d.ts
 type CalendarEvent = {
@@ -14,6 +14,7 @@ interface CalendarProps extends CalendarVariants {
   events?: CalendarEvent[];
   defaultMonth?: Date;
   today?: Date;
+  showToday?: boolean;
   selectedStartDate?: Date;
   selectedEndDate?: Date;
   onDateClick?: (date: Date) => void;
@@ -26,13 +27,14 @@ declare const Calendar: {
     events,
     defaultMonth,
     today,
+    showToday,
     size,
     selectedStartDate,
     selectedEndDate,
     onDateClick,
     onEventClick,
     enableHover
-  }: CalendarProps): react_jsx_runtime82.JSX.Element;
+  }: CalendarProps): react_jsx_runtime77.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/Calendar/Calendar.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"mappings":";;;;KA6BY,aAAA;EACV,EAAA;EACA,KAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA,eAAmB,cAAA,CAAe,QAAA;AAAA;AAAA,UAGnB,aAAA,SAAsB,gBAAA;EACrC,SAAA;EACA,MAAA,GAAS,aAAA;EACT,YAAA,GAAe,IAAA;EACf,KAAA,GAAQ,IAAA;EACR,iBAAA,GAAoB,IAAA;EACpB,eAAA,GAAkB,IAAA;EAClB,WAAA,IAAe,IAAA,EAAM,IAAA;EACrB,YAAA,IAAgB,KAAA,EAAO,aAAA;EACvB,WAAA;AAAA;AAAA,cAeW,QAAA;EAAA;;;;;;;;;;;KAWV,aAAA,GAAa,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"mappings":";;;;KA6BY,aAAA;EACV,EAAA;EACA,KAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA,eAAmB,cAAA,CAAe,QAAA;AAAA;AAAA,UAGnB,aAAA,SAAsB,gBAAA;EACrC,SAAA;EACA,MAAA,GAAS,aAAA;EACT,YAAA,GAAe,IAAA;EACf,KAAA,GAAQ,IAAA;EACR,SAAA;EACA,iBAAA,GAAoB,IAAA;EACpB,eAAA,GAAkB,IAAA;EAClB,WAAA,IAAe,IAAA,EAAM,IAAA;EACrB,YAAA,IAAgB,KAAA,EAAO,aAAA;EACvB,WAAA;AAAA;AAAA,cAeW,QAAA;EAAA;;;;;;;;;;;;KAYV,aAAA,GAAa,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Calendar/Calendar.mjs

@@ -22,7 +22,7 @@ const getEventRange = (event) => {
 		end: event.endDate ? parseDateStr(event.endDate) : start
 	};
 };
-const Calendar = ({ className, events = [], defaultMonth = /* @__PURE__ */ new Date(), today = /* @__PURE__ */ new Date(), size, selectedStartDate, selectedEndDate, onDateClick, onEventClick, enableHover = false }) => {
+const Calendar = ({ className, events = [], defaultMonth = /* @__PURE__ */ new Date(), today = /* @__PURE__ */ new Date(), showToday = true, size, selectedStartDate, selectedEndDate, onDateClick, onEventClick, enableHover = false }) => {
 	const { wrapper, layoutContainer, header, navContainerLeft, navContainerRight, navButton, navIcon, caption, gridHeader, weekday, gridBody, cell, cellEmpty, eventList, eventItemHeight } = calendar({
 		size,
 		hoverEffect: enableHover
@@ -116,7 +116,7 @@ const Calendar = ({ className, events = [], defaultMonth = /* @__PURE__ */ new D
 						const currentDate = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day);
 						const dateKey = formatDateStr(currentDate);
 						const daysEvents = eventsByDate.get(dateKey) || [];
-						const isToday = isSameDay(currentDate, today);
+						const isToday = showToday && isSameDay(currentDate, today);
 						const isStart = selectedStartDate && isSameDay(currentDate, selectedStartDate);
 						const isEnd = selectedEndDate && isSameDay(currentDate, selectedEndDate);
 						const isBetween = selectedStartDate && selectedEndDate && isWithinInterval(currentDate, {

package/dist/components/Calendar/Calendar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.mjs","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  format,\n  addMonths,\n  subMonths,\n  startOfMonth,\n  endOfMonth,\n  addDays,\n  subDays,\n  getDay,\n  getDaysInMonth,\n  isSameDay,\n  isWithinInterval,\n  differenceInCalendarDays,\n} from 'date-fns';\nimport { ko } from 'date-fns/locale';\n\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { Grid } from '../Grid';\nimport { ChevronLeft, ChevronRight } from '@causw/icons';\n\nimport {\n  calendar,\n  eventBarStyles,\n  type CalendarVariants,\n} from './Calendar.styles';\nimport { mergeStyles } from '../../utils';\n\nexport type CalendarEvent = {\n  id: string | number;\n  title: string;\n  startDate: string;\n  endDate?: string;\n  type: keyof typeof eventBarStyles.variants;\n};\n\nexport interface CalendarProps extends CalendarVariants {\n  className?: string;\n  events?: CalendarEvent[];\n  defaultMonth?: Date;\n  today?: Date;\n  selectedStartDate?: Date;\n  selectedEndDate?: Date;\n  onDateClick?: (date: Date) => void;\n  onEventClick?: (event: CalendarEvent) => void;\n  enableHover?: boolean;\n}\n\nconst parseDateStr = (dateStr: string) => {\n  const [y, m, d] = dateStr.split('-').map(Number);\n  return new Date(y, m - 1, d);\n};\nconst formatDateStr = (date: Date) => format(date, 'yyyy-MM-dd');\n\nconst getEventRange = (event: CalendarEvent) => {\n  const start = parseDateStr(event.startDate);\n  const end = event.endDate ? parseDateStr(event.endDate) : start;\n  return { start, end };\n};\n\nexport const Calendar = ({\n  className,\n  events = [],\n  defaultMonth = new Date(),\n  today = new Date(),\n  size,\n  selectedStartDate,\n  selectedEndDate,\n  onDateClick,\n  onEventClick,\n  enableHover = false,\n}: CalendarProps) => {\n  const {\n    wrapper,\n    layoutContainer,\n    header,\n    navContainerLeft,\n    navContainerRight,\n    navButton,\n    navIcon,\n    caption,\n    gridHeader,\n    weekday,\n    gridBody,\n    cell,\n    cellEmpty,\n    eventList,\n    eventItemHeight,\n  } = calendar({ size, hoverEffect: enableHover });\n\n  const [currentMonth, setCurrentMonth] = useState(defaultMonth);\n  const totalDays = getDaysInMonth(currentMonth);\n  const startDayIndex = getDay(startOfMonth(currentMonth));\n  const weekDays = ['일', '월', '화', '수', '목', '금', '토'];\n\n  const handlePrevMonth = () => setCurrentMonth((prev) => subMonths(prev, 1));\n  const handleNextMonth = () => setCurrentMonth((prev) => addMonths(prev, 1));\n\n  const eventsByDate = useMemo(() => {\n    const map = new Map<string, CalendarEvent[]>();\n    const mStart = startOfMonth(currentMonth);\n    const mEnd = endOfMonth(currentMonth);\n\n    const relevantEvents = events.filter((event) => {\n      const { start, end } = getEventRange(event);\n      return start <= mEnd && end >= mStart;\n    });\n\n    for (const event of relevantEvents) {\n      const { start, end } = getEventRange(event);\n      let d = start < mStart ? mStart : start;\n      const eventEndDate = end > mEnd ? mEnd : end;\n\n      while (d <= eventEndDate) {\n        const dateKey = formatDateStr(d);\n        const dailyEvents = map.get(dateKey) ?? [];\n        map.set(dateKey, [...dailyEvents, event]);\n        d = addDays(d, 1);\n      }\n    }\n    return map;\n  }, [currentMonth, events]);\n\n  return (\n    <Box className={wrapper({ className })}>\n      <Box className={layoutContainer()}>\n        <Grid columns={7} className={header()}>\n          <Flex className={navContainerLeft()}>\n            <button\n              onClick={handlePrevMonth}\n              className={navButton()}\n              type=\"button\"\n            >\n              <ChevronLeft className={navIcon()} />\n            </button>\n          </Flex>\n          <Box className=\"col-span-5 flex items-center justify-center\">\n            <span className={caption()}>\n              {format(currentMonth, 'yyyy년 M월', { locale: ko })}\n            </span>\n          </Box>\n          <Flex className={navContainerRight()}>\n            <button\n              onClick={handleNextMonth}\n              className={navButton()}\n              type=\"button\"\n            >\n              <ChevronRight className={navIcon()} />\n            </button>\n          </Flex>\n        </Grid>\n\n        <Grid columns={7} className={gridHeader()}>\n          {weekDays.map((day) => (\n            <Flex\n              key={day}\n              justify=\"center\"\n              align=\"center\"\n              className={weekday()}\n            >\n              {day}\n            </Flex>\n          ))}\n        </Grid>\n\n        <Grid columns={7} className={gridBody()}>\n          {Array.from({ length: startDayIndex }).map((_, i) => (\n            <Box key={`empty-${i}`} className={cellEmpty()} />\n          ))}\n\n          {Array.from({ length: totalDays }).map((_, i) => {\n            const day = i + 1;\n            const currentDate = new Date(\n              currentMonth.getFullYear(),\n              currentMonth.getMonth(),\n              day,\n            );\n            const dateKey = formatDateStr(currentDate);\n\n            const daysEvents = eventsByDate.get(dateKey) || [];\n\n            const isToday = isSameDay(currentDate, today);\n            const isStart =\n              selectedStartDate && isSameDay(currentDate, selectedStartDate);\n            const isEnd =\n              selectedEndDate && isSameDay(currentDate, selectedEndDate);\n            const isBetween =\n              selectedStartDate &&\n              selectedEndDate &&\n              isWithinInterval(currentDate, {\n                start: selectedStartDate,\n                end: selectedEndDate,\n              }) &&\n              !isStart &&\n              !isEnd;\n\n            let selectionState:\n              | 'none'\n              | 'today'\n              | 'selected'\n              | 'range'\n              | 'rangeStart'\n              | 'rangeEnd' = 'none';\n            if (isStart) selectionState = 'selected';\n            else if (isEnd) selectionState = 'selected';\n            else if (isBetween) selectionState = 'range';\n            else if (isToday) selectionState = 'today';\n\n            return (\n              <Flex\n                key={day}\n                direction=\"column\"\n                align=\"center\"\n                justify=\"start\"\n                className={cell()}\n                onClick={() => onDateClick?.(currentDate)}\n              >\n                <span className={calendar({ selectionState }).dayNumber()}>\n                  {day}\n                </span>\n                <Flex className={eventList()}>\n                  {daysEvents.map((ev, idx) => {\n                    const { start, end } = getEventRange(ev);\n\n                    const currentDayIndex = getDay(currentDate);\n                    const weekStart = subDays(currentDate, currentDayIndex);\n                    const weekEnd = addDays(currentDate, 6 - currentDayIndex);\n\n                    const segmentStart = start < weekStart ? weekStart : start;\n                    const segmentEnd = end > weekEnd ? weekEnd : end;\n                    const segmentDuration =\n                      differenceInCalendarDays(segmentEnd, segmentStart) + 1;\n                    const indexInSegment = differenceInCalendarDays(\n                      currentDate,\n                      segmentStart,\n                    );\n\n                    const targetIndex = Math.floor((segmentDuration - 1) / 2);\n                    const isRenderCell = indexInSegment === targetIndex;\n\n                    const startDateKey = formatDateStr(start);\n                    const endDateKey = formatDateStr(end);\n                    const isStartEvent = dateKey === startDateKey;\n                    const isEndEvent = dateKey === endDateKey;\n                    const isSingleDay = startDateKey === endDateKey;\n\n                    return (\n                      <div\n                        key={`${ev.id}-${idx}`}\n                        className={mergeStyles([\n                          'relative w-full',\n                          eventItemHeight(),\n                          eventBarStyles.variants[ev.type],\n                          isSingleDay\n                            ? 'mx-[2px] !w-[calc(100%-4px)] rounded-[4px]'\n                            : '',\n                          !isSingleDay && isStartEvent\n                            ? 'mr-0 ml-[2px] !w-[calc(100%-2px)] rounded-l-[4px] rounded-r-none'\n                            : '',\n                          !isSingleDay && isEndEvent\n                            ? 'mr-[2px] ml-0 !w-[calc(100%-2px)] rounded-l-none rounded-r-[4px]'\n                            : '',\n                          !isSingleDay && !isStartEvent && !isEndEvent\n                            ? 'mx-0 w-full rounded-none'\n                            : '',\n                        ])}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onEventClick?.(ev);\n                        }}\n                      >\n                        {isRenderCell && (\n                          <div className={eventBarStyles.textWrapper}>\n                            <span className=\"block w-full truncate px-1 text-center\">\n                              {ev.title}\n                            </span>\n                          </div>\n                        )}\n                      </div>\n                    );\n                  })}\n                </Flex>\n              </Flex>\n            );\n          })}\n        </Grid>\n      </Box>\n    </Box>\n  );\n};\nCalendar.displayName = 'Calendar';\n"],"mappings":"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"}
+{"version":3,"file":"Calendar.mjs","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n  format,\n  addMonths,\n  subMonths,\n  startOfMonth,\n  endOfMonth,\n  addDays,\n  subDays,\n  getDay,\n  getDaysInMonth,\n  isSameDay,\n  isWithinInterval,\n  differenceInCalendarDays,\n} from 'date-fns';\nimport { ko } from 'date-fns/locale';\n\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { Grid } from '../Grid';\nimport { ChevronLeft, ChevronRight } from '@causw/icons';\n\nimport {\n  calendar,\n  eventBarStyles,\n  type CalendarVariants,\n} from './Calendar.styles';\nimport { mergeStyles } from '../../utils';\n\nexport type CalendarEvent = {\n  id: string | number;\n  title: string;\n  startDate: string;\n  endDate?: string;\n  type: keyof typeof eventBarStyles.variants;\n};\n\nexport interface CalendarProps extends CalendarVariants {\n  className?: string;\n  events?: CalendarEvent[];\n  defaultMonth?: Date;\n  today?: Date;\n  showToday?: boolean;\n  selectedStartDate?: Date;\n  selectedEndDate?: Date;\n  onDateClick?: (date: Date) => void;\n  onEventClick?: (event: CalendarEvent) => void;\n  enableHover?: boolean;\n}\n\nconst parseDateStr = (dateStr: string) => {\n  const [y, m, d] = dateStr.split('-').map(Number);\n  return new Date(y, m - 1, d);\n};\nconst formatDateStr = (date: Date) => format(date, 'yyyy-MM-dd');\n\nconst getEventRange = (event: CalendarEvent) => {\n  const start = parseDateStr(event.startDate);\n  const end = event.endDate ? parseDateStr(event.endDate) : start;\n  return { start, end };\n};\n\nexport const Calendar = ({\n  className,\n  events = [],\n  defaultMonth = new Date(),\n  today = new Date(),\n  showToday = true,\n  size,\n  selectedStartDate,\n  selectedEndDate,\n  onDateClick,\n  onEventClick,\n  enableHover = false,\n}: CalendarProps) => {\n  const {\n    wrapper,\n    layoutContainer,\n    header,\n    navContainerLeft,\n    navContainerRight,\n    navButton,\n    navIcon,\n    caption,\n    gridHeader,\n    weekday,\n    gridBody,\n    cell,\n    cellEmpty,\n    eventList,\n    eventItemHeight,\n  } = calendar({ size, hoverEffect: enableHover });\n\n  const [currentMonth, setCurrentMonth] = useState(defaultMonth);\n  const totalDays = getDaysInMonth(currentMonth);\n  const startDayIndex = getDay(startOfMonth(currentMonth));\n  const weekDays = ['일', '월', '화', '수', '목', '금', '토'];\n\n  const handlePrevMonth = () => setCurrentMonth((prev) => subMonths(prev, 1));\n  const handleNextMonth = () => setCurrentMonth((prev) => addMonths(prev, 1));\n\n  const eventsByDate = useMemo(() => {\n    const map = new Map<string, CalendarEvent[]>();\n    const mStart = startOfMonth(currentMonth);\n    const mEnd = endOfMonth(currentMonth);\n\n    const relevantEvents = events.filter((event) => {\n      const { start, end } = getEventRange(event);\n      return start <= mEnd && end >= mStart;\n    });\n\n    for (const event of relevantEvents) {\n      const { start, end } = getEventRange(event);\n      let d = start < mStart ? mStart : start;\n      const eventEndDate = end > mEnd ? mEnd : end;\n\n      while (d <= eventEndDate) {\n        const dateKey = formatDateStr(d);\n        const dailyEvents = map.get(dateKey) ?? [];\n        map.set(dateKey, [...dailyEvents, event]);\n        d = addDays(d, 1);\n      }\n    }\n    return map;\n  }, [currentMonth, events]);\n\n  return (\n    <Box className={wrapper({ className })}>\n      <Box className={layoutContainer()}>\n        <Grid columns={7} className={header()}>\n          <Flex className={navContainerLeft()}>\n            <button\n              onClick={handlePrevMonth}\n              className={navButton()}\n              type=\"button\"\n            >\n              <ChevronLeft className={navIcon()} />\n            </button>\n          </Flex>\n          <Box className=\"col-span-5 flex items-center justify-center\">\n            <span className={caption()}>\n              {format(currentMonth, 'yyyy년 M월', { locale: ko })}\n            </span>\n          </Box>\n          <Flex className={navContainerRight()}>\n            <button\n              onClick={handleNextMonth}\n              className={navButton()}\n              type=\"button\"\n            >\n              <ChevronRight className={navIcon()} />\n            </button>\n          </Flex>\n        </Grid>\n\n        <Grid columns={7} className={gridHeader()}>\n          {weekDays.map((day) => (\n            <Flex\n              key={day}\n              justify=\"center\"\n              align=\"center\"\n              className={weekday()}\n            >\n              {day}\n            </Flex>\n          ))}\n        </Grid>\n\n        <Grid columns={7} className={gridBody()}>\n          {Array.from({ length: startDayIndex }).map((_, i) => (\n            <Box key={`empty-${i}`} className={cellEmpty()} />\n          ))}\n\n          {Array.from({ length: totalDays }).map((_, i) => {\n            const day = i + 1;\n            const currentDate = new Date(\n              currentMonth.getFullYear(),\n              currentMonth.getMonth(),\n              day,\n            );\n            const dateKey = formatDateStr(currentDate);\n\n            const daysEvents = eventsByDate.get(dateKey) || [];\n\n            const isToday = showToday && isSameDay(currentDate, today);\n            const isStart =\n              selectedStartDate && isSameDay(currentDate, selectedStartDate);\n            const isEnd =\n              selectedEndDate && isSameDay(currentDate, selectedEndDate);\n            const isBetween =\n              selectedStartDate &&\n              selectedEndDate &&\n              isWithinInterval(currentDate, {\n                start: selectedStartDate,\n                end: selectedEndDate,\n              }) &&\n              !isStart &&\n              !isEnd;\n\n            let selectionState:\n              | 'none'\n              | 'today'\n              | 'selected'\n              | 'range'\n              | 'rangeStart'\n              | 'rangeEnd' = 'none';\n            if (isStart) selectionState = 'selected';\n            else if (isEnd) selectionState = 'selected';\n            else if (isBetween) selectionState = 'range';\n            else if (isToday) selectionState = 'today';\n\n            return (\n              <Flex\n                key={day}\n                direction=\"column\"\n                align=\"center\"\n                justify=\"start\"\n                className={cell()}\n                onClick={() => onDateClick?.(currentDate)}\n              >\n                <span className={calendar({ selectionState }).dayNumber()}>\n                  {day}\n                </span>\n                <Flex className={eventList()}>\n                  {daysEvents.map((ev, idx) => {\n                    const { start, end } = getEventRange(ev);\n\n                    const currentDayIndex = getDay(currentDate);\n                    const weekStart = subDays(currentDate, currentDayIndex);\n                    const weekEnd = addDays(currentDate, 6 - currentDayIndex);\n\n                    const segmentStart = start < weekStart ? weekStart : start;\n                    const segmentEnd = end > weekEnd ? weekEnd : end;\n                    const segmentDuration =\n                      differenceInCalendarDays(segmentEnd, segmentStart) + 1;\n                    const indexInSegment = differenceInCalendarDays(\n                      currentDate,\n                      segmentStart,\n                    );\n\n                    const targetIndex = Math.floor((segmentDuration - 1) / 2);\n                    const isRenderCell = indexInSegment === targetIndex;\n\n                    const startDateKey = formatDateStr(start);\n                    const endDateKey = formatDateStr(end);\n                    const isStartEvent = dateKey === startDateKey;\n                    const isEndEvent = dateKey === endDateKey;\n                    const isSingleDay = startDateKey === endDateKey;\n\n                    return (\n                      <div\n                        key={`${ev.id}-${idx}`}\n                        className={mergeStyles([\n                          'relative w-full',\n                          eventItemHeight(),\n                          eventBarStyles.variants[ev.type],\n                          isSingleDay\n                            ? 'mx-[2px] !w-[calc(100%-4px)] rounded-[4px]'\n                            : '',\n                          !isSingleDay && isStartEvent\n                            ? 'mr-0 ml-[2px] !w-[calc(100%-2px)] rounded-l-[4px] rounded-r-none'\n                            : '',\n                          !isSingleDay && isEndEvent\n                            ? 'mr-[2px] ml-0 !w-[calc(100%-2px)] rounded-l-none rounded-r-[4px]'\n                            : '',\n                          !isSingleDay && !isStartEvent && !isEndEvent\n                            ? 'mx-0 w-full rounded-none'\n                            : '',\n                        ])}\n                        onClick={(e) => {\n                          e.stopPropagation();\n                          onEventClick?.(ev);\n                        }}\n                      >\n                        {isRenderCell && (\n                          <div className={eventBarStyles.textWrapper}>\n                            <span className=\"block w-full truncate px-1 text-center\">\n                              {ev.title}\n                            </span>\n                          </div>\n                        )}\n                      </div>\n                    );\n                  })}\n                </Flex>\n              </Flex>\n            );\n          })}\n        </Grid>\n      </Box>\n    </Box>\n  );\n};\nCalendar.displayName = 'Calendar';\n"],"mappings":"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"}

package/dist/components/Calendar/Calendar.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants49 from "tailwind-variants";
+import * as tailwind_variants53 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Calendar/Calendar.styles.d.ts
-declare const calendar: tailwind_variants49.TVReturnType<{
+declare const calendar: tailwind_variants53.TVReturnType<{
   size: {
     sm: {
       wrapper: string;
@@ -170,7 +170,7 @@ declare const calendar: tailwind_variants49.TVReturnType<{
   dayNumber: string;
   eventList: string[];
   eventItemHeight: string;
-}, tailwind_variants49.TVReturnType<{
+}, tailwind_variants53.TVReturnType<{
   size: {
     sm: {
       wrapper: string;

package/dist/components/Calendar/Calendar.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants55 from "tailwind-variants";
+import * as tailwind_variants49 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Calendar/Calendar.styles.d.ts
-declare const calendar: tailwind_variants55.TVReturnType<{
+declare const calendar: tailwind_variants49.TVReturnType<{
   size: {
     sm: {
       wrapper: string;
@@ -170,7 +170,7 @@ declare const calendar: tailwind_variants55.TVReturnType<{
   dayNumber: string;
   eventList: string[];
   eventItemHeight: string;
-}, tailwind_variants55.TVReturnType<{
+}, tailwind_variants49.TVReturnType<{
   size: {
     sm: {
       wrapper: string;

package/dist/components/Checkbox/Checkbox.d.cts

@@ -5,7 +5,7 @@ import "../Text/index.cjs";
 import "../../utils/index.cjs";
 import { CheckboxVariants } from "./Checkbox.styles.cjs";
 import React from "react";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as react_jsx_runtime13 from "react/jsx-runtime";
 
 //#region src/components/Checkbox/Checkbox.d.ts
 interface CheckboxRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, CheckboxVariants {
@@ -23,11 +23,11 @@ declare const Checkbox: {
     children,
     className,
     ...props
-  }: CheckboxRootProps): react_jsx_runtime10.JSX.Element;
+  }: CheckboxRootProps): react_jsx_runtime13.JSX.Element;
   displayName: string;
 } & {
   Indicator: {
-    (): react_jsx_runtime10.JSX.Element;
+    (): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
   Label: {
@@ -37,7 +37,7 @@ declare const Checkbox: {
       textColor,
       className,
       ...props
-    }: CheckboxLabelProps<E>): react_jsx_runtime10.JSX.Element;
+    }: CheckboxLabelProps<E>): react_jsx_runtime13.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/Checkbox/Checkbox.d.mts

@@ -5,7 +5,7 @@ import "../Text/index.mjs";
 import "../../utils/index.mjs";
 import { CheckboxVariants } from "./Checkbox.styles.mjs";
 import React from "react";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 
 //#region src/components/Checkbox/Checkbox.d.ts
 interface CheckboxRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, CheckboxVariants {
@@ -23,11 +23,11 @@ declare const Checkbox: {
     children,
     className,
     ...props
-  }: CheckboxRootProps): react_jsx_runtime14.JSX.Element;
+  }: CheckboxRootProps): react_jsx_runtime12.JSX.Element;
   displayName: string;
 } & {
   Indicator: {
-    (): react_jsx_runtime14.JSX.Element;
+    (): react_jsx_runtime12.JSX.Element;
     displayName: string;
   };
   Label: {
@@ -37,7 +37,7 @@ declare const Checkbox: {
       textColor,
       className,
       ...props
-    }: CheckboxLabelProps<E>): react_jsx_runtime14.JSX.Element;
+    }: CheckboxLabelProps<E>): react_jsx_runtime12.JSX.Element;
     displayName: string;
   };
 };

package/dist/components/Checkbox/Checkbox.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants33 from "tailwind-variants";
+import * as tailwind_variants37 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Checkbox/Checkbox.styles.d.ts
-declare const checkbox: tailwind_variants33.TVReturnType<{
+declare const checkbox: tailwind_variants37.TVReturnType<{
   checked: {
     true: {
       indicator: string;
@@ -46,7 +46,7 @@ declare const checkbox: tailwind_variants33.TVReturnType<{
   indicator: string;
   indicatorIcon: string;
   label: string;
-}, tailwind_variants33.TVReturnType<{
+}, tailwind_variants37.TVReturnType<{
   checked: {
     true: {
       indicator: string;

package/dist/components/Checkbox/Checkbox.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants39 from "tailwind-variants";
+import * as tailwind_variants35 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Checkbox/Checkbox.styles.d.ts
-declare const checkbox: tailwind_variants39.TVReturnType<{
+declare const checkbox: tailwind_variants35.TVReturnType<{
   checked: {
     true: {
       indicator: string;
@@ -46,7 +46,7 @@ declare const checkbox: tailwind_variants39.TVReturnType<{
   indicator: string;
   indicatorIcon: string;
   label: string;
-}, tailwind_variants39.TVReturnType<{
+}, tailwind_variants35.TVReturnType<{
   checked: {
     true: {
       indicator: string;

package/dist/components/Chip/Chip.d.cts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { ChipVariants } from "./Chip.styles.cjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 
 //#region src/components/Chip/Chip.d.ts
 interface ChipProps extends Omit<React$1.ComponentPropsWithoutRef<'div'>, 'color'>, PrimitiveProps, ChipVariants {}
@@ -15,7 +15,7 @@ declare const Chip: {
     onClick,
     className,
     ...props
-  }: ChipProps): react_jsx_runtime36.JSX.Element;
+  }: ChipProps): react_jsx_runtime44.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/Chip/Chip.d.mts

@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
 import "../Primitive/index.mjs";
 import { ChipVariants } from "./Chip.styles.mjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime35 from "react/jsx-runtime";
+import * as react_jsx_runtime36 from "react/jsx-runtime";
 
 //#region src/components/Chip/Chip.d.ts
 interface ChipProps extends Omit<React$1.ComponentPropsWithoutRef<'div'>, 'color'>, PrimitiveProps, ChipVariants {}
@@ -15,7 +15,7 @@ declare const Chip: {
     onClick,
     className,
     ...props
-  }: ChipProps): react_jsx_runtime35.JSX.Element;
+  }: ChipProps): react_jsx_runtime36.JSX.Element;
   displayName: string;
 };
 //#endregion

package/dist/components/Chip/Chip.styles.d.cts

@@ -1,8 +1,8 @@
-import * as tailwind_variants19 from "tailwind-variants";
+import * as tailwind_variants23 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Chip/Chip.styles.d.ts
-declare const chip: tailwind_variants19.TVReturnType<{
+declare const chip: tailwind_variants23.TVReturnType<{
   color: {
     white: string;
     lightgray: string;
@@ -30,7 +30,7 @@ declare const chip: tailwind_variants19.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants19.TVReturnType<{
+}, undefined, tailwind_variants23.TVReturnType<{
   color: {
     white: string;
     lightgray: string;

package/dist/components/Chip/Chip.styles.d.mts

@@ -1,8 +1,8 @@
-import * as tailwind_variants17 from "tailwind-variants";
+import * as tailwind_variants19 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Chip/Chip.styles.d.ts
-declare const chip: tailwind_variants17.TVReturnType<{
+declare const chip: tailwind_variants19.TVReturnType<{
   color: {
     white: string;
     lightgray: string;
@@ -30,7 +30,7 @@ declare const chip: tailwind_variants17.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants17.TVReturnType<{
+}, undefined, tailwind_variants19.TVReturnType<{
   color: {
     white: string;
     lightgray: string;

package/dist/components/DatePicker/DatePicker.cjs

@@ -0,0 +1,93 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_Text = require('../Text/Text.cjs');
+const require_useFieldContext = require('../../hooks/field/useFieldContext.cjs');
+const require_mergeStyles = require('../../utils/mergeStyles/mergeStyles.cjs');
+const require_Dropdown = require('../Dropdown/Dropdown.cjs');
+const require_Calendar = require('../Calendar/Calendar.cjs');
+const require_DatePicker_styles = require('./DatePicker.styles.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _causw_icons = require("@causw/icons");
+let date_fns = require("date-fns");
+
+//#region src/components/DatePicker/DatePicker.tsx
+const isValidDate = (value) => value instanceof Date && !Number.isNaN(value.getTime());
+const DatePicker = ({ id: idProp, className, error: errorProp, value, defaultValue, onValueChange, placeholder = "날짜를 선택하세요", dateFormat = "yyyy.MM.dd", variant = "white", disabled: disabledProp, type, contentClassName, calendarProps, ...props }) => {
+	const field = require_useFieldContext.useFieldContext();
+	const generatedId = (0, react.useId)();
+	const triggerRef = (0, react.useRef)(null);
+	const [open, setOpen] = (0, react.useState)(false);
+	const [calendarKey, setCalendarKey] = (0, react.useState)(0);
+	const [uncontrolledValue, setUncontrolledValue] = (0, react.useState)(defaultValue);
+	const isControlled = value !== void 0;
+	const id = idProp ?? field?.id ?? generatedId;
+	const disabled = disabledProp ?? field?.disabled ?? false;
+	const error = errorProp ?? field?.error ?? false;
+	const selectedDate = isControlled ? value : uncontrolledValue;
+	const hasValue = isValidDate(selectedDate);
+	const { trigger, icon, content } = require_DatePicker_styles.datePicker({
+		variant,
+		disabled,
+		error
+	});
+	const displayValue = hasValue ? (0, date_fns.format)(selectedDate, dateFormat) : placeholder;
+	const handleOpenChange = (nextOpen) => {
+		if (disabled) return;
+		setOpen(nextOpen);
+		if (nextOpen) setCalendarKey((prev) => prev + 1);
+	};
+	const handleDateClick = (date) => {
+		if (!isControlled) setUncontrolledValue(date);
+		onValueChange?.(date);
+		setOpen(false);
+		triggerRef.current?.blur();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Dropdown.Dropdown, {
+		modal: false,
+		open,
+		onOpenChange: handleOpenChange,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dropdown.Dropdown.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+				ref: triggerRef,
+				id,
+				type: type ?? "button",
+				disabled,
+				className: trigger({ className }),
+				...props,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Text.Text, {
+					typography: "body-16-regular",
+					textColor: hasValue ? "gray-700" : "gray-400",
+					children: displayValue
+				}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_causw_icons.CalendarIcon, {
+					size: 20,
+					color: "gray-400",
+					className: icon(),
+					"aria-hidden": "true"
+				})]
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Dropdown.Dropdown.Content, {
+			align: "start",
+			sideOffset: 8,
+			collisionPadding: 16,
+			avoidCollisions: true,
+			sticky: "always",
+			className: content({ className: contentClassName }),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Calendar.Calendar, {
+				defaultMonth: hasValue ? selectedDate : /* @__PURE__ */ new Date(),
+				selectedStartDate: hasValue ? selectedDate : void 0,
+				showToday: false,
+				size: "sm",
+				enableHover: true,
+				onDateClick: handleDateClick,
+				...calendarProps,
+				className: require_mergeStyles.mergeStyles("border-none", calendarProps?.className)
+			}, calendarKey)
+		})]
+	});
+};
+DatePicker.displayName = "DatePicker";
+
+//#endregion
+exports.DatePicker = DatePicker;

package/dist/components/DatePicker/DatePicker.d.cts

@@ -0,0 +1,40 @@
+import { CalendarProps } from "../Calendar/Calendar.cjs";
+import { DatePickerVariants } from "./DatePicker.styles.cjs";
+import React from "react";
+import * as react_jsx_runtime37 from "react/jsx-runtime";
+
+//#region src/components/DatePicker/DatePicker.d.ts
+type DatePickerCalendarProps = Omit<CalendarProps, 'defaultMonth' | 'selectedStartDate' | 'selectedEndDate' | 'onDateClick'>;
+interface DatePickerProps extends Omit<React.ComponentProps<'button'>, 'value' | 'defaultValue' | 'onChange'> {
+  variant?: DatePickerVariants['variant'];
+  error?: boolean;
+  value?: Date;
+  defaultValue?: Date;
+  onValueChange?: (date: Date) => void;
+  placeholder?: string;
+  dateFormat?: string;
+  contentClassName?: string;
+  calendarProps?: DatePickerCalendarProps;
+}
+declare const DatePicker: {
+  ({
+    id: idProp,
+    className,
+    error: errorProp,
+    value,
+    defaultValue,
+    onValueChange,
+    placeholder,
+    dateFormat,
+    variant,
+    disabled: disabledProp,
+    type,
+    contentClassName,
+    calendarProps,
+    ...props
+  }: DatePickerProps): react_jsx_runtime37.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DatePicker, DatePickerProps };
+//# sourceMappingURL=DatePicker.d.cts.map

package/dist/components/DatePicker/DatePicker.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.cts","names":[],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"mappings":";;;;;;KAUK,uBAAA,GAA0B,IAAA,CAC7B,aAAA;AAAA,UAOe,eAAA,SAAwB,IAAA,CACvC,KAAA,CAAM,cAAA;EAGN,OAAA,GAAU,kBAAA;EACV,KAAA;EACA,KAAA,GAAQ,IAAA;EACR,YAAA,GAAe,IAAA;EACf,aAAA,IAAiB,IAAA,EAAM,IAAA;EACvB,WAAA;EACA,UAAA;EACA,gBAAA;EACA,aAAA,GAAgB,uBAAA;AAAA;AAAA,cAGL,UAAA;EAAA;;;;;;;;;;;;;;;KAeV,eAAA,GAAe,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/DatePicker/DatePicker.d.mts

@@ -0,0 +1,41 @@
+import { CalendarProps } from "../Calendar/Calendar.mjs";
+import "../Calendar/index.mjs";
+import { DatePickerVariants } from "./DatePicker.styles.mjs";
+import React from "react";
+import * as react_jsx_runtime31 from "react/jsx-runtime";
+
+//#region src/components/DatePicker/DatePicker.d.ts
+type DatePickerCalendarProps = Omit<CalendarProps, 'defaultMonth' | 'selectedStartDate' | 'selectedEndDate' | 'onDateClick'>;
+interface DatePickerProps extends Omit<React.ComponentProps<'button'>, 'value' | 'defaultValue' | 'onChange'> {
+  variant?: DatePickerVariants['variant'];
+  error?: boolean;
+  value?: Date;
+  defaultValue?: Date;
+  onValueChange?: (date: Date) => void;
+  placeholder?: string;
+  dateFormat?: string;
+  contentClassName?: string;
+  calendarProps?: DatePickerCalendarProps;
+}
+declare const DatePicker: {
+  ({
+    id: idProp,
+    className,
+    error: errorProp,
+    value,
+    defaultValue,
+    onValueChange,
+    placeholder,
+    dateFormat,
+    variant,
+    disabled: disabledProp,
+    type,
+    contentClassName,
+    calendarProps,
+    ...props
+  }: DatePickerProps): react_jsx_runtime31.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { DatePicker, DatePickerProps };
+//# sourceMappingURL=DatePicker.d.mts.map

package/dist/components/DatePicker/DatePicker.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.mts","names":[],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"mappings":";;;;;;;KAUK,uBAAA,GAA0B,IAAA,CAC7B,aAAA;AAAA,UAOe,eAAA,SAAwB,IAAA,CACvC,KAAA,CAAM,cAAA;EAGN,OAAA,GAAU,kBAAA;EACV,KAAA;EACA,KAAA,GAAQ,IAAA;EACR,YAAA,GAAe,IAAA;EACf,aAAA,IAAiB,IAAA,EAAM,IAAA;EACvB,WAAA;EACA,UAAA;EACA,gBAAA;EACA,aAAA,GAAgB,uBAAA;AAAA;AAAA,cAGL,UAAA;EAAA;;;;;;;;;;;;;;;KAeV,eAAA,GAAe,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/DatePicker/DatePicker.mjs

@@ -0,0 +1,92 @@
+import { Text } from "../Text/Text.mjs";
+import { useFieldContext } from "../../hooks/field/useFieldContext.mjs";
+import { mergeStyles } from "../../utils/mergeStyles/mergeStyles.mjs";
+import { Dropdown } from "../Dropdown/Dropdown.mjs";
+import { Calendar } from "../Calendar/Calendar.mjs";
+import { datePicker } from "./DatePicker.styles.mjs";
+import React, { useId, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CalendarIcon } from "@causw/icons";
+import { format } from "date-fns";
+
+//#region src/components/DatePicker/DatePicker.tsx
+const isValidDate = (value) => value instanceof Date && !Number.isNaN(value.getTime());
+const DatePicker = ({ id: idProp, className, error: errorProp, value, defaultValue, onValueChange, placeholder = "날짜를 선택하세요", dateFormat = "yyyy.MM.dd", variant = "white", disabled: disabledProp, type, contentClassName, calendarProps, ...props }) => {
+	const field = useFieldContext();
+	const generatedId = useId();
+	const triggerRef = useRef(null);
+	const [open, setOpen] = useState(false);
+	const [calendarKey, setCalendarKey] = useState(0);
+	const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);
+	const isControlled = value !== void 0;
+	const id = idProp ?? field?.id ?? generatedId;
+	const disabled = disabledProp ?? field?.disabled ?? false;
+	const error = errorProp ?? field?.error ?? false;
+	const selectedDate = isControlled ? value : uncontrolledValue;
+	const hasValue = isValidDate(selectedDate);
+	const { trigger, icon, content } = datePicker({
+		variant,
+		disabled,
+		error
+	});
+	const displayValue = hasValue ? format(selectedDate, dateFormat) : placeholder;
+	const handleOpenChange = (nextOpen) => {
+		if (disabled) return;
+		setOpen(nextOpen);
+		if (nextOpen) setCalendarKey((prev) => prev + 1);
+	};
+	const handleDateClick = (date) => {
+		if (!isControlled) setUncontrolledValue(date);
+		onValueChange?.(date);
+		setOpen(false);
+		triggerRef.current?.blur();
+	};
+	return /* @__PURE__ */ jsxs(Dropdown, {
+		modal: false,
+		open,
+		onOpenChange: handleOpenChange,
+		children: [/* @__PURE__ */ jsx(Dropdown.Trigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs("button", {
+				ref: triggerRef,
+				id,
+				type: type ?? "button",
+				disabled,
+				className: trigger({ className }),
+				...props,
+				children: [/* @__PURE__ */ jsx(Text, {
+					typography: "body-16-regular",
+					textColor: hasValue ? "gray-700" : "gray-400",
+					children: displayValue
+				}), /* @__PURE__ */ jsx(CalendarIcon, {
+					size: 20,
+					color: "gray-400",
+					className: icon(),
+					"aria-hidden": "true"
+				})]
+			})
+		}), /* @__PURE__ */ jsx(Dropdown.Content, {
+			align: "start",
+			sideOffset: 8,
+			collisionPadding: 16,
+			avoidCollisions: true,
+			sticky: "always",
+			className: content({ className: contentClassName }),
+			children: /* @__PURE__ */ jsx(Calendar, {
+				defaultMonth: hasValue ? selectedDate : /* @__PURE__ */ new Date(),
+				selectedStartDate: hasValue ? selectedDate : void 0,
+				showToday: false,
+				size: "sm",
+				enableHover: true,
+				onDateClick: handleDateClick,
+				...calendarProps,
+				className: mergeStyles("border-none", calendarProps?.className)
+			}, calendarKey)
+		})]
+	});
+};
+DatePicker.displayName = "DatePicker";
+
+//#endregion
+export { DatePicker };
+//# sourceMappingURL=DatePicker.mjs.map

package/dist/components/DatePicker/DatePicker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.mjs","names":[],"sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import React, { useId, useRef, useState } from 'react';\nimport { format } from 'date-fns';\nimport { useFieldContext } from '../../hooks';\nimport { mergeStyles } from '../../utils';\nimport { Calendar, type CalendarProps } from '../Calendar';\nimport { Dropdown } from '../Dropdown';\nimport { datePicker, type DatePickerVariants } from './DatePicker.styles';\nimport { CalendarIcon } from '@causw/icons';\nimport { Text } from '../Text';\n\ntype DatePickerCalendarProps = Omit<\n  CalendarProps,\n  'defaultMonth' | 'selectedStartDate' | 'selectedEndDate' | 'onDateClick'\n>;\n\nconst isValidDate = (value: Date | undefined): value is Date =>\n  value instanceof Date && !Number.isNaN(value.getTime());\n\nexport interface DatePickerProps extends Omit<\n  React.ComponentProps<'button'>,\n  'value' | 'defaultValue' | 'onChange'\n> {\n  variant?: DatePickerVariants['variant'];\n  error?: boolean;\n  value?: Date;\n  defaultValue?: Date;\n  onValueChange?: (date: Date) => void;\n  placeholder?: string;\n  dateFormat?: string;\n  contentClassName?: string;\n  calendarProps?: DatePickerCalendarProps;\n}\n\nexport const DatePicker = ({\n  id: idProp,\n  className,\n  error: errorProp,\n  value,\n  defaultValue,\n  onValueChange,\n  placeholder = '날짜를 선택하세요',\n  dateFormat = 'yyyy.MM.dd',\n  variant = 'white',\n  disabled: disabledProp,\n  type,\n  contentClassName,\n  calendarProps,\n  ...props\n}: DatePickerProps) => {\n  const field = useFieldContext();\n  const generatedId = useId();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(false);\n  const [calendarKey, setCalendarKey] = useState(0);\n  const [uncontrolledValue, setUncontrolledValue] = useState(defaultValue);\n  const isControlled = value !== undefined;\n  const id = idProp ?? field?.id ?? generatedId;\n  const disabled = disabledProp ?? field?.disabled ?? false;\n  const error = errorProp ?? field?.error ?? false;\n\n  const selectedDate = isControlled ? value : uncontrolledValue;\n  const hasValue = isValidDate(selectedDate);\n  const { trigger, icon, content } = datePicker({\n    variant,\n    disabled,\n    error,\n  });\n\n  const displayValue = hasValue\n    ? format(selectedDate, dateFormat)\n    : placeholder;\n\n  const handleOpenChange = (nextOpen: boolean) => {\n    if (disabled) {\n      return;\n    }\n    setOpen(nextOpen);\n    if (nextOpen) {\n      setCalendarKey((prev) => prev + 1);\n    }\n  };\n\n  const handleDateClick = (date: Date) => {\n    if (!isControlled) {\n      setUncontrolledValue(date);\n    }\n    onValueChange?.(date);\n    setOpen(false);\n    triggerRef.current?.blur();\n  };\n\n  return (\n    <Dropdown modal={false} open={open} onOpenChange={handleOpenChange}>\n      <Dropdown.Trigger asChild>\n        <button\n          ref={triggerRef}\n          id={id}\n          type={type ?? 'button'}\n          disabled={disabled}\n          className={trigger({ className })}\n          {...props}\n        >\n          <Text\n            typography=\"body-16-regular\"\n            textColor={hasValue ? 'gray-700' : 'gray-400'}\n          >\n            {displayValue}\n          </Text>\n          <CalendarIcon\n            size={20}\n            color=\"gray-400\"\n            className={icon()}\n            aria-hidden=\"true\"\n          />\n        </button>\n      </Dropdown.Trigger>\n      <Dropdown.Content\n        align=\"start\"\n        sideOffset={8}\n        collisionPadding={16}\n        avoidCollisions\n        sticky=\"always\"\n        className={content({ className: contentClassName })}\n      >\n        <Calendar\n          key={calendarKey}\n          defaultMonth={hasValue ? selectedDate : new Date()}\n          selectedStartDate={hasValue ? selectedDate : undefined}\n          showToday={false}\n          size=\"sm\"\n          enableHover\n          onDateClick={handleDateClick}\n          {...calendarProps}\n          className={mergeStyles('border-none', calendarProps?.className)}\n        />\n      </Dropdown.Content>\n    </Dropdown>\n  );\n};\n\nDatePicker.displayName = 'DatePicker';\n"],"mappings":";;;;;;;;;;;;AAeA,MAAM,eAAe,UACnB,iBAAiB,QAAQ,CAAC,OAAO,MAAM,MAAM,SAAS,CAAC;AAiBzD,MAAa,cAAc,EACzB,IAAI,QACJ,WACA,OAAO,WACP,OACA,cACA,eACA,cAAc,aACd,aAAa,cACb,UAAU,SACV,UAAU,cACV,MACA,kBACA,eACA,GAAG,YACkB;CACrB,MAAM,QAAQ,iBAAiB;CAC/B,MAAM,cAAc,OAAO;CAC3B,MAAM,aAAa,OAA0B,KAAK;CAClD,MAAM,CAAC,MAAM,WAAW,SAAS,MAAM;CACvC,MAAM,CAAC,aAAa,kBAAkB,SAAS,EAAE;CACjD,MAAM,CAAC,mBAAmB,wBAAwB,SAAS,aAAa;CACxE,MAAM,eAAe,UAAU;CAC/B,MAAM,KAAK,UAAU,OAAO,MAAM;CAClC,MAAM,WAAW,gBAAgB,OAAO,YAAY;CACpD,MAAM,QAAQ,aAAa,OAAO,SAAS;CAE3C,MAAM,eAAe,eAAe,QAAQ;CAC5C,MAAM,WAAW,YAAY,aAAa;CAC1C,MAAM,EAAE,SAAS,MAAM,YAAY,WAAW;EAC5C;EACA;EACA;EACD,CAAC;CAEF,MAAM,eAAe,WACjB,OAAO,cAAc,WAAW,GAChC;CAEJ,MAAM,oBAAoB,aAAsB;AAC9C,MAAI,SACF;AAEF,UAAQ,SAAS;AACjB,MAAI,SACF,iBAAgB,SAAS,OAAO,EAAE;;CAItC,MAAM,mBAAmB,SAAe;AACtC,MAAI,CAAC,aACH,sBAAqB,KAAK;AAE5B,kBAAgB,KAAK;AACrB,UAAQ,MAAM;AACd,aAAW,SAAS,MAAM;;AAG5B,QACE,qBAAC;EAAS,OAAO;EAAa;EAAM,cAAc;aAChD,oBAAC,SAAS;GAAQ;aAChB,qBAAC;IACC,KAAK;IACD;IACJ,MAAM,QAAQ;IACJ;IACV,WAAW,QAAQ,EAAE,WAAW,CAAC;IACjC,GAAI;eAEJ,oBAAC;KACC,YAAW;KACX,WAAW,WAAW,aAAa;eAElC;MACI,EACP,oBAAC;KACC,MAAM;KACN,OAAM;KACN,WAAW,MAAM;KACjB,eAAY;MACZ;KACK;IACQ,EACnB,oBAAC,SAAS;GACR,OAAM;GACN,YAAY;GACZ,kBAAkB;GAClB;GACA,QAAO;GACP,WAAW,QAAQ,EAAE,WAAW,kBAAkB,CAAC;aAEnD,oBAAC;IAEC,cAAc,WAAW,+BAAe,IAAI,MAAM;IAClD,mBAAmB,WAAW,eAAe;IAC7C,WAAW;IACX,MAAK;IACL;IACA,aAAa;IACb,GAAI;IACJ,WAAW,YAAY,eAAe,eAAe,UAAU;MAR1D,YASL;IACe;GACV;;AAIf,WAAW,cAAc"}