@contractspec/lib.ui-kit-web 0.0.0-canary-20260113162409

package/dist/ui/date-picker.js

@@ -0,0 +1,101 @@
+'use client';
+
+import { Button } from "./button.js";
+import { Calendar } from "./calendar.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import { Input } from "./input.js";
+import * as React$1 from "react";
+import { CalendarIcon } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/date-picker.tsx
+function DatePicker({ value, onChange, disabled, minDate, maxDate, placeholder = "Select date", className, language }) {
+	const [open, setOpen] = React$1.useState(false);
+	const [month, setMonth] = React$1.useState(value ?? /* @__PURE__ */ new Date());
+	const [textValue, setTextValue] = React$1.useState(formatDate(value));
+	React$1.useEffect(() => {
+		setTextValue(formatDate(value));
+		if (value) setMonth(value);
+	}, [value]);
+	function formatDate(date) {
+		if (!date) return "";
+		return date.toLocaleDateString(language, {
+			day: "2-digit",
+			month: "long",
+			year: "numeric"
+		});
+	}
+	function isValidDate(date) {
+		if (!date) return false;
+		return !isNaN(date.getTime());
+	}
+	function isWithinRange(date) {
+		if (minDate && date < minDate) return false;
+		if (maxDate && date > maxDate) return false;
+		return true;
+	}
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: cn("relative w-full", className),
+			children: [/* @__PURE__ */ jsx(Input, {
+				value: textValue,
+				placeholder,
+				onChange: (e) => {
+					const nextText = e.currentTarget.value;
+					setTextValue(nextText);
+					const parsed = new Date(nextText);
+					if (isValidDate(parsed) && isWithinRange(parsed)) {
+						onChange(parsed);
+						setMonth(parsed);
+					}
+				},
+				onKeyDown: (e) => {
+					if (e.key === "ArrowDown") {
+						e.preventDefault();
+						setOpen(true);
+					}
+				},
+				disabled,
+				className: cn("pr-10")
+			}), /* @__PURE__ */ jsx(PopoverTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					className: "absolute top-1/2 right-1 -translate-y-1/2",
+					disabled,
+					"aria-label": "Open date picker",
+					children: /* @__PURE__ */ jsx(CalendarIcon, { className: "size-4" })
+				})
+			})]
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-auto overflow-hidden p-0",
+			align: "end",
+			sideOffset: 10,
+			alignOffset: -8,
+			children: /* @__PURE__ */ jsx(Calendar, {
+				mode: "single",
+				selected: value ?? void 0,
+				captionLayout: "dropdown",
+				month,
+				onMonthChange: setMonth,
+				onSelect: (d) => {
+					onChange(d ?? null);
+					setTextValue(formatDate(d ?? null));
+					if (d) setOpen(false);
+				},
+				fromDate: minDate,
+				toDate: maxDate,
+				initialFocus: true
+			})
+		})]
+	});
+}
+
+//#endregion
+export { DatePicker };
+//# sourceMappingURL=date-picker.js.map

