@causw/core 0.0.16 → 0.0.18

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_variants17 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/DatePicker/DatePicker.styles.d.ts
+declare const datePicker: tailwind_variants17.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_variants17.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_variants29 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/components/DatePicker/DatePicker.styles.d.ts
+declare const datePicker: tailwind_variants29.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_variants29.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,57 +1,57 @@
 import { PrimitiveProps } from "../Primitive/Primitive.cjs";
 import "../Primitive/index.cjs";
 import { DialogSizeOptions, DialogVariants } from "./Dialog.styles.cjs";
-import * as react0 from "react";
+import * as react16 from "react";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime25 from "react/jsx-runtime";
+import * as react_jsx_runtime79 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/Dialog/Dialog.d.ts
-declare const DialogRoot: react0.FC<DialogPrimitive.DialogProps>;
+declare const DialogRoot: react16.FC<DialogPrimitive.DialogProps>;
 type DialogProps = ComponentProps<typeof DialogRoot>;
-declare const DialogTrigger: react0.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
+declare const DialogTrigger: react16.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react16.RefAttributes<HTMLButtonElement>>;
 type DialogTriggerProps = ComponentProps<typeof DialogTrigger>;
-declare const DialogPortal: react0.FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogPortal: react16.FC<DialogPrimitive.DialogPortalProps>;
 type DialogPortalProps = ComponentProps<typeof DialogPortal>;
-declare const DialogClose: react0.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react0.RefAttributes<HTMLButtonElement>>;
+declare const DialogClose: react16.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react16.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: react0.FC<DialogPrimitive.DialogProps> & {
-  Trigger: react0.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
+declare const Dialog: react16.FC<DialogPrimitive.DialogProps> & {
+  Trigger: react16.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react16.RefAttributes<HTMLButtonElement>>;
   Content: {
     ({
       className,
       children,
       ...props
-    }: DialogContentProps): react_jsx_runtime25.JSX.Element;
+    }: DialogContentProps): react_jsx_runtime79.JSX.Element;
     displayName: string | undefined;
   };
   Title: {
     ({
       className,
       ...props
-    }: DialogTitleProps): react_jsx_runtime25.JSX.Element;
+    }: DialogTitleProps): react_jsx_runtime79.JSX.Element;
     displayName: string | undefined;
   };
   Description: {
     ({
       className,
       ...props
-    }: DialogDescriptionProps): react_jsx_runtime25.JSX.Element;
+    }: DialogDescriptionProps): react_jsx_runtime79.JSX.Element;
     displayName: string | undefined;
   };
   Footer: {
     ({
       className,
       ...props
-    }: DialogFooterProps): react_jsx_runtime25.JSX.Element;
+    }: DialogFooterProps): react_jsx_runtime79.JSX.Element;
     displayName: string;
   };
