@datum-cloud/datum-ui 0.8.1 → 0.10.0

package/dist/select-Ck0szhAH.mjs

@@ -0,0 +1,73 @@
+import { t as cn } from "./cn-D2KYQ917.mjs";
+import { a as SelectLabel$1, c as SelectSeparator$1, i as SelectItem$1, l as SelectTrigger$1, n as SelectContent$1, o as SelectScrollDownButton$1, r as SelectGroup$1, s as SelectScrollUpButton$1, t as Select$1, u as SelectValue$1 } from "./select-By1ZqPgr.mjs";
+import "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/base/select/select.tsx
+const Select = Select$1;
+const SelectValue = SelectValue$1;
+function SelectGroup({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectGroup$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectGroup.displayName = "SelectGroup";
+function SelectTrigger({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectTrigger$1, {
+		ref,
+		className: cn("rounded-lg", "bg-input-background/50", "text-input-foreground", "border-input-border", "placeholder:text-input-placeholder", "focus-visible:ring-0 focus-visible:ring-offset-0", "focus-visible:border-input-focus-border", "focus-visible:shadow-(--input-focus-shadow)", "aria-invalid:border-destructive", className),
+		...props
+	});
+}
+SelectTrigger.displayName = "SelectTrigger";
+function SelectContent({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectContent$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectContent.displayName = "SelectContent";
+function SelectLabel({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectLabel$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectLabel.displayName = "SelectLabel";
+function SelectItem({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectItem$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectItem.displayName = "SelectItem";
+function SelectSeparator({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectSeparator$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectSeparator.displayName = "SelectSeparator";
+function SelectScrollUpButton({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectScrollUpButton$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectScrollUpButton.displayName = "SelectScrollUpButton";
+function SelectScrollDownButton({ ref, className, ...props }) {
+	return /* @__PURE__ */ jsx(SelectScrollDownButton$1, {
+		ref,
+		className: cn(className),
+		...props
+	});
+}
+SelectScrollDownButton.displayName = "SelectScrollDownButton";
+//#endregion
+export { SelectLabel as a, SelectSeparator as c, SelectItem as i, SelectTrigger as l, SelectContent as n, SelectScrollDownButton as o, SelectGroup as r, SelectScrollUpButton as s, Select as t, SelectValue as u };

package/dist/sidebar/index.mjs

@@ -1,2 +1,2 @@
-import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../sidebar-B8LQJiNI.mjs";
+import { C as SidebarTrigger, S as SidebarSeparator, _ as SidebarMenuSub, a as SidebarGroupAction, b as SidebarProvider, c as SidebarHeader, d as SidebarMenu, f as SidebarMenuAction, g as SidebarMenuSkeleton, h as SidebarMenuItem, i as SidebarGroup, l as SidebarInput, m as SidebarMenuButton, n as SidebarContent, o as SidebarGroupContent, p as SidebarMenuBadge, r as SidebarFooter, s as SidebarGroupLabel, t as Sidebar, u as SidebarInset, v as SidebarMenuSubButton, w as useSidebar, x as SidebarRail, y as SidebarMenuSubItem } from "../sidebar-CUnFkH7o.mjs";
 export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar };

package/dist/{sidebar-B8LQJiNI.mjs → sidebar-CUnFkH7o.mjs}

@@ -1,21 +1,21 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
 import { t as Separator } from "./separator-DXVTncCK.mjs";
-import { t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Button } from "./button-Rw1xI-k9.mjs";
 import { t as Icon } from "./icon-wrapper-DuLp3RM1.mjs";
 import { t as Input } from "./input-FKGqZypx.mjs";
 import { a as SheetHeader, n as SheetContent, o as SheetTitle, r as SheetDescription, t as Sheet } from "./sheet-DVEToCVY.mjs";
-import { t as Skeleton } from "./skeleton-D2xuJdE1.mjs";
-import { i as TooltipProvider, t as Tooltip } from "./tooltip-a7NTDCWw.mjs";
+import { t as Skeleton } from "./skeleton-B1NOdZGM.mjs";
+import { i as TooltipProvider, t as Tooltip } from "./tooltip-CHuzXR_O.mjs";
 import { cva } from "class-variance-authority";
 import { PanelLeftCloseIcon, PanelLeftOpenIcon } from "lucide-react";
-import * as React$1 from "react";
+import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 //#region ../shadcn/hooks/use-mobile.ts
 const MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-	const [isMobile, setIsMobile] = React$1.useState(void 0);
-	React$1.useEffect(() => {
+	const [isMobile, setIsMobile] = React.useState(void 0);
+	React.useEffect(() => {
 		const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
 		const onChange = () => {
 			setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -34,33 +34,33 @@ const SIDEBAR_WIDTH = "13rem";
 const SIDEBAR_WIDTH_MOBILE = "18rem";
 const SIDEBAR_WIDTH_ICON = "3rem";
 const SIDEBAR_KEYBOARD_SHORTCUT = "b";
-const SidebarContext = React$1.createContext(null);
+const SidebarContext = React.createContext(null);
 function useSidebar() {
-	const context = React$1.use(SidebarContext);
+	const context = React.use(SidebarContext);
 	if (!context) throw new Error("useSidebar must be used within a SidebarProvider.");
 	return context;
 }
 function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: setOpenProp, expandOnHover = false, expandBehavior = "push", showBackdrop = false, className, style, children, ...props }) {
 	const isMobile = useIsMobile();
-	const [openMobile, setOpenMobile] = React$1.useState(false);
-	const [isHovered, setIsHovered] = React$1.useState(false);
-	const [hasSubLayout, setHasSubLayout] = React$1.useState(false);
-	const hoverTimeoutRef = React$1.useRef(null);
-	const hoverLockRef = React$1.useRef(false);
-	const userClosedSidebarRef = React$1.useRef(false);
-	const [_open, _setOpen] = React$1.useState(defaultOpen);
+	const [openMobile, setOpenMobile] = React.useState(false);
+	const [isHovered, setIsHovered] = React.useState(false);
+	const [hasSubLayout, setHasSubLayout] = React.useState(false);
+	const hoverTimeoutRef = React.useRef(null);
+	const hoverLockRef = React.useRef(false);
+	const userClosedSidebarRef = React.useRef(false);
+	const [_open, _setOpen] = React.useState(defaultOpen);
 	const open = openProp ?? _open;
 	const LG_BREAKPOINT = 1024;
-	React$1.useLayoutEffect(() => {
+	React.useLayoutEffect(() => {
 		if (isMobile) {
 			_setOpen(false);
 			setOpenMobile(false);
 		} else if (window.innerWidth < LG_BREAKPOINT) _setOpen(false);
 	}, [isMobile]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (isMobile) userClosedSidebarRef.current = false;
 	}, [isMobile]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		if (isMobile) return;
 		const mql = window.matchMedia(`(min-width: ${LG_BREAKPOINT}px)`);
 		const onChange = () => {
@@ -71,25 +71,25 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		mql.addEventListener("change", onChange);
 		return () => mql.removeEventListener("change", onChange);
 	}, [isMobile]);
-	const setOpen = React$1.useCallback((value) => {
+	const setOpen = React.useCallback((value) => {
 		const openState = typeof value === "function" ? value(open) : value;
 		if (setOpenProp) setOpenProp(openState);
 		else _setOpen(openState);
 		document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
 	}, [setOpenProp, open]);
-	const handleMouseEnter = React$1.useCallback(() => {
+	const handleMouseEnter = React.useCallback(() => {
 		if (!expandOnHover) return;
 		if (hoverLockRef.current) return;
 		if (hoverTimeoutRef.current) clearTimeout(hoverTimeoutRef.current);
 		setIsHovered(true);
 	}, [expandOnHover]);
-	const handleMouseLeave = React$1.useCallback(() => {
+	const handleMouseLeave = React.useCallback(() => {
 		if (!expandOnHover) return;
 		hoverTimeoutRef.current = setTimeout(() => {
 			setIsHovered(false);
 		}, expandBehavior === "overlay" ? 200 : 300);
 	}, [expandOnHover, expandBehavior]);
-	const toggleSidebar = React$1.useCallback(() => {
+	const toggleSidebar = React.useCallback(() => {
 		if (isMobile) {
 			setOpenMobile((current) => !current);
 			return;
@@ -109,7 +109,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		setOpenMobile,
 		expandOnHover
 	]);
-	const forceClose = React$1.useCallback(() => {
+	const forceClose = React.useCallback(() => {
 		if (isMobile) {
 			setOpenMobile(false);
 			return;
@@ -123,7 +123,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		setOpen,
 		setOpenMobile
 	]);
-	const closeForNavigation = React$1.useCallback(() => {
+	const closeForNavigation = React.useCallback(() => {
 		if (isMobile) {
 			setOpenMobile(false);
 			return;
@@ -140,7 +140,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 		setOpen,
 		setOpenMobile
 	]);
-	React$1.useEffect(() => {
+	React.useEffect(() => {
 		const handleKeyDown = (event) => {
 			if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
 				event.preventDefault();
@@ -153,7 +153,7 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 	const effectiveOpen = open || expandOnHover && isHovered;
 	const state = effectiveOpen ? "expanded" : "collapsed";
 	return /* @__PURE__ */ jsx(SidebarContext, {
-		value: React$1.useMemo(() => ({
+		value: React.useMemo(() => ({
 			state,
 			open: effectiveOpen,
 			setOpen,
@@ -204,10 +204,10 @@ function SidebarProvider({ defaultOpen = true, open: openProp, onOpenChange: set
 }
 function Sidebar({ side = "left", variant = "sidebar", collapsible = "offcanvas", className, children, ...props }) {
 	const { isMobile, state, openMobile, setOpenMobile, handleMouseEnter, handleMouseLeave, expandBehavior, showBackdrop, forceClose } = useSidebar();
-	const sidebarRef = React$1.useRef(null);
-	const [showBackdropElement, setShowBackdropElement] = React$1.useState(false);
-	const [backdropVisible, setBackdropVisible] = React$1.useState(false);
-	React$1.useEffect(() => {
+	const sidebarRef = React.useRef(null);
+	const [showBackdropElement, setShowBackdropElement] = React.useState(false);
+	const [backdropVisible, setBackdropVisible] = React.useState(false);
+	React.useEffect(() => {
 		if (showBackdrop && expandBehavior === "overlay" && state === "expanded") {
 			setShowBackdropElement(true);
 			requestAnimationFrame(() => {
@@ -453,7 +453,7 @@ function SidebarMenuButton({ asChild = false, isActive = false, variant = "defau
 		...props
 	});
 	if (!tooltip) return button;
-	const tooltipMessage = typeof tooltip === "string" || React$1.isValidElement(tooltip) || typeof tooltip === "object" && "message" in tooltip ? typeof tooltip === "string" || React$1.isValidElement(tooltip) ? tooltip : tooltip.message : null;
+	const tooltipMessage = typeof tooltip === "string" || React.isValidElement(tooltip) || typeof tooltip === "object" && "message" in tooltip ? typeof tooltip === "string" || React.isValidElement(tooltip) ? tooltip : tooltip.message : null;
 	const tooltipProps = typeof tooltip === "object" && "message" in tooltip ? {
 		side: tooltip.side,
 		align: tooltip.align
@@ -484,7 +484,7 @@ function SidebarMenuBadge({ className, ...props }) {
 	});
 }
 function SidebarMenuSkeleton({ className, showIcon = false, ...props }) {
-	const width = React$1.useMemo(() => {
+	const width = React.useMemo(() => {
 		return `${Math.floor(Math.random() * 40) + 50}%`;
 	}, []);
 	return /* @__PURE__ */ jsxs("div", {

package/dist/skeleton/index.mjs

@@ -1,2 +1,2 @@
-import { t as Skeleton } from "../skeleton-D4HOEiOZ.mjs";
+import { t as Skeleton } from "../skeleton-CxAhQT6T.mjs";
 export { Skeleton };

package/dist/{skeleton-D4HOEiOZ.mjs → skeleton-CxAhQT6T.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
-import { t as Skeleton$1 } from "./skeleton-D2xuJdE1.mjs";
+import { t as Skeleton$1 } from "./skeleton-B1NOdZGM.mjs";
 import "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/base/skeleton/skeleton.tsx

package/dist/stepper/index.mjs

@@ -1,2 +1,2 @@
-import { t as defineStepper } from "../stepper-Beb-zbdL.mjs";
+import { t as defineStepper } from "../stepper-BMC_QbJK.mjs";
 export { defineStepper };

package/dist/{stepper-Beb-zbdL.mjs → stepper-BMC_QbJK.mjs}

@@ -1,14 +1,14 @@
 import { t as cn } from "./cn-D2KYQ917.mjs";
-import { t as Button } from "./button-D3RrsMfQ.mjs";
+import { t as Button } from "./button-Rw1xI-k9.mjs";
 import { cva } from "class-variance-authority";
-import * as React$1 from "react";
+import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import * as Stepperize from "@stepperize/react";
 //#region src/components/features/stepper/stepper.tsx
-const StepperContext = React$1.createContext(null);
+const StepperContext = React.createContext(null);
 function useStepperProvider() {
-	const context = React$1.use(StepperContext);
+	const context = React.use(StepperContext);
 	if (!context) throw new Error("useStepper must be used within a StepperProvider.");
 	return context;
 }
@@ -287,12 +287,12 @@ function scrollIntoStepperPanel(node, tracking) {
 	});
 }
 function useStepChildren(children) {
-	return React$1.useMemo(() => extractChildren(children), [children]);
+	return React.useMemo(() => extractChildren(children), [children]);
 }
 function extractChildren(children) {
-	const childrenArray = React$1.Children.toArray(children);
+	const childrenArray = React.Children.toArray(children);
 	const map = /* @__PURE__ */ new Map();
-	for (const child of childrenArray) if (React$1.isValidElement(child)) if (child.type === Title) map.set("title", child);
+	for (const child of childrenArray) if (React.isValidElement(child)) if (child.type === Title) map.set("title", child);
 	else if (child.type === Description) map.set("description", child);
 	else map.set("panel", child);
 	return map;

package/dist/styles/root.css

@@ -12,8 +12,10 @@
  */
 
 /* Scan datum-ui's compiled JS for Tailwind class usage.
- * Resolves relative to this file (dist/styles/root.css → dist/*.mjs) */
-@source "../*.mjs";
+ * Recursive: matches both top-level hashed chunks (dist/<name>-<hash>.mjs)
+ * AND per-export entries (dist/<name>/index.mjs). Without **, components that
+ * resolve through a subfolder export are missed and their utilities get purged. */
+@source "../**/*.mjs";
 
 @custom-variant dark (&:is(.dark *));