package/dist/ui/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","names":["React"],"sources":["../../ui/date-picker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { CalendarIcon } from 'lucide-react';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\nimport { Button } from './button';\nimport { Calendar } from './calendar';\nimport { Input } from './input';\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nexport interface DatePickerProps {\n  value: Date | null;\n  onChange: (date: Date | null) => void;\n  disabled?: boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  placeholder?: string;\n  className?: string;\n  language?: string;\n}\n\nexport function DatePicker({\n  value,\n  onChange,\n  disabled,\n  minDate,\n  maxDate,\n  placeholder = 'Select date',\n  className,\n  language,\n}: DatePickerProps) {\n  const [open, setOpen] = React.useState(false);\n  const [month, setMonth] = React.useState<Date>(value ?? new Date());\n  const [textValue, setTextValue] = React.useState<string>(formatDate(value));\n\n  React.useEffect(() => {\n    setTextValue(formatDate(value));\n    if (value) setMonth(value);\n  }, [value]);\n\n  function formatDate(date: Date | null | undefined) {\n    if (!date) return '';\n    return date.toLocaleDateString(language, {\n      day: '2-digit',\n      month: 'long',\n      year: 'numeric',\n    });\n  }\n\n  function isValidDate(date: Date | undefined) {\n    if (!date) return false;\n    return !isNaN(date.getTime());\n  }\n\n  function isWithinRange(date: Date) {\n    if (minDate && date < minDate) return false;\n    if (maxDate && date > maxDate) return false;\n    return true;\n  }\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <div className={cn('relative w-full', className)}>\n        <Input\n          value={textValue}\n          placeholder={placeholder}\n          onChange={(e) => {\n            const nextText = e.currentTarget.value;\n            setTextValue(nextText);\n            const parsed = new Date(nextText);\n            if (isValidDate(parsed) && isWithinRange(parsed)) {\n              onChange(parsed);\n              setMonth(parsed);\n            }\n          }}\n          onKeyDown={(e) => {\n            if (e.key === 'ArrowDown') {\n              e.preventDefault();\n              setOpen(true);\n            }\n          }}\n          disabled={disabled}\n          className={cn('pr-10')}\n        />\n        <PopoverTrigger asChild>\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"icon\"\n            className=\"absolute top-1/2 right-1 -translate-y-1/2\"\n            disabled={disabled}\n            aria-label=\"Open date picker\"\n          >\n            <CalendarIcon className=\"size-4\" />\n          </Button>\n        </PopoverTrigger>\n      </div>\n      <PopoverContent\n        className=\"w-auto overflow-hidden p-0\"\n        align=\"end\"\n        sideOffset={10}\n        alignOffset={-8}\n      >\n        <Calendar\n          mode=\"single\"\n          selected={value ?? undefined}\n          captionLayout=\"dropdown\"\n          month={month}\n          onMonthChange={setMonth}\n          onSelect={(d) => {\n            onChange(d ?? null);\n            setTextValue(formatDate(d ?? null));\n            if (d) setOpen(false);\n          }}\n          fromDate={minDate}\n          toDate={maxDate}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAgB,WAAW,EACzB,OACA,UACA,UACA,SACA,SACA,cAAc,eACd,WACA,YACkB;CAClB,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;CAC7C,MAAM,CAAC,OAAO,YAAYA,QAAM,SAAe,yBAAS,IAAI,MAAM,CAAC;CACnE,MAAM,CAAC,WAAW,gBAAgBA,QAAM,SAAiB,WAAW,MAAM,CAAC;AAE3E,SAAM,gBAAgB;AACpB,eAAa,WAAW,MAAM,CAAC;AAC/B,MAAI,MAAO,UAAS,MAAM;IACzB,CAAC,MAAM,CAAC;CAEX,SAAS,WAAW,MAA+B;AACjD,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,KAAK,mBAAmB,UAAU;GACvC,KAAK;GACL,OAAO;GACP,MAAM;GACP,CAAC;;CAGJ,SAAS,YAAY,MAAwB;AAC3C,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,CAAC,MAAM,KAAK,SAAS,CAAC;;CAG/B,SAAS,cAAc,MAAY;AACjC,MAAI,WAAW,OAAO,QAAS,QAAO;AACtC,MAAI,WAAW,OAAO,QAAS,QAAO;AACtC,SAAO;;AAGT,QACE,qBAAC;EAAc;EAAM,cAAc;aACjC,qBAAC;GAAI,WAAW,GAAG,mBAAmB,UAAU;cAC9C,oBAAC;IACC,OAAO;IACM;IACb,WAAW,MAAM;KACf,MAAM,WAAW,EAAE,cAAc;AACjC,kBAAa,SAAS;KACtB,MAAM,SAAS,IAAI,KAAK,SAAS;AACjC,SAAI,YAAY,OAAO,IAAI,cAAc,OAAO,EAAE;AAChD,eAAS,OAAO;AAChB,eAAS,OAAO;;;IAGpB,YAAY,MAAM;AAChB,SAAI,EAAE,QAAQ,aAAa;AACzB,QAAE,gBAAgB;AAClB,cAAQ,KAAK;;;IAGP;IACV,WAAW,GAAG,QAAQ;KACtB,EACF,oBAAC;IAAe;cACd,oBAAC;KACC,MAAK;KACL,SAAQ;KACR,MAAK;KACL,WAAU;KACA;KACV,cAAW;eAEX,oBAAC,gBAAa,WAAU,WAAW;MAC5B;KACM;IACb,EACN,oBAAC;GACC,WAAU;GACV,OAAM;GACN,YAAY;GACZ,aAAa;aAEb,oBAAC;IACC,MAAK;IACL,UAAU,SAAS;IACnB,eAAc;IACP;IACP,eAAe;IACf,WAAW,MAAM;AACf,cAAS,KAAK,KAAK;AACnB,kBAAa,WAAW,KAAK,KAAK,CAAC;AACnC,SAAI,EAAG,SAAQ,MAAM;;IAEvB,UAAU;IACV,QAAQ;IACR;KACA;IACa;GACT"}

package/dist/ui/date-range-picker.d.ts

@@ -0,0 +1,26 @@
+import * as react_jsx_runtime89 from "react/jsx-runtime";
+
+//#region ui/date-range-picker.d.ts
+interface DateRange {
+  start: Date | null;
+  end: Date | null;
+}
+interface DateRangePickerProps {
+  value: DateRange;
+  onChange: (range: DateRange) => void;
+  disabled?: boolean;
+  minDate?: Date;
+  maxDate?: Date;
+  className?: string;
+}
+declare function DateRangePicker({
+  value,
+  onChange,
+  disabled,
+  minDate,
+  maxDate,
+  className
+}: DateRangePickerProps): react_jsx_runtime89.JSX.Element;
+//#endregion
+export { DateRange, DateRangePicker, DateRangePickerProps };
+//# sourceMappingURL=date-range-picker.d.ts.map

