@deepnoid/ui 0.0.89 → 0.0.90

package/dist/components/dateTimePicker/index.mjs

@@ -0,0 +1,21 @@
+"use client";
+import "../../chunk-75HLCORR.mjs";
+import {
+  dateTimePicker_default
+} from "../../chunk-S2VUKVCH.mjs";
+import "../../chunk-2ZFHB4JM.mjs";
+import "../../chunk-WX32MAKV.mjs";
+import "../../chunk-P732YGHO.mjs";
+import "../../chunk-N6IEGD4K.mjs";
+import "../../chunk-7MVEAQ7Z.mjs";
+import "../../chunk-EYY4CRRR.mjs";
+import "../../chunk-EDEV4IK4.mjs";
+import "../../chunk-ZYIIXWVY.mjs";
+import "../../chunk-LCI6RPWE.mjs";
+import "../../chunk-IOCRFIQF.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-J725QONZ.mjs";
+import "../../chunk-IZ6II3QA.mjs";
+export {
+  dateTimePicker_default as DateTimePicker
+};

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

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Props {
+    color?: "primary" | "secondary";
+    selectedTime?: string;
+    onChangeTime?: (time: string) => void;
+}
+declare const TimePicker: ({ color, selectedTime, onChangeTime }: Props) => react_jsx_runtime.JSX.Element;
+
+export { type Props, TimePicker as default };

package/dist/components/dateTimePicker/timePicker.d.ts

@@ -0,0 +1,10 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface Props {
+    color?: "primary" | "secondary";
+    selectedTime?: string;
+    onChangeTime?: (time: string) => void;
+}
+declare const TimePicker: ({ color, selectedTime, onChangeTime }: Props) => react_jsx_runtime.JSX.Element;
+
+export { type Props, TimePicker as default };

package/dist/components/dateTimePicker/timePicker.js

