@causw/core 0.0.15 → 0.0.17

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"}

package/dist/components/DatePicker/DatePicker.styles.cjs

@@ -0,0 +1,33 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+let tailwind_variants = require("tailwind-variants");
+
+//#region src/components/DatePicker/DatePicker.styles.ts
+const datePicker = (0, tailwind_variants.tv)({
+	slots: {
+		trigger: "flex w-full cursor-pointer items-center justify-between gap-2 rounded-md px-[1rem] py-[0.9375rem] text-left transition-all duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-gray-600",
+		icon: "flex-shrink-0",
+		content: "divide-y-0 p-0 overflow-auto overscroll-contain max-h-[var(--radix-dropdown-menu-content-available-height)] max-w-[calc(100vw-2rem)]"
+	},
+	variants: {
+		variant: {
+			gray: { trigger: "bg-gray-100" },
+			white: { trigger: "bg-white" }
+		},
+		error: {
+			true: { trigger: "ring-2 ring-red-400 focus:ring-red-400" },
+			false: {}
+		},
+		disabled: {
+			true: { trigger: "cursor-not-allowed opacity-50" },
+			false: {}
+		}
+	},
+	defaultVariants: {
+		variant: "white",
+		error: false,
+		disabled: false
+	}
+});
+
+//#endregion
+exports.datePicker = datePicker;

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

@@ -0,0 +1,84 @@
+import * as tailwind_variants19 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/DatePicker/DatePicker.styles.d.ts
+declare const datePicker: tailwind_variants19.TVReturnType<{
+  variant: {
+    gray: {
+      trigger: string;
+    };
+    white: {
+      trigger: string;
+    };
+  };
+  error: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+  disabled: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+}, {
+  trigger: string;
+  icon: string;
+  content: string;
+}, undefined, {
+  variant: {
+    gray: {
+      trigger: string;
+    };
+    white: {
+      trigger: string;
+    };
+  };
+  error: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+  disabled: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+}, {
+  trigger: string;
+  icon: string;
+  content: string;
+}, tailwind_variants19.TVReturnType<{
+  variant: {
+    gray: {
+      trigger: string;
+    };
+    white: {
+      trigger: string;
+    };
+  };
+  error: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+  disabled: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+}, {
+  trigger: string;
+  icon: string;
+  content: string;
+}, undefined, unknown, unknown, undefined>>;
+type DatePickerVariants = VariantProps<typeof datePicker>;
+//#endregion
+export { DatePickerVariants };
+//# sourceMappingURL=DatePicker.styles.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.styles.d.cts","names":[],"sources":["../../../src/components/DatePicker/DatePicker.styles.ts"],"mappings":";;;;cAEa,UAAA,EAmCX,mBAAA,CAnCqB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCrB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,kBAAA,GAAqB,YAAA,QAAoB,UAAA"}

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

@@ -0,0 +1,84 @@
+import * as tailwind_variants15 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/DatePicker/DatePicker.styles.d.ts
+declare const datePicker: tailwind_variants15.TVReturnType<{
+  variant: {
+    gray: {
+      trigger: string;
+    };
+    white: {
+      trigger: string;
+    };
+  };
+  error: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+  disabled: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+}, {
+  trigger: string;
+  icon: string;
+  content: string;
+}, undefined, {
+  variant: {
+    gray: {
+      trigger: string;
+    };
+    white: {
+      trigger: string;
+    };
+  };
+  error: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+  disabled: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+}, {
+  trigger: string;
+  icon: string;
+  content: string;
+}, tailwind_variants15.TVReturnType<{
+  variant: {
+    gray: {
+      trigger: string;
+    };
+    white: {
+      trigger: string;
+    };
+  };
+  error: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+  disabled: {
+    true: {
+      trigger: string;
+    };
+    false: {};
+  };
+}, {
+  trigger: string;
+  icon: string;
+  content: string;
+}, undefined, unknown, unknown, undefined>>;
+type DatePickerVariants = VariantProps<typeof datePicker>;
+//#endregion
+export { DatePickerVariants };
+//# sourceMappingURL=DatePicker.styles.d.mts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.styles.d.mts","names":[],"sources":["../../../src/components/DatePicker/DatePicker.styles.ts"],"mappings":";;;;cAEa,UAAA,EAmCX,mBAAA,CAnCqB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCrB,mBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;KAEU,kBAAA,GAAqB,YAAA,QAAoB,UAAA"}

