@datum-cloud/datum-ui 3.7.0 → 3.8.0

package/dist/badge/index.mjs

@@ -1,2 +1,182 @@
-import { n as badgeVariants, t as Badge } from "../badge-DOZUr5DV.mjs";
+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 { Badge, badgeVariants };

package/dist/breadcrumb/index.mjs

@@ -1,2 +1 @@
-import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-DmdhC8bE.mjs";
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };
+export { t as Breadcrumb, n as BreadcrumbEllipsis, r as BreadcrumbItem, i as BreadcrumbLink, a as BreadcrumbList, o as BreadcrumbPage, s as BreadcrumbSeparator } from "../breadcrumb-D97jAZ2N.mjs";

package/dist/{breadcrumb-DmdhC8bE.mjs → breadcrumb-D97jAZ2N.mjs}

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
 import "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-//#region ../shadcn/ui/breadcrumb.tsx
+// ../shadcn/ui/breadcrumb.tsx
 function Breadcrumb({ ...props }) {
 	return /* @__PURE__ */ jsx("nav", {
 		"aria-label": "breadcrumb",
@@ -65,5 +65,4 @@ function BreadcrumbEllipsis({ className, ...props }) {
 		})]
 	});
 }
-//#endregion
 export { BreadcrumbList as a, BreadcrumbLink as i, BreadcrumbEllipsis as n, BreadcrumbPage as o, BreadcrumbItem as r, BreadcrumbSeparator as s, Breadcrumb as t };

package/dist/button/index.mjs

@@ -1,3 +1,3 @@
-import { n as buttonVariants, t as Button } from "../button-DoMqfQLu.mjs";
-import { t as LinkButton } from "../button-CDPui_Ov.mjs";
+import { n as buttonVariants, t as Button } from "../button-Cn4KagBO.mjs";
+import { t as LinkButton } from "../button-IK-Lnu_9.mjs";
 export { Button, LinkButton, buttonVariants };