@@ -0,0 +1,342 @@
+"use client";
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dateTimePicker/timePicker.tsx
+var timePicker_exports = {};
+__export(timePicker_exports, {
+  default: () => timePicker_default
+});
+module.exports = __toCommonJS(timePicker_exports);
+var import_react3 = require("react");
+
+// src/components/list/list.tsx
+var import_react = __toESM(require("react"));
+
+// src/utils/tailwind-variants.ts
+var import_tailwind_variants = require("tailwind-variants");
+var COMMON_SIZE = ["sm", "md", "lg"];
+var COMMON_RADIUS = ["xlg", "xxlg", "none", "full"];
+var COMMON_FONTSIZE = ["h1", "h2", "h3", "h4", "h5"];
+var COMMON_SHADOW = ["inner", "drop"];
+var tv = (0, import_tailwind_variants.createTV)({
+  // twMerge: false,
+  twMergeConfig: {
+    classGroups: {
+      fontSize: [{ text: [...COMMON_SIZE, ...COMMON_FONTSIZE] }],
+      borderRadius: [{ rounded: [...COMMON_RADIUS, ...COMMON_SIZE] }],
+      boxShadow: [{ shadow: [...COMMON_SHADOW] }],
+      padding: [{ p: [...COMMON_SIZE] }],
+      gap: [{ gap: [...COMMON_SIZE] }]
+    }
+  }
+});
+
+// src/utils/props.ts
+var mapPropsVariants = (props, variantKeys, removeVariantProps = true) => {
+  if (!variantKeys) {
+    return [props, {}];
+  }
+  const picked = variantKeys.reduce((acc, key) => {
+    if (key in props) {
+      return { ...acc, [key]: props[key] };
+    } else {
+      return acc;
+    }
+  }, {});
+  if (removeVariantProps) {
+    const omitted = Object.keys(props).filter((key) => !variantKeys.includes(key)).reduce((acc, key) => ({ ...acc, [key]: props[key] }), {});
+    return [omitted, picked];
+  } else {
+    return [props, picked];
+  }
+};
+
+// src/components/list/list.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var List = (0, import_react.forwardRef)((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, list.variantKeys);
+  const { children, classNames } = props;
+  const slots = (0, import_react.useMemo)(() => list({ ...variantProps }), [...Object.values(variantProps)]);
+  const getBaseProps = (0, import_react.useCallback)(() => {
+    return {
+      className: slots.base({ class: classNames == null ? void 0 : classNames.base })
+    };
+  }, [slots, classNames == null ? void 0 : classNames.base]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, ...getBaseProps(), children: import_react.default.Children.map(children, (child, index) => {
+    return import_react.default.cloneElement(child, {
+      ...variantProps,
+      ...child.props
+    });
+  }) });
+});
+List.displayName = "List";
+var list_default = List;
+var list = tv({
+  slots: {
+    base: ["flex", "flex-col"]
+  },
+  variants: {
+    variant: {
+      solid: {},
+      line: {}
+    },
+    size: {
+      sm: {},
+      md: {},
+      lg: {}
+    },
+    color: {
+      primary: {},
+      secondary: {}
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "primary",
+    size: "md"
+  }
+});
+
+// src/components/list/listItem.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ListItem = (0, import_react2.forwardRef)((originalProps, ref) => {
+  const [props, variantProps] = mapPropsVariants(originalProps, listItem.variantKeys);
+  const { title, selected, startContent, endContent, classNames, onClick } = props;
+  const slots = (0, import_react2.useMemo)(() => listItem({ ...variantProps }), [...Object.values(variantProps)]);
+  const getBaseProps = (0, import_react2.useCallback)(() => {
+    return {
+      className: slots.base({ class: classNames == null ? void 0 : classNames.base }),
+      "data-selected": selected,
+      onClick
+    };
+  }, [slots, classNames == null ? void 0 : classNames.base, selected, onClick]);
+  const getTitleWrapperProps = (0, import_react2.useCallback)(() => {
+    return {
+      className: slots.titleWrapper({ class: classNames == null ? void 0 : classNames.titleWrapper })
+    };
+  }, [slots, classNames == null ? void 0 : classNames.titleWrapper]);
+  const getTitleProps = (0, import_react2.useCallback)(() => {
+    return {
+      className: slots.title({ class: classNames == null ? void 0 : classNames.title })
+    };
+  }, [slots, classNames == null ? void 0 : classNames.title]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ref, ...getBaseProps(), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { ...getTitleWrapperProps(), children: [
+      startContent && startContent,
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { ...getTitleProps(), children: title })
+    ] }),
+    endContent && endContent
+  ] });
+});
+ListItem.displayName = "ListItem";
+var listItem_default = ListItem;
+var listItem = tv({
+  slots: {
+    base: [
+      "group",
+      "w-full",
+      "flex",
+      "justify-between",
+      "items-center",
+      "text-foreground",
+      "bg-transparent",
+      "px-[10px]",
+      "cursor-pointer",
+      "select-none",
+      "gap-[10px]"
+    ],
+    titleWrapper: ["flex", "w-full", "gap-[10px]", "overflow-hidden", "whitespace-nowrap", "text-overflow-ellipsis"],
+    title: "truncate"
+  },
+  variants: {
+    variant: {
+      solid: {},
+      line: {}
+    },
+    size: {
+      sm: {
+        base: "min-h-[30px] text-sm"
+      },
+      md: {
+        base: "min-h-[40px] text-md"
+      },
+      lg: {
+        base: "min-h-[50px] text-lg"
+      }
+    },
+    color: {
+      primary: {},
+      secondary: {}
+    },
+    isInGroup: {
+      true: ""
+    }
+  },
+  defaultVariants: {
+    variant: "solid",
+    color: "primary",
+    size: "md",
+    isInGroup: false
+  },
+  compoundVariants: [
+    {
+      variant: "solid",
+      color: "primary",
+      class: {
+        base: [
+          "hover:text-primary-main",
+          "hover:bg-primary-soft",
+          "data-[selected=true]:text-primary-main",
+          "data-[selected=true]:bg-primary-soft"
+        ]
+      }
+    },
+    {
+      variant: "solid",
+      color: "secondary",
+      class: {
+        base: [
+          "hover:text-secondary-main",
+          "hover:bg-secondary-soft",
+          "data-[selected=true]:text-secondary-main",
+          "data-[selected=true]:bg-secondary-soft"
+        ]
+      }
+    }
+  ]
+});
+
+// src/components/dateTimePicker/timePicker.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var TimePicker = ({ color = "primary", selectedTime, onChangeTime }) => {
+  const TOTAL_HOURS = 12;
+  const TOTAL_MINUTES = 60;
+  const ITEM_HEIGHT = 30;
+  const PERIODS = ["AM", "PM"];
+  const [selectedHour, setSelectedHour] = (0, import_react3.useState)("01");
+  const [selectedMinute, setSelectedMinute] = (0, import_react3.useState)("00");
+  const [selectedPeriod, setSelectedPeriod] = (0, import_react3.useState)("AM");
+  const hourRef = (0, import_react3.useRef)(null);
+  const minuteRef = (0, import_react3.useRef)(null);
+  const periodRef = (0, import_react3.useRef)(null);
+  const hoursArray = [...Array(TOTAL_HOURS).keys()].map((i) => (i + 1).toString().padStart(2, "0"));
+  const minutesArray = [...Array(TOTAL_MINUTES).keys()].map((i) => i.toString().padStart(2, "0"));
+  (0, import_react3.useEffect)(() => {
+    if (selectedTime) {
+      const { formattedHour, minute, period } = parseAndFormatTime(selectedTime);
+      setSelectedHour(formattedHour);
+      setSelectedMinute(minute);
+      setSelectedPeriod(period);
+    }
+  }, [selectedTime]);
+  (0, import_react3.useEffect)(() => {
+    scrollToSelectedTime();
+  }, []);
+  const parseAndFormatTime = (time) => {
+    const [hour, minute] = time.split(":").map((part) => part.padStart(2, "0"));
+    const parsedHour = parseInt(hour, 10);
+    const period = parsedHour >= 12 ? "PM" : "AM";
+    const formattedHour = parsedHour % 12 === 0 ? "12" : (parsedHour % 12).toString().padStart(2, "0");
+    return { formattedHour, minute, period };
+  };
+  const scrollToSelectedTime = () => {
+    if (selectedTime) {
+      const { formattedHour, minute, period } = parseAndFormatTime(selectedTime);
+      if (hourRef.current) {
+        hourRef.current.scrollTop = (parseInt(formattedHour) - 1) * ITEM_HEIGHT;
+      }
+      if (minuteRef.current) {
+        minuteRef.current.scrollTop = parseInt(minute) * ITEM_HEIGHT;
+      }
+      if (periodRef.current) {
+        periodRef.current.scrollTop = period === "AM" ? 0 : ITEM_HEIGHT;
+      }
+    }
+  };
+  const handleTimeChange = (hour, minute, period) => {
+    const parsedHour = parseInt(hour);
+    let hour24 = parsedHour;
+    if (period === "PM" && parsedHour !== 12) {
+      hour24 = parsedHour + 12;
+    } else if (period === "AM" && parsedHour === 12) {
+      hour24 = 0;
+    }
+    const formattedTime = `${hour24.toString().padStart(2, "0")}:${minute}`;
+    if (onChangeTime) {
+      onChangeTime(formattedTime);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "flex h-[200px] p-[10px] gap-[5px] border border-neutral-main rounded-md bg-background shadow-lg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(list_default, { ref: periodRef, classNames: { base: "overflow-y-auto scrollbar-hide" }, children: PERIODS.map((period, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      listItem_default,
+      {
+        color,
+        selected: period === selectedPeriod,
+        title: period,
+        size: "sm",
+        classNames: { base: "w-[50px] min-h-[30px]", titleWrapper: "flex justify-center" },
+        onClick: () => {
+          handleTimeChange(selectedHour, selectedMinute, period);
+        }
+      },
+      `${period}-${index}`
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(list_default, { ref: hourRef, classNames: { base: "overflow-y-auto scrollbar-hide" }, children: hoursArray.map((hour, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      listItem_default,
+      {
+        color,
+        selected: hour === selectedHour,
+        title: hour,
+        size: "sm",
+        classNames: { base: "w-[50px] min-h-[30px]", titleWrapper: "flex justify-center" },
+        onClick: () => {
+          handleTimeChange(hour, selectedMinute, selectedPeriod);
+        }
+      },
+      `${hour}-${index}`
+    )) }),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(list_default, { ref: minuteRef, classNames: { base: "overflow-y-auto scrollbar-hide" }, children: minutesArray.map((minute, index) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      listItem_default,
+      {
+        color,
+        selected: minute === selectedMinute,
+        title: minute,
+        size: "sm",
+        classNames: { base: "w-[50px] min-h-[30px]", titleWrapper: "flex justify-center" },
+        onClick: () => {
+          handleTimeChange(selectedHour, minute, selectedPeriod);
+        }
+      },
+      `${minute}-${index}`
+    )) })
+  ] });
+};
+var timePicker_default = TimePicker;