package/dist/components/DatePicker/DatePicker.styles.mjs

@@ -0,0 +1,33 @@
+import { tv } from "tailwind-variants";
+
+//#region src/components/DatePicker/DatePicker.styles.ts
+const datePicker = tv({
+	slots: {
+		trigger: "flex w-full cursor-pointer items-center justify-between gap-2 rounded-md px-[1rem] py-[0.9375rem] text-left transition-all duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-gray-600",
+		icon: "flex-shrink-0",
+		content: "divide-y-0 p-0 overflow-auto overscroll-contain max-h-[var(--radix-dropdown-menu-content-available-height)] max-w-[calc(100vw-2rem)]"
+	},
+	variants: {
+		variant: {
+			gray: { trigger: "bg-gray-100" },
+			white: { trigger: "bg-white" }
+		},
+		error: {
+			true: { trigger: "ring-2 ring-red-400 focus:ring-red-400" },
+			false: {}
+		},
+		disabled: {
+			true: { trigger: "cursor-not-allowed opacity-50" },
+			false: {}
+		}
+	},
+	defaultVariants: {
+		variant: "white",
+		error: false,
+		disabled: false
+	}
+});
+
+//#endregion
+export { datePicker };
+//# sourceMappingURL=DatePicker.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.styles.mjs","names":[],"sources":["../../../src/components/DatePicker/DatePicker.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const datePicker = tv({\n  slots: {\n    trigger:\n      'flex w-full cursor-pointer items-center justify-between gap-2 rounded-md px-[1rem] py-[0.9375rem] text-left transition-all duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-gray-600',\n    icon: 'flex-shrink-0',\n    content:\n      'divide-y-0 p-0 overflow-auto overscroll-contain max-h-[var(--radix-dropdown-menu-content-available-height)] max-w-[calc(100vw-2rem)]',\n  },\n  variants: {\n    variant: {\n      gray: {\n        trigger: 'bg-gray-100',\n      },\n      white: {\n        trigger: 'bg-white',\n      },\n    },\n    error: {\n      true: {\n        trigger: 'ring-2 ring-red-400 focus:ring-red-400',\n      },\n      false: {},\n    },\n    disabled: {\n      true: {\n        trigger: 'cursor-not-allowed opacity-50',\n      },\n      false: {},\n    },\n  },\n  defaultVariants: {\n    variant: 'white',\n    error: false,\n    disabled: false,\n  },\n});\n\nexport type DatePickerVariants = VariantProps<typeof datePicker>;\n"],"mappings":";;;AAEA,MAAa,aAAa,GAAG;CAC3B,OAAO;EACL,SACE;EACF,MAAM;EACN,SACE;EACH;CACD,UAAU;EACR,SAAS;GACP,MAAM,EACJ,SAAS,eACV;GACD,OAAO,EACL,SAAS,YACV;GACF;EACD,OAAO;GACL,MAAM,EACJ,SAAS,0CACV;GACD,OAAO,EAAE;GACV;EACD,UAAU;GACR,MAAM,EACJ,SAAS,iCACV;GACD,OAAO,EAAE;GACV;EACF;CACD,iBAAiB;EACf,SAAS;EACT,OAAO;EACP,UAAU;EACX;CACF,CAAC"}

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

@@ -0,0 +1,2 @@
+import { DatePickerVariants } from "./DatePicker.styles.cjs";
+import { DatePicker, DatePickerProps } from "./DatePicker.cjs";

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

@@ -0,0 +1,2 @@
+import { DatePickerVariants } from "./DatePicker.styles.mjs";
+import { DatePicker, DatePickerProps } from "./DatePicker.mjs";

package/dist/components/Dialog/Dialog.d.cts

