@deepnoid/ui 0.0.89 → 0.0.91

package/dist/chunk-WX32MAKV.mjs

@@ -0,0 +1,219 @@
+"use client";
+import {
+  formatDateToString,
+  formatStringToDate
+} from "./chunk-P732YGHO.mjs";
+import {
+  Icon_default
+} from "./chunk-LCI6RPWE.mjs";
+import {
+  mapPropsVariants
+} from "./chunk-E3G5QXSH.mjs";
+import {
+  tv
+} from "./chunk-J725QONZ.mjs";
+
+// src/components/dateTimePicker/calendar.tsx
+import React, {
+  forwardRef,
+  useCallback,
+  useMemo,
+  useState,
+  useImperativeHandle,
+  useEffect
+} from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Calendar = forwardRef((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, calendarStyle.variantKeys);
+  const { selectedDate, classNames, highlightWeekend = true, onChangeDate, ...inputProps } = props;
+  const [currentDate, setCurrentDate] = useState(selectedDate ? new Date(selectedDate) : /* @__PURE__ */ new Date());
+  const daysOfWeek = ["S", "M", "T", "W", "T", "F", "S"];
+  useEffect(() => {
+    if (selectedDate) {
+      setCurrentDate(new Date(selectedDate));
+    }
+  }, [selectedDate]);
+  const getCalendarDates = useCallback(() => {
+    const year = currentDate.getFullYear();
+    const month = currentDate.getMonth();
+    const firstDayOfMonth = new Date(year, month, 1).getDay();
+    const lastDateOfMonth = new Date(year, month + 1, 0).getDate();
+    const lastDateOfPrevMonth = new Date(year, month, 0).getDate();
+    let dates = [];
+    for (let i = firstDayOfMonth - 1; i >= 0; i--) {
+      dates.push({
+        date: lastDateOfPrevMonth - i,
+        currentMonth: false
+      });
+    }
+    for (let date = 1; date <= lastDateOfMonth; date++) {
+      dates.push({
+        date,
+        currentMonth: true
+      });
+    }
+    const remainingDays = 42 - dates.length;
+    for (let i = 1; i <= remainingDays; i++) {
+      dates.push({
+        date: i,
+        currentMonth: false
+      });
+    }
+    const weeks = [];
+    for (let i = 0; i < dates.length; i += 7) {
+      weeks.push(dates.slice(i, i + 7));
+    }
+    return weeks;
+  }, [currentDate]);
+  const handlePrevMonth = () => {
+    setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() - 1));
+  };
+  const handleNextMonth = () => {
+    setCurrentDate(new Date(currentDate.getFullYear(), currentDate.getMonth() + 1));
+  };
+  const handleDateSelect = (date, isCurrentMonth) => {
+    if (!isCurrentMonth) return;
+    if (onChangeDate) {
+      const selected = new Date(currentDate.getFullYear(), currentDate.getMonth(), date);
+      const formatted = formatDateToString(selected);
+      onChangeDate(formatted);
+    }
+  };
+  useImperativeHandle(ref, () => ({
+    getSelectedDate: () => selectedDate
+  }));
+  const slots = useMemo(() => calendarStyle({ ...variantProps }), [variantProps]);
+  const getBaseProps = useCallback(
+    () => ({
+      className: `${slots.base({ class: classNames == null ? void 0 : classNames.base })}`
+    }),
+    [slots, classNames]
+  );
+  const getDateTitleProps = useCallback(
+    (index) => {
+      return {
+        className: `${slots.dateTitle({
+          class: classNames == null ? void 0 : classNames.date
+        })}`,
+        "data-saturday": highlightWeekend && index === 6,
+        "data-sunday": highlightWeekend && index === 0
+      };
+    },
+    [slots, classNames, highlightWeekend]
+  );
+  const getDateProps = useCallback(
+    (dateObj) => {
+      const today = /* @__PURE__ */ new Date();
+      const isToday = today.getDate() === dateObj.date && today.getMonth() === currentDate.getMonth() && today.getFullYear() === currentDate.getFullYear();
+      const formatted = selectedDate ? formatStringToDate(selectedDate) : "";
+      const isSelected = formatted ? formatted.getDate() === dateObj.date && formatted.getMonth() === currentDate.getMonth() && formatted.getFullYear() === currentDate.getFullYear() : false;
+      const dayOfWeek = new Date(currentDate.getFullYear(), currentDate.getMonth(), dateObj.date).getDay();
+      return {
+        className: `${slots.date({
+          class: classNames == null ? void 0 : classNames.date
+        })}`,
+        "data-today": dateObj.currentMonth && isToday,
+        "data-selected": dateObj.currentMonth && isSelected,
+        "data-disabled": !dateObj.currentMonth,
+        "data-saturday": highlightWeekend && dayOfWeek === 6,
+        "data-sunday": highlightWeekend && dayOfWeek === 0,
+        onClick: () => handleDateSelect(dateObj.date, dateObj.currentMonth)
+      };
+    },
+    [slots, classNames, selectedDate, currentDate, highlightWeekend]
+  );
+  const calendarDates = getCalendarDates();
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { ...getBaseProps(), children: [
+    /* @__PURE__ */ jsxs("div", { className: "calendar-header flex justify-between items-center mb-4", children: [
+      /* @__PURE__ */ jsx(Icon_default, { name: "brace-left", size: "md", className: "cursor-pointer", onClick: handlePrevMonth }),
+      /* @__PURE__ */ jsx("span", { className: "text-h6 font-semibold", children: currentDate.toLocaleString("default", { year: "numeric", month: "2-digit" }) }),
+      /* @__PURE__ */ jsx(Icon_default, { name: "brace-right", size: "md", className: "cursor-pointer", onClick: handleNextMonth })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-2 text-center", children: daysOfWeek.map((day, index) => /* @__PURE__ */ jsx("div", { ...getDateTitleProps(index), children: day }, `${day}-${index}`)) }),
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-[5px] text-center mt-2", children: calendarDates.map((week, weekIndex) => {
+      const hasCurrentMonthDates = week.some((dateObj) => dateObj.currentMonth);
+      if (!hasCurrentMonthDates) return null;
+      return /* @__PURE__ */ jsx(React.Fragment, { children: week.map((dateObj, index) => {
+        return /* @__PURE__ */ jsx("div", { ...getDateProps(dateObj), children: dateObj.date }, index);
+      }) }, weekIndex);
+    }) })
+  ] }) });
+});
+Calendar.displayName = "Calendar";
+var calendar_default = Calendar;
+var calendarStyle = tv({
+  slots: {
+    base: [
+      "flex",
+      "flex-col",
+      "w-[240px]",
+      "border",
+      "border-neutral-main",
+      "bg-background",
+      "rounded-md",
+      "p-4",
+      "shadow-lg",
+      "select-none"
+    ],
+    dateTitle: ["text-sm", "font-[500]", "data-[saturday=true]:text-[#1E7EEE]", "data-[sunday=true]:text-[#FF4684]"],
+    date: [
+      "flex",
+      "justify-center",
+      "items-center",
+      "h-[25px]",
+      "text-sm",
+      "rounded-full",
+      "cursor-pointer",
+      "data-[today=true]:border",
+      "data-[today=true]:border-foreground",
+      "data-[saturday=true]:text-[#1E7EEE]",
+      "data-[saturday=true]:!border-[#1E7EEE]",
+      "data-[sunday=true]:text-[#FF4684]",
+      "data-[sunday=true]:!border-[#FF4684]",
+      "data-[selected=true]:!text-white",
+      "data-[selected=true]:border-none",
+      "data-[disabled=true]:!text-neutral-main",
+      "data-[disabled=true]:cursor-default",
+      "data-[disabled=true]:hover:bg-transparent"
+    ]
+  },
+  variants: {
+    variant: {
+      solid: {}
+    },
+    color: {
+      primary: {
+        date: [
+          "hover:text-primary-main",
+          "hover:bg-primary-soft",
+          "data-[selected=true]:!border-primary-main",
+          "data-[selected=true]:bg-primary-main"
+        ]
+      },
+      secondary: {
+        date: [
+          "hover:text-secondary-main",
+          "hover:bg-secondary-soft",
+          "data-[selected=true]:!border-secondary-main",
+          "data-[selected=true]:bg-secondary-main"
+        ]
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "primary"
+  },
+  compoundVariants: [
+    {
+      isDisabled: true,
+      isRequired: true,
+      class: {}
+    }
+  ]
+});
+
+export {
+  calendar_default,
+  calendarStyle
+};

package/dist/components/accordion/accordion.d.mts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import react__default, { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props {
@@ -11,7 +11,7 @@ interface Props {
     selectionIndex?: number;
 }
 type AccordionProps = Props & AccordionVariantProps;
-declare const Accordion: react__default.ForwardRefExoticComponent<Props & AccordionVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Accordion: React__default.ForwardRefExoticComponent<Props & AccordionVariantProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const accordion: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/accordion/accordion.d.ts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import react__default, { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
 interface Props {
@@ -11,7 +11,7 @@ interface Props {
     selectionIndex?: number;
 }
 type AccordionProps = Props & AccordionVariantProps;
-declare const Accordion: react__default.ForwardRefExoticComponent<Props & AccordionVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const Accordion: React__default.ForwardRefExoticComponent<Props & AccordionVariantProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const accordion: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/accordion/accordion.test.mjs

@@ -1,10 +1,10 @@
 "use client";
-import {
-  accordion_default
-} from "../../chunk-SWR7E3NU.mjs";
 import {
   render
 } from "../../chunk-FNPWLOGV.mjs";
+import {
+  accordion_default
+} from "../../chunk-SWR7E3NU.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-J725QONZ.mjs";
 import "../../chunk-IZ6II3QA.mjs";

package/dist/components/accordion/accordionItem.d.mts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import react__default, { ReactNode, ReactElement } from 'react';
+import React__default, { ReactNode, ReactElement } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props {
@@ -20,7 +20,7 @@ interface Props {
     onToggle?: () => void;
 }
 type AccordionItemProps = Props & AccordionItemVariantProps;
-declare const AccordionItem: react__default.ForwardRefExoticComponent<Props & AccordionItemVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React__default.ForwardRefExoticComponent<Props & AccordionItemVariantProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const accordionItem: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/accordion/accordionItem.d.ts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import react__default, { ReactNode, ReactElement } from 'react';
+import React__default, { ReactNode, ReactElement } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
 interface Props {
@@ -20,7 +20,7 @@ interface Props {
     onToggle?: () => void;
 }
 type AccordionItemProps = Props & AccordionItemVariantProps;
-declare const AccordionItem: react__default.ForwardRefExoticComponent<Props & AccordionItemVariantProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React__default.ForwardRefExoticComponent<Props & AccordionItemVariantProps & React__default.RefAttributes<HTMLDivElement>>;
 
 declare const accordionItem: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/button/button-group.d.mts

@@ -1,4 +1,4 @@
-import react__default, { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 
 interface ButtonGroupProps {
     children?: ReactNode;
@@ -9,6 +9,6 @@ interface ButtonGroupProps {
     fullWidth?: boolean;
     isDisabled?: boolean;
 }
-declare const ButtonGroup: react__default.ForwardRefExoticComponent<ButtonGroupProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const ButtonGroup: React__default.ForwardRefExoticComponent<ButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 
 export { type ButtonGroupProps, ButtonGroup as default };

package/dist/components/button/button-group.d.ts

@@ -1,4 +1,4 @@
-import react__default, { ReactNode } from 'react';
+import React__default, { ReactNode } from 'react';
 
 interface ButtonGroupProps {
     children?: ReactNode;
@@ -9,6 +9,6 @@ interface ButtonGroupProps {
     fullWidth?: boolean;
     isDisabled?: boolean;
 }
-declare const ButtonGroup: react__default.ForwardRefExoticComponent<ButtonGroupProps & react__default.RefAttributes<HTMLDivElement>>;
+declare const ButtonGroup: React__default.ForwardRefExoticComponent<ButtonGroupProps & React__default.RefAttributes<HTMLDivElement>>;
 
 export { type ButtonGroupProps, ButtonGroup as default };

package/dist/components/button/button-group.test.mjs

@@ -5,12 +5,12 @@ import {
 import {
   button_group_default
 } from "../../chunk-NGQ3MK2J.mjs";
-import {
-  render
-} from "../../chunk-FNPWLOGV.mjs";
 import {
   button_default
 } from "../../chunk-UR64ZUAU.mjs";
+import {
+  render
+} from "../../chunk-FNPWLOGV.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/components/button/button.d.mts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import react__default, { ButtonHTMLAttributes, ReactNode } from 'react';
+import React__default, { ButtonHTMLAttributes, ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -11,7 +11,7 @@ interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
     classNames?: SlotsToClasses<ButtonSlots>;
 }
 type ButtonProps = Props & ButtonVariantProps;
-declare const Button: react__default.ForwardRefExoticComponent<Props & ButtonVariantProps & react__default.RefAttributes<HTMLButtonElement>>;
+declare const Button: React__default.ForwardRefExoticComponent<Props & ButtonVariantProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonStyle: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/button/button.d.ts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import react__default, { ButtonHTMLAttributes, ReactNode } from 'react';
+import React__default, { ButtonHTMLAttributes, ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
 interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -11,7 +11,7 @@ interface Props extends ButtonHTMLAttributes<HTMLButtonElement> {
     classNames?: SlotsToClasses<ButtonSlots>;
 }
 type ButtonProps = Props & ButtonVariantProps;
-declare const Button: react__default.ForwardRefExoticComponent<Props & ButtonVariantProps & react__default.RefAttributes<HTMLButtonElement>>;
+declare const Button: React__default.ForwardRefExoticComponent<Props & ButtonVariantProps & React__default.RefAttributes<HTMLButtonElement>>;
 
 declare const buttonStyle: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/button/button.test.mjs

@@ -1,12 +1,12 @@
 "use client";
 import "../../chunk-H7BLXC5M.mjs";
+import {
+  button_default
+} from "../../chunk-UR64ZUAU.mjs";
 import {
   act,
   render
 } from "../../chunk-FNPWLOGV.mjs";
-import {
-  button_default
-} from "../../chunk-UR64ZUAU.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/components/card/card.d.mts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as react from 'react';
+import * as React from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
@@ -12,7 +12,7 @@ interface Props {
     classNames?: SlotsToClasses<CardSlots>;
 }
 type CardProps = Props & CardVariantProps;
-declare const Card: react.ForwardRefExoticComponent<Props & CardVariantProps & react.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<Props & CardVariantProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const card: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/card/card.d.ts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as react from 'react';
+import * as React from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
@@ -12,7 +12,7 @@ interface Props {
     classNames?: SlotsToClasses<CardSlots>;
 }
 type CardProps = Props & CardVariantProps;
-declare const Card: react.ForwardRefExoticComponent<Props & CardVariantProps & react.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<Props & CardVariantProps & React.RefAttributes<HTMLDivElement>>;
 
 declare const card: tailwind_variants.TVReturnType<{
     variant: {

package/dist/components/checkbox/checkbox.d.mts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as react from 'react';
+import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
@@ -13,7 +13,7 @@ type CheckboxProps = Props & CheckboxVariantProps;
 type CheckboxVariantProps = VariantProps<typeof checkbox>;
 type CheckboxSlots = keyof ReturnType<typeof checkbox>;
 type CheckboxReturnType = ReturnType<typeof checkbox>;
-declare const CheckBox: react.ForwardRefExoticComponent<Props & CheckboxVariantProps & react.RefAttributes<HTMLInputElement>>;
+declare const CheckBox: React$1.ForwardRefExoticComponent<Props & CheckboxVariantProps & React$1.RefAttributes<HTMLInputElement>>;
 
 declare const checkbox: tailwind_variants.TVReturnType<{
     color: {

package/dist/components/checkbox/checkbox.d.ts

@@ -1,7 +1,7 @@
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
-import * as react from 'react';
+import * as React$1 from 'react';
 import { ReactNode } from 'react';
 import { SlotsToClasses } from '../../utils/types.js';
 
@@ -13,7 +13,7 @@ type CheckboxProps = Props & CheckboxVariantProps;
 type CheckboxVariantProps = VariantProps<typeof checkbox>;
 type CheckboxSlots = keyof ReturnType<typeof checkbox>;
 type CheckboxReturnType = ReturnType<typeof checkbox>;
-declare const CheckBox: react.ForwardRefExoticComponent<Props & CheckboxVariantProps & react.RefAttributes<HTMLInputElement>>;
+declare const CheckBox: React$1.ForwardRefExoticComponent<Props & CheckboxVariantProps & React$1.RefAttributes<HTMLInputElement>>;
 
 declare const checkbox: tailwind_variants.TVReturnType<{
     color: {

package/dist/components/checkbox/checkbox.test.mjs

@@ -1,10 +1,10 @@
 "use client";
-import {
-  checkbox_default
-} from "../../chunk-ANYPMQH4.mjs";
 import {
   userEvent
 } from "../../chunk-S4DTK5GI.mjs";
+import {
+  checkbox_default
+} from "../../chunk-ANYPMQH4.mjs";
 import {
   act,
   render

package/dist/components/dateTimePicker/calendar.d.mts

@@ -0,0 +1,118 @@
+import * as tailwind_variants from 'tailwind-variants';
+import { VariantProps } from 'tailwind-variants';
+import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
+import React__default, { ComponentProps } from 'react';
+import { SlotsToClasses } from '../../utils/types.mjs';
+
+interface Props extends Omit<ComponentProps<"input">, "size"> {
+    classNames?: SlotsToClasses<CalendarSlots>;
+    selectedDate?: string;
+    highlightWeekend?: boolean;
+    onChangeDate?: (date: string) => void;
+}
+type CalendarProps = Props & CalendarVariantProps;
+declare const Calendar: React__default.ForwardRefExoticComponent<Omit<CalendarProps, "ref"> & React__default.RefAttributes<any>>;
+
+declare const calendarStyle: tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    base: string[];
+    dateTitle: string[];
+    date: string[];
+}, undefined, {
+    responsiveVariants?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | {
+        variant?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+        color?: boolean | ("sm" | "md" | "lg" | "xl" | "2xl")[] | undefined;
+    } | undefined;
+} & tailwind_variants_dist_config.TWMConfig & {
+    twMergeConfig: {
+        classGroups: {
+            fontSize: {
+                text: string[];
+            }[];
+            borderRadius: {
+                rounded: string[];
+            }[];
+            boxShadow: {
+                shadow: string[];
+            }[];
+            padding: {
+                p: string[];
+            }[];
+            gap: {
+                gap: string[];
+            }[];
+        };
+    };
+}, {
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    base: string[];
+    dateTitle: string[];
+    date: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    base: string[];
+    dateTitle: string[];
+    date: string[];
+}, undefined, tailwind_variants_dist_config.TVConfig<{
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}, {
+    variant: {
+        solid: {};
+    };
+    color: {
+        primary: {
+            date: string[];
+        };
+        secondary: {
+            date: string[];
+        };
+    };
+}>, unknown, unknown, undefined>>;
+type CalendarVariantProps = VariantProps<typeof calendarStyle>;
+type CalendarSlots = keyof ReturnType<typeof calendarStyle>;
+type CalendarReturnType = ReturnType<typeof calendarStyle>;
+
+export { type CalendarProps, type CalendarReturnType, type CalendarSlots, type CalendarVariantProps, type Props, calendarStyle, Calendar as default };