package/dist/components/dateTimePicker/timePicker.mjs

@@ -0,0 +1,13 @@
+"use client";
+import {
+  timePicker_default
+} from "../../chunk-N6IEGD4K.mjs";
+import "../../chunk-7MVEAQ7Z.mjs";
+import "../../chunk-EYY4CRRR.mjs";
+import "../../chunk-EDEV4IK4.mjs";
+import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-J725QONZ.mjs";
+import "../../chunk-IZ6II3QA.mjs";
+export {
+  timePicker_default as default
+};

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+interface DatePickerHookProps {
+    initialDate?: Date;
+    initialTime?: string;
+    onChange?: (date: Date) => void;
+}
+type TargetRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+declare const useDatePicker: ({ initialDate, initialTime }: DatePickerHookProps) => {
+    selectedDate: string | undefined;
+    selectedTime: string | undefined;
+    targetRect: TargetRect | null;
+    popupHeight: number;
+    dateInputRef: React.RefObject<HTMLInputElement>;
+    datePickerWrapperRef: React.RefObject<HTMLDivElement>;
+    datePickerRef: React.RefObject<HTMLDivElement>;
+    handleToggleDatePicker: () => void;
+    handleChangeDate: (date: string) => void;
+    handleChangeTime: (time: string) => void;
+    calculatePositionWithScroll: (targetRect: TargetRect, popupHeight: number) => {
+        top: number;
+        left: number;
+    } | undefined;
+};
+
+export { useDatePicker };

