@datum-cloud/datum-ui 3.7.1 → 3.8.0

package/dist/rich-text-editor/index.mjs

@@ -1,3 +1,3 @@
 import { t as RichTextContent } from "../rich-text-content-BiIIowBU.mjs";
-import { n as useRichTextEditor, t as RichTextEditor } from "../rich-text-editor-ibngjhQV.mjs";
+import { n as useRichTextEditor, t as RichTextEditor } from "../rich-text-editor-BUz06s-b.mjs";
 export { RichTextContent, RichTextEditor, useRichTextEditor };

package/dist/{rich-text-editor-ibngjhQV.mjs → rich-text-editor-BUz06s-b.mjs}

@@ -1,6 +1,6 @@
 import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { t as Tooltip } from "./tooltip-OIySjJWW.mjs";
-import { t as Button } from "./button-Dj6cKrWj.mjs";
+import { t as Button } from "./button-Cn4KagBO.mjs";
 import { t as Input } from "./input-DsT5qkJn.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-DJYd8lOK.mjs";
 import { t as Icon } from "./icon-wrapper-CIk2th6R.mjs";

package/dist/spinner/index.mjs

@@ -1 +1 @@
-export { t as Spinner } from "../spinner-DjEpx6Q3.mjs";
+export { t as Spinner } from "../spinner-DSlDJdWl.mjs";

package/dist/spinner-DSlDJdWl.mjs

@@ -0,0 +1,23 @@
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as SpinnerIcon } from "./spinner.icon-BiUnMAxw.mjs";
+import { jsx } from "react/jsx-runtime";
+// src/components/base/spinner/spinner.tsx
+/**
+* Standalone loading indicator, announced to assistive tech as a status.
+*
+* Built on `SpinnerIcon`. It differs in three ways: it is `size-4` unless a
+* size class is passed, it carries `role="status"`, and its colour comes from
+* `className` (default `text-primary`), so `<Spinner className="text-white" />`
+* recolours the arc and its track together.
+*/
+function Spinner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(SpinnerIcon, {
+		role: "status",
+		"aria-label": "Loading",
+		size: null,
+		indicatorClassName: "",
+		className: cn("text-primary size-4", className),
+		...props
+	});
+}
+export { Spinner as t };

package/dist/spinner.icon-BiUnMAxw.mjs

@@ -0,0 +1,104 @@
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+// src/components/icons/spinner.icon.tsx
+const spinnerVariants = cva("shrink-0", {
+	variants: { size: {
+		"xs": "size-3",
+		"sm": "size-4",
+		"md": "size-6",
+		"lg": "size-8",
+		"xl": "size-10",
+		"2xl": "size-12",
+		"3xl": "size-14",
+		"4xl": "size-16",
+		"5xl": "size-18",
+		"6xl": "size-20",
+		"7xl": "size-22",
+		"8xl": "size-24",
+		"9xl": "size-26"
+	} },
+	defaultVariants: { size: "md" }
+});
+/** Seconds per full turn. Quick enough that waiting feels shorter. */
+const REVOLUTION = .8;
+const CENTER = 32;
+const RADIUS = 29;
+/**
+* The indicator: an arc running clockwise from 12 o'clock. Its tail sits at
+* the top and its head at the far end, so the head leads as the spinner turns.
+*/
+const ARC_DEGREES = 150;
+const ARC_END = {
+	x: CENTER + RADIUS * Math.sin(ARC_DEGREES * Math.PI / 180),
+	y: CENTER - RADIUS * Math.cos(ARC_DEGREES * Math.PI / 180)
+};
+const ARC_PATH = `M ${CENTER} 3 A ${RADIUS} ${RADIUS} 0 0 1 ${ARC_END.x} ${ARC_END.y}`;
+/** Track opacity when it follows the indicator colour. */
+const TRACK_OPACITY = .18;
+/**
+* A loading spinner: a faint full-circle track with an arc that fades from a
+* transparent tail to a solid, rounded head, turning clockwise.
+*
+* The rotation runs through Motion as a full `transform` keyframe animation,
+* which Motion hands to the Web Animations API. That keeps it on the
+* compositor, so the spinner stays smooth while the main thread is busy doing
+* whatever the user is waiting for. It keeps spinning under reduced motion:
+* it is essential loading feedback, not decoration.
+*/
+function SpinnerIcon({ size, className, trackClassName, indicatorClassName = "text-primary", ...props }) {
+	const gradientId = `spinner-tail-${React.useId().replace(/[^\w-]/g, "")}`;
+	return /* @__PURE__ */ jsx(motion.svg, {
+		viewBox: "0 0 64 64",
+		fill: "none",
+		xmlns: "http://www.w3.org/2000/svg",
+		"data-slot": "spinner",
+		className: cn(spinnerVariants({ size }), className),
+		animate: { transform: ["rotate(0deg)", "rotate(360deg)"] },
+		transition: {
+			duration: REVOLUTION,
+			ease: "linear",
+			repeat: Infinity
+		},
+		...props,
+		children: /* @__PURE__ */ jsxs("g", {
+			className: indicatorClassName,
+			children: [
+				/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+					id: gradientId,
+					gradientUnits: "userSpaceOnUse",
+					x1: CENTER,
+					y1: 3,
+					x2: ARC_END.x,
+					y2: ARC_END.y,
+					children: [/* @__PURE__ */ jsx("stop", {
+						offset: "0",
+						stopColor: "currentColor",
+						stopOpacity: "0"
+					}), /* @__PURE__ */ jsx("stop", {
+						offset: "1",
+						stopColor: "currentColor"
+					})]
+				}) }),
+				/* @__PURE__ */ jsx("circle", {
+					cx: CENTER,
+					cy: CENTER,
+					r: RADIUS,
+					stroke: "currentColor",
+					strokeWidth: "5",
+					opacity: trackClassName ? void 0 : TRACK_OPACITY,
+					className: trackClassName
+				}),
+				/* @__PURE__ */ jsx("path", {
+					d: ARC_PATH,
+					stroke: `url(#${gradientId})`,
+					strokeWidth: "5",
+					strokeLinecap: "round"
+				})
+			]
+		})
+	});
+}
+export { SpinnerIcon as t };

