@datum-cloud/datum-ui 0.2.0-alpha.2 → 0.2.0-alpha.4

package/dist/checkbox/index.mjs

@@ -0,0 +1,4 @@
+import "../utils-Bfgoe-Gm.mjs";
+import { t as Checkbox } from "../checkbox-LG1OKTpG.mjs";
+
+export { Checkbox };

package/dist/checkbox-LG1OKTpG.mjs

@@ -0,0 +1,34 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn$1 } from "./utils-Bfgoe-Gm.mjs";
+import { CheckIcon } from "lucide-react";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+
+//#region ../shadcn/ui/checkbox.tsx
+function Checkbox$1({ className, ...props }) {
+	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+		"data-slot": "checkbox",
+		className: cn$1("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+		...props,
+		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+			"data-slot": "checkbox-indicator",
+			className: "flex items-center justify-center text-current transition-none",
+			children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-3.5" })
+		})
+	});
+}
+
+//#endregion
+//#region src/components/base/checkbox/checkbox.tsx
+function Checkbox({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(Checkbox$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+Checkbox.displayName = "Checkbox";
+
+//#endregion
+export { Checkbox as t };

package/dist/col-lrLMZaTJ.mjs

@@ -0,0 +1,184 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import React, { use, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/features/grid/constants/grid.constants.ts
+const GRID_BREAKPOINTS = {
+	xs: 480,
+	sm: 576,
+	md: 768,
+	lg: 992,
+	xl: 1200,
+	xxl: 1600
+};
+const GRID_COLUMNS = 24;
+const GRID_PREFIX = "grid";
+const RESPONSIVE_ARRAY = [
+	"xxl",
+	"xl",
+	"lg",
+	"md",
+	"sm",
+	"xs"
+];
+const RESPONSIVE_MAP = {
+	xs: "(max-width: 575px)",
+	sm: "(min-width: 576px)",
+	md: "(min-width: 768px)",
+	lg: "(min-width: 992px)",
+	xl: "(min-width: 1200px)",
+	xxl: "(min-width: 1600px)"
+};
+
+//#endregion
+//#region src/components/features/grid/utils/responsive.ts
+function registerMediaQuery(query, callback) {
+	const mediaQuery = window.matchMedia(query);
+	const handleChange = (event) => {
+		if (event.matches) callback.match();
+		else callback.unmatch();
+	};
+	if (mediaQuery.matches) callback.match();
+	mediaQuery.addEventListener("change", handleChange);
+	return () => {
+		mediaQuery.removeEventListener("change", handleChange);
+	};
+}
+function getGutter(gutter = 0, screens) {
+	const results = [0, 0];
+	(Array.isArray(gutter) ? gutter.slice(0, 2) : [gutter, 0]).forEach((g, index) => {
+		if (typeof g === "object") for (let i = 0; i < RESPONSIVE_ARRAY.length; i++) {
+			const breakpoint = RESPONSIVE_ARRAY[i];
+			if (screens[breakpoint] && g[breakpoint] !== void 0) {
+				results[index] = g[breakpoint];
+				break;
+			}
+		}
+		else results[index] = g || 0;
+	});
+	return results;
+}
+function getResponsiveValue(value, screens) {
+	if (typeof value === "object" && value !== null && !Array.isArray(value)) {
+		const responsiveValue = value;
+		for (let i = 0; i < RESPONSIVE_ARRAY.length; i++) {
+			const breakpoint = RESPONSIVE_ARRAY[i];
+			if (screens[breakpoint] && responsiveValue[breakpoint] !== void 0) return responsiveValue[breakpoint];
+		}
+	}
+	return value;
+}
+
+//#endregion
+//#region src/components/features/grid/components/row.tsx
+const RowContext = React.createContext(null);
+const Row = ({ type, align, justify, className, style, children, gutter = 0, prefixCls = GRID_PREFIX, ...rest }) => {
+	const [screens, setScreens] = useState({
+		xs: true,
+		sm: true,
+		md: true,
+		lg: true,
+		xl: true,
+		xxl: true
+	});
+	const [unRegisters, setUnRegisters] = useState([]);
+	useEffect(() => {
+		if (typeof gutter === "object" && !Array.isArray(gutter)) setUnRegisters(Object.keys(RESPONSIVE_MAP).map((screen) => registerMediaQuery(RESPONSIVE_MAP[screen], {
+			match: () => {
+				setScreens((prevState) => ({
+					...prevState,
+					[screen]: true
+				}));
+			},
+			unmatch: () => {
+				setScreens((prevState) => ({
+					...prevState,
+					[screen]: false
+				}));
+			}
+		})));
+		return () => {
+			unRegisters.forEach((unRegister) => unRegister());
+		};
+	}, [gutter]);
+	const gutters = getGutter(gutter, screens);
+	const prefix = `${prefixCls}-row`;
+	const classes = cn({
+		[prefix]: type !== "flex",
+		[`${prefix}-${type}`]: type,
+		[`${prefix}-${type}-${justify}`]: type && justify,
+		[`${prefix}-${type}-${align}`]: type && align
+	}, className);
+	const rowStyle = {
+		...gutters[0] > 0 ? {
+			marginLeft: gutters[0] / -2,
+			marginRight: gutters[0] / -2
+		} : {},
+		...gutters[1] > 0 ? {
+			marginTop: gutters[1] / -2,
+			marginBottom: gutters[1] / -2
+		} : {},
+		...style
+	};
+	return /* @__PURE__ */ jsx(RowContext, {
+		value: { gutters },
+		children: /* @__PURE__ */ jsx("div", {
+			...rest,
+			className: classes,
+			style: rowStyle,
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/features/grid/components/col.tsx
+const Col = ({ span, order, offset, push, pull, className, prefixCls = GRID_PREFIX, style, children, ...rest }) => {
+	const context = use(RowContext);
+	const prefix = `${prefixCls}-col`;
+	let sizeClassObj = {};
+	RESPONSIVE_ARRAY.forEach((size) => {
+		let sizeProps = {};
+		const sizeValue = rest[size];
+		if (typeof sizeValue === "number") sizeProps.span = sizeValue;
+		else if (typeof sizeValue === "object") sizeProps = sizeValue || {};
+		delete rest[size];
+		sizeClassObj = {
+			...sizeClassObj,
+			[`${prefix}-${size}-${sizeProps.span}`]: sizeProps.span !== void 0,
+			[`${prefix}-${size}-order-${sizeProps.order}`]: sizeProps.order !== void 0,
+			[`${prefix}-${size}-offset-${sizeProps.offset}`]: sizeProps.offset !== void 0,
+			[`${prefix}-${size}-push-${sizeProps.push}`]: sizeProps.push !== void 0,
+			[`${prefix}-${size}-pull-${sizeProps.pull}`]: sizeProps.pull !== void 0
+		};
+	});
+	const classes = cn(prefix, {
+		[`${prefix}-${span}`]: span !== void 0,
+		[`${prefix}-order-${order}`]: order !== void 0,
+		[`${prefix}-offset-${offset}`]: offset !== void 0,
+		[`${prefix}-push-${push}`]: push !== void 0,
+		[`${prefix}-pull-${pull}`]: pull !== void 0,
+		...sizeClassObj
+	}, className);
+	const colStyle = { ...style };
+	if (context && context.gutters) {
+		const [horizontalGutter, verticalGutter] = context.gutters;
+		if (horizontalGutter > 0) {
+			colStyle.paddingLeft = horizontalGutter / 2;
+			colStyle.paddingRight = horizontalGutter / 2;
+		}
+		if (verticalGutter > 0) {
+			colStyle.paddingTop = verticalGutter / 2;
+			colStyle.paddingBottom = verticalGutter / 2;
+		}
+	}
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		style: colStyle,
+		className: classes,
+		children
+	});
+};
+
+//#endregion
+export { getResponsiveValue as a, GRID_COLUMNS as c, RESPONSIVE_MAP as d, getGutter as i, GRID_PREFIX as l, Row as n, registerMediaQuery as o, RowContext as r, GRID_BREAKPOINTS as s, Col as t, RESPONSIVE_ARRAY as u };

package/dist/collapsible/index.mjs

@@ -0,0 +1,3 @@
+import { n as CollapsibleContent, r as CollapsibleTrigger, t as Collapsible } from "../collapsible-Bt9UYfv3.mjs";
+
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/collapsible-Bt9UYfv3.mjs

@@ -0,0 +1,9 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+
+//#region ../shadcn/ui/collapsible.tsx
+const Collapsible = CollapsiblePrimitive.Root;
+const CollapsibleTrigger = CollapsiblePrimitive.CollapsibleTrigger;
+const CollapsibleContent = CollapsiblePrimitive.CollapsibleContent;
+
+//#endregion
+export { CollapsibleContent as n, CollapsibleTrigger as r, Collapsible as t };

package/dist/command/index.mjs

@@ -0,0 +1,5 @@
+import "../utils-Bfgoe-Gm.mjs";
+import "../dialog-DXBaT9gA.mjs";
+import { a as CommandInput, c as CommandSeparator, i as CommandGroup, l as CommandShortcut, n as CommandDialog, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "../command-s0Yv3abE.mjs";
+
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/command-s0Yv3abE.mjs

@@ -0,0 +1,86 @@
+import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { i as DialogDescription, l as DialogTitle, o as DialogHeader, r as DialogContent, t as Dialog } from "./dialog-DXBaT9gA.mjs";
+import { SearchIcon } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Command } from "cmdk";
+
+//#region ../shadcn/ui/command.tsx
+const Command$1 = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Command, {
+		"data-slot": "command",
+		className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
+		...props
+	});
+};
+const CommandDialog = ({ title = "Command Palette", description = "Search for a command to run...", children, ...props }) => {
+	return /* @__PURE__ */ jsxs(Dialog, {
+		...props,
+		children: [/* @__PURE__ */ jsxs(DialogHeader, {
+			className: "sr-only",
+			children: [/* @__PURE__ */ jsx(DialogTitle, { children: title }), /* @__PURE__ */ jsx(DialogDescription, { children: description })]
+		}), /* @__PURE__ */ jsx(DialogContent, {
+			className: "overflow-hidden p-0",
+			children: /* @__PURE__ */ jsx(Command$1, {
+				className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+				children
+			})
+		})]
+	});
+};
+const CommandInput = ({ className, wrapperClassName, iconClassName, ...props }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		"data-slot": "command-input-wrapper",
+		className: cn("flex h-9 items-center gap-2 border-b px-3", wrapperClassName),
+		children: [/* @__PURE__ */ jsx(SearchIcon, { className: cn("size-4 shrink-0 opacity-50", iconClassName) }), /* @__PURE__ */ jsx(Command.Input, {
+			"data-slot": "command-input",
+			className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
+			...props
+		})]
+	});
+};
+const CommandList = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Command.List, {
+		"data-slot": "command-list",
+		className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+		...props
+	});
+};
+const CommandEmpty = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(Command.Empty, {
+		"data-slot": "command-empty",
+		className: "py-6 text-center text-sm",
+		...props
+	});
+};
+const CommandGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Command.Group, {
+		"data-slot": "command-group",
+		className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
+		...props
+	});
+};
+const CommandSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Command.Separator, {
+		"data-slot": "command-separator",
+		className: cn("bg-border -mx-1 h-px", className),
+		...props
+	});
+};
+const CommandItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Command.Item, {
+		"data-slot": "command-item",
+		className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+};
+const CommandShortcut = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "command-shortcut",
+		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+};
+
+//#endregion
+export { CommandInput as a, CommandSeparator as c, CommandGroup as i, CommandShortcut as l, CommandDialog as n, CommandItem as o, CommandEmpty as r, CommandList as s, Command$1 as t };