-  Close: react0.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react0.RefAttributes<HTMLButtonElement>>;
+  Close: react16.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react16.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,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"}
+{"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"}

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_runtime31 from "react/jsx-runtime";
+import * as react_jsx_runtime29 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_runtime31.JSX.Element;
+    }: DialogContentProps): react_jsx_runtime29.JSX.Element;
     displayName: string | undefined;
   };
   Title: {
     ({
       className,
       ...props
-    }: DialogTitleProps): react_jsx_runtime31.JSX.Element;
+    }: DialogTitleProps): react_jsx_runtime29.JSX.Element;
     displayName: string | undefined;
   };
   Description: {
     ({
       className,
       ...props
-    }: DialogDescriptionProps): react_jsx_runtime31.JSX.Element;
+    }: DialogDescriptionProps): react_jsx_runtime29.JSX.Element;
     displayName: string | undefined;
   };
   Footer: {
     ({
       className,
       ...props
-    }: DialogFooterProps): react_jsx_runtime31.JSX.Element;
+    }: DialogFooterProps): react_jsx_runtime29.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_variants11 from "tailwind-variants";
+import * as tailwind_variants29 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Dialog/Dialog.styles.d.ts
-declare const dialog: tailwind_variants11.TVReturnType<{
+declare const dialog: tailwind_variants29.TVReturnType<{
   fullscreen: {
     true: {
       content: string;
@@ -22,7 +22,7 @@ declare const dialog: tailwind_variants11.TVReturnType<{
   overlay: string;
   content: string;
   close: string;
-}, tailwind_variants11.TVReturnType<{
+}, tailwind_variants29.TVReturnType<{
   fullscreen: {
     true: {
       content: string;

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

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

package/dist/components/Drawer/Drawer.d.cts

@@ -1,28 +1,28 @@
 import { DrawerVariants } from "./Drawer.styles.cjs";
-import * as react12 from "react";
-import * as react_jsx_runtime78 from "react/jsx-runtime";
+import * as react5 from "react";
+import * as react_jsx_runtime70 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/Drawer/Drawer.d.ts
 type DrawerOverlayProps = React.ComponentProps<typeof DialogPrimitive.Overlay>;
 type DrawerContentProps = React.ComponentProps<typeof DialogPrimitive.Content> & DrawerVariants;
-declare const Drawer: react12.FC<DialogPrimitive.DialogProps> & {
-  Root: react12.FC<DialogPrimitive.DialogProps>;
-  Trigger: react12.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react12.RefAttributes<HTMLButtonElement>>;
-  Close: react12.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react12.RefAttributes<HTMLButtonElement>>;
-  Portal: react12.FC<DialogPrimitive.DialogPortalProps>;
+declare const Drawer: react5.FC<DialogPrimitive.DialogProps> & {
+  Root: react5.FC<DialogPrimitive.DialogProps>;
+  Trigger: react5.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & react5.RefAttributes<HTMLButtonElement>>;
+  Close: react5.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & react5.RefAttributes<HTMLButtonElement>>;
+  Portal: react5.FC<DialogPrimitive.DialogPortalProps>;
   Overlay: ({
     className,
     ...props
-  }: DrawerOverlayProps) => react_jsx_runtime78.JSX.Element;
+  }: DrawerOverlayProps) => react_jsx_runtime70.JSX.Element;
   Content: ({
     position,
     className,
     children,
     ...props
-  }: DrawerContentProps) => react_jsx_runtime78.JSX.Element;
-  Title: react12.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react12.RefAttributes<HTMLHeadingElement>>;
-  Description: react12.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react12.RefAttributes<HTMLParagraphElement>>;
+  }: DrawerContentProps) => react_jsx_runtime70.JSX.Element;
+  Title: react5.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react5.RefAttributes<HTMLHeadingElement>>;
+  Description: react5.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react5.RefAttributes<HTMLParagraphElement>>;
 };
 //#endregion
 export { Drawer };

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.d.cts","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"mappings":";;;;;;KAUK,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,KASjE,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,OAAA,IACpE,cAAA;AAAA,cAgBW,MAAA,EAAM,OAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;;;;;;;;KAxB6B,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAe/D,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"Drawer.d.cts","names":[],"sources":["../../../src/components/Drawer/Drawer.tsx"],"mappings":";;;;;;KAUK,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,OAAA;AAAA,KASjE,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,eAAA,CAAgB,OAAA,IACpE,cAAA;AAAA,cAgBW,MAAA,EAAM,MAAA,CAAA,EAAA,CAAA,eAAA,CAAA,WAAA;;;;;;;;KAxB6B,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;KAe/D,kBAAA,KAAkB,mBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/Drawer/Drawer.d.mts

@@ -1,6 +1,6 @@
 import { DrawerVariants } from "./Drawer.styles.mjs";
 import * as react16 from "react";
-import * as react_jsx_runtime80 from "react/jsx-runtime";
+import * as react_jsx_runtime82 from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 
 //#region src/components/Drawer/Drawer.d.ts
@@ -14,13 +14,13 @@ declare const Drawer: react16.FC<DialogPrimitive.DialogProps> & {
   Overlay: ({
     className,
     ...props
-  }: DrawerOverlayProps) => react_jsx_runtime80.JSX.Element;
+  }: DrawerOverlayProps) => react_jsx_runtime82.JSX.Element;
   Content: ({
     position,
     className,
     children,
     ...props
-  }: DrawerContentProps) => react_jsx_runtime80.JSX.Element;
+  }: DrawerContentProps) => react_jsx_runtime82.JSX.Element;
   Title: react16.ForwardRefExoticComponent<DialogPrimitive.DialogTitleProps & react16.RefAttributes<HTMLHeadingElement>>;
   Description: react16.ForwardRefExoticComponent<DialogPrimitive.DialogDescriptionProps & react16.RefAttributes<HTMLParagraphElement>>;
 };

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants55 from "tailwind-variants";
+import * as tailwind_variants51 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/components/Drawer/Drawer.styles.d.ts
-declare const drawer: tailwind_variants55.TVReturnType<{
+declare const drawer: tailwind_variants51.TVReturnType<{
   position: {
     bottom: {
       content: string;
@@ -20,7 +20,7 @@ declare const drawer: tailwind_variants55.TVReturnType<{
 }, {
   overlay: string[];
   content: string[];
-}, tailwind_variants55.TVReturnType<{
+}, tailwind_variants51.TVReturnType<{
   position: {
     bottom: {
       content: string;

package/dist/components/Dropdown/Dropdown.d.cts

@@ -1,6 +1,6 @@
 import { DropdownVariants } from "./Dropdown.styles.cjs";
 import * as React$1 from "react";
-import * as react_jsx_runtime33 from "react/jsx-runtime";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 
 //#region src/components/Dropdown/Dropdown.d.ts
@@ -18,7 +18,7 @@ declare const Dropdown: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps> & {
       sideOffset,
       ref,
       ...props
-    }: DropdownContentProps): react_jsx_runtime33.JSX.Element;
+    }: DropdownContentProps): react_jsx_runtime10.JSX.Element;
     displayName: string | undefined;
   };
   Item: {
@@ -27,7 +27,7 @@ declare const Dropdown: React$1.FC<DropdownMenuPrimitive.DropdownMenuProps> & {
       color,
       ref,
       ...props
-    }: DropdownItemProps): react_jsx_runtime33.JSX.Element;
+    }: DropdownItemProps): react_jsx_runtime10.JSX.Element;
     displayName: string | undefined;
   };
 };