@datum-cloud/datum-ui 0.2.0-alpha.3 → 0.2.0-alpha.5

package/dist/calendar-DlIHeWb0.mjs

@@ -0,0 +1,113 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { n as buttonVariants, t as Button } from "./button-AzpnV-WB.mjs";
+import { t as Icon } from "./icon-wrapper-9ticVbRL.mjs";
+import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { DayPicker, getDefaultClassNames } from "react-day-picker";
+
+//#region src/components/base/calendar/calendar.tsx
+function CalendarRoot({ className, rootRef, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "calendar",
+		ref: rootRef,
+		className: cn(className),
+		...props
+	});
+}
+function CalendarChevron({ className, orientation, ...props }) {
+	if (orientation === "left") return /* @__PURE__ */ jsx(Icon, {
+		icon: ChevronLeftIcon,
+		className: cn("size-4", className),
+		...props
+	});
+	if (orientation === "right") return /* @__PURE__ */ jsx(Icon, {
+		icon: ChevronRightIcon,
+		className: cn("size-4", className),
+		...props
+	});
+	return /* @__PURE__ */ jsx(Icon, {
+		icon: ChevronDownIcon,
+		className: cn("size-4", className),
+		...props
+	});
+}
+function CalendarWeekNumber({ children, ...props }) {
+	return /* @__PURE__ */ jsx("td", {
+		...props,
+		children: /* @__PURE__ */ jsx("div", {
+			className: "flex size-(--cell-size) items-center justify-center text-center",
+			children
+		})
+	});
+}
+function Calendar$1({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	return /* @__PURE__ */ jsx(DayPicker, {
+		showOutsideDays,
+		className: cn("bg-background group/calendar p-3 [--cell-size:--spacing(8)] [[data-slot=card-content]_&]:bg-transparent [[data-slot=popover-content]_&]:bg-transparent", String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className),
+		captionLayout,
+		formatters: {
+			formatMonthDropdown: (date) => date.toLocaleString("default", { month: "short" }),
+			...formatters
+		},
+		classNames: {
+			root: cn("w-fit", defaultClassNames.root),
+			months: cn("flex gap-4 flex-col md:flex-row relative", defaultClassNames.months),
+			month: cn("flex flex-col w-full gap-4", defaultClassNames.month),
+			nav: cn("flex items-center gap-1 w-full absolute top-0 inset-x-0 justify-between", defaultClassNames.nav),
+			button_previous: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_previous),
+			button_next: cn(buttonVariants({ variant: buttonVariant }), "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none", defaultClassNames.button_next),
+			month_caption: cn("flex items-center justify-center h-(--cell-size) w-full px-(--cell-size)", defaultClassNames.month_caption),
+			dropdowns: cn("w-full flex items-center text-sm font-medium justify-center h-(--cell-size) gap-1.5", defaultClassNames.dropdowns),
+			dropdown_root: cn("relative has-focus:border-ring border border-input shadow-xs has-focus:ring-ring/50 has-focus:ring-[3px] rounded-md", defaultClassNames.dropdown_root),
+			dropdown: cn("absolute bg-popover inset-0 opacity-0", defaultClassNames.dropdown),
+			caption_label: cn("select-none font-medium", captionLayout === "label" ? "text-sm" : "rounded-md pl-2 pr-1 flex items-center gap-1 text-sm h-8 [&>svg]:text-muted-foreground [&>svg]:size-3.5", defaultClassNames.caption_label),
+			table: "w-full border-collapse",
+			weekdays: cn("flex", defaultClassNames.weekdays),
+			weekday: cn("text-muted-foreground rounded-md flex-1 font-normal text-[0.8rem] select-none", defaultClassNames.weekday),
+			week: cn("flex w-full mt-2", defaultClassNames.week),
+			week_number_header: cn("select-none w-(--cell-size)", defaultClassNames.week_number_header),
+			week_number: cn("text-[0.8rem] select-none text-muted-foreground", defaultClassNames.week_number),
+			day: cn("relative w-full h-full p-0 text-center [&:first-child[data-selected=true]_button]:rounded-l-md [&:last-child[data-selected=true]_button]:rounded-r-md group/day aspect-square select-none", defaultClassNames.day),
+			range_start: cn("rounded-l-md bg-accent", defaultClassNames.range_start),
+			range_middle: cn("rounded-none", defaultClassNames.range_middle),
+			range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+			today: cn("bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none", defaultClassNames.today),
+			outside: cn("text-muted-foreground aria-selected:text-muted-foreground", defaultClassNames.outside),
+			disabled: cn("text-muted-foreground opacity-50", defaultClassNames.disabled),
+			hidden: cn("invisible", defaultClassNames.hidden),
+			...classNames
+		},
+		components: {
+			Root: CalendarRoot,
+			Chevron: CalendarChevron,
+			DayButton: CalendarDayButton,
+			WeekNumber: CalendarWeekNumber,
+			...components
+		},
+		...props
+	});
+}
+function CalendarDayButton({ className, day, modifiers, ...props }) {
+	const defaultClassNames = getDefaultClassNames();
+	const ref = React$1.useRef(null);
+	React$1.useEffect(() => {
+		if (modifiers.focused) ref.current?.focus();
+	}, [modifiers.focused]);
+	return /* @__PURE__ */ jsx(Button, {
+		ref,
+		variant: "ghost",
+		size: "icon",
+		"data-day": day.date.toLocaleDateString(),
+		"data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+		"data-range-start": modifiers.range_start,
+		"data-range-end": modifiers.range_end,
+		"data-range-middle": modifiers.range_middle,
+		className: cn("data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground data-[range-middle=true]:bg-accent data-[range-middle=true]:text-accent-foreground data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-ring/50 dark:hover:text-accent-foreground flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:ring-[3px] data-[range-end=true]:rounded-md data-[range-end=true]:rounded-r-md data-[range-middle=true]:rounded-none data-[range-start=true]:rounded-md data-[range-start=true]:rounded-l-md [&>span]:text-xs [&>span]:opacity-70", defaultClassNames.day, className),
+		...props
+	});
+}
+
+//#endregion
+export { CalendarDayButton as n, Calendar$1 as t };