package/dist/components/features/date-picker/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../calendar-date-picker';
+export * from '../time-range-picker';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/features/date-picker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/date-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA"}

package/dist/components/features/dropzone/index.d.ts

@@ -1,3 +1,4 @@
+export * from '../file-input-button';
 export { Dropzone, DropzoneContent, DropzoneEmptyState } from './dropzone';
 export type { DropzoneContentProps, DropzoneEmptyStateProps, DropzoneProps } from './dropzone';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/features/dropzone/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/dropzone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAC1E,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/features/dropzone/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AAE1E,YAAY,EAAE,oBAAoB,EAAE,uBAAuB,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/date-picker/index.mjs

@@ -0,0 +1,9 @@
+import "../utils-Bfgoe-Gm.mjs";
+import "../separator-T2ppyD-8.mjs";
+import "../button-AzpnV-WB.mjs";
+import "../input-DuyjEKEW.mjs";
+import "../popover-SQlKSz6L.mjs";
+import "../select-DVlEzD2W.mjs";
+import { C as utcToLocalInputString, S as utcStringToZonedDate, T as CalendarDatePicker, _ as getBrowserTimezone, a as formatTimeRangeDisplay, b as getTimezoneOffset, c as getPresetByKey, d as TimezoneSelector, f as QuickRangesPanel, g as formatUtcForDisplay, h as formatTimezoneLabel, i as formatSingleTimeDisplay, l as getPresetByShortcut, m as createTimezoneOption, n as TimeRangePicker, o as DEFAULT_PRESETS, p as CustomRangePanel, r as formatDateForInput, s as getDefaultPreset, t as toApiTimeRange, u as getPresetRange, v as getDefaultTimezoneOptions, w as zonedDateToUtcString, x as localInputStringToUtc, y as getShortTimezoneDisplay } from "../to-api-format-C2xjQUcI.mjs";
+
+export { CustomRangePanel as AbsoluteRangePanel, CustomRangePanel, CalendarDatePicker, DEFAULT_PRESETS, QuickRangesPanel, TimeRangePicker, TimezoneSelector, createTimezoneOption, formatDateForInput, formatSingleTimeDisplay, formatTimeRangeDisplay, formatTimezoneLabel, formatUtcForDisplay, getBrowserTimezone, getDefaultPreset, getDefaultTimezoneOptions, getPresetByKey, getPresetByShortcut, getPresetRange, getShortTimezoneDisplay, getTimezoneOffset, localInputStringToUtc, toApiTimeRange, utcStringToZonedDate, utcToLocalInputString, zonedDateToUtcString };