package/dist/switch/index.mjs

@@ -1 +1 @@
-export { t as Switch } from "../switch-CWvVN9ea.mjs";
+export { t as Switch } from "../switch-IduVwiPZ.mjs";

package/dist/switch-IduVwiPZ.mjs

@@ -0,0 +1,114 @@
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { n as EASE, t as DURATION } from "./motion-DOrRbLmy.mjs";
+import { t as useControllableState } from "./use-controllable-state-DLeVgbAb.mjs";
+import { CheckIcon, XIcon } from "lucide-react";
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useReducedMotion } from "motion/react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+// src/components/base/switch/switch.tsx
+/** Thumb diameter in px (`size-5`). */
+const THUMB = 20;
+/** How far the thumb travels: the track's inner width (44 - 2px border) minus the thumb. */
+const TRAVEL = 22;
+/** How much the thumb widens while pressed, toward the side it will move to. */
+const STRETCH = 4;
+const THUMB_SPRING = {
+	type: "spring",
+	visualDuration: .22,
+	bounce: .15
+};
+const GLYPH_TRANSITION = {
+	duration: DURATION.fast,
+	ease: EASE.out
+};
+/**
+* Switch renders the Radix primitive directly rather than wrapping the shadcn
+* one, because its state glyphs go inside the thumb. Building it here keeps the
+* shadcn base untouched, so that base can be regenerated from upstream without
+* losing anything of ours.
+*
+* Motion drives the thumb: it slides on a light spring, stretches while the
+* pointer is held down (so the press registers before the release toggles it),
+* and the on/off glyphs cross-fade. Under reduced motion the thumb moves
+* instantly and only the glyphs fade.
+*/
+function Switch({ ref, className, checked: checkedProp, defaultChecked, onCheckedChange, onPointerDown, onPointerUp, onPointerLeave, onPointerCancel, ...props }) {
+	const [checked, setChecked] = useControllableState(checkedProp, defaultChecked ?? false, onCheckedChange);
+	const [pressed, setPressed] = React.useState(false);
+	const reduceMotion = Boolean(useReducedMotion());
+	const stretch = pressed && !reduceMotion && !props.disabled ? STRETCH : 0;
+	const x = checked ? TRAVEL - stretch : 0;
+	return /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
+		ref,
+		"data-slot": "switch",
+		checked,
+		onCheckedChange: setChecked,
+		onPointerDown: (event) => {
+			onPointerDown?.(event);
+			if (event.button === 0) setPressed(true);
+		},
+		onPointerUp: (event) => {
+			onPointerUp?.(event);
+			setPressed(false);
+		},
+		onPointerLeave: (event) => {
+			onPointerLeave?.(event);
+			setPressed(false);
+		},
+		onPointerCancel: (event) => {
+			onPointerCancel?.(event);
+			setPressed(false);
+		},
+		className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-6 w-11 shrink-0 items-center rounded-full border border-transparent shadow-xs outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", "transition-[background-color,border-color,box-shadow] duration-[var(--duration-fast)] ease-out", className),
+		...props,
+		children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(motion.span, {
+				"data-slot": "switch-thumb",
+				initial: false,
+				animate: {
+					x,
+					width: THUMB + stretch
+				},
+				transition: reduceMotion ? { duration: 0 } : THUMB_SPRING,
+				className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground text-muted-foreground dark:data-[state=unchecked]:text-background dark:data-[state=checked]:text-primary pointer-events-none relative flex h-5 items-center justify-center rounded-full ring-0"),
+				children: [/* @__PURE__ */ jsx(motion.span, {
+					"aria-hidden": true,
+					className: "absolute flex",
+					initial: false,
+					animate: checked ? {
+						opacity: 0,
+						scale: reduceMotion ? 1 : .5
+					} : {
+						opacity: 1,
+						scale: 1
+					},
+					transition: GLYPH_TRANSITION,
+					children: /* @__PURE__ */ jsx(XIcon, {
+						"aria-hidden": true,
+						className: "size-3"
+					})
+				}), /* @__PURE__ */ jsx(motion.span, {
+					"aria-hidden": true,
+					className: "absolute flex",
+					initial: false,
+					animate: checked ? {
+						opacity: 1,
+						scale: 1
+					} : {
+						opacity: 0,
+						scale: reduceMotion ? 1 : .5
+					},
+					transition: GLYPH_TRANSITION,
+					children: /* @__PURE__ */ jsx(CheckIcon, {
+						"aria-hidden": true,
+						className: "size-3"
+					})
+				})]
+			})
+		})
+	});
+}
+Switch.displayName = "Switch";
+export { Switch as t };

