@datum-cloud/datum-ui 0.6.0 → 0.7.0

package/dist/dropdown-menu-lALvDnab.mjs

@@ -1,85 +0,0 @@
-import { t as cn } from "./utils-C8KwMfT_.mjs";
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
-import * as React$1 from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
-//#region ../shadcn/ui/dropdown-menu.tsx
-/**
-* Vanilla shadcn/ui DropdownMenu Component
-* Pure shadcn dropdown without Datum customizations
-* For Datum-specific features (destructive MenuItem), import from @/modules/datum-ui
-*/
-const DropdownMenu = DropdownMenuPrimitive.Root;
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-DropdownMenuPrimitive.Group;
-DropdownMenuPrimitive.Portal;
-DropdownMenuPrimitive.Sub;
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-const DropdownMenuSubTrigger = React$1.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.SubTrigger, {
-	ref,
-	className: cn("focus:bg-accent data-[state=open]:bg-accent flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none select-none [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
-	...props,
-	children: [children, /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto" })]
-}));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-const DropdownMenuSubContent = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.SubContent, {
-	ref,
-	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
-}));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-const DropdownMenuContent = React$1.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.Content, {
-	ref,
-	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 min-w-[8rem] overflow-hidden rounded-md border p-1 shadow-md", className),
-	...props
-}) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-const DropdownMenuItem = React$1.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Item, {
-	ref,
-	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", inset && "pl-8", className),
-	...props
-}));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-const DropdownMenuCheckboxItem = React$1.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.CheckboxItem, {
-	ref,
-	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-	checked,
-	...props,
-	children: [/* @__PURE__ */ jsx("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) })
-	}), children]
-}));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React$1.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DropdownMenuPrimitive.RadioItem, {
-	ref,
-	className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center rounded-sm py-1.5 pr-2 pl-8 text-sm transition-colors outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className),
-	...props,
-	children: [/* @__PURE__ */ jsx("span", {
-		className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center",
-		children: /* @__PURE__ */ jsx(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "h-2 w-2 fill-current" }) })
-	}), children]
-}));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-const DropdownMenuLabel = React$1.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Label, {
-	ref,
-	className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className),
-	...props
-}));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-const DropdownMenuSeparator = React$1.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(DropdownMenuPrimitive.Separator, {
-	ref,
-	className: cn("bg-muted -mx-1 my-1 h-px", className),
-	...props
-}));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-const DropdownMenuShortcut = ({ className, ...props }) => {
-	return /* @__PURE__ */ jsx("span", {
-		className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-		...props
-	});
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
-//#endregion
-export { DropdownMenuLabel as a, DropdownMenuSeparator as c, DropdownMenuItem as i, DropdownMenuTrigger as l, DropdownMenuCheckboxItem as n, DropdownMenuRadioGroup as o, DropdownMenuContent as r, DropdownMenuRadioItem as s, DropdownMenu as t };

package/dist/more-actions-ILnEZq_E.mjs

@@ -1,52 +0,0 @@
-import { t as cn } from "./cn-D2KYQ917.mjs";
-import { t as Button } from "./button-BllvE9Lm.mjs";
-import { t as Tooltip } from "./tooltip-Cruvl5F6.mjs";
-import { a as DropdownMenuItem, h as DropdownMenuTrigger, r as DropdownMenuContent, t as DropdownMenu } from "./dropdown-DZiAt-jS.mjs";
-import { Ellipsis } from "lucide-react";
-import { useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/features/more-actions/more-actions.tsx
-function MoreActions({ row, actions, className, disabled = false, iconClassName }) {
-	const [open, setOpen] = useState(false);
-	const visibleActions = actions.filter((action) => !action.hidden?.(row));
-	if (visibleActions.length === 0) return null;
-	return /* @__PURE__ */ jsxs(DropdownMenu, {
-		open,
-		onOpenChange: setOpen,
-		children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx(Button, {
-				onClick: () => setOpen(!open),
-				type: "quaternary",
-				theme: "borderless",
-				size: "icon",
-				disabled,
-				className: cn("data-[state=open]:bg-accent size-7 p-0 focus-visible:ring-0 focus-visible:ring-offset-0", className),
-				children: /* @__PURE__ */ jsx(Ellipsis, { className: cn("size-5", iconClassName) })
-			})
-		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
-			align: "end",
-			children: visibleActions.map((action) => {
-				const tooltipText = typeof action.tooltip === "function" ? action.tooltip(row) : action.tooltip ?? action.label;
-				const menuItem = /* @__PURE__ */ jsxs(DropdownMenuItem, {
-					onClick: (event) => {
-						event.preventDefault();
-						event.stopPropagation();
-						setOpen(false);
-						action.action(row);
-					},
-					className: cn("cursor-pointer text-xs", action.variant === "destructive" && "text-destructive [&_svg]:!text-destructive hover:!text-destructive hover:[&_svg]:!text-destructive", action.className),
-					disabled: action.disabled?.(row) ?? false,
-					children: [action.icon, action.label]
-				});
-				if (tooltipText && tooltipText !== action.label) return /* @__PURE__ */ jsx(Tooltip, {
-					message: tooltipText,
-					children: menuItem
-				}, action.key);
-				return /* @__PURE__ */ jsx("div", { children: menuItem }, action.key);
-			})
-		})]
-	});
-}
-//#endregion
-export { MoreActions as t };

package/dist/time-picker-BoF7pZZ2.mjs

@@ -1,43 +0,0 @@
-import { t as cn } from "./cn-D2KYQ917.mjs";
-import { t as Input } from "./input-FKGqZypx.mjs";
-import * as React$1 from "react";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/features/time-picker/time-picker.tsx
-/**
-* TimePicker - Simple time input component
-*
-* Provides a native HTML time input for selecting hours and minutes.
-* Value format: "HH:mm" (e.g., "14:30")
-*
-* @example
-* ```tsx
-* <TimePicker
-*   value="14:30"
-*   onChange={(time) => console.log(time)}
-*   min="09:00"
-*   max="17:00"
-* />
-* ```
-*/
-function TimePicker({ value, onChange, min, max, step, placeholder, disabled, className, id, "aria-invalid": ariaInvalid, "aria-describedby": ariaDescribedBy }) {
-	const handleChange = React$1.useCallback((e) => {
-		onChange?.(e.target.value);
-	}, [onChange]);
-	return /* @__PURE__ */ jsx(Input, {
-		id,
-		type: "time",
-		value: value || "",
-		onChange: handleChange,
-		min,
-		max,
-		step,
-		placeholder,
-		disabled,
-		className: cn(className),
-		"aria-invalid": ariaInvalid,
-		"aria-describedby": ariaDescribedBy
-	});
-}
-TimePicker.displayName = "TimePicker";
-//#endregion
-export { TimePicker as t };