package/dist/components/dateTimePicker/useDateTimePicker.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+
+interface DatePickerHookProps {
+    initialDate?: Date;
+    initialTime?: string;
+    onChange?: (date: Date) => void;
+}
+type TargetRect = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+declare const useDatePicker: ({ initialDate, initialTime }: DatePickerHookProps) => {
+    selectedDate: string | undefined;
+    selectedTime: string | undefined;
+    targetRect: TargetRect | null;
+    popupHeight: number;
+    dateInputRef: React.RefObject<HTMLInputElement>;
+    datePickerWrapperRef: React.RefObject<HTMLDivElement>;
+    datePickerRef: React.RefObject<HTMLDivElement>;
+    handleToggleDatePicker: () => void;
+    handleChangeDate: (date: string) => void;
+    handleChangeTime: (time: string) => void;
+    calculatePositionWithScroll: (targetRect: TargetRect, popupHeight: number) => {
+        top: number;
+        left: number;
+    } | undefined;
+};
+
+export { useDatePicker };

package/dist/components/dateTimePicker/useDateTimePicker.js

@@ -0,0 +1,106 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dateTimePicker/useDateTimePicker.tsx
+var useDateTimePicker_exports = {};
+__export(useDateTimePicker_exports, {
+  useDatePicker: () => useDatePicker
+});
+module.exports = __toCommonJS(useDateTimePicker_exports);
+var import_react = require("react");
+
+// src/components/dateTimePicker/util.ts
+var formatDateToString = (date) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+
+// src/components/dateTimePicker/useDateTimePicker.tsx
+var useDatePicker = ({ initialDate, initialTime }) => {
+  const [selectedDate, setSelectedDate] = (0, import_react.useState)(
+    initialDate ? formatDateToString(initialDate) : ""
+  );
+  const [selectedTime, setSelectedTime] = (0, import_react.useState)(initialTime ? initialTime : "");
+  const [targetRect, setTargetRect] = (0, import_react.useState)(null);
+  const [popupWidth, setPopupWidth] = (0, import_react.useState)(0);
+  const [popupHeight, setPopupHeight] = (0, import_react.useState)(0);
+  const dateInputRef = (0, import_react.useRef)(null);
+  const datePickerWrapperRef = (0, import_react.useRef)(null);
+  const datePickerRef = (0, import_react.useRef)(null);
+  const dataPickerGap = 4;
+  const calculatePositionWithScroll = (targetRect2, popupHeight2) => {
+    if (popupWidth === 0 || popupHeight2 === 0) return;
+    const scrollTop = window.scrollY || document.documentElement.scrollTop || document.body.scrollTop;
+    const scrollLeft = window.scrollX || document.documentElement.scrollLeft || document.body.scrollLeft;
+    const spaceBelow = window.innerHeight - (targetRect2.y + targetRect2.height + dataPickerGap);
+    const spaceAbove = targetRect2.y - dataPickerGap;
+    const top = spaceBelow < popupHeight2 && spaceAbove > popupHeight2 ? targetRect2.y - popupHeight2 - dataPickerGap : targetRect2.y + targetRect2.height + dataPickerGap;
+    return {
+      top: top + scrollTop,
+      left: targetRect2.x + targetRect2.width - popupWidth + scrollLeft
+    };
+  };
+  const handleToggleDatePicker = () => {
+    if (datePickerRef.current) {
+      const rect = datePickerRef.current.getBoundingClientRect();
+      setTargetRect((prevRect) => prevRect ? null : { x: rect.x, y: rect.y, width: rect.width, height: rect.height });
+    }
+  };
+  const handleChangeDate = (date) => {
+    setSelectedDate(date);
+  };
+  const handleChangeTime = (time) => {
+    setSelectedTime(time);
+  };
+  (0, import_react.useEffect)(() => {
+    const onClickOutside = (e) => {
+      if (datePickerRef.current && !datePickerRef.current.contains(e.target) && datePickerWrapperRef.current && !datePickerWrapperRef.current.contains(e.target)) {
+        setTargetRect(null);
+      }
+    };
+    window.addEventListener("mousedown", onClickOutside);
+    return () => window.removeEventListener("mousedown", onClickOutside);
+  }, []);
+  (0, import_react.useEffect)(() => {
+    if (datePickerWrapperRef.current) {
+      setPopupHeight(datePickerWrapperRef.current.getBoundingClientRect().height);
+      setPopupWidth(datePickerWrapperRef.current.getBoundingClientRect().width);
+    }
+  }, [targetRect]);
+  return {
+    selectedDate,
+    selectedTime,
+    targetRect,
+    popupHeight,
+    dateInputRef,
+    datePickerWrapperRef,
+    datePickerRef,
+    handleToggleDatePicker,
+    handleChangeDate,
+    handleChangeTime,
+    calculatePositionWithScroll
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useDatePicker
+});