package/dist/card/index.mjs

@@ -0,0 +1,4 @@
+import "../utils-Bfgoe-Gm.mjs";
+import { a as CardDescription, i as CardContent, n as CardFooter, o as CardTitle, r as CardHeader, t as Card } from "../card-3Kd0VdNf.mjs";
+
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/card-3Kd0VdNf.mjs

@@ -0,0 +1,63 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as cn$1 } from "./utils-Bfgoe-Gm.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region ../shadcn/ui/card.tsx
+const CardTitle = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-title",
+		className: cn$1("leading-none font-semibold", className),
+		...props
+	});
+};
+const CardDescription = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-description",
+		className: cn$1("text-muted-foreground text-sm", className),
+		...props
+	});
+};
+const CardContent = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-content",
+		className: cn$1("px-6", className),
+		...props
+	});
+};
+
+//#endregion
+//#region src/components/base/card/card.tsx
+/**
+* Datum Card Component
+* Extends shadcn Card with custom default className
+*
+* This component replaces the default className of shadcn Card without modifying
+* the original shadcn component. All sub-components (CardHeader, CardTitle, etc.)
+* are re-exported from shadcn as-is.
+*/
+const DEFAULT_CARD_CLASSNAME = "bg-card text-card-foreground flex flex-col gap-4 rounded-xl border border-card-border py-6 shadow";
+function Card({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card",
+		className: cn(DEFAULT_CARD_CLASSNAME, className),
+		...props
+	});
+}
+function CardHeader({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-header",
+		className: cn("border-card-border flex flex-col gap-3 px-6", className),
+		...props
+	});
+}
+function CardFooter({ className, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "card-footer",
+		className: cn("border-card-border px-6", className),
+		...props
+	});
+}
+
+//#endregion
+export { CardDescription as a, CardContent as i, CardFooter as n, CardTitle as o, CardHeader as r, Card as t };

package/dist/chart/index.mjs

@@ -0,0 +1,4 @@
+import "../utils-Bfgoe-Gm.mjs";
+import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-BZqUKpkh.mjs";
+
+export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };

package/dist/chart-BZqUKpkh.mjs