package/dist/ui/date-range-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.d.ts","names":[],"sources":["../../ui/date-range-picker.tsx"],"sourcesContent":[],"mappings":";;;UAQiB,SAAA;SACR;OACF;AAFP;AAKiB,UAAA,oBAAA,CAAoB;EAC5B,KAAA,EAAA,SAAA;EACW,QAAA,EAAA,CAAA,KAAA,EAAA,SAAA,EAAA,GAAA,IAAA;EAER,QAAA,CAAA,EAAA,OAAA;EACA,OAAA,CAAA,EADA,IACA;EAAI,OAAA,CAAA,EAAJ,IAAI;EAIA,SAAA,CAAA,EAAA,MAAe;;AAE7B,iBAFc,eAAA,CAEd;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA;AAAA,CAAA,EAKC,oBALD,CAAA,EAKqB,mBAAA,CAAA,GAAA,CAAA,OALrB"}

package/dist/ui/date-range-picker.js

@@ -0,0 +1,54 @@
+'use client';
+
+import { Button } from "./button.js";
+import { Calendar } from "./calendar.js";
+import { Popover, PopoverContent, PopoverTrigger } from "./popover.js";
+import * as React$1 from "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/date-range-picker.tsx
+function DateRangePicker({ value, onChange, disabled, minDate, maxDate, className }) {
+	const [open, setOpen] = React$1.useState(false);
+	return /* @__PURE__ */ jsxs(Popover, {
+		open,
+		onOpenChange: setOpen,
+		children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				type: "button",
+				variant: "outline",
+				disabled,
+				className: cn("w-full justify-start text-left font-normal", className),
+				children: value.start && value.end ? `${value.start.toLocaleDateString()} - ${value.end.toLocaleDateString()}` : /* @__PURE__ */ jsx("span", {
+					className: "opacity-50",
+					children: "Select date range"
+				})
+			})
+		}), /* @__PURE__ */ jsx(PopoverContent, {
+			className: "w-auto p-0",
+			align: "start",
+			children: /* @__PURE__ */ jsx(Calendar, {
+				mode: "range",
+				selected: value.start && value.end ? {
+					from: value.start,
+					to: value.end
+				} : void 0,
+				onSelect: (range) => {
+					onChange({
+						start: range?.from ?? null,
+						end: range?.to ?? null
+					});
+				},
+				fromDate: minDate,
+				toDate: maxDate,
+				numberOfMonths: 2,
+				initialFocus: true
+			})
+		})]
+	});
+}
+
+//#endregion
+export { DateRangePicker };
+//# sourceMappingURL=date-range-picker.js.map

package/dist/ui/date-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.js","names":["React"],"sources":["../../ui/date-range-picker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Popover, PopoverContent, PopoverTrigger } from './popover';\nimport { Button } from './button';\nimport { Calendar } from './calendar';\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nexport interface DateRange {\n  start: Date | null;\n  end: Date | null;\n}\n\nexport interface DateRangePickerProps {\n  value: DateRange;\n  onChange: (range: DateRange) => void;\n  disabled?: boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  className?: string;\n}\n\nexport function DateRangePicker({\n  value,\n  onChange,\n  disabled,\n  minDate,\n  maxDate,\n  className,\n}: DateRangePickerProps) {\n  const [open, setOpen] = React.useState(false);\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          type=\"button\"\n          variant=\"outline\"\n          disabled={disabled}\n          className={cn(\n            'w-full justify-start text-left font-normal',\n            className\n          )}\n        >\n          {value.start && value.end ? (\n            `${value.start.toLocaleDateString()} - ${value.end.toLocaleDateString()}`\n          ) : (\n            <span className=\"opacity-50\">Select date range</span>\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <Calendar\n          mode=\"range\"\n          selected={\n            value.start && value.end\n              ? { from: value.start, to: value.end }\n              : undefined\n          }\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          onSelect={(range: any) => {\n            const start = range?.from ?? null;\n            const end = range?.to ?? null;\n            onChange({ start, end });\n          }}\n          fromDate={minDate}\n          toDate={maxDate}\n          numberOfMonths={2}\n          initialFocus\n        />\n      </PopoverContent>\n    </Popover>\n  );\n}\n"],"mappings":";;;;;;;;;;AAsBA,SAAgB,gBAAgB,EAC9B,OACA,UACA,UACA,SACA,SACA,aACuB;CACvB,MAAM,CAAC,MAAM,WAAWA,QAAM,SAAS,MAAM;AAE7C,QACE,qBAAC;EAAc;EAAM,cAAc;aACjC,oBAAC;GAAe;aACd,oBAAC;IACC,MAAK;IACL,SAAQ;IACE;IACV,WAAW,GACT,8CACA,UACD;cAEA,MAAM,SAAS,MAAM,MACpB,GAAG,MAAM,MAAM,oBAAoB,CAAC,KAAK,MAAM,IAAI,oBAAoB,KAEvE,oBAAC;KAAK,WAAU;eAAa;MAAwB;KAEhD;IACM,EACjB,oBAAC;GAAe,WAAU;GAAa,OAAM;aAC3C,oBAAC;IACC,MAAK;IACL,UACE,MAAM,SAAS,MAAM,MACjB;KAAE,MAAM,MAAM;KAAO,IAAI,MAAM;KAAK,GACpC;IAGN,WAAW,UAAe;AAGxB,cAAS;MAAE,OAFG,OAAO,QAAQ;MAEX,KADN,OAAO,MAAM;MACF,CAAC;;IAE1B,UAAU;IACV,QAAQ;IACR,gBAAgB;IAChB;KACA;IACa;GACT"}

package/dist/ui/datetime-picker.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime92 from "react/jsx-runtime";
+
+//#region ui/datetime-picker.d.ts
+interface DateTimePickerProps {
+  value: Date | null;
+  onChange: (date: Date | null) => void;
+  disabled?: boolean;
+  minDate?: Date;
+  maxDate?: Date;
+  datePlaceholder?: string;
+  timePlaceholder?: string;
+  is24Hour?: boolean;
+  className?: string;
+}
+declare function DateTimePicker({
+  value,
+  onChange,
+  disabled,
+  minDate,
+  maxDate,
+  datePlaceholder,
+  timePlaceholder,
+  is24Hour,
+  className
+}: DateTimePickerProps): react_jsx_runtime92.JSX.Element;
+//#endregion
+export { DateTimePicker, DateTimePickerProps };
+//# sourceMappingURL=datetime-picker.d.ts.map

package/dist/ui/datetime-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-picker.d.ts","names":[],"sources":["../../ui/datetime-picker.tsx"],"sourcesContent":[],"mappings":";;;UAOiB,mBAAA;SACR;mBACU;EAFF,QAAA,CAAA,EAAA,OAAA;EACR,OAAA,CAAA,EAGG,IAHH;EACU,OAAA,CAAA,EAGP,IAHO;EAEP,eAAA,CAAA,EAAA,MAAA;EACA,eAAA,CAAA,EAAA,MAAA;EAAI,QAAA,CAAA,EAAA,OAAA;EAOA,SAAA,CAAA,EAAA,MAAc;;AAE5B,iBAFc,cAAA,CAEd;EAAA,KAAA;EAAA,QAAA;EAAA,QAAA;EAAA,OAAA;EAAA,OAAA;EAAA,eAAA;EAAA,eAAA;EAAA,QAAA;EAAA;AAAA,CAAA,EAQC,mBARD,CAAA,EAQoB,mBAAA,CAAA,GAAA,CAAA,OARpB"}

package/dist/ui/datetime-picker.js

@@ -0,0 +1,44 @@
+'use client';
+
+import { DatePicker } from "./date-picker.js";
+import { TimePicker } from "./time-picker.js";
+import "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region ui/datetime-picker.tsx
+function DateTimePicker({ value, onChange, disabled, minDate, maxDate, datePlaceholder, timePlaceholder, is24Hour, className }) {
+	const handleDate = (d) => {
+		if (!d) return;
+		const next = new Date(d);
+		if (value) next.setHours(value.getHours(), value.getMinutes(), 0, 0);
+		onChange(next);
+	};
+	const handleTime = (t) => {
+		if (!t) return;
+		const next = new Date(value ?? /* @__PURE__ */ new Date());
+		next.setHours(t.getHours(), t.getMinutes(), 0, 0);
+		onChange(next);
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("flex gap-2", className),
+		children: [/* @__PURE__ */ jsx(DatePicker, {
+			value,
+			onChange: handleDate,
+			disabled,
+			minDate,
+			maxDate,
+			placeholder: datePlaceholder
+		}), /* @__PURE__ */ jsx(TimePicker, {
+			value,
+			onChange: handleTime,
+			disabled,
+			is24Hour,
+			placeholder: timePlaceholder
+		})]
+	});
+}
+
+//#endregion
+export { DateTimePicker };
+//# sourceMappingURL=datetime-picker.js.map

package/dist/ui/datetime-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datetime-picker.js","names":[],"sources":["../../ui/datetime-picker.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DatePicker } from './date-picker';\nimport { TimePicker } from './time-picker';\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nexport interface DateTimePickerProps {\n  value: Date | null;\n  onChange: (date: Date | null) => void;\n  disabled?: boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  datePlaceholder?: string;\n  timePlaceholder?: string;\n  is24Hour?: boolean;\n  className?: string;\n}\n\nexport function DateTimePicker({\n  value,\n  onChange,\n  disabled,\n  minDate,\n  maxDate,\n  datePlaceholder,\n  timePlaceholder,\n  is24Hour,\n  className,\n}: DateTimePickerProps) {\n  const handleDate = (d: Date | null) => {\n    if (!d) return;\n    const next = new Date(d);\n    if (value) next.setHours(value.getHours(), value.getMinutes(), 0, 0);\n    onChange(next);\n  };\n  const handleTime = (t: Date | null) => {\n    if (!t) return;\n    const next = new Date(value ?? new Date());\n    next.setHours(t.getHours(), t.getMinutes(), 0, 0);\n    onChange(next);\n  };\n\n  return (\n    <div className={cn('flex gap-2', className)}>\n      <DatePicker\n        value={value}\n        onChange={handleDate}\n        disabled={disabled}\n        minDate={minDate}\n        maxDate={maxDate}\n        placeholder={datePlaceholder}\n      />\n      <TimePicker\n        value={value}\n        onChange={handleTime}\n        disabled={disabled}\n        is24Hour={is24Hour}\n        placeholder={timePlaceholder}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAmBA,SAAgB,eAAe,EAC7B,OACA,UACA,UACA,SACA,SACA,iBACA,iBACA,UACA,aACsB;CACtB,MAAM,cAAc,MAAmB;AACrC,MAAI,CAAC,EAAG;EACR,MAAM,OAAO,IAAI,KAAK,EAAE;AACxB,MAAI,MAAO,MAAK,SAAS,MAAM,UAAU,EAAE,MAAM,YAAY,EAAE,GAAG,EAAE;AACpE,WAAS,KAAK;;CAEhB,MAAM,cAAc,MAAmB;AACrC,MAAI,CAAC,EAAG;EACR,MAAM,OAAO,IAAI,KAAK,yBAAS,IAAI,MAAM,CAAC;AAC1C,OAAK,SAAS,EAAE,UAAU,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE;AACjD,WAAS,KAAK;;AAGhB,QACE,qBAAC;EAAI,WAAW,GAAG,cAAc,UAAU;aACzC,oBAAC;GACQ;GACP,UAAU;GACA;GACD;GACA;GACT,aAAa;IACb,EACF,oBAAC;GACQ;GACP,UAAU;GACA;GACA;GACV,aAAa;IACb;GACE"}

package/dist/ui/dialog.d.ts

@@ -0,0 +1,48 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime94 from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region ui/dialog.d.ts
+declare function Dialog({
+  ...props
+}: React$1.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime94.JSX.Element;
+declare function DialogTrigger({
+  ...props
+}: React$1.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime94.JSX.Element;
+declare function DialogPortal({
+  ...props
+}: React$1.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime94.JSX.Element;
+declare function DialogClose({
+  ...props
+}: React$1.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime94.JSX.Element;
+declare function DialogOverlay({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DialogPrimitive.Overlay>): react_jsx_runtime94.JSX.Element;
+declare function DialogContent({
+  className,
+  children,
+  showCloseButton,
+  ...props
+}: React$1.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean;
+}): react_jsx_runtime94.JSX.Element;
+declare function DialogHeader({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'div'>): react_jsx_runtime94.JSX.Element;
+declare function DialogFooter({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'div'>): react_jsx_runtime94.JSX.Element;
+declare function DialogTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DialogPrimitive.Title>): react_jsx_runtime94.JSX.Element;
+declare function DialogDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof DialogPrimitive.Description>): react_jsx_runtime94.JSX.Element;
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.d.ts.map

package/dist/ui/dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../ui/dialog.tsx"],"sourcesContent":[],"mappings":";;;;;iBAQS,MAAA;;GAEN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,QAAK,mBAAA,CAAA,GAAA,CAAA;iBAI3C,aAAA;;GAEN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,WAAQ,mBAAA,CAAA,GAAA,CAAA;iBAI9C,YAAA;;GAEN,OAAA,CAAM,sBAAsB,eAAA,CAAgB,UAAO,mBAAA,CAAA,GAAA,CAAA;AAnBI,iBAuBjD,WAAA,CAlBM;EAAA,GAAA;AAAA,CAAA,EAoBZ,OAAA,CAAM,cApBM,CAAA,OAoBgB,eAAA,CAAgB,KApBhC,CAAA,CAAA,EAoBsC,mBAAA,CAAA,GAAA,CAAA,OApBtC;iBAwBN,aAAA,CAtBsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyB5C,OAAA,CAAM,cAzBsC,CAAA,OAyBhB,eAAA,CAAgB,OAzBA,CAAA,CAAA,EAyBQ,mBAAA,CAAA,GAAA,CAAA,OAzBR;iBAsCtC,aAAA,CAtCA;EAAA,SAAA;EAAA,QAAA;EAAA,eAAA;EAAA,GAAA;CAAA,EA2CN,OAAA,CAAM,cA3CA,CAAA,OA2CsB,eAAA,CAAgB,OA3CtC,CAAA,GAAA;EAA2C,eAAA,CAAA,EAAA,OAAA;CAAA,CAAA,EA6CnD,mBAAA,CAAA,GAAA,CAAA,OA7CmD;AAAA,iBAwE3C,YAAA,CApEa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAuEnB,OAAA,CAAM,wBAvEa,CAAA,KAAA,CAAA,CAAA,EAuEkB,mBAAA,CAAA,GAAA,CAAA,OAvElB;iBAiFb,YAAA,CA/EsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkF5C,OAAA,CAAM,wBAlFsC,CAAA,KAAA,CAAA,CAAA,EAkFP,mBAAA,CAAA,GAAA,CAAA,OAlFO;iBA+FtC,WAAA,CA/FA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAkGN,OAAA,CAAM,cAlGA,CAAA,OAkGsB,eAAA,CAAgB,KAlGtC,CAAA,CAAA,EAkG4C,mBAAA,CAAA,GAAA,CAAA,OAlG5C;iBA4GA,iBAAA,CA5G8C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA+GpD,OAAA,CAAM,cA/G8C,CAAA,OA+GxB,eAAA,CAAgB,WA/GQ,CAAA,CAAA,EA+GI,mBAAA,CAAA,GAAA,CAAA,OA/GJ"}

package/dist/ui/dialog.js

@@ -0,0 +1,90 @@
+'use client';
+
+import "react";
+import { XIcon } from "lucide-react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region ui/dialog.tsx
+function Dialog({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+}
+function DialogTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+}
+function DialogPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+}
+function DialogClose({ ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Overlay, {
+		"data-slot": "dialog-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		...props
+	});
+}
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, {
+		"data-slot": "dialog-portal",
+		children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsxs(DialogPrimitive.Content, {
+			"data-slot": "dialog-content",
+			className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
+			...props,
+			children: [children, showCloseButton && /* @__PURE__ */ jsxs(DialogPrimitive.Close, {
+				"data-slot": "dialog-close",
+				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+				children: [/* @__PURE__ */ jsx(XIcon, {}), /* @__PURE__ */ jsx("span", {
+					className: "sr-only",
+					children: "Close"
+				})]
+			})]
+		})]
+	});
+}
+function DialogHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-header",
+		className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+		...props
+	});
+}
+function DialogFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "dialog-footer",
+		className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+		...props
+	});
+}
+function DialogTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-lg leading-none font-semibold", className),
+		...props
+	});
+}
+function DialogDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };
+//# sourceMappingURL=dialog.js.map

package/dist/ui/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","names":[],"sources":["../../ui/dialog.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport * as DialogPrimitive from '@radix-ui/react-dialog';\nimport { XIcon } from 'lucide-react';\n\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nfunction Dialog({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Root>) {\n  return <DialogPrimitive.Root data-slot=\"dialog\" {...props} />;\n}\n\nfunction DialogTrigger({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {\n  return <DialogPrimitive.Trigger data-slot=\"dialog-trigger\" {...props} />;\n}\n\nfunction DialogPortal({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Portal>) {\n  return <DialogPrimitive.Portal data-slot=\"dialog-portal\" {...props} />;\n}\n\nfunction DialogClose({\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Close>) {\n  return <DialogPrimitive.Close data-slot=\"dialog-close\" {...props} />;\n}\n\nfunction DialogOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {\n  return (\n    <DialogPrimitive.Overlay\n      data-slot=\"dialog-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogContent({\n  className,\n  children,\n  showCloseButton = true,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Content> & {\n  showCloseButton?: boolean;\n}) {\n  return (\n    <DialogPortal data-slot=\"dialog-portal\">\n      <DialogOverlay />\n      <DialogPrimitive.Content\n        data-slot=\"dialog-content\"\n        className={cn(\n          'bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg',\n          className\n        )}\n        {...props}\n      >\n        {children}\n        {showCloseButton && (\n          <DialogPrimitive.Close\n            data-slot=\"dialog-close\"\n            className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\"\n          >\n            <XIcon />\n            <span className=\"sr-only\">Close</span>\n          </DialogPrimitive.Close>\n        )}\n      </DialogPrimitive.Content>\n    </DialogPortal>\n  );\n}\n\nfunction DialogHeader({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-header\"\n      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogFooter({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      data-slot=\"dialog-footer\"\n      className={cn(\n        'flex flex-col-reverse gap-2 sm:flex-row sm:justify-end',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DialogTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Title>) {\n  return (\n    <DialogPrimitive.Title\n      data-slot=\"dialog-title\"\n      className={cn('text-lg leading-none font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DialogDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DialogPrimitive.Description>) {\n  return (\n    <DialogPrimitive.Description\n      data-slot=\"dialog-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Dialog,\n  DialogClose,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogOverlay,\n  DialogPortal,\n  DialogTitle,\n  DialogTrigger,\n};\n"],"mappings":";;;;;;;;;AAQA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAAC,gBAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;AAG/D,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAAC,gBAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;AAG1E,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAAC,gBAAgB;EAAO,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAAC,gBAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,kBAAkB,MAClB,GAAG,SAGF;AACD,QACE,qBAAC;EAAa,aAAU;aACtB,oBAAC,kBAAgB,EACjB,qBAAC,gBAAgB;GACf,aAAU;GACV,WAAW,GACT,+WACA,UACD;GACD,GAAI;cAEH,UACA,mBACC,qBAAC,gBAAgB;IACf,aAAU;IACV,WAAU;eAEV,oBAAC,UAAQ,EACT,oBAAC;KAAK,WAAU;eAAU;MAAY;KAChB;IAEF;GACb;;AAInB,SAAS,aAAa,EACpB,WACA,GAAG,SACqC;AACxC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,gDAAgD,UAAU;EACxE,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,GAAG,SACqC;AACxC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,0DACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,sCAAsC,UAAU;EAC9D,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAAC,gBAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}

package/dist/ui/drawer.d.ts

@@ -0,0 +1,45 @@
+import * as React$1 from "react";
+import * as react_jsx_runtime106 from "react/jsx-runtime";
+import { Drawer as Drawer$1 } from "vaul";
+
+//#region ui/drawer.d.ts
+declare function Drawer({
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime106.JSX.Element;
+declare function DrawerTrigger({
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Trigger>): react_jsx_runtime106.JSX.Element;
+declare function DrawerPortal({
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Portal>): react_jsx_runtime106.JSX.Element;
+declare function DrawerClose({
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Close>): react_jsx_runtime106.JSX.Element;
+declare function DrawerOverlay({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Overlay>): react_jsx_runtime106.JSX.Element;
+declare function DrawerContent({
+  className,
+  children,
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Content>): react_jsx_runtime106.JSX.Element;
+declare function DrawerHeader({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'div'>): react_jsx_runtime106.JSX.Element;
+declare function DrawerFooter({
+  className,
+  ...props
+}: React$1.ComponentPropsWithoutRef<'div'>): react_jsx_runtime106.JSX.Element;
+declare function DrawerTitle({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Title>): react_jsx_runtime106.JSX.Element;
+declare function DrawerDescription({
+  className,
+  ...props
+}: React$1.ComponentProps<typeof Drawer$1.Description>): react_jsx_runtime106.JSX.Element;
+//#endregion
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+//# sourceMappingURL=drawer.d.ts.map

package/dist/ui/drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../ui/drawer.tsx"],"sourcesContent":[],"mappings":";;;;;iBAOS,MAAA;;GAEN,OAAA,CAAM,sBAAsB,QAAA,CAAgB,QAAK,oBAAA,CAAA,GAAA,CAAA;iBAI3C,aAAA;;GAEN,OAAA,CAAM,sBAAsB,QAAA,CAAgB,WAAQ,oBAAA,CAAA,GAAA,CAAA;iBAI9C,YAAA;;GAEN,OAAA,CAAM,sBAAsB,QAAA,CAAgB,UAAO,oBAAA,CAAA,GAAA,CAAA;AAlBL,iBAsBxC,WAAA,CAlBM;EAAA,GAAA;AAAA,CAAA,EAoBZ,OAAA,CAAM,cApBM,CAAA,OAoBgB,QAAA,CAAgB,KApBhC,CAAA,CAAA,EAoBsC,oBAAA,CAAA,GAAA,CAAA,OApBtC;iBAwBN,aAAA,CAtBsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAyB5C,OAAA,CAAM,cAzBsC,CAAA,OAyBhB,QAAA,CAAgB,OAzBA,CAAA,CAAA,EAyBQ,oBAAA,CAAA,GAAA,CAAA,OAzBR;iBAsCtC,aAAA,CAtCA;EAAA,SAAA;EAAA,QAAA;EAAA,GAAA;AAAA,CAAA,EA0CN,OAAA,CAAM,cA1CA,CAAA,OA0CsB,QAAA,CAAgB,OA1CtC,CAAA,CAAA,EA0C8C,oBAAA,CAAA,GAAA,CAAA,OA1C9C;iBAiEA,YAAA,CAjE2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoEjD,OAAA,CAAM,wBApE2C,CAAA,KAAA,CAAA,CAAA,EAoEZ,oBAAA,CAAA,GAAA,CAAA,OApEY;iBAiF3C,YAAA,CAjF2C;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAoFjD,OAAA,CAAM,wBApF2C,CAAA,KAAA,CAAA,CAAA,EAoFZ,oBAAA,CAAA,GAAA,CAAA,OApFY;AAAA,iBA8F3C,WAAA,CA1Fa;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EA6FnB,OAAA,CAAM,cA7Fa,CAAA,OA6FS,QAAA,CAAgB,KA7FzB,CAAA,CAAA,EA6F+B,oBAAA,CAAA,GAAA,CAAA,OA7F/B;iBAuGb,iBAAA,CArGsC;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EAwG5C,OAAA,CAAM,cAxGsC,CAAA,OAwGhB,QAAA,CAAgB,WAxGA,CAAA,CAAA,EAwGY,oBAAA,CAAA,GAAA,CAAA,OAxGZ"}

package/dist/ui/drawer.js

@@ -0,0 +1,82 @@
+'use client';
+
+import "react";
+import { cn } from "@contractspec/lib.ui-kit-core/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Drawer as Drawer$1 } from "vaul";
+
+//#region ui/drawer.tsx
+function Drawer({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Root, {
+		"data-slot": "drawer",
+		...props
+	});
+}
+function DrawerTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Trigger, {
+		"data-slot": "drawer-trigger",
+		...props
+	});
+}
+function DrawerPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Portal, {
+		"data-slot": "drawer-portal",
+		...props
+	});
+}
+function DrawerClose({ ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Close, {
+		"data-slot": "drawer-close",
+		...props
+	});
+}
+function DrawerOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Overlay, {
+		"data-slot": "drawer-overlay",
+		className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
+		...props
+	});
+}
+function DrawerContent({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DrawerPortal, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ jsx(DrawerOverlay, {}), /* @__PURE__ */ jsxs(Drawer$1.Content, {
+			"data-slot": "drawer-content",
+			className: cn("group/drawer-content bg-background fixed z-50 flex h-auto flex-col", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l sm:data-[vaul-drawer-direction=right]:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r sm:data-[vaul-drawer-direction=left]:max-w-sm", className),
+			...props,
+			children: [/* @__PURE__ */ jsx("div", { className: "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }), children]
+		})]
+	});
+}
+function DrawerHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-header",
+		className: cn("flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left", className),
+		...props
+	});
+}
+function DrawerFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "drawer-footer",
+		className: cn("mt-auto flex flex-col gap-2 p-4", className),
+		...props
+	});
+}
+function DrawerTitle({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Title, {
+		"data-slot": "drawer-title",
+		className: cn("text-foreground font-semibold", className),
+		...props
+	});
+}
+function DrawerDescription({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Drawer$1.Description, {
+		"data-slot": "drawer-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+}
+
+//#endregion
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };
+//# sourceMappingURL=drawer.js.map

package/dist/ui/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.js","names":["DrawerPrimitive"],"sources":["../../ui/drawer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Drawer as DrawerPrimitive } from 'vaul';\n\nimport { cn } from '@contractspec/lib.ui-kit-core/utils';\n\nfunction Drawer({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />;\n}\n\nfunction DrawerTrigger({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />;\n}\n\nfunction DrawerPortal({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />;\n}\n\nfunction DrawerClose({\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />;\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        'data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          'group/drawer-content bg-background fixed z-50 flex h-auto flex-col',\n          'data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b',\n          'data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-t',\n          'data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l sm:data-[vaul-drawer-direction=right]:max-w-sm',\n          'data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r sm:data-[vaul-drawer-direction=left]:max-w-sm',\n          className\n        )}\n        {...props}\n      >\n        <div className=\"bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  );\n}\n\nfunction DrawerHeader({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        'flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-1.5 md:text-left',\n        className\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerFooter({\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<'div'>) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn('mt-auto flex flex-col gap-2 p-4', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerTitle({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn('text-foreground font-semibold', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn('text-muted-foreground text-sm', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n};\n"],"mappings":";;;;;;;;AAOA,SAAS,OAAO,EACd,GAAG,SACiD;AACpD,QAAO,oBAACA,SAAgB;EAAK,aAAU;EAAS,GAAI;GAAS;;AAG/D,SAAS,cAAc,EACrB,GAAG,SACoD;AACvD,QAAO,oBAACA,SAAgB;EAAQ,aAAU;EAAiB,GAAI;GAAS;;AAG1E,SAAS,aAAa,EACpB,GAAG,SACmD;AACtD,QAAO,oBAACA,SAAgB;EAAO,aAAU;EAAgB,GAAI;GAAS;;AAGxE,SAAS,YAAY,EACnB,GAAG,SACkD;AACrD,QAAO,oBAACA,SAAgB;EAAM,aAAU;EAAe,GAAI;GAAS;;AAGtE,SAAS,cAAc,EACrB,WACA,GAAG,SACoD;AACvD,QACE,oBAACA,SAAgB;EACf,aAAU;EACV,WAAW,GACT,0JACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,cAAc,EACrB,WACA,UACA,GAAG,SACoD;AACvD,QACE,qBAAC;EAAa,aAAU;aACtB,oBAAC,kBAAgB,EACjB,qBAACA,SAAgB;GACf,aAAU;GACV,WAAW,GACT,sEACA,kQACA,uRACA,+NACA,yNACA,UACD;GACD,GAAI;cAEJ,oBAAC,SAAI,WAAU,oIAAoI,EAClJ;IACuB;GACb;;AAInB,SAAS,aAAa,EACpB,WACA,GAAG,SACqC;AACxC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GACT,4LACA,UACD;EACD,GAAI;GACJ;;AAIN,SAAS,aAAa,EACpB,WACA,GAAG,SACqC;AACxC,QACE,oBAAC;EACC,aAAU;EACV,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,SAAS,YAAY,EACnB,WACA,GAAG,SACkD;AACrD,QACE,oBAACA,SAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ;;AAIN,SAAS,kBAAkB,EACzB,WACA,GAAG,SACwD;AAC3D,QACE,oBAACA,SAAgB;EACf,aAAU;EACV,WAAW,GAAG,iCAAiC,UAAU;EACzD,GAAI;GACJ"}