@datum-cloud/datum-ui 3.7.1 → 3.10.0

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-BflEFiMi.mjs";

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

@@ -1,10 +1,10 @@
 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";
+import { t as ResponsiveDropdown } from "./responsive-dropdown-B9cDUeHt.mjs";
 import { a as TooltipTrigger, n as Tooltip, r as TooltipContent, t as Tooltip$1 } from "./tooltip-OIySjJWW.mjs";
 import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "./table/index.mjs";
 import { Ban, CheckCircle2, CircleAlert, CircleCheck, CornerDownRightIcon, FileIcon, ListTodo, X, XCircle } from "lucide-react";

package/dist/time-picker/index.mjs

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

package/dist/{time-picker-DgHjdcMZ.mjs → time-picker-BFwH-Vd3.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-BHPtncpv.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-BiWOTFha.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 { t as ResponsivePopover } from "./responsive-popover-B_pUxrZ1.mjs";
+import { i as SelectItem, l as SelectTrigger, n as SelectContent, t as Select, u as SelectValue } from "./select-B0Xlz-wD.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-CqGGJTLS.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-breakpoint-zY_JYINK.mjs → use-breakpoint-Ce5tS4cU.mjs}

@@ -13,16 +13,22 @@ function getBreakpoint() {
 * Returns the current viewport breakpoint tier.
 *
 * Breakpoints: mobile <768px, tablet 768–1023px, desktop ≥1024px.
-* SSR-safe: defaults to 'desktop' on server; client corrects on mount.
+*
+* `initial` is the tier the server rendered with. Pass the viewport the server
+* already knows about (for example a viewport client hint) so the hydration
+* render matches; without one it defaults to 'desktop'. The client measures on
+* mount and tracks resizes after that, so the first render stays deterministic
+* on both sides.
 */
-function useBreakpoint() {
-	const [breakpoint, setBreakpoint] = useState(getBreakpoint);
+function useBreakpoint(initial = "desktop") {
+	const [breakpoint, setBreakpoint] = useState(initial);
 	useEffect(() => {
-		const mqTablet = window.matchMedia(`(min-width: ${TABLET_MIN}px)`);
-		const mqDesktop = window.matchMedia(`(min-width: ${DESKTOP_MIN}px)`);
 		const update = () => {
 			setBreakpoint(getBreakpoint());
 		};
+		update();
+		const mqTablet = window.matchMedia(`(min-width: ${TABLET_MIN}px)`);
+		const mqDesktop = window.matchMedia(`(min-width: ${DESKTOP_MIN}px)`);
 		mqTablet.addEventListener("change", update);
 		mqDesktop.addEventListener("change", update);
 		return () => {

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/dist/utils/field-styles.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Shared look for every input-like trigger: Select, Autocomplete, MultiSelect
+ * and the date/time pickers. They sit next to each other in toolbars and
+ * filter rows, so they must line up with `Input` and with each other:
+ *
+ * - 12px (`px-3`) inline padding, the same as `Input`
+ * - `text-sm`, regular weight for both the value and the placeholder
+ * - 8px (`gap-2`) between the leading icon, the value and trailing icons
+ * - trailing chevrons are 16px and muted, with no extra margin, so the
+ *   chevron sits 12px from the right edge on every trigger
+ * - clear (X) icons are 14px: lucide's X fills more of its box than the
+ *   chevron, so at 16px it looks heavier than the chevron beside it
+ *
+ * Internal: not part of the public `utils` entry.
+ */
+/** Box, type and focus styles. Height is left to each component. */
+export declare const fieldTriggerClassName: string;
+/** Placeholder text inside a trigger. Same colour as `Input`'s placeholder. */
+export declare const fieldPlaceholderClassName = "text-input-placeholder";
+/** Leading icons and the trailing chevron. Clear icons use `size-3.5`. */
+export declare const fieldIconClassName = "text-muted-foreground size-4 shrink-0";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datum-cloud/datum-ui",
   "type": "module",
-  "version": "3.7.1",
+  "version": "3.10.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 };

package/dist/checkbox-CNljVnKj.mjs

@@ -1,28 +0,0 @@
-import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { CheckIcon } from "lucide-react";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-// ../shadcn/ui/checkbox.tsx
-function Checkbox$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
-		"data-slot": "checkbox",
-		className: cn("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" })
-		})
-	});
-}
-// src/components/base/checkbox/checkbox.tsx
-function Checkbox({ ref, className, ...props }) {
-	return /* @__PURE__ */ jsx(Checkbox$1, {
-		ref,
-		className: cn(className),
-		...props
-	});
-}
-Checkbox.displayName = "Checkbox";
-export { Checkbox as t };

package/dist/radio-group-0RxTmRnF.mjs

@@ -1,43 +0,0 @@
-import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { CircleIcon } from "lucide-react";
-import "react";
-import { jsx } from "react/jsx-runtime";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-// ../shadcn/ui/radio-group.tsx
-function RadioGroup$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Root, {
-		"data-slot": "radio-group",
-		className: cn("grid gap-3", className),
-		...props
-	});
-}
-function RadioGroupItem$1({ className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroupPrimitive.Item, {
-		"data-slot": "radio-group-item",
-		className: cn("border-input text-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 dark:bg-input/30 aspect-square size-4 shrink-0 rounded-full border shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
-		...props,
-		children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, {
-			"data-slot": "radio-group-indicator",
-			className: "relative flex items-center justify-center",
-			children: /* @__PURE__ */ jsx(CircleIcon, { className: "fill-primary absolute top-1/2 left-1/2 size-2 -translate-x-1/2 -translate-y-1/2" })
-		})
-	});
-}
-// src/components/base/radio-group/radio-group.tsx
-function RadioGroup({ ref, className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroup$1, {
-		ref,
-		className: cn(className),
-		...props
-	});
-}
-RadioGroup.displayName = "RadioGroup";
-function RadioGroupItem({ ref, className, ...props }) {
-	return /* @__PURE__ */ jsx(RadioGroupItem$1, {
-		ref,
-		className: cn(className),
-		...props
-	});
-}
-RadioGroupItem.displayName = "RadioGroupItem";
-export { RadioGroupItem as n, RadioGroup as t };

package/dist/spinner-DjEpx6Q3.mjs

@@ -1,13 +0,0 @@
-import { t as cn } from "./utils-CTIuhCOs.mjs";
-import { Loader2Icon } from "lucide-react";
-import { jsx } from "react/jsx-runtime";
-// ../shadcn/ui/spinner.tsx
-function Spinner({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Loader2Icon, {
-		role: "status",
-		"aria-label": "Loading",
-		className: cn("size-4 animate-spin", className),
-		...props
-	});
-}
-export { Spinner as t };