package/dist/{datum.provider-D6VMjSV0.mjs → datum.provider-B77goJgl.mjs}

@@ -1,4 +1,4 @@
-import { t as ThemeProvider } from "./theme.provider-DpFLwtHe.mjs";
+import { t as ThemeProvider } from "./theme.provider-DgGshapa.mjs";
 import { jsx } from "react/jsx-runtime";
 
 //#region src/providers/datum.provider.tsx

package/dist/dialog/index.mjs

@@ -0,0 +1,5 @@
+import "../utils-Bfgoe-Gm.mjs";
+import "../dialog-DXBaT9gA.mjs";
+import { t as Dialog } from "../dialog-bnMMf9GD.mjs";
+
+export { Dialog };

package/dist/dialog-DXBaT9gA.mjs

@@ -0,0 +1,86 @@
+import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { XIcon } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region ../shadcn/ui/dialog.tsx
+const Dialog = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Root, {
+		"data-slot": "dialog",
+		...props
+	});
+};
+const DialogTrigger = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, {
+		"data-slot": "dialog-trigger",
+		...props
+	});
+};
+const DialogPortal = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Portal, {
+		"data-slot": "dialog-portal",
+		...props
+	});
+};
+const DialogClose = ({ ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Close, {
+		"data-slot": "dialog-close",
+		...props
+	});
+};
+const 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/80", className),
+		...props
+	});
+};
+const DialogContent = ({ className, children, ...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, /* @__PURE__ */ jsxs(DialogPrimitive.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"
+				})]
+			})]
+		})]
+	});
+};
+const 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
+	});
+};
+const 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
+	});
+};
+const DialogTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Title, {
+		"data-slot": "dialog-title",
+		className: cn("text-lg leading-none font-semibold", className),
+		...props
+	});
+};
+const DialogDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(DialogPrimitive.Description, {
+		"data-slot": "dialog-description",
+		className: cn("text-muted-foreground text-sm", className),
+		...props
+	});
+};
+
+//#endregion
+export { DialogFooter as a, DialogPortal as c, DialogDescription as i, DialogTitle as l, DialogClose as n, DialogHeader as o, DialogContent as r, DialogOverlay as s, Dialog as t, DialogTrigger as u };

