@spear-ai/spectral 1.13.1 → 1.14.1

package/dist/DateTimePicker.js

@@ -1,94 +1,107 @@
-'use client'
-import './styles/main.css'
-import { CalendarIcon as e } from "./Icons/CalendarIcon.js";
-import { t } from "./twUtils-BpqlKSeB.js";
-import { ErrorMessage as n } from "./FormFieldMessage.js";
-import { getErrorMessageId as r, useFormFieldId as i } from "./utils/formFieldUtils.js";
-import { useUncontrolledState as a } from "./hooks/useUncontrolledState.js";
-import { Popover as ee, PopoverContent as o, PopoverTrigger as s } from "./Popover.js";
-import { t as c } from "./Calendar-FXWVuKWS.js";
-import { A as l, C as u, D as d, E as f, F as p, I as m, L as h, M as g, N as _, O as v, P as y, S as b, T as x, _ as S, a as C, b as w, c as T, d as E, f as D, g as O, h as k, i as A, j, k as M, l as N, m as P, n as F, o as I, p as L, r as te, s as R, t as z, u as B, v as V, w as H, x as U, y as W } from "./DateTimeUtils-BJUAMuot.js";
-import { DateTimeDisplayInput as G } from "./DateTimePicker/DateTimeDisplayInput.js";
-import { DateTimeInput as K } from "./DateTimePicker/DateTimeInput.js";
-import { TimePeriodSelect as q } from "./DateTimePicker/TimePeriodSelect.js";
-import { TimePicker as J } from "./DateTimePicker/TimePicker.js";
-import { useCallback as Y, useMemo as X } from "react";
-import { jsx as Z, jsxs as Q } from "react/jsx-runtime";
+'use client';
+import { CalendarIcon } from "./Icons/CalendarIcon.js";
+import { cn } from "./utils/twUtils.js";
+import { ErrorMessage } from "./FormFieldMessage.js";
+import { getErrorMessageId, useFormFieldId } from "./utils/formFieldUtils.js";
+import { useUncontrolledState } from "./hooks/useUncontrolledState.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./Popover.js";
+import { Calendar } from "./DateTimePicker/Calendar.js";
+import { DEFAULT_TRANSLATIONS, DateTimeConfigSchema, HourFormatSchema, PICKER_TYPES, PeriodSchema, TIME_BOUNDS, TimePickerTypeSchema, TimeValueSchema, convert12HourTo24Hour, detectHourFormat, display12HourValue, formatSelectPeriodLabel, formatTimeNumber, getAriaLabel, getAriaValueMinMax, getAriaValueNow, getArrowByType, getDateByType, getLocalizedPeriodLabel, getLocalizedPeriodLabels, getPeriodFromHours, getResolvedLocale, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinute, getValidArrowNumber, getValidHour, getValidMinute, getValidNumber, isValid12Hour, isValidHour, isValidMinute, set12Hours, setDateByType, setHours, setMinutes } from "./DateTimePicker/DateTimeUtils.js";
+import { DateTimeDisplayInput } from "./DateTimePicker/DateTimeDisplayInput.js";
+import { DateTimeInput } from "./DateTimePicker/DateTimeInput.js";
+import { TimePeriodSelect } from "./DateTimePicker/TimePeriodSelect.js";
+import { TimePicker } from "./DateTimePicker/TimePicker.js";
+import { useCallback, useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react-day-picker";
+
 //#region src/components/DateTimePicker/DateTimePicker.tsx
-var $ = ({ calendarProps: l, className: u, defaultValue: d, disabled: f = !1, disablePastDates: p = !0, errorMessage: m, hourFormat: h, label: g, locale: _, onChange: v, showTimePicker: y = !0, state: x = "default", timeLocale: S, timeTranslations: C, value: w, id: T, ...E }) => {
-	let D = i(T), O = r(D), k = x === "error" && m ? O : void 0, [A, j] = a({
-		defaultValue: d,
-		onChange: v,
-		value: w
-	}), M = X(() => b(S), [S]), N = X(() => h ?? B(M), [h, M]), P = (e) => {
-		if (!e) {
-			j(void 0);
+const DateTimePicker = ({ calendarProps, className, defaultValue, disabled = false, disablePastDates = true, errorMessage, hourFormat, label, locale, onChange, showTimePicker = true, state = "default", timeLocale, timeTranslations, value, id, ...props }) => {
+	const fieldId = useFormFieldId(id);
+	const errorMessageId = getErrorMessageId(fieldId);
+	const describedBy = state === "error" && errorMessage ? errorMessageId : void 0;
+	const [date, setDate] = useUncontrolledState({
+		defaultValue,
+		onChange,
+		value
+	});
+	const resolvedTimeLocale = useMemo(() => getResolvedLocale(timeLocale), [timeLocale]);
+	const effectiveHourFormat = useMemo(() => hourFormat ?? detectHourFormat(resolvedTimeLocale), [hourFormat, resolvedTimeLocale]);
+	const handleDateSelect = (selectedDate) => {
+		if (!selectedDate) {
+			setDate(void 0);
 			return;
 		}
-		A && e.setHours(A.getHours(), A.getMinutes(), 0, 0), j(e);
-	}, F = Y((e) => {
-		j(e);
-	}, [j]), I = (e) => {}, L = (e) => {
-		j(e);
+		if (date) selectedDate.setHours(date.getHours(), date.getMinutes(), 0, 0);
+		setDate(selectedDate);
 	};
-	return /* @__PURE__ */ Q(ee, { children: [/* @__PURE__ */ Q("div", {
-		className: t("w-full", u),
+	const handleTimeChange = useCallback((newDate) => {
+		setDate(newDate);
+	}, [setDate]);
+	const handlePeriodChange = (period) => {};
+	const handleInputDateChange = (newDate) => {
+		setDate(newDate);
+	};
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsxs("div", {
+		className: cn("w-full", className),
 		"data-slot": "datetime-picker",
 		"data-testid": "spectral-datetime-picker",
-		...E,
-		children: [/* @__PURE__ */ Z(G, {
-			"aria-describedby": k,
-			"aria-invalid": x === "error",
-			className: t("gap-4 pr-12 flex w-full justify-start", !A && "text-text-secondary"),
+		...props,
+		children: [/* @__PURE__ */ jsx(DateTimeDisplayInput, {
+			"aria-describedby": describedBy,
+			"aria-invalid": state === "error",
+			className: cn("gap-4 pr-12 flex w-full justify-start", !date && "text-text-secondary"),
 			"data-testid": "spectral-datetime-picker-input",
-			disabled: f,
-			endIcon: /* @__PURE__ */ Z(s, {
-				asChild: !0,
-				disabled: f,
-				children: /* @__PURE__ */ Z(e, {
+			disabled,
+			endIcon: /* @__PURE__ */ jsx(PopoverTrigger, {
+				asChild: true,
+				disabled,
+				children: /* @__PURE__ */ jsx(CalendarIcon, {
 					"aria-label": "Open date picker",
-					className: t("right-4 text-input-icon hover:text-input-icon--hover absolute top-1/2 -translate-y-1/2 cursor-pointer focus:outline-none", f ? "pointer-events-none cursor-not-allowed opacity-50" : "hover:text-input-icon--hover cursor-pointer"),
+					className: cn("right-4 text-input-icon hover:text-input-icon--hover absolute top-1/2 -translate-y-1/2 cursor-pointer focus:outline-none", disabled ? "pointer-events-none cursor-not-allowed opacity-50" : "hover:text-input-icon--hover cursor-pointer"),
 					"data-testid": "spectral-datetime-picker-trigger",
-					disabled: f
+					disabled
 				})
 			}),
-			hourFormat: N,
-			id: D,
-			label: g,
-			onChange: L,
-			showTime: y,
-			state: x,
-			value: A
-		}), /* @__PURE__ */ Z(n, {
+			hourFormat: effectiveHourFormat,
+			id: fieldId,
+			label,
+			onChange: handleInputDateChange,
+			showTime: showTimePicker,
+			state,
+			value: date
+		}), /* @__PURE__ */ jsx(ErrorMessage, {
 			dataTestId: "spectral-datetime-picker-error-message",
-			id: O,
-			message: x === "error" ? m : null
+			id: errorMessageId,
+			message: state === "error" ? errorMessage : null
 		})]
-	}), /* @__PURE__ */ Q(o, {
+	}), /* @__PURE__ */ jsxs(PopoverContent, {
 		align: "start",
-		className: t("rounded-lg py-4 px-6 flex", !y && "w-[330px]", y && N === "24" && "w-[486px]", y && N === "12" && "w-[560px]"),
+		className: cn("rounded-lg py-4 px-6 flex", !showTimePicker && "w-[330px]", showTimePicker && effectiveHourFormat === "24" && "w-[486px]", showTimePicker && effectiveHourFormat === "12" && "w-[560px]"),
 		"data-testid": "spectral-datetime-picker-popover",
 		onOpenAutoFocus: (e) => e.preventDefault(),
-		children: [/* @__PURE__ */ Z(c, {
-			...l,
-			disablePastDates: p,
-			locale: _,
+		children: [/* @__PURE__ */ jsx(Calendar, {
+			...calendarProps,
+			disablePastDates,
+			locale,
 			mode: "single",
-			onSelect: P,
-			selected: A
-		}), y && /* @__PURE__ */ Z("div", {
+			onSelect: handleDateSelect,
+			selected: date
+		}), showTimePicker && /* @__PURE__ */ jsx("div", {
 			className: "pl-6 border-l border-border-secondary",
-			children: /* @__PURE__ */ Z(J, {
-				date: A,
-				hourFormat: N,
-				locale: M,
-				onChange: F,
-				onPeriodChange: I,
-				translations: C
+			children: /* @__PURE__ */ jsx(TimePicker, {
+				date,
+				hourFormat: effectiveHourFormat,
+				locale: resolvedTimeLocale,
+				onChange: handleTimeChange,
+				onPeriodChange: handlePeriodChange,
+				translations: timeTranslations
 			})
 		})]
 	})] });
 };
-$.displayName = "DateTimePicker";
+DateTimePicker.displayName = "DateTimePicker";
+
 //#endregion
-export { c as Calendar, z as DEFAULT_TRANSLATIONS, F as DateTimeConfigSchema, G as DateTimeDisplayInput, K as DateTimeInput, $ as DateTimePicker, te as HourFormatSchema, A as PICKER_TYPES, C as PeriodSchema, I as TIME_BOUNDS, q as TimePeriodSelect, J as TimePicker, R as TimePickerTypeSchema, T as TimeValueSchema, N as convert12HourTo24Hour, B as detectHourFormat, E as display12HourValue, D as formatSelectPeriodLabel, L as formatTimeNumber, P as getAriaLabel, k as getAriaValueMinMax, O as getAriaValueNow, S as getArrowByType, V as getDateByType, W as getLocalizedPeriodLabel, w as getLocalizedPeriodLabels, U as getPeriodFromHours, b as getResolvedLocale, u as getValid12Hour, H as getValidArrow12Hour, x as getValidArrowHour, f as getValidArrowMinute, d as getValidArrowNumber, v as getValidHour, M as getValidMinute, l as getValidNumber, j as isValid12Hour, g as isValidHour, _ as isValidMinute, y as set12Hours, p as setDateByType, m as setHours, h as setMinutes };
+export { Calendar, DEFAULT_TRANSLATIONS, DateTimeConfigSchema, DateTimeDisplayInput, DateTimeInput, DateTimePicker, HourFormatSchema, PICKER_TYPES, PeriodSchema, TIME_BOUNDS, TimePeriodSelect, TimePicker, TimePickerTypeSchema, TimeValueSchema, convert12HourTo24Hour, detectHourFormat, display12HourValue, formatSelectPeriodLabel, formatTimeNumber, getAriaLabel, getAriaValueMinMax, getAriaValueNow, getArrowByType, getDateByType, getLocalizedPeriodLabel, getLocalizedPeriodLabels, getPeriodFromHours, getResolvedLocale, getValid12Hour, getValidArrow12Hour, getValidArrowHour, getValidArrowMinute, getValidArrowNumber, getValidHour, getValidMinute, getValidNumber, isValid12Hour, isValidHour, isValidMinute, set12Hours, setDateByType, setHours, setMinutes };
+//# sourceMappingURL=DateTimePicker.js.map

package/dist/DateTimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker.js","names":[],"sources":["../src/components/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { CalendarIcon } from '@components/Icons'\nimport { Popover, PopoverContent, PopoverTrigger } from '@components/Popover/Popover'\nimport { useUncontrolledState } from '@hooks/useUncontrolledState'\nimport { ErrorMessage, getErrorMessageId, useFormFieldId } from '@utils/formFieldUtils'\nimport { cn } from '@utils/twUtils'\nimport { useCallback, useMemo, type ComponentProps } from 'react'\nimport { type Locale } from 'react-day-picker'\nimport { Calendar, type CalendarProps } from './Calendar'\nimport { DateTimeDisplayInput } from './DateTimeDisplayInput'\nimport { detectHourFormat, getResolvedLocale, type HourFormat, type Period, type TimePickerTranslations } from './DateTimeUtils'\nimport { TimePicker } from './TimePicker'\n\nexport interface DateTimePickerProps extends Omit<ComponentProps<'div'>, 'onChange' | 'defaultValue'> {\n  calendarProps?: Omit<CalendarProps, 'mode' | 'selected' | 'onSelect' | 'disablePastDates' | 'locale'>\n  defaultValue?: Date\n  disabled?: boolean\n  disablePastDates?: boolean\n  errorMessage?: string | string[] | Record<string, unknown> | null\n  hourFormat?: HourFormat\n  label?: string\n  locale?: Partial<Locale>\n  onChange?: (date: Date | undefined) => void\n  showTimePicker?: boolean\n  state?: 'default' | 'disabled' | 'error'\n  timeLocale?: string\n  /** Override translation strings for time picker ARIA labels */\n  timeTranslations?: Partial<TimePickerTranslations>\n  value?: Date\n}\n\nexport const DateTimePicker = ({\n  calendarProps,\n  className,\n  defaultValue,\n  disabled = false,\n  disablePastDates = true,\n  errorMessage,\n  hourFormat,\n  label,\n  locale,\n  onChange,\n  showTimePicker = true,\n  state = 'default',\n  timeLocale,\n  timeTranslations,\n  value,\n  id,\n  ...props\n}: DateTimePickerProps) => {\n  const fieldId = useFormFieldId(id)\n  const errorMessageId = getErrorMessageId(fieldId)\n  const describedBy = state === 'error' && errorMessage ? errorMessageId : undefined\n  const [date, setDate] = useUncontrolledState<Date | undefined>({\n    defaultValue,\n    onChange,\n    value,\n  })\n\n  // Resolve time locale with fallback chain\n  const resolvedTimeLocale = useMemo(() => getResolvedLocale(timeLocale), [timeLocale])\n\n  // Auto-detect hour format from locale if not explicitly provided\n  const effectiveHourFormat = useMemo(() => hourFormat ?? detectHourFormat(resolvedTimeLocale), [hourFormat, resolvedTimeLocale])\n\n  const handleDateSelect = (selectedDate: Date | undefined) => {\n    if (!selectedDate) {\n      setDate(undefined)\n      return\n    }\n\n    // Preserve the time from the existing date\n    if (date) {\n      selectedDate.setHours(date.getHours(), date.getMinutes(), 0, 0)\n    }\n\n    setDate(selectedDate)\n  }\n\n  const handleTimeChange = useCallback(\n    (newDate: Date | undefined) => {\n      setDate(newDate)\n    },\n    [setDate],\n  )\n\n  const handlePeriodChange = (period: Period) => {\n    // Period change is already handled in TimePicker\n    // This callback is for external consumers who want to react to period changes\n    void period\n  }\n\n  const handleInputDateChange = (newDate: Date | undefined) => {\n    setDate(newDate)\n  }\n\n  return (\n    <Popover>\n      <div className={cn('w-full', className)} data-slot='datetime-picker' data-testid='spectral-datetime-picker' {...props}>\n        <DateTimeDisplayInput\n          aria-describedby={describedBy}\n          aria-invalid={state === 'error'}\n          className={cn('gap-4 pr-12 flex w-full justify-start', !date && 'text-text-secondary')}\n          data-testid='spectral-datetime-picker-input'\n          disabled={disabled}\n          endIcon={\n            <PopoverTrigger asChild disabled={disabled}>\n              <CalendarIcon\n                aria-label='Open date picker'\n                className={cn('right-4 text-input-icon hover:text-input-icon--hover absolute top-1/2 -translate-y-1/2 cursor-pointer focus:outline-none', disabled ? 'pointer-events-none cursor-not-allowed opacity-50' : 'hover:text-input-icon--hover cursor-pointer')}\n                data-testid='spectral-datetime-picker-trigger'\n                disabled={disabled}\n              />\n            </PopoverTrigger>\n          }\n          hourFormat={effectiveHourFormat}\n          id={fieldId}\n          label={label}\n          onChange={handleInputDateChange}\n          showTime={showTimePicker}\n          state={state}\n          value={date}\n        />\n        <ErrorMessage dataTestId='spectral-datetime-picker-error-message' id={errorMessageId} message={state === 'error' ? errorMessage : null} />\n      </div>\n\n      <PopoverContent\n        align='start'\n        className={cn('rounded-lg py-4 px-6 flex', !showTimePicker && 'w-[330px]', showTimePicker && effectiveHourFormat === '24' && 'w-[486px]', showTimePicker && effectiveHourFormat === '12' && 'w-[560px]')}\n        data-testid='spectral-datetime-picker-popover'\n        onOpenAutoFocus={(e) => e.preventDefault()}\n      >\n        <Calendar {...calendarProps} disablePastDates={disablePastDates} locale={locale} mode='single' onSelect={handleDateSelect} selected={date} />\n        {showTimePicker && (\n          <div className='pl-6 border-l border-border-secondary'>\n            <TimePicker date={date} hourFormat={effectiveHourFormat} locale={resolvedTimeLocale} onChange={handleTimeChange} onPeriodChange={handlePeriodChange} translations={timeTranslations} />\n          </div>\n        )}\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nDateTimePicker.displayName = 'DateTimePicker'\n\n// Re-export sub-components for granular usage\nexport { Calendar } from './Calendar'\nexport { DateTimeDisplayInput } from './DateTimeDisplayInput'\nexport { DateTimeInput } from './DateTimeInput'\nexport { TimePeriodSelect } from './TimePeriodSelect'\nexport { TimePicker } from './TimePicker'\nexport * from './DateTimeUtils'\nexport { type Locale } from 'react-day-picker'\n"],"mappings":";;;;;;;;;;;;;;;;;;AA8BA,MAAa,kBAAkB,EAC7B,eACA,WACA,cACA,WAAW,OACX,mBAAmB,MACnB,cACA,YACA,OACA,QACA,UACA,iBAAiB,MACjB,QAAQ,WACR,YACA,kBACA,OACA,IACA,GAAG,YACsB;CACzB,MAAM,UAAU,eAAe,GAAG;CAClC,MAAM,iBAAiB,kBAAkB,QAAQ;CACjD,MAAM,cAAc,UAAU,WAAW,eAAe,iBAAiB;CACzE,MAAM,CAAC,MAAM,WAAW,qBAAuC;EAC7D;EACA;EACA;EACD,CAAC;CAGF,MAAM,qBAAqB,cAAc,kBAAkB,WAAW,EAAE,CAAC,WAAW,CAAC;CAGrF,MAAM,sBAAsB,cAAc,cAAc,iBAAiB,mBAAmB,EAAE,CAAC,YAAY,mBAAmB,CAAC;CAE/H,MAAM,oBAAoB,iBAAmC;AAC3D,MAAI,CAAC,cAAc;AACjB,WAAQ,OAAU;AAClB;;AAIF,MAAI,KACF,cAAa,SAAS,KAAK,UAAU,EAAE,KAAK,YAAY,EAAE,GAAG,EAAE;AAGjE,UAAQ,aAAa;;CAGvB,MAAM,mBAAmB,aACtB,YAA8B;AAC7B,UAAQ,QAAQ;IAElB,CAAC,QAAQ,CACV;CAED,MAAM,sBAAsB,WAAmB;CAM/C,MAAM,yBAAyB,YAA8B;AAC3D,UAAQ,QAAQ;;AAGlB,QACE,qBAAC,SAAD,aACE,qBAAC,OAAD;EAAK,WAAW,GAAG,UAAU,UAAU;EAAE,aAAU;EAAkB,eAAY;EAA2B,GAAI;YAAhH,CACE,oBAAC,sBAAD;GACE,oBAAkB;GAClB,gBAAc,UAAU;GACxB,WAAW,GAAG,yCAAyC,CAAC,QAAQ,sBAAsB;GACtF,eAAY;GACF;GACV,SACE,oBAAC,gBAAD;IAAgB;IAAkB;cAChC,oBAAC,cAAD;KACE,cAAW;KACX,WAAW,GAAG,4HAA4H,WAAW,sDAAsD,8CAA8C;KACzP,eAAY;KACF;KACV;IACa;GAEnB,YAAY;GACZ,IAAI;GACG;GACP,UAAU;GACV,UAAU;GACH;GACP,OAAO;GACP,GACF,oBAAC,cAAD;GAAc,YAAW;GAAyC,IAAI;GAAgB,SAAS,UAAU,UAAU,eAAe;GAAQ,EACtI;KAEN,qBAAC,gBAAD;EACE,OAAM;EACN,WAAW,GAAG,6BAA6B,CAAC,kBAAkB,aAAa,kBAAkB,wBAAwB,QAAQ,aAAa,kBAAkB,wBAAwB,QAAQ,YAAY;EACxM,eAAY;EACZ,kBAAkB,MAAM,EAAE,gBAAgB;YAJ5C,CAME,oBAAC,UAAD;GAAU,GAAI;GAAiC;GAA0B;GAAQ,MAAK;GAAS,UAAU;GAAkB,UAAU;GAAQ,GAC5I,kBACC,oBAAC,OAAD;GAAK,WAAU;aACb,oBAAC,YAAD;IAAkB;IAAM,YAAY;IAAqB,QAAQ;IAAoB,UAAU;IAAkB,gBAAgB;IAAoB,cAAc;IAAoB;GACnL,EAEO;IACT;;AAId,eAAe,cAAc"}

package/dist/Dialog.d.ts

@@ -1,23 +1,62 @@
-import { ComponentProps } from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-declare const Dialog: ({ isOpen, modal, ...props }: Omit<ComponentProps<typeof DialogPrimitive.Root>, "open"> & {
-    isOpen?: boolean;
-    dialogOverlay?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const DialogTrigger: ({ ...props }: ComponentProps<typeof DialogPrimitive.Trigger>) => import("react/jsx-runtime").JSX.Element;
-declare const DialogPortal: ({ ...props }: ComponentProps<typeof DialogPrimitive.Portal>) => import("react/jsx-runtime").JSX.Element;
-declare const DialogClose: ({ ...props }: ComponentProps<typeof DialogPrimitive.Close>) => import("react/jsx-runtime").JSX.Element;
-declare const DialogOverlay: ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Overlay>) => import("react/jsx-runtime").JSX.Element;
-declare const DialogContent: ({ children, className, dialogOverlay, onEscapeKeyDown, onInteractOutside, onPointerDownOutside, showCloseButton, ...props }: ComponentProps<typeof DialogPrimitive.Content> & {
-    dialogOverlay?: boolean;
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
-    onInteractOutside?: (event: PointerEvent | FocusEvent) => void;
-    onPointerDownOutside?: (event: PointerEvent) => void;
-    showCloseButton?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
-declare const DialogHeader: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const DialogFooter: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
-declare const DialogTitle: ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>) => import("react/jsx-runtime").JSX.Element;
-declare const DialogDescription: ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>) => import("react/jsx-runtime").JSX.Element;
+'use client';
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/Dialog/Dialog.d.ts
+declare const Dialog: ({
+  isOpen,
+  modal,
+  ...props
+}: Omit<ComponentProps<typeof DialogPrimitive.Root>, 'open'> & {
+  isOpen?: boolean;
+  dialogOverlay?: boolean;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogTrigger: ({
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Trigger>) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogPortal: ({
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Portal>) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogClose: ({
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Close>) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogOverlay: ({
+  className,
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Overlay>) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogContent: ({
+  children,
+  className,
+  dialogOverlay,
+  onEscapeKeyDown,
+  onInteractOutside,
+  onPointerDownOutside,
+  showCloseButton,
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Content> & {
+  dialogOverlay?: boolean;
+  onEscapeKeyDown?: (event: KeyboardEvent) => void;
+  onInteractOutside?: (event: PointerEvent | FocusEvent) => void;
+  onPointerDownOutside?: (event: PointerEvent) => void;
+  showCloseButton?: boolean;
+}) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogHeader: ({
+  className,
+  ...props
+}: ComponentProps<'div'>) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogFooter: ({
+  className,
+  ...props
+}: ComponentProps<'div'>) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogTitle: ({
+  className,
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Title>) => _$react_jsx_runtime0.JSX.Element;
+declare const DialogDescription: ({
+  className,
+  ...props
+}: ComponentProps<typeof DialogPrimitive.Description>) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","names":[],"sources":["../src/components/Dialog/Dialog.tsx"],"mappings":";;;;;;cAMM,MAAA;EAAM,MAAA;EAAA,KAAA;EAAA,GAAA;AAAA,GAIT,IAAA,CAAK,cAAA,QAAsB,eAAA,CAAgB,IAAA;EAC5C,MAAA;EACA,aAAA;AAAA,MACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIK,aAAA;EAAA,GAAa;AAAA,GAAkB,cAAA,QAAsB,eAAA,CAAgB,OAAA,MAAQ,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAI7E,YAAA;EAAA,GAAY;AAAA,GAAkB,cAAA,QAAsB,eAAA,CAAgB,MAAA,MAAO,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAI3E,WAAA;EAAA,GAAW;AAAA,GAAkB,cAAA,QAAsB,eAAA,CAAgB,KAAA,MAAM,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIzE,aAAA;EAAa,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,QAAsB,eAAA,CAAgB,OAAA,MAAQ,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAWxF,aAAA;EAAa,QAAA;EAAA,SAAA;EAAA,aAAA;EAAA,eAAA;EAAA,iBAAA;EAAA,oBAAA;EAAA,eAAA;EAAA,GAAA;AAAA,GAShB,cAAA,QAAsB,eAAA,CAAgB,OAAA;EACvC,aAAA;EACA,eAAA,IAAmB,KAAA,EAAO,aAAA;EAC1B,iBAAA,IAAqB,KAAA,EAAO,YAAA,GAAe,UAAA;EAC3C,oBAAA,IAAwB,KAAA,EAAO,YAAA;EAC/B,eAAA;AAAA,MACD,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAmCK,YAAA;EAAY,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,YAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAI9D,YAAA;EAAY,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,YAAqB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAI9D,WAAA;EAAW,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,QAAsB,eAAA,CAAgB,KAAA,MAAM,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,cAIpF,iBAAA;EAAiB,SAAA;EAAA,GAAA;AAAA,GAA6B,cAAA,QAAsB,eAAA,CAAgB,WAAA,MAAY,oBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/Dialog.js

@@ -1,77 +1,108 @@
-'use client'
-import './styles/main.css'
-import { CloseIcon as e } from "./Icons/CloseIcon.js";
-import { t } from "./twUtils-BpqlKSeB.js";
-import { t as n } from "./Combination-MimnVFUU.js";
-import { a as r, c as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./dist-DT46nqCO.js";
+'use client';
+import { CloseIcon } from "./Icons/CloseIcon.js";
+import { cn } from "./utils/twUtils.js";
 import "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { RemoveScroll } from "react-remove-scroll";
+
 //#region src/components/Dialog/Dialog.tsx
-var p = ({ isOpen: e, modal: t = !1, ...n }) => /* @__PURE__ */ d(s, {
-	open: e,
-	modal: t,
-	"data-slot": "dialog",
-	"data-testid": "spectral-dialog",
-	...n
-}), m = ({ ...e }) => /* @__PURE__ */ d(i, {
-	asChild: !0,
-	"data-testid": "spectral-dialog-trigger",
-	...e
-}), h = ({ ...e }) => /* @__PURE__ */ d(r, {
-	"data-slot": "dialog-portal",
-	"data-testid": "dialog-portal",
-	...e
-}), g = ({ ...e }) => /* @__PURE__ */ d(u, {
-	asChild: !0,
-	"data-slot": "dialog-close",
-	"data-testid": "spectral-dialog-close",
-	...e
-}), _ = ({ className: e, ...n }) => /* @__PURE__ */ d(a, {
-	className: t("inset-0 bg-black/50 backdrop-blur-sm fixed z-50", "motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0", "motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0", e),
-	"data-slot": "dialog-overlay",
-	"data-testid": "spectral-dialog-overlay",
-	...n
-}), v = ({ children: r, className: i, dialogOverlay: a = !0, onEscapeKeyDown: s, onInteractOutside: c, onPointerDownOutside: l, showCloseButton: p = !0, ...m }) => /* @__PURE__ */ f(h, {
-	"data-slot": "dialog-portal",
-	"data-testid": "spectral-dialog-portal",
-	children: [a && /* @__PURE__ */ d(_, {}), /* @__PURE__ */ f(o, {
-		className: t("max-w-xl gap-4 rounded-lg p-6 shadow-lg has-[[data-slot=dialog-footer]]:pb-0 fixed top-[50%] left-[50%] z-50 flex max-h-[90vh] w-full -translate-x-1/2 -translate-y-1/2 flex-col overflow-y-auto overscroll-contain bg-dialog-bg", "motion-safe:data-[state=open]:duration-600 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:slide-in-from-bottom-20 motion-safe:data-[state=open]:zoom-in-100!", "motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95", n.classNames.fullWidth, i),
-		"data-slot": "dialog-content",
-		"data-testid": "spectral-dialog-content",
-		onEscapeKeyDown: s,
-		onInteractOutside: c,
-		onPointerDownOutside: l,
-		...m,
-		children: [r, p && /* @__PURE__ */ f(u, {
-			className: "focus:ring-ring data-[state=open]:text-muted-foreground top-4 right-4 rounded-xs absolute opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:shrink-0",
-			"data-slot": "dialog-close",
-			"data-testid": "spectral-dialog-close",
-			children: [/* @__PURE__ */ d(e, { size: 16 }), /* @__PURE__ */ d("span", {
-				className: "sr-only",
-				children: "Close dialog"
+const Dialog = ({ isOpen, modal = false, ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		open: isOpen,
+		modal,
+		"data-slot": "dialog",
+		"data-testid": "spectral-dialog",
+		...props
+	});
+};
+const DialogTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		asChild: true,
+		"data-testid": "spectral-dialog-trigger",
+		...props
+	});
+};
+const DialogPortal = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+		"data-slot": "dialog-portal",
+		"data-testid": "dialog-portal",
+		...props
+	});
+};
+const DialogClose = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+		asChild: true,
+		"data-slot": "dialog-close",
+		"data-testid": "spectral-dialog-close",
+		...props
+	});
+};
+const DialogOverlay = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		className: cn("inset-0 bg-black/50 backdrop-blur-sm fixed z-50", "motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0", "motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0", className),
+		"data-slot": "dialog-overlay",
+		"data-testid": "spectral-dialog-overlay",
+		...props
+	});
+};
+const DialogContent = ({ children, className, dialogOverlay = true, onEscapeKeyDown, onInteractOutside, onPointerDownOutside, showCloseButton = true, ...props }) => {
+	return /* @__PURE__ */ jsxs(DialogPortal, {
+		"data-slot": "dialog-portal",
+		"data-testid": "spectral-dialog-portal",
+		children: [dialogOverlay && /* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+			className: cn("max-w-xl gap-4 rounded-lg p-6 shadow-lg has-[[data-slot=dialog-footer]]:pb-0 fixed top-[50%] left-[50%] z-50 flex max-h-[90vh] w-full -translate-x-1/2 -translate-y-1/2 flex-col overflow-y-auto overscroll-contain bg-dialog-bg", "motion-safe:data-[state=open]:duration-600 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:slide-in-from-bottom-20 motion-safe:data-[state=open]:zoom-in-100!", "motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95", RemoveScroll.classNames.fullWidth, className),
+			"data-slot": "dialog-content",
+			"data-testid": "spectral-dialog-content",
+			onEscapeKeyDown,
+			onInteractOutside,
+			onPointerDownOutside,
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+				className: `focus:ring-ring data-[state=open]:text-muted-foreground top-4 right-4 rounded-xs absolute opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:shrink-0`,
+				"data-slot": "dialog-close",
+				"data-testid": "spectral-dialog-close",
+				children: [/* @__PURE__ */ jsx(CloseIcon, { size: 16 }), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close dialog"
+				})]
 			})]
 		})]
-	})]
-}), y = ({ className: e, ...n }) => /* @__PURE__ */ d("div", {
-	className: t("gap-2 sm:text-left flex flex-col text-center", e),
-	"data-slot": "dialog-header",
-	"data-testid": "spectral-dialog-header",
-	...n
-}), b = ({ className: e, ...n }) => /* @__PURE__ */ d("div", {
-	className: t("gap-2 sm:flex-row sm:justify-end bottom-0 py-4 px-6 -mx-6 sticky z-10 flex flex-col-reverse bg-dialog-bg/85", e),
-	"data-slot": "dialog-footer",
-	"data-testid": "spectral-dialog-footer",
-	...n
-}), x = ({ className: e, ...n }) => /* @__PURE__ */ d(l, {
-	className: t("text-2xl font-semibold leading-none", e),
-	"data-slot": "dialog-title",
-	"data-testid": "spectral-dialog-title",
-	...n
-}), S = ({ className: e, ...n }) => /* @__PURE__ */ d(c, {
-	className: t("text-muted-foreground text-sm", e),
-	"data-slot": "dialog-description",
-	"data-testid": "spectral-dialog-description",
-	...n
-});
+	});
+};
+const DialogHeader = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-2 sm:text-left flex flex-col text-center", className),
+		"data-slot": "dialog-header",
+		"data-testid": "spectral-dialog-header",
+		...props
+	});
+};
+const DialogFooter = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("gap-2 sm:flex-row sm:justify-end bottom-0 py-4 px-6 -mx-6 sticky z-10 flex flex-col-reverse bg-dialog-bg/85", className),
+		"data-slot": "dialog-footer",
+		"data-testid": "spectral-dialog-footer",
+		...props
+	});
+};
+const DialogTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		className: cn("text-2xl font-semibold leading-none", className),
+		"data-slot": "dialog-title",
+		"data-testid": "spectral-dialog-title",
+		...props
+	});
+};
+const DialogDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		className: cn("text-muted-foreground text-sm", className),
+		"data-slot": "dialog-description",
+		"data-testid": "spectral-dialog-description",
+		...props
+	});
+};
+
 //#endregion
-export { p as Dialog, g as DialogClose, v as DialogContent, S as DialogDescription, b as DialogFooter, y as DialogHeader, _ as DialogOverlay, h as DialogPortal, x as DialogTitle, m as DialogTrigger };
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=Dialog.js.map

package/dist/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":[],"sources":["../src/components/Dialog/Dialog.tsx"],"sourcesContent":["import { CloseIcon } from '@components/Icons/CloseIcon'\nimport * as DialogPrimitive from '@radix-ui/react-dialog'\nimport { cn } from '@utils/twUtils'\nimport { type ComponentProps } from 'react'\nimport { RemoveScroll } from 'react-remove-scroll'\n\nconst Dialog = ({\n  isOpen,\n  modal = false,\n  ...props\n}: Omit<ComponentProps<typeof DialogPrimitive.Root>, 'open'> & {\n  isOpen?: boolean\n  dialogOverlay?: boolean\n}) => {\n  return <DialogPrimitive.Root open={isOpen} modal={modal} data-slot='dialog' data-testid='spectral-dialog' {...props} />\n}\n\nconst DialogTrigger = ({ ...props }: ComponentProps<typeof DialogPrimitive.Trigger>) => {\n  return <DialogPrimitive.Trigger asChild data-testid='spectral-dialog-trigger' {...props} />\n}\n\nconst DialogPortal = ({ ...props }: ComponentProps<typeof DialogPrimitive.Portal>) => {\n  return <DialogPrimitive.Portal data-slot='dialog-portal' data-testid='dialog-portal' {...props} />\n}\n\nconst DialogClose = ({ ...props }: ComponentProps<typeof DialogPrimitive.Close>) => {\n  return <DialogPrimitive.Close asChild data-slot='dialog-close' data-testid='spectral-dialog-close' {...props} />\n}\n\nconst DialogOverlay = ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Overlay>) => {\n  return (\n    <DialogPrimitive.Overlay\n      className={cn('inset-0 bg-black/50 backdrop-blur-sm fixed z-50', 'motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:fade-in-0', 'motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0', className)}\n      data-slot='dialog-overlay'\n      data-testid='spectral-dialog-overlay'\n      {...props}\n    />\n  )\n}\n\nconst DialogContent = ({\n  children,\n  className,\n  dialogOverlay = true,\n  onEscapeKeyDown,\n  onInteractOutside,\n  onPointerDownOutside,\n  showCloseButton = true,\n  ...props\n}: ComponentProps<typeof DialogPrimitive.Content> & {\n  dialogOverlay?: boolean\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  onInteractOutside?: (event: PointerEvent | FocusEvent) => void\n  onPointerDownOutside?: (event: PointerEvent) => void\n  showCloseButton?: boolean\n}) => {\n  return (\n    <DialogPortal data-slot='dialog-portal' data-testid='spectral-dialog-portal'>\n      {dialogOverlay && <DialogOverlay />}\n      <DialogPrimitive.Content\n        className={cn(\n          'max-w-xl gap-4 rounded-lg p-6 shadow-lg has-[[data-slot=dialog-footer]]:pb-0 fixed top-[50%] left-[50%] z-50 flex max-h-[90vh] w-full -translate-x-1/2 -translate-y-1/2 flex-col overflow-y-auto overscroll-contain bg-dialog-bg',\n          'motion-safe:data-[state=open]:duration-600 motion-safe:data-[state=open]:animate-in motion-safe:data-[state=open]:slide-in-from-bottom-20 motion-safe:data-[state=open]:zoom-in-100!',\n          'motion-safe:data-[state=closed]:animate-out motion-safe:data-[state=closed]:fade-out-0 motion-safe:data-[state=closed]:zoom-out-95',\n          RemoveScroll.classNames.fullWidth,\n          className,\n        )}\n        data-slot='dialog-content'\n        data-testid='spectral-dialog-content'\n        onEscapeKeyDown={onEscapeKeyDown}\n        onInteractOutside={onInteractOutside}\n        onPointerDownOutside={onPointerDownOutside}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            className={`focus:ring-ring data-[state=open]:text-muted-foreground top-4 right-4 rounded-xs absolute opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-accent [&_svg]:pointer-events-none [&_svg]:shrink-0`}\n            data-slot='dialog-close'\n            data-testid='spectral-dialog-close'\n          >\n            <CloseIcon size={16} />\n            <span className='sr-only'>Close dialog</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  )\n}\n\nconst DialogHeader = ({ className, ...props }: ComponentProps<'div'>) => {\n  return <div className={cn('gap-2 sm:text-left flex flex-col text-center', className)} data-slot='dialog-header' data-testid='spectral-dialog-header' {...props} />\n}\n\nconst DialogFooter = ({ className, ...props }: ComponentProps<'div'>) => {\n  return <div className={cn('gap-2 sm:flex-row sm:justify-end bottom-0 py-4 px-6 -mx-6 sticky z-10 flex flex-col-reverse bg-dialog-bg/85', className)} data-slot='dialog-footer' data-testid='spectral-dialog-footer' {...props} />\n}\n\nconst DialogTitle = ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Title>) => {\n  return <DialogPrimitive.Title className={cn('text-2xl font-semibold leading-none', className)} data-slot='dialog-title' data-testid='spectral-dialog-title' {...props} />\n}\n\nconst DialogDescription = ({ className, ...props }: ComponentProps<typeof DialogPrimitive.Description>) => {\n  return <DialogPrimitive.Description className={cn('text-muted-foreground text-sm', className)} data-slot='dialog-description' data-testid='spectral-dialog-description' {...props} />\n}\n\nexport { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger }\n"],"mappings":";;;;;;;;;AAMA,MAAM,UAAU,EACd,QACA,QAAQ,OACR,GAAG,YAIC;AACJ,QAAO,oBAAC,gBAAgB,MAAjB;EAAsB,MAAM;EAAe;EAAO,aAAU;EAAS,eAAY;EAAkB,GAAI;EAAS;;AAGzH,MAAM,iBAAiB,EAAE,GAAG,YAA4D;AACtF,QAAO,oBAAC,gBAAgB,SAAjB;EAAyB;EAAQ,eAAY;EAA0B,GAAI;EAAS;;AAG7F,MAAM,gBAAgB,EAAE,GAAG,YAA2D;AACpF,QAAO,oBAAC,gBAAgB,QAAjB;EAAwB,aAAU;EAAgB,eAAY;EAAgB,GAAI;EAAS;;AAGpG,MAAM,eAAe,EAAE,GAAG,YAA0D;AAClF,QAAO,oBAAC,gBAAgB,OAAjB;EAAuB;EAAQ,aAAU;EAAe,eAAY;EAAwB,GAAI;EAAS;;AAGlH,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAA4D;AACjG,QACE,oBAAC,gBAAgB,SAAjB;EACE,WAAW,GAAG,mDAAmD,oFAAoF,0FAA0F,UAAU;EACzP,aAAU;EACV,eAAY;EACZ,GAAI;EACJ;;AAIN,MAAM,iBAAiB,EACrB,UACA,WACA,gBAAgB,MAChB,iBACA,mBACA,sBACA,kBAAkB,MAClB,GAAG,YAOC;AACJ,QACE,qBAAC,cAAD;EAAc,aAAU;EAAgB,eAAY;YAApD,CACG,iBAAiB,oBAAC,eAAD,EAAiB,GACnC,qBAAC,gBAAgB,SAAjB;GACE,WAAW,GACT,oOACA,wLACA,sIACA,aAAa,WAAW,WACxB,UACD;GACD,aAAU;GACV,eAAY;GACK;GACE;GACG;GACtB,GAAI;aAbN,CAeG,UACA,mBACC,qBAAC,gBAAgB,OAAjB;IACE,WAAW;IACX,aAAU;IACV,eAAY;cAHd,CAKE,oBAAC,WAAD,EAAW,MAAM,IAAM,GACvB,oBAAC,QAAD;KAAM,WAAU;eAAU;KAAmB,EACvB;MAEF;KACb;;;AAInB,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAAmC;AACvE,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,gDAAgD,UAAU;EAAE,aAAU;EAAgB,eAAY;EAAyB,GAAI;EAAS;;AAGpK,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAAmC;AACvE,QAAO,oBAAC,OAAD;EAAK,WAAW,GAAG,+GAA+G,UAAU;EAAE,aAAU;EAAgB,eAAY;EAAyB,GAAI;EAAS;;AAGnO,MAAM,eAAe,EAAE,WAAW,GAAG,YAA0D;AAC7F,QAAO,oBAAC,gBAAgB,OAAjB;EAAuB,WAAW,GAAG,uCAAuC,UAAU;EAAE,aAAU;EAAe,eAAY;EAAwB,GAAI;EAAS;;AAG3K,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAgE;AACzG,QAAO,oBAAC,gBAAgB,aAAjB;EAA6B,WAAW,GAAG,iCAAiC,UAAU;EAAE,aAAU;EAAqB,eAAY;EAA8B,GAAI;EAAS"}

package/dist/Drawer.d.ts

@@ -1,16 +1,34 @@
-import { ReactNode } from 'react';
-export interface DrawerProps {
-    children?: ReactNode;
-    defaultOpen?: boolean;
-    description?: string;
-    direction?: 'left' | 'right' | 'top' | 'bottom';
-    dismissible?: boolean;
-    modal?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    open?: boolean;
-    size?: string;
-    title?: string;
-    trigger: ReactNode;
+'use client';
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Drawer/Drawer.d.ts
+interface DrawerProps {
+  children?: ReactNode;
+  defaultOpen?: boolean;
+  description?: string;
+  direction?: 'left' | 'right' | 'top' | 'bottom';
+  dismissible?: boolean;
+  modal?: boolean;
+  onOpenChange?: (open: boolean) => void;
+  open?: boolean;
+  size?: string;
+  title?: string;
+  trigger: ReactNode;
 }
-export declare const Drawer: ({ children, defaultOpen, description, direction, dismissible, modal, onOpenChange, open, size, title, trigger }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Drawer: ({
+  children,
+  defaultOpen,
+  description,
+  direction,
+  dismissible,
+  modal,
+  onOpenChange,
+  open,
+  size,
+  title,
+  trigger
+}: DrawerProps) => _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Drawer, DrawerProps };
 //# sourceMappingURL=Drawer.d.ts.map

package/dist/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","names":[],"sources":["../src/components/Drawer/Drawer.tsx"],"mappings":";;;;;UAIiB,WAAA;EACf,QAAA,GAAW,SAAA;EACX,WAAA;EACA,WAAA;EACA,SAAA;EACA,WAAA;EACA,KAAA;EACA,YAAA,IAAgB,IAAA;EAChB,IAAA;EACA,IAAA;EACA,KAAA;EACA,OAAA,EAAS,SAAA;AAAA;AAAA,cAGE,MAAA;EAAM,QAAA;EAAA,WAAA;EAAA,WAAA;EAAA,SAAA;EAAA,WAAA;EAAA,KAAA;EAAA,YAAA;EAAA,IAAA;EAAA,IAAA;EAAA,KAAA;EAAA;AAAA,GAA+J,WAAA,KAAW,oBAAA,CAAA,GAAA,CAAA,OAAA"}