package/dist/tabs/index.mjs

@@ -2,8 +2,8 @@ import { t as cn } from "../utils-CTIuhCOs.mjs";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
 import { motion } from "motion/react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
 // src/components/base/tabs/tabs.tsx
 const TabsContext = React.createContext({
 	value: void 0,

package/dist/tag-input/index.mjs

@@ -1 +1 @@
-export { t as TagsInput } from "../tag-input-DAMY703F.mjs";
+export { t as TagsInput } from "../tag-input-a3ktkGrH.mjs";

package/dist/{tag-input-DAMY703F.mjs → tag-input-a3ktkGrH.mjs}

@@ -1,10 +1,11 @@
 import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { t as Badge } from "./badge-D7A6GfWn.mjs";
 import { t as Input } from "./input-DsT5qkJn.mjs";
 import { t as Icon } from "./icon-wrapper-CIk2th6R.mjs";
+import { n as useChipMotion, t as MotionBadge } from "./motion-chip-BczV7spP.mjs";
 import { X } from "lucide-react";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { AnimatePresence } from "motion/react";
 import { z } from "zod";
 // src/components/features/tag-input/parse.ts
 /**
@@ -94,37 +95,43 @@ function processPastedValues(rawValues, existing, { normalizer, validator, maxIt
 */
 function TagInputField({ value, placeholder, input }) {
 	const { inputValue, activeIndex, setActiveIndex, disableInput, disableButton, removeValue, handleKeyDown, handlePaste, handleBlur, handleSelect, handleChange, mousePreventDefault } = input;
-	return /* @__PURE__ */ jsxs(Fragment$1, { children: [value.map((item, index) => /* @__PURE__ */ jsxs(Badge, {
-		tabIndex: activeIndex !== -1 ? 0 : activeIndex,
-		"aria-disabled": disableButton,
-		"data-active": activeIndex === index,
-		className: cn("data-[active='true']:ring-muted-foreground relative flex items-center gap-1 truncate rounded px-1 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 data-[active='true']:ring-2"),
-		type: "secondary",
-		children: [/* @__PURE__ */ jsx("span", {
-			className: "text-xs",
-			children: item
-		}), /* @__PURE__ */ jsxs("button", {
-			type: "button",
-			"aria-label": `Remove ${item} option`,
-			"aria-roledescription": "button to remove option",
-			disabled: disableButton,
-			onMouseDown: mousePreventDefault,
-			onClick: () => removeValue(item),
-			className: "disabled:cursor-not-allowed",
-			children: [/* @__PURE__ */ jsxs("span", {
-				className: "sr-only",
-				children: [
-					"Remove",
-					item,
-					" ",
-					"option"
-				]
-			}), /* @__PURE__ */ jsx(Icon, {
-				icon: X,
-				className: "hover:stroke-destructive h-4 w-4"
+	const chipMotion = useChipMotion();
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(AnimatePresence, {
+		initial: false,
+		mode: "popLayout",
+		children: value.map((item, index) => /* @__PURE__ */ jsxs(MotionBadge, {
+			...chipMotion,
+			tabIndex: activeIndex !== -1 ? 0 : activeIndex,
+			"aria-disabled": disableButton,
+			"data-active": activeIndex === index,
+			className: cn("data-[active='true']:ring-muted-foreground relative flex items-center gap-1 truncate rounded px-1 aria-disabled:cursor-not-allowed aria-disabled:opacity-50 data-[active='true']:ring-2"),
+			type: "secondary",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "text-xs",
+				children: item
+			}), /* @__PURE__ */ jsxs("button", {
+				type: "button",
+				"aria-label": `Remove ${item} option`,
+				"aria-roledescription": "button to remove option",
+				disabled: disableButton,
+				onMouseDown: mousePreventDefault,
+				onClick: () => removeValue(item),
+				className: "disabled:cursor-not-allowed",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "sr-only",
+					children: [
+						"Remove",
+						item,
+						" ",
+						"option"
+					]
+				}), /* @__PURE__ */ jsx(Icon, {
+					icon: X,
+					className: "hover:stroke-destructive h-4 w-4"
+				})]
 			})]
-		})]
-	}, item)), /* @__PURE__ */ jsx(Input, {
+		}, item))
+	}), /* @__PURE__ */ jsx(Input, {
 		tabIndex: 0,
 		"aria-label": "input tag",
 		disabled: disableInput,
@@ -408,7 +415,7 @@ function TagsInput({ ref, value, onValueChange, placeholder, maxItems, minItems,
 			...props,
 			ref,
 			dir,
-			className: cn("border-input-border bg-input-background/50 text-input-foreground flex min-h-10 flex-wrap items-center gap-1 overflow-hidden rounded-lg border px-3 py-2 transition-all", activeIndex === -1 ? "focus-within:border-input-focus-border focus-within:shadow-(--input-focus-shadow) focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden" : "focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden", className),
+			className: cn("border-input-border bg-input-background/50 text-input-foreground relative flex min-h-10 flex-wrap items-center gap-1 overflow-hidden rounded-lg border px-3 py-2 transition-[border-color,box-shadow]", activeIndex === -1 ? "focus-within:border-input-focus-border focus-within:shadow-(--input-focus-shadow) focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden" : "focus-within:ring-0 focus-within:ring-offset-0 focus-within:outline-hidden", className),
 			suppressHydrationWarning: true,
 			children: [(showValidationErrors && validationError || error) && /* @__PURE__ */ jsx("div", {
 				className: "mb-1 w-full text-sm text-red-500",

package/dist/task-queue/index.mjs

@@ -1 +1 @@
-export { v as LocalTaskStorage, _ as RedisTaskStorage, i as TaskPanel, s as TaskPanelActions, o as TaskPanelCounter, c as TaskPanelHeader, a as TaskPanelItem, h as TaskQueue, t as TaskQueueDropdown, m as TaskQueueProvider, r as TaskQueueTrigger, n as TaskSummaryDialog, y as createOrgMetadata, b as createProjectMetadata, x as createUserMetadata, g as detectStorage, l as getContextLabel, u as matchesCurrentScope, d as useCurrentScope, p as useTaskQueue, f as useTasksWithLabels } from "../task-queue-dropdown-BgQSGDwg.mjs";
+export { v as LocalTaskStorage, _ as RedisTaskStorage, i as TaskPanel, s as TaskPanelActions, o as TaskPanelCounter, c as TaskPanelHeader, a as TaskPanelItem, h as TaskQueue, t as TaskQueueDropdown, m as TaskQueueProvider, r as TaskQueueTrigger, n as TaskSummaryDialog, y as createOrgMetadata, b as createProjectMetadata, x as createUserMetadata, g as detectStorage, l as getContextLabel, u as matchesCurrentScope, d as useCurrentScope, p as useTaskQueue, f as useTasksWithLabels } from "../task-queue-dropdown-DuCAAybs.mjs";

package/dist/{task-queue-dropdown-BgQSGDwg.mjs → task-queue-dropdown-DuCAAybs.mjs}

@@ -1,7 +1,7 @@
 import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { t as Badge } from "./badge-D7A6GfWn.mjs";
-import { t as SpinnerIcon } from "./spinner.icon-D0SKuGFG.mjs";
-import { t as Button } from "./button-Dj6cKrWj.mjs";
+import { Badge } from "./badge/index.mjs";
+import { t as SpinnerIcon } from "./spinner.icon-BiUnMAxw.mjs";
+import { t as Button } from "./button-Cn4KagBO.mjs";
 import { t as Icon } from "./icon-wrapper-CIk2th6R.mjs";
 import { t as Dialog } from "./dialog-C8RXIQYm.mjs";
 import { t as ResponsiveDropdown } from "./responsive-dropdown-DsWgpE_i.mjs";

package/dist/time-picker/index.mjs

@@ -1 +1 @@
-export { t as TimePicker } from "../time-picker-DgHjdcMZ.mjs";
+export { t as TimePicker } from "../time-picker-B_am4eAK.mjs";

package/dist/{time-picker-DgHjdcMZ.mjs → time-picker-B_am4eAK.mjs}

@@ -1,5 +1,5 @@
 import { t as useDeprecationWarning } from "./use-deprecation-warning-BS1V4IS5.mjs";
-import { n as TimePicker$1 } from "./picker-C0h30DHf.mjs";
+import { n as TimePicker$1 } from "./picker-DC3GErYg.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 // src/components/features/time-picker/time-picker.tsx
 const STEP_VALUES = [

package/dist/{to-api-format-EZInfj0_.mjs → to-api-format-DyImCzCn.mjs}

@@ -1,10 +1,10 @@
 import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { t as Button } from "./button-Dj6cKrWj.mjs";
+import { t as Button } from "./button-Cn4KagBO.mjs";
 import { Calendar } from "./calendar/index.mjs";
 import { t as Input } from "./input-DsT5qkJn.mjs";
 import { t as ResponsivePopover } from "./responsive-popover-DJYd8lOK.mjs";
 import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-DemYhwnG.mjs";
-import { F as zonedDateToIso, M as getBrowserTimezone, N as getTimezoneOffset, P as isoToZonedDate, U as endOfDayInTz, W as startOfDayInTz, j as formatTimezoneLabel, t as DateTimeRangePicker } from "./date-time-range-picker-RZX4CS4b.mjs";
+import { F as zonedDateToIso, M as getBrowserTimezone, N as getTimezoneOffset, P as isoToZonedDate, U as endOfDayInTz, W as startOfDayInTz, j as formatTimezoneLabel, t as DateTimeRangePicker } from "./date-time-range-picker-yy1Acntn.mjs";
 import { t as useDeprecationWarning } from "./use-deprecation-warning-BS1V4IS5.mjs";
 import { CalendarIcon, Globe } from "lucide-react";
 import { useCallback, useEffect, useId, useRef, useState } from "react";

package/dist/transfer/index.mjs

@@ -1 +1 @@
-export { t as Transfer } from "../transfer-91lwTOhX.mjs";
+export { t as Transfer } from "../transfer-DGUeAQUL.mjs";

package/dist/{transfer-91lwTOhX.mjs → transfer-DGUeAQUL.mjs}

@@ -1,5 +1,5 @@
 import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { t as Button } from "./button-Dj6cKrWj.mjs";
+import { t as Button } from "./button-Cn4KagBO.mjs";
 import { Search, X } from "lucide-react";
 import * as React from "react";
 import { useCallback, useEffect, useMemo, useState } from "react";

package/dist/{use-option-picker-CBMU72LU.mjs → use-option-picker-DXY2SNnT.mjs}

@@ -1,6 +1,6 @@
-import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-B0be-zU5.mjs";
 import { t as useControllableState } from "./use-controllable-state-DLeVgbAb.mjs";
-import { t as LoaderOverlay } from "./loader-overlay-JvB8IQo3.mjs";
+import { a as CommandInput, i as CommandGroup, o as CommandItem, r as CommandEmpty, s as CommandList, t as Command } from "./command-B0be-zU5.mjs";
+import { t as LoaderOverlay } from "./loader-overlay-DP0pvHuG.mjs";
 import { CheckIcon } from "lucide-react";
 import { useCallback, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "3.7.1",
+  "version": "3.8.0",
   "license": "MIT",
   "repository": {
     "url": "https://github.com/datum-cloud/datum-ui"
@@ -559,9 +559,6 @@
     "monaco-editor": {
       "optional": true
     },
-    "motion": {
-      "optional": true
-    },
     "nprogress": {
       "optional": true
     },

package/dist/badge-D7A6GfWn.mjs

@@ -1,182 +0,0 @@
-import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { cva } from "class-variance-authority";
-import "react";
-import { jsx } from "react/jsx-runtime";
-// src/components/base/badge/badge.tsx
-/**
-* Datum Badge Component
-* Similar to Button component but with badge-specific styling
-* Supports types: primary, secondary, tertiary, quaternary, warning, danger, success
-* Supports themes: solid, outline, light
-*/
-const badgeVariants = cva("inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-all focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2", {
-	variants: {
-		type: {
-			primary: "",
-			secondary: "",
-			tertiary: "",
-			quaternary: "",
-			info: "",
-			warning: "",
-			danger: "",
-			success: "",
-			muted: ""
-		},
-		theme: {
-			solid: "",
-			outline: "border",
-			light: "border-transparent"
-		}
-	},
-	compoundVariants: [
-		{
-			type: "primary",
-			theme: "solid",
-			className: "border-transparent bg-[var(--color-badge-primary)] text-[var(--color-badge-primary-foreground)]"
-		},
-		{
-			type: "primary",
-			theme: "outline",
-			className: "border-[var(--color-badge-primary)] text-[var(--color-badge-primary)] dark:border-[var(--color-badge-primary)] dark:text-[var(--color-badge-primary)]"
-		},
-		{
-			type: "primary",
-			theme: "light",
-			className: "text-[var(--color-badge-primary)] bg-[var(--color-badge-primary)]/10 dark:text-[var(--color-badge-primary)] dark:bg-[var(--color-badge-primary)]/20"
-		},
-		{
-			type: "secondary",
-			theme: "solid",
-			className: "border-transparent bg-[var(--color-badge-secondary)] text-[var(--color-badge-secondary-foreground)]"
-		},
-		{
-			type: "secondary",
-			theme: "outline",
-			className: "border-[var(--color-badge-secondary)] text-[var(--color-badge-secondary)] dark:border-[var(--color-badge-secondary)] dark:text-[var(--color-badge-secondary)]"
-		},
-		{
-			type: "secondary",
-			theme: "light",
-			className: "text-[var(--color-badge-secondary)] bg-[var(--color-badge-secondary)]/20 dark:text-[var(--color-badge-secondary)] dark:bg-[var(--color-badge-secondary)]/20"
-		},
-		{
-			type: "tertiary",
-			theme: "solid",
-			className: "border-transparent bg-[var(--color-badge-tertiary)] text-[var(--color-badge-tertiary-foreground)]"
-		},
-		{
-			type: "tertiary",
-			theme: "outline",
-			className: "border-[var(--color-badge-tertiary)] text-[var(--color-badge-tertiary)] dark:border-[var(--color-badge-tertiary)] dark:text-[var(--color-badge-tertiary)]"
-		},
-		{
-			type: "tertiary",
-			theme: "light",
-			className: "text-[var(--color-badge-tertiary)] bg-[var(--color-badge-tertiary)]/20 dark:text-[var(--color-badge-tertiary)] dark:bg-[var(--color-badge-tertiary)]/20"
-		},
-		{
-			type: "quaternary",
-			theme: "solid",
-			className: "border-transparent bg-[var(--color-badge-quaternary)] text-[var(--color-badge-quaternary-foreground)]"
-		},
-		{
-			type: "quaternary",
-			theme: "outline",
-			className: "border-[var(--color-badge-quaternary)] text-[var(--color-badge-quaternary-foreground)] dark:border-[var(--color-badge-quaternary)] dark:text-[var(--color-badge-quaternary-foreground)]"
-		},
-		{
-			type: "quaternary",
-			theme: "light",
-			className: "text-[var(--color-badge-quaternary-foreground)] bg-[var(--color-badge-quaternary)]/20 dark:text-[var(--color-badge-quaternary-foreground)] dark:bg-[var(--color-badge-quaternary)]/20"
-		},
-		{
-			type: "info",
-			theme: "solid",
-			className: "border-transparent bg-[var(--color-badge-info)] text-[var(--color-badge-info-foreground)]"
-		},
-		{
-			type: "info",
-			theme: "outline",
-			className: "border-[var(--color-badge-info)] text-[var(--color-badge-info)] dark:border-[var(--color-badge-info)] dark:text-[var(--color-badge-info)]"
-		},
-		{
-			type: "info",
-			theme: "light",
-			className: "text-[var(--color-badge-info)] bg-[var(--color-badge-info)]/20 dark:text-[var(--color-badge-info)] dark:bg-[var(--color-badge-info)]/20"
-		},
-		{
-			type: "warning",
-			theme: "solid",
-			className: "border-transparent bg-[var(--color-badge-warning)] text-[var(--color-badge-warning-foreground)]"
-		},
-		{
-			type: "warning",
-			theme: "outline",
-			className: "border-[var(--color-badge-warning)] text-[var(--color-badge-warning)] dark:border-[var(--color-badge-warning)] dark:text-[var(--color-badge-warning)]"
-		},
-		{
-			type: "warning",
-			theme: "light",
-			className: "text-[var(--color-badge-warning)] bg-[var(--color-badge-warning)]/20 dark:text-[var(--color-badge-warning)] dark:bg-[var(--color-badge-warning)]/20"
-		},
-		{
-			type: "danger",
-			theme: "solid",
-			className: "border-transparent bg-[var(--color-badge-danger)] text-[var(--color-badge-danger-foreground)]"
-		},
-		{
-			type: "danger",
-			theme: "outline",
-			className: "border-[var(--color-badge-danger)] text-[var(--color-badge-danger)] dark:border-[var(--color-badge-danger)] dark:text-[var(--color-badge-danger)]"
-		},
-		{
-			type: "danger",
-			theme: "light",
-			className: "text-[var(--color-badge-danger)] bg-[var(--color-badge-danger)]/20 dark:text-[var(--color-badge-danger)] dark:bg-[var(--color-badge-danger)]/20"
-		},
-		{
-			type: "success",
-			theme: "solid",
-			className: "border-transparent bg-[var(--color-badge-success)] text-[var(--color-badge-success-foreground)]"
-		},
-		{
-			type: "success",
-			theme: "outline",
-			className: "border-[var(--color-badge-success)] text-[var(--color-badge-success)] dark:border-[var(--color-badge-success)] dark:text-[var(--color-badge-success)]"
-		},
-		{
-			type: "success",
-			theme: "light",
-			className: "text-[var(--color-badge-success)] bg-[var(--color-badge-success)]/20 dark:text-[var(--color-badge-success)] dark:bg-[var(--color-badge-success)]/20"
-		},
-		{
-			type: "muted",
-			theme: "solid",
-			className: "border-transparent text-[var(--color-badge-muted-foreground)]  bg-[var(--color-badge-muted)] dark:border-[var(--color-badge-muted)]/20 dark:text-[var(--color-badge-muted)] dark:bg-[var(--color-badge-muted)]/20"
-		},
-		{
-			type: "muted",
-			theme: "outline",
-			className: "border-[var(--color-badge-muted)] text-[var(--color-badge-muted)] dark:border-[var(--color-badge-muted)] dark:text-[var(--color-badge-muted)]"
-		},
-		{
-			type: "muted",
-			theme: "light",
-			className: "text-[var(--muted-foreground)] bg-[var(--muted-foreground)]/15 dark:text-[var(--color-badge-muted)] dark:bg-[var(--color-badge-muted)]/20"
-		}
-	],
-	defaultVariants: {
-		type: "muted",
-		theme: "solid"
-	}
-});
-function Badge({ className, type, theme, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn(badgeVariants({
-			type,
-			theme
-		}), className),
-		...props
-	});
-}
-export { badgeVariants as n, Badge as t };