package/dist/components/dateTimePicker/useDateTimePicker.mjs

@@ -0,0 +1,9 @@
+"use client";
+import {
+  useDatePicker
+} from "../../chunk-2ZFHB4JM.mjs";
+import "../../chunk-P732YGHO.mjs";
+import "../../chunk-IZ6II3QA.mjs";
+export {
+  useDatePicker
+};

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

@@ -0,0 +1,4 @@
+declare const formatDateToString: (date: Date) => string;
+declare const formatStringToDate: (date: string) => Date;
+
+export { formatDateToString, formatStringToDate };

package/dist/components/dateTimePicker/util.d.ts

@@ -0,0 +1,4 @@
+declare const formatDateToString: (date: Date) => string;
+declare const formatStringToDate: (date: string) => Date;
+
+export { formatDateToString, formatStringToDate };

package/dist/components/dateTimePicker/util.js

@@ -0,0 +1,42 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/dateTimePicker/util.ts
+var util_exports = {};
+__export(util_exports, {
+  formatDateToString: () => formatDateToString,
+  formatStringToDate: () => formatStringToDate
+});
+module.exports = __toCommonJS(util_exports);
+var formatDateToString = (date) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+};
+var formatStringToDate = (date) => {
+  const formattedDate = new Date(date);
+  return formattedDate;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  formatDateToString,
+  formatStringToDate
+});

package/dist/components/dateTimePicker/util.mjs

@@ -0,0 +1,10 @@
+"use client";
+import {
+  formatDateToString,
+  formatStringToDate
+} from "../../chunk-P732YGHO.mjs";
+import "../../chunk-IZ6II3QA.mjs";
+export {
+  formatDateToString,
+  formatStringToDate
+};

package/dist/components/input/input.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, { ComponentProps, ReactElement } from 'react';
+import React__default, { ComponentProps, ReactElement } from 'react';
 import { SlotsToClasses } from '../../utils/types.mjs';
 
 interface Props extends Omit<ComponentProps<"input">, "size"> {
@@ -18,7 +18,7 @@ interface Props extends Omit<ComponentProps<"input">, "size"> {
     classNames?: SlotsToClasses<InputSlots>;
 }
 type InputProps = Props & InputVariantProps;
-declare const Input: react__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & react__default.RefAttributes<HTMLInputElement>>;
+declare const Input: React__default.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const inputStyle: tailwind_variants.TVReturnType<{
     variant: {