@@ -1,26 +1,27 @@
 import { PrimitiveProps } from "../Primitive/Primitive.cjs";
+import "../Primitive/index.cjs";
 import { DialogSizeOptions, DialogVariants } from "./Dialog.styles.cjs";
-import * as react11 from "react";
+import * as react1 from "react";
 import { ComponentProps } from "react";
 import * as react_jsx_runtime31 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/Dialog/Dialog.d.ts
-declare const DialogRoot: react11.FC<DialogPrimitive.DialogProps>;
+declare const DialogRoot: react1.FC<DialogPrimitive.DialogProps>;
 type DialogProps = ComponentProps<typeof DialogRoot>;
-declare const DialogTrigger: react11.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react11.RefAttributes<HTMLButtonElement>>;
+declare const DialogTrigger: react1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react1.RefAttributes<HTMLButtonElement>>;
 type DialogTriggerProps = ComponentProps<typeof DialogTrigger>;
-declare const DialogPortal: react11.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogPortal: react1.FC<DialogPrimitive.DialogPortalProps>;
 type DialogPortalProps = ComponentProps<typeof DialogPortal>;
-declare const DialogClose: react11.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react11.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: react1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react1.RefAttributes<HTMLButtonElement>>;
 type DialogCloseProps = ComponentProps<typeof DialogClose>;
 type DialogOverlayProps = ComponentProps<typeof DialogPrimitive.Overlay>;
 interface DialogContentProps extends ComponentProps<typeof DialogPrimitive.Content>, DialogSizeOptions, DialogVariants {}
 type DialogTitleProps = ComponentProps<typeof DialogPrimitive.Title>;
 type DialogDescriptionProps = ComponentProps<typeof DialogPrimitive.Description>;
 type DialogFooterProps = ComponentProps<'div'> & PrimitiveProps;