package/dist/dialog-bnMMf9GD.mjs

@@ -0,0 +1,73 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { a as DialogFooter, c as DialogPortal, i as DialogDescription, l as DialogTitle, n as DialogClose, s as DialogOverlay$1, t as Dialog$1, u as DialogTrigger } from "./dialog-DXBaT9gA.mjs";
+import { t as CloseIcon } from "./close.icon-CMNMoXM_.mjs";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+
+//#region src/components/base/dialog/dialog.tsx
+function Dialog({ children, ...props }) {
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		...props,
+		children
+	});
+}
+function DialogOverlay({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DialogOverlay$1, {
+		className: cn("bg-dialog-overlay/50 backdrop-blur-[2px]", className),
+		...props
+	});
+}
+function Trigger({ children, asChild = true }) {
+	return /* @__PURE__ */ jsx(DialogTrigger, {
+		asChild,
+		children
+	});
+}
+function Content({ children, className }) {
+	return /* @__PURE__ */ jsxs(DialogPortal, { children: [/* @__PURE__ */ jsx(DialogOverlay, {}), /* @__PURE__ */ jsx(DialogPrimitive.Content, {
+		className: cn("dark:bg-muted dark:border-dialog-border 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 flex max-h-[80vh] w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] flex-col gap-0 overflow-y-auto rounded-lg bg-white p-0 shadow-xl duration-200 sm:max-w-lg dark:border [&>button:last-child]:hidden", className),
+		children
+	})] });
+}
+function Header({ title, description, onClose, className, descriptionClassName }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("dark:bg-muted dark:border-dialog-border sticky top-0 z-50 flex shrink-0 flex-col gap-2 bg-white p-5", className),
+		children: [
+			/* @__PURE__ */ jsx(DialogTitle, {
+				className: "text-base font-semibold",
+				children: title
+			}),
+			description && /* @__PURE__ */ jsx(DialogDescription, {
+				className: cn("text-sm font-normal", descriptionClassName),
+				children: description
+			}),
+			onClose && /* @__PURE__ */ jsx(DialogClose, {
+				className: "absolute top-4 right-4 cursor-pointer",
+				onClick: onClose,
+				children: /* @__PURE__ */ jsx(CloseIcon, {})
+			})
+		]
+	});
+}
+function Body({ children, className }) {
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("py-5", className),
+		children
+	});
+}
+function Footer({ children, className }) {
+	return /* @__PURE__ */ jsx(DialogFooter, {
+		className: cn("dark:bg-muted dark:border-dialog-border sticky bottom-0 z-50 shrink-0 gap-3 bg-white p-5", className),
+		children
+	});
+}
+Dialog.Trigger = Trigger;
+Dialog.Content = Content;
+Dialog.Header = Header;
+Dialog.Body = Body;
+Dialog.Footer = Footer;
+Dialog.Overlay = DialogOverlay;
+
+//#endregion
+export { Dialog as t };

package/dist/dropdown/index.mjs

@@ -0,0 +1,3 @@
+import { a as DropdownMenuItem, c as DropdownMenuRadioGroup, d as DropdownMenuShortcut, f as DropdownMenuSub, h as DropdownMenuTrigger, i as DropdownMenuGroup, l as DropdownMenuRadioItem, m as DropdownMenuSubTrigger, n as DropdownMenuCheckboxItem, o as DropdownMenuLabel, p as DropdownMenuSubContent, r as DropdownMenuContent, s as DropdownMenuPortal, t as DropdownMenu, u as DropdownMenuSeparator } from "../dropdown-DtSa_lqc.mjs";
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };

package/dist/dropdown-DtSa_lqc.mjs

@@ -0,0 +1,112 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+
+//#region src/components/features/dropdown/dropdown.tsx
+/**
+* Datum Dropdown Menu Component
+* Extends shadcn DropdownMenu with:
+* - Destructive variant for DropdownMenuItem
+*/
+function DropdownMenu({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Root, { ...props });
+}
+function DropdownMenuPortal({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { ...props });
+}
+function DropdownMenuTrigger({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Trigger, { ...props });
+}
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
+		sideOffset,
+		className: cn("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
+		...props
+	}) });
+}
+function DropdownMenuGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Group, { ...props });
+}
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
+		"data-inset": inset,
+		"data-variant": variant,
+		className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive-foreground data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/40 data-[variant=destructive]:focus:text-destructive-foreground data-[variant=destructive]:*:[svg]:!text-destructive-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
+		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		checked,
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Icon, {
+				icon: CheckIcon,
+				className: "size-4"
+			}) })
+		}), children]
+	});
+}
+function DropdownMenuRadioGroup({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.RadioGroup, { ...props });
+}
+function DropdownMenuRadioItem({ className, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
+		className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+		...props,
+		children: [/* @__PURE__ */ jsx("span", {
+			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
+			children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Icon, {
+				icon: CircleIcon,
+				className: "size-2 fill-current"
+			}) })
+		}), children]
+	});
+}
+function DropdownMenuLabel({ className, inset, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
+		"data-inset": inset,
+		className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
+		...props
+	});
+}
+function DropdownMenuSeparator({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
+		className: cn("bg-border -mx-1 my-1 h-px", className),
+		...props
+	});
+}
+function DropdownMenuShortcut({ className, ...props }) {
+	return /* @__PURE__ */ jsx("span", {
+		className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+		...props
+	});
+}
+function DropdownMenuSub({ ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.Sub, { ...props });
+}
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+	return /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
+		"data-inset": inset,
+		className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8", className),
+		...props,
+		children: [children, /* @__PURE__ */ jsx(Icon, {
+			icon: ChevronRightIcon,
+			className: "ml-auto size-4"
+		})]
+	});
+}
+function DropdownMenuSubContent({ className, ...props }) {
+	return /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
+		className: cn("bg-popover text-popover-foreground 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 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-lg", className),
+		...props
+	});
+}
+
+//#endregion
+export { DropdownMenuItem as a, DropdownMenuRadioGroup as c, DropdownMenuShortcut as d, DropdownMenuSub as f, DropdownMenuTrigger as h, DropdownMenuGroup as i, DropdownMenuRadioItem as l, DropdownMenuSubTrigger as m, DropdownMenuCheckboxItem as n, DropdownMenuLabel as o, DropdownMenuSubContent as p, DropdownMenuContent as r, DropdownMenuPortal as s, DropdownMenu as t, DropdownMenuSeparator as u };