package/dist/{button-CsdF61EI.mjs → button-C57mkFkS.mjs}

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-//#region ../shadcn/ui/button.tsx
+// ../shadcn/ui/button.tsx
 /**
 * Vanilla shadcn/ui Button Component
 * Pure shadcn button without Datum customizations
@@ -43,5 +43,4 @@ const Button = React.forwardRef(({ className, variant, size, asChild = false, ..
 	});
 });
 Button.displayName = "Button";
-//#endregion
 export { buttonVariants as n, Button as t };

package/dist/{button-DoMqfQLu.mjs → button-Cn4KagBO.mjs}

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as SpinnerIcon } from "./spinner.icon-BYUMQ8H-.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as SpinnerIcon } from "./spinner.icon-BiUnMAxw.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/base/button/icon-only.ts
+// src/components/base/button/icon-only.ts
 /**
 * Returns the width/padding class that squares off an icon-only button for a
 * given size. Shared by Button and LinkButton to keep their icon-only sizing
@@ -22,8 +22,7 @@ function getIconOnlyClass(size, isIconOnly) {
 		default: return "w-9 px-0";
 	}
 }
-//#endregion
-//#region src/components/base/button/button.tsx
+// src/components/base/button/button.tsx
 const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-[color,background-color,border-color,opacity,transform] duration-[var(--duration-fast)] ease-out focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50 active:scale-[0.98] disabled:active:scale-100", {
 	variants: {
 		type: {
@@ -238,5 +237,4 @@ function Button({ ref, className, type, theme, size, block, loading = false, dis
 	});
 }
 Button.displayName = "Button";
-//#endregion
 export { buttonVariants as n, getIconOnlyClass as r, Button as t };

package/dist/{button-CDPui_Ov.mjs → button-IK-Lnu_9.mjs}

@@ -1,8 +1,8 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { n as buttonVariants, r as getIconOnlyClass } from "./button-DoMqfQLu.mjs";
+import { n as buttonVariants, r as getIconOnlyClass } from "./button-Cn4KagBO.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/base/button/link-button.tsx
+// src/components/base/button/link-button.tsx
 function LinkButton({ ref, className, type, theme, size, block, icon, iconPosition = "left", children, as: Component = "a", href, ...props }) {
 	const isIconOnly = icon && !children;
 	const linkProps = Component === "a" ? { href } : { to: href };
@@ -24,5 +24,4 @@ function LinkButton({ ref, className, type, theme, size, block, icon, iconPositi
 	});
 }
 LinkButton.displayName = "LinkButton";
-//#endregion
 export { LinkButton as t };

package/dist/button-group/index.mjs

@@ -1,2 +1 @@
-import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-DFrTH4L8.mjs";
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
+export { t as ButtonGroup, n as ButtonGroupSeparator, r as ButtonGroupText, i as buttonGroupVariants } from "../button-group-C3GKo-0p.mjs";

package/dist/{button-group-DFrTH4L8.mjs → button-group-C3GKo-0p.mjs}

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Separator } from "./separator-vbPD_WFQ.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as Separator } from "./separator-DNiiN2BN.mjs";
 import { cva } from "class-variance-authority";
 import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
-//#region ../shadcn/ui/button-group.tsx
+// ../shadcn/ui/button-group.tsx
 const buttonGroupVariants = cva("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", {
 	variants: { orientation: {
 		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
@@ -34,5 +34,4 @@ function ButtonGroupSeparator({ className, orientation = "vertical", ...props })
 		...props
 	});
 }
-//#endregion
 export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };

package/dist/calendar/index.mjs

@@ -1,11 +1,11 @@
-import { t as cn } from "../utils-Bu32wN-x.mjs";
-import { n as buttonVariants, t as Button } from "../button-CsdF61EI.mjs";
-import { t as Icon } from "../icon-wrapper-DKfJlJd0.mjs";
+import { n as buttonVariants, t as Button } from "../button-C57mkFkS.mjs";
+import { t as cn } from "../utils-CTIuhCOs.mjs";
+import { t as Icon } from "../icon-wrapper-CIk2th6R.mjs";
 import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
-//#region src/components/base/calendar/calendar.tsx
+// src/components/base/calendar/calendar.tsx
 function CalendarRoot({ className, rootRef, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "calendar",
@@ -107,5 +107,4 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
 		...props
 	});
 }
-//#endregion
 export { Calendar, CalendarDayButton };

package/dist/{calendar-date-picker-DPvVAW2I.mjs → calendar-date-picker-CknZM6a2.mjs}

@@ -1,7 +1,7 @@
-import { t as useDeprecationWarning } from "./use-deprecation-warning-DXrGc0jX.mjs";
-import { a as DateRangePicker } from "./picker-BoKXW6_s.mjs";
+import { t as useDeprecationWarning } from "./use-deprecation-warning-BS1V4IS5.mjs";
+import { a as DateRangePicker } from "./picker-DC3GErYg.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/features/calendar-date-picker/calendar-date-picker.tsx
+// src/components/features/calendar-date-picker/calendar-date-picker.tsx
 /**
 * @deprecated Use `DateRangePicker` (or `DatePicker`) from
 * `@datum-cloud/datum-ui/picker` instead. This adapter shim ships through
@@ -49,5 +49,4 @@ function CalendarDatePicker({ date, onDateSelect, closeOnSelect, numberOfMonths
 	});
 }
 CalendarDatePicker.displayName = "CalendarDatePicker";
-//#endregion
 export { CalendarDatePicker as t };

package/dist/card/index.mjs

@@ -1,2 +1 @@
-import { a as CardField, c as CardFooter, d as CardTitle, i as CardContent, l as CardHeader, n as Card, o as CardFieldLabel, r as CardAction, s as CardFieldValue, t as CardSaveBar, u as CardDescription } from "../card-save-bar-BZzNnKYj.mjs";
-export { Card, CardAction, CardContent, CardDescription, CardField, CardFieldLabel, CardFieldValue, CardFooter, CardHeader, CardSaveBar, CardTitle };
+export { n as Card, r as CardAction, i as CardContent, u as CardDescription, a as CardField, o as CardFieldLabel, s as CardFieldValue, c as CardFooter, l as CardHeader, t as CardSaveBar, d as CardTitle } from "../card-save-bar-Te8jf-ie.mjs";

package/dist/{card-save-bar-BZzNnKYj.mjs → card-save-bar-Te8jf-ie.mjs}

@@ -1,9 +1,9 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
-import { t as Button } from "./button-DoMqfQLu.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
+import { t as Button } from "./button-Cn4KagBO.mjs";
 import { cva } from "class-variance-authority";
 import "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
-//#region ../shadcn/ui/card.tsx
+// ../shadcn/ui/card.tsx
 function CardTitle({ className, ...props }) {
 	return /* @__PURE__ */ jsx("div", {
 		"data-slot": "card-title",
@@ -18,8 +18,7 @@ function CardDescription({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
-//#region src/components/base/card/card.tsx
+// src/components/base/card/card.tsx
 /**
 * Datum Card
 *
@@ -216,8 +215,7 @@ function CardFieldValue({ className, ...props }) {
 		...props
 	});
 }
-//#endregion
-//#region src/components/base/card/card-save-bar.tsx
+// src/components/base/card/card-save-bar.tsx
 function pluralize(count, noun) {
 	return `${count} ${noun}${count === 1 ? "" : "s"}`;
 }
@@ -277,5 +275,4 @@ function CardSaveBar({ changeCount, errorCount = 0, saving = false, onCancel, on
 		})]
 	});
 }
-//#endregion
 export { CardField as a, CardFooter as c, CardTitle as d, CardContent as i, CardHeader as l, Card as n, CardFieldLabel as o, CardAction as r, CardFieldValue as s, CardSaveBar as t, CardDescription as u };

package/dist/chart/index.mjs

@@ -1,2 +1 @@
-import { a as ChartTooltip, i as ChartStyle, n as ChartLegend, o as ChartTooltipContent, r as ChartLegendContent, t as ChartContainer } from "../chart-EgzTS28l.mjs";
-export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent };
+export { t as ChartContainer, n as ChartLegend, r as ChartLegendContent, i as ChartStyle, a as ChartTooltip, o as ChartTooltipContent } from "../chart-BsGsx2jb.mjs";

package/dist/{chart-EgzTS28l.mjs → chart-BsGsx2jb.mjs}

@@ -1,8 +1,8 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import * as React from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as RechartsPrimitive from "recharts";
-//#region ../shadcn/ui/chart.tsx
+// ../shadcn/ui/chart.tsx
 const THEMES = {
 	light: "",
 	dark: ".dark"
@@ -140,5 +140,4 @@ function getPayloadConfigFromPayload(config, 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

@@ -1,2 +1 @@
-import { t as Checkbox } from "../checkbox-C6P12fio.mjs";
-export { Checkbox };
+export { t as Checkbox } from "../checkbox-BAo5sbHk.mjs";

package/dist/checkbox-BAo5sbHk.mjs

@@ -0,0 +1,84 @@
+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 "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { motion, useReducedMotion } from "motion/react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+// src/components/base/checkbox/checkbox.tsx
+const CHECK_PATH = "M20 6 9 17l-5-5";
+const DASH_PATH = "M5 12h14";
+/**
+* One stroke of the indicator. Drawn on with `pathLength` when it appears and
+* faded out (faster) when it leaves. Under reduced motion the stroke is not
+* drawn, only faded, since the draw reads as movement.
+*/
+function IndicatorMark({ d, visible, reduceMotion }) {
+	return /* @__PURE__ */ jsx(motion.path, {
+		d,
+		initial: false,
+		animate: visible ? {
+			pathLength: 1,
+			opacity: 1
+		} : {
+			pathLength: reduceMotion ? 1 : 0,
+			opacity: 0
+		},
+		transition: visible ? {
+			pathLength: {
+				duration: reduceMotion ? 0 : .2,
+				ease: EASE.out
+			},
+			opacity: { duration: reduceMotion ? DURATION.fast : .05 }
+		} : {
+			duration: .1,
+			ease: EASE.out
+		}
+	});
+}
+/**
+* Checkbox renders the Radix primitive directly rather than wrapping the
+* shadcn one, so the indicator can stay mounted and animate out as well as in.
+* The shadcn base stays untouched and can be regenerated from upstream.
+*
+* The checked state is mirrored here (controlled or not) because Motion needs
+* it in JS to drive the check mark.
+*/
+function Checkbox({ ref, className, checked: checkedProp, defaultChecked, onCheckedChange, ...props }) {
+	const [checked, setChecked] = useControllableState(checkedProp, defaultChecked ?? false, onCheckedChange);
+	const reduceMotion = Boolean(useReducedMotion());
+	return /* @__PURE__ */ jsx(CheckboxPrimitive.Root, {
+		ref,
+		"data-slot": "checkbox",
+		checked,
+		onCheckedChange: setChecked,
+		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 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]: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 outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", "transition-[background-color,border-color,box-shadow,transform] duration-[var(--duration-fast)] ease-out active:scale-[0.92] disabled:active:scale-100", className),
+		...props,
+		children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, {
+			forceMount: true,
+			"data-slot": "checkbox-indicator",
+			className: "flex items-center justify-center text-current",
+			children: /* @__PURE__ */ jsxs("svg", {
+				"aria-hidden": true,
+				viewBox: "0 0 24 24",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: 3,
+				strokeLinecap: "round",
+				strokeLinejoin: "round",
+				className: "size-3.5",
+				children: [/* @__PURE__ */ jsx(IndicatorMark, {
+					d: CHECK_PATH,
+					visible: checked === true,
+					reduceMotion
+				}), /* @__PURE__ */ jsx(IndicatorMark, {
+					d: DASH_PATH,
+					visible: checked === "indeterminate",
+					reduceMotion
+				})]
+			})
+		})
+	});
+}
+Checkbox.displayName = "Checkbox";
+export { Checkbox as t };

package/dist/{close.icon-DdXKQ4m0.mjs → close.icon-BCPmH4nN.mjs}

@@ -1,6 +1,6 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/icons/close.icon.tsx
+// src/components/icons/close.icon.tsx
 function CloseIcon({ className, fill = "fill-foreground" }) {
 	return /* @__PURE__ */ jsx("svg", {
 		width: "17",
@@ -16,5 +16,4 @@ function CloseIcon({ className, fill = "fill-foreground" }) {
 		})
 	});
 }
-//#endregion
 export { CloseIcon as t };

package/dist/code-editor/index.mjs

@@ -1,2 +1 @@
-import { a as formatJson, c as isValidYaml, d as CodeEditor, i as CodeEditorTabs, l as jsonToYaml, n as jsonSchema, o as formatYaml, r as yamlSchema, s as isValidJson, t as createCodeEditorSchema, u as yamlToJson } from "../types-agDpVXBG.mjs";
-export { CodeEditor, CodeEditorTabs, createCodeEditorSchema, formatJson, formatYaml, isValidJson, isValidYaml, jsonSchema, jsonToYaml, yamlSchema, yamlToJson };
+export { d as CodeEditor, i as CodeEditorTabs, t as createCodeEditorSchema, a as formatJson, o as formatYaml, s as isValidJson, c as isValidYaml, n as jsonSchema, l as jsonToYaml, r as yamlSchema, u as yamlToJson } from "../types-ChINrR8H.mjs";

package/dist/{col-BYGWTB4j.mjs → col-CYHIfPJq.mjs}

@@ -1,8 +1,8 @@
-import { t as cn } from "./utils-Bu32wN-x.mjs";
+import { t as cn } from "./utils-CTIuhCOs.mjs";
 import * as React from "react";
 import { use, useEffect, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-//#region src/components/features/grid/constants/grid.constants.ts
+// src/components/features/grid/constants/grid.constants.ts
 const GRID_BREAKPOINTS = {
 	xs: 480,
 	sm: 576,
@@ -29,8 +29,7 @@ const RESPONSIVE_MAP = {
 	xl: "(min-width: 1200px)",
 	xxl: "(min-width: 1600px)"
 };
-//#endregion
-//#region src/components/features/grid/utils/responsive.ts
+// src/components/features/grid/utils/responsive.ts
 function registerMediaQuery(query, callback) {
 	const mediaQuery = window.matchMedia(query);
 	const handleChange = (event) => {
@@ -80,8 +79,7 @@ function getResponsiveValue(value, screens) {
 	}
 	return value;
 }
-//#endregion
-//#region src/components/features/grid/components/row.tsx
+// 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({
@@ -141,8 +139,7 @@ const Row = ({ type, align, justify, className, style, children, gutter = 0, pre
 		})
 	});
 };
-//#endregion
-//#region src/components/features/grid/components/col.tsx
+// 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`;
@@ -189,5 +186,4 @@ const Col = ({ span, order, offset, push, pull, className, prefixCls = GRID_PREF
 		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

@@ -1,7 +1 @@
-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 { Collapsible, CollapsibleContent, CollapsibleTrigger };
+export { t as Collapsible, n as CollapsibleContent, r as CollapsibleTrigger } from "../collapsible-B-KP3JZ-.mjs";