-declare const Dialog: react11.FC<DialogPrimitive.DialogProps> & {
-  Trigger: react11.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react11.RefAttributes<HTMLButtonElement>>;
+declare const Dialog: react1.FC<DialogPrimitive.DialogProps> & {
+  Trigger: react1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react1.RefAttributes<HTMLButtonElement>>;
   Content: {
     ({
       className,
@@ -50,7 +51,7 @@ declare const Dialog: react11.FC<DialogPrimitive.DialogProps> & {
     }: DialogFooterProps): react_jsx_runtime31.JSX.Element;
     displayName: string;
   };
-  Close: react11.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react11.RefAttributes<HTMLButtonElement>>;
+  Close: react1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react1.RefAttributes<HTMLButtonElement>>;
 };
 //#endregion
 export { Dialog, DialogCloseProps, DialogContentProps, DialogDescriptionProps, DialogFooterProps, DialogOverlayProps, DialogPortalProps, DialogProps, DialogTitleProps, DialogTriggerProps };

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.cts","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"mappings":";;;;;;;;cAYM,UAAA,EAAU,OAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;AAAA,KACJ,WAAA,GAAc,cAAA,QAAsB,UAAA;AAAA,cAE1C,aAAA,EAAa,OAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,kBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACP,kBAAA,GAAqB,cAAA,QAAsB,aAAA;AAAA,cAEjD,YAAA,EAAY,OAAA,CAAA,EAAA,CAAA,eAAA,CAAA,iBAAA;AAAA,KACN,iBAAA,GAAoB,cAAA,QAAsB,YAAA;AAAA,cAEhD,WAAA,EAAW,OAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,gBAAA,GAAA,OAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACL,gBAAA,GAAmB,cAAA,QAAsB,WAAA;AAAA,KAEzC,kBAAA,GAAqB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,UAWtD,kBAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,OAAA,GACtC,iBAAA,EACA,cAAA;AAAA,KA0BQ,gBAAA,GAAmB,cAAA,QAAsB,eAAA,CAAgB,KAAA;AAAA,KAOzD,sBAAA,GAAyB,cAAA,QAC5B,eAAA,CAAgB,WAAA;AAAA,KAQb,iBAAA,GAAoB,cAAA,UAAwB,cAAA;AAAA,cAO3C,MAAA,EAAM,OAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;;;;;;;OA3ChB,kBAAA,GAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAsByB,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OASV,sBAAA,GAAsB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAO3B,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Dialog.d.cts","names":[],"sources":["../../../src/components/Dialog/Dialog.tsx"],"mappings":";;;;;;;;;cAYM,UAAA,EAAU,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;AAAA,KACJ,WAAA,GAAc,cAAA,QAAsB,UAAA;AAAA,cAE1C,aAAA,EAAa,MAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,kBAAA,GAAA,MAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACP,kBAAA,GAAqB,cAAA,QAAsB,aAAA;AAAA,cAEjD,YAAA,EAAY,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,iBAAA;AAAA,KACN,iBAAA,GAAoB,cAAA,QAAsB,YAAA;AAAA,cAEhD,WAAA,EAAW,MAAA,CAAA,yBAAA,CAAA,eAAA,CAAA,gBAAA,GAAA,MAAA,CAAA,aAAA,CAAA,iBAAA;AAAA,KACL,gBAAA,GAAmB,cAAA,QAAsB,WAAA;AAAA,KAEzC,kBAAA,GAAqB,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,UAWtD,kBAAA,SAEb,cAAA,QAAsB,eAAA,CAAgB,OAAA,GACtC,iBAAA,EACA,cAAA;AAAA,KA0BQ,gBAAA,GAAmB,cAAA,QAAsB,eAAA,CAAgB,KAAA;AAAA,KAOzD,sBAAA,GAAyB,cAAA,QAC5B,eAAA,CAAgB,WAAA;AAAA,KAQb,iBAAA,GAAoB,cAAA,UAAwB,cAAA;AAAA,cAO3C,MAAA,EAAM,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;;;;;;;OA3ChB,kBAAA,GAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAsByB,gBAAA,GAAgB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OASV,sBAAA,GAAsB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;OAO3B,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Dialog/Dialog.d.mts

@@ -3,7 +3,7 @@ import "../Primitive/index.mjs";
 import { DialogSizeOptions, DialogVariants } from "./Dialog.styles.mjs";
 import * as react0 from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime32 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/Dialog/Dialog.d.ts
@@ -27,28 +27,28 @@ declare const Dialog: react0.FC<DialogPrimitive.DialogProps> & {
       className,
       children,
       ...props
-    }: DialogContentProps): react_jsx_runtime25.JSX.Element;
+    }: DialogContentProps): react_jsx_runtime32.JSX.Element;
     displayName: string | undefined;
   };
   Title: {
     ({
       className,
       ...props
-    }: DialogTitleProps): react_jsx_runtime25.JSX.Element;
+    }: DialogTitleProps): react_jsx_runtime32.JSX.Element;
     displayName: string | undefined;
   };
   Description: {
     ({
       className,
       ...props
-    }: DialogDescriptionProps): react_jsx_runtime25.JSX.Element;
+    }: DialogDescriptionProps): react_jsx_runtime32.JSX.Element;
     displayName: string | undefined;
   };
   Footer: {
     ({
       className,
       ...props
-    }: DialogFooterProps): react_jsx_runtime25.JSX.Element;
+    }: DialogFooterProps): react_jsx_runtime32.JSX.Element;
     displayName: string;
   };
   Close: react0.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react0.RefAttributes<HTMLButtonElement>>;

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants13 from "tailwind-variants";
+import * as tailwind_variants15 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Dialog/Dialog.styles.d.ts
-declare const dialog: tailwind_variants13.TVReturnType<{
+declare const dialog: tailwind_variants15.TVReturnType<{
   fullscreen: {
     true: {
       content: string;
@@ -22,7 +22,7 @@ declare const dialog: tailwind_variants13.TVReturnType<{
   overlay: string;
   content: string;
   close: string;
-}, tailwind_variants13.TVReturnType<{
+}, tailwind_variants15.TVReturnType<{
   fullscreen: {
     true: {
       content: string;