@@ -0,0 +1,143 @@
+import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import * as React$1 from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import * as RechartsPrimitive from "recharts";
+
+//#region ../shadcn/ui/chart.tsx
+const THEMES = {
+	light: "",
+	dark: ".dark"
+};
+const ChartContext = React$1.createContext(null);
+function useChart() {
+	const context = React$1.useContext(ChartContext);
+	if (!context) throw new Error("useChart must be used within a <ChartContainer />");
+	return context;
+}
+function ChartContainer({ id, className, children, config, ...props }) {
+	const uniqueId = React$1.useId();
+	const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
+	return /* @__PURE__ */ jsx(ChartContext.Provider, {
+		value: { config },
+		children: /* @__PURE__ */ jsxs("div", {
+			"data-slot": "chart",
+			"data-chart": chartId,
+			className: cn("[&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border flex aspect-video justify-center text-xs [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden", className),
+			...props,
+			children: [/* @__PURE__ */ jsx(ChartStyle, {
+				id: chartId,
+				config
+			}), /* @__PURE__ */ jsx(RechartsPrimitive.ResponsiveContainer, { children })]
+		})
+	});
+}
+const ChartStyle = ({ id, config }) => {
+	const colorConfig = Object.entries(config).filter(([, config]) => config.theme || config.color);
+	if (!colorConfig.length) return null;
+	return /* @__PURE__ */ jsx("style", { dangerouslySetInnerHTML: { __html: Object.entries(THEMES).map(([theme, prefix]) => `
+            ${prefix} [data-chart=${id}] {
+            ${colorConfig.map(([key, itemConfig]) => {
+		const color = itemConfig.theme?.[theme] || itemConfig.color;
+		return color ? `  --color-${key}: ${color};` : null;
+	}).join("\n")}
+            }
+            `).join("\n") } });
+};
+const ChartTooltip = RechartsPrimitive.Tooltip;
+function ChartTooltipContent({ active, payload, label, className, indicator = "dot", hideLabel = false, hideIndicator = false, labelFormatter, formatter, labelClassName, color, nameKey, labelKey }) {
+	const { config } = useChart();
+	const tooltipLabel = React$1.useMemo(() => {
+		if (hideLabel || !payload?.length) return null;
+		const [item] = payload;
+		const itemConfig = getPayloadConfigFromPayload(config, item, `${labelKey || item?.dataKey || item?.name || "value"}`);
+		const value = (() => {
+			const v = !labelKey && typeof label === "string" ? config[label]?.label ?? label : itemConfig?.label;
+			return typeof v === "string" || typeof v === "number" ? v : void 0;
+		})();
+		if (labelFormatter) return /* @__PURE__ */ jsx("div", {
+			className: cn("font-medium", labelClassName),
+			children: labelFormatter(label, payload)
+		});
+		if (!value) return null;
+		return /* @__PURE__ */ jsx("div", {
+			className: cn("font-medium", labelClassName),
+			children: value
+		});
+	}, [
+		label,
+		labelFormatter,
+		payload,
+		hideLabel,
+		labelClassName,
+		config,
+		labelKey
+	]);
+	if (!active || !payload?.length) return null;
+	const nestLabel = payload.length === 1 && indicator !== "dot";
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn("border-border/50 bg-background z-50 grid min-w-[8rem] items-start gap-1.5 rounded-lg border px-2.5 py-1.5 text-xs shadow-xl", className),
+		children: [!nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("div", {
+			className: "grid gap-1.5",
+			children: payload.map((item, index) => {
+				const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.name || item.dataKey || "value"}`);
+				const indicatorColor = color || item.payload.fill || item.color;
+				return /* @__PURE__ */ jsx("div", {
+					className: cn("[&>svg]:text-muted-foreground flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5", indicator === "dot" && "items-center"),
+					children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs(Fragment$1, { children: [itemConfig?.icon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx("div", {
+						className: cn("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)", {
+							"h-2.5 w-2.5": indicator === "dot",
+							"w-1": indicator === "line",
+							"w-0 border-[1.5px] border-dashed bg-transparent": indicator === "dashed",
+							"my-0.5": nestLabel && indicator === "dashed"
+						}),
+						style: {
+							"--color-bg": indicatorColor,
+							"--color-border": indicatorColor
+						}
+					}), /* @__PURE__ */ jsxs("div", {
+						className: cn("flex flex-1 justify-between leading-none", nestLabel ? "items-end" : "items-center"),
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "grid gap-1.5",
+							children: [nestLabel ? tooltipLabel : null, /* @__PURE__ */ jsx("span", {
+								className: "text-muted-foreground",
+								children: itemConfig?.label || item.name
+							})]
+						}), item.value && /* @__PURE__ */ jsx("span", {
+							className: "text-foreground font-mono font-medium tabular-nums",
+							children: item.value.toLocaleString()
+						})]
+					})] })
+				}, item.dataKey);
+			})
+		})]
+	});
+}
+const ChartLegend = RechartsPrimitive.Legend;
+function ChartLegendContent({ className, hideIcon = false, payload, nameKey }) {
+	const { config } = useChart();
+	if (!payload?.length) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("flex flex-wrap items-center justify-center gap-2", className),
+		children: payload.map((item) => {
+			const itemConfig = getPayloadConfigFromPayload(config, item, `${nameKey || item.dataKey || "value"}`);
+			return /* @__PURE__ */ jsxs("div", {
+				className: cn("[&>svg]:text-muted-foreground flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3"),
+				children: [itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx(itemConfig.icon, {}) : /* @__PURE__ */ jsx("div", {
+					className: "h-2 w-2 shrink-0 rounded-[2px]",
+					style: { backgroundColor: item.color }
+				}), itemConfig?.label]
+			}, item.value);
+		})
+	});
+}
+function getPayloadConfigFromPayload(config, payload, key) {
+	if (typeof payload !== "object" || payload === null) return;
+	const payloadPayload = "payload" in payload && typeof payload.payload === "object" && payload.payload !== null ? payload.payload : void 0;
+	let configLabelKey = key;
+	if (key in payload && typeof payload[key] === "string") configLabelKey = payload[key];
+	else if (payloadPayload && key in payloadPayload && typeof payloadPayload[key] === "string") configLabelKey = payloadPayload[key];
+	return configLabelKey in config ? config[configLabelKey] : config[key];
+}
+
+//#endregion
+export { ChartTooltip as a, ChartStyle as i, ChartLegend as n, ChartTooltipContent as o, ChartLegendContent as r, ChartContainer as t };

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