@datum-cloud/datum-ui 0.2.0-alpha.3 → 0.2.0-alpha.4

package/dist/badge-bFgeYceE.mjs

@@ -0,0 +1,185 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { cva } from "class-variance-authority";
+import "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region 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"
+		}
+	},
+	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: "border-[var(--color-badge-primary)]/30 text-[var(--color-badge-primary)] bg-[var(--color-badge-primary)]/10 dark:border-[var(--color-badge-primary)] 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: "border-[var(--color-badge-secondary)] text-[var(--color-badge-secondary)] bg-[var(--color-badge-secondary)]/20 dark:border-[var(--color-badge-secondary)] 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: "border-[var(--color-badge-tertiary)] text-[var(--color-badge-tertiary)] bg-[var(--color-badge-tertiary)]/20 dark:border-[var(--color-badge-tertiary)] 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: "border-[var(--color-badge-quaternary)] text-[var(--color-badge-quaternary-foreground)] bg-[var(--color-badge-quaternary)]/20 dark:border-[var(--color-badge-quaternary)] 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: "border-[var(--color-badge-info)] text-[var(--color-badge-info)] bg-[var(--color-badge-info)]/20 dark:border-[var(--color-badge-info)] 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: "border-[var(--color-badge-warning)] text-[var(--color-badge-warning)] bg-[var(--color-badge-warning)]/20 dark:border-[var(--color-badge-warning)] 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: "border-[var(--color-badge-danger)] text-[var(--color-badge-danger)] bg-[var(--color-badge-danger)]/20 dark:border-[var(--color-badge-danger)] 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: "border-[var(--color-badge-success)] text-[var(--color-badge-success)] bg-[var(--color-badge-success)]/20 dark:border-[var(--color-badge-success)] 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: "border-[var(--color-badge-muted)] text-[var(--color-badge-muted)] bg-[var(--color-badge-muted)]/20 dark:border-[var(--color-badge-muted)] 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
+	});
+}
+
+//#endregion
+export { badgeVariants as n, Badge as t };

package/dist/breadcrumb/index.mjs

@@ -0,0 +1,4 @@
+import "../utils-Bfgoe-Gm.mjs";
+import { a as BreadcrumbList, i as BreadcrumbLink, n as BreadcrumbEllipsis, o as BreadcrumbPage, r as BreadcrumbItem, s as BreadcrumbSeparator, t as Breadcrumb } from "../breadcrumb-BGYJgom_.mjs";
+
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/breadcrumb-BGYJgom_.mjs

@@ -0,0 +1,71 @@
+import { t as cn } from "./utils-Bfgoe-Gm.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
+const Breadcrumb = ({ ...props }) => {
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...props
+	});
+};
+const BreadcrumbList = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("ol", {
+		"data-slot": "breadcrumb-list",
+		className: cn("text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2.5", className),
+		...props
+	});
+};
+const BreadcrumbItem = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-item",
+		className: cn("inline-flex items-center gap-1.5", className),
+		...props
+	});
+};
+const BreadcrumbLink = ({ asChild, className, ...props }) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		"data-slot": "breadcrumb-link",
+		className: cn("hover:text-foreground transition-colors", className),
+		...props
+	});
+};
+const BreadcrumbPage = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx("span", {
+		"data-slot": "breadcrumb-page",
+		role: "link",
+		"aria-disabled": "true",
+		"aria-current": "page",
+		className: cn("text-foreground font-normal", className),
+		...props
+	});
+};
+const BreadcrumbSeparator = ({ children, className, ...props }) => {
+	return /* @__PURE__ */ jsx("li", {
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("[&>svg]:size-3.5", className),
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRight, {})
+	});
+};
+const BreadcrumbEllipsis = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsxs("span", {
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		"aria-hidden": "true",
+		className: cn("flex size-9 items-center justify-center", className),
+		...props,
+		children: [/* @__PURE__ */ jsx(MoreHorizontal, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
+};
+
+//#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

@@ -0,0 +1,4 @@
+import { n as buttonVariants, t as Button } from "../button-C1wRfGtT.mjs";
+import { t as LinkButton } from "../link-button-TIF2Zdrk.mjs";
+
+export { Button, LinkButton, buttonVariants };

package/dist/button-AzpnV-WB.mjs

@@ -0,0 +1,49 @@
+import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { cva } from "class-variance-authority";
+import * as React$1 from "react";
+import { jsx } from "react/jsx-runtime";
+import { Slot } from "@radix-ui/react-slot";
+
+//#region ../shadcn/ui/button.tsx
+/**
+* Vanilla shadcn/ui Button Component
+* Pure shadcn button without Datum customizations
+* For Datum-specific features (dashed variant, isLoading), import from @/modules/datum-ui
+*/
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
+	variants: {
+		variant: {
+			default: "bg-primary text-primary-foreground hover:bg-primary/90",
+			destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+			outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-10 px-4 py-2",
+			sm: "h-9 rounded-md px-3",
+			lg: "h-11 rounded-md px-8",
+			icon: "h-10 w-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+const Button = React$1.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "button", {
+		className: cn(buttonVariants({
+			variant,
+			size,
+			className
+		})),
+		ref,
+		...props
+	});
+});
+Button.displayName = "Button";
+
+//#endregion
+export { buttonVariants as n, Button as t };

package/dist/button-C1wRfGtT.mjs

@@ -0,0 +1,230 @@
+import { t as cn } from "./cn-DWCc1QRE.mjs";
+import { t as SpinnerIcon } from "./spinner.icon-Bg8zgGh0.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/button.tsx
+const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:opacity-50", {
+	variants: {
+		type: {
+			primary: "",
+			secondary: "",
+			tertiary: "",
+			quaternary: "",
+			warning: "",
+			danger: "",
+			success: ""
+		},
+		theme: {
+			solid: "",
+			light: "",
+			outline: "border",
+			borderless: "border-0 bg-transparent",
+			link: "text-primary underline-offset-2 underline hover:opacity-80"
+		},
+		size: {
+			xs: "h-7 px-2.5 text-xs",
+			small: "h-9 px-3 text-xs",
+			default: "h-9 px-4 py-2",
+			large: "h-11 px-8 text-base",
+			icon: "h-9 w-9",
+			link: "px-0 py-0"
+		},
+		block: {
+			true: "w-full",
+			false: ""
+		}
+	},
+	compoundVariants: [
+		{
+			type: "primary",
+			theme: "solid",
+			className: "bg-btn-primary border border-btn-primary-border text-btn-primary-foreground hover:bg-btn-primary-hover active:bg-btn-primary-active disabled:bg-btn-primary/60"
+		},
+		{
+			type: "primary",
+			theme: "light",
+			className: cn("bg-btn-neutral-bg text-primary hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-primary", "dark:text-foreground")
+		},
+		{
+			type: "primary",
+			theme: "outline",
+			className: cn("border border-btn-primary-border/60 text-primary hover:border-btn-primary-border active:border-btn-primary-border disabled:bg-transparent disabled:text-primary disabled:border-btn-primary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
+		},
+		{
+			type: "primary",
+			theme: "borderless",
+			className: cn("text-primary hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-primary", "dark:text-foreground")
+		},
+		{
+			type: "secondary",
+			theme: "solid",
+			className: "bg-btn-secondary border border-btn-secondary-border text-btn-secondary-foreground hover:bg-btn-secondary-hover active:bg-btn-secondary-active disabled:bg-btn-secondary/60"
+		},
+		{
+			type: "secondary",
+			theme: "light",
+			className: cn("bg-btn-neutral-bg text-secondary hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-secondary", "dark:text-foreground")
+		},
+		{
+			type: "secondary",
+			theme: "outline",
+			className: cn("border border-btn-secondary-border/60 text-secondary hover:border-btn-secondary-border active:border-btn-secondary-border disabled:bg-transparent disabled:text-secondary disabled:border-btn-secondary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
+		},
+		{
+			type: "secondary",
+			theme: "borderless",
+			className: cn("text-secondary hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-secondary", "dark:text-foreground")
+		},
+		{
+			type: "tertiary",
+			theme: "solid",
+			className: "bg-btn-tertiary border border-btn-tertiary-border text-btn-tertiary-foreground hover:bg-btn-tertiary-hover active:bg-btn-tertiary-active disabled:bg-btn-tertiary/60"
+		},
+		{
+			type: "tertiary",
+			theme: "light",
+			className: cn("bg-btn-neutral-bg text-tertiary hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-tertiary", "dark:text-foreground")
+		},
+		{
+			type: "tertiary",
+			theme: "outline",
+			className: cn("border border-btn-tertiary-border/60 text-tertiary hover:border-btn-tertiary-border active:border-btn-tertiary-border disabled:bg-transparent disabled:text-tertiary disabled:border-btn-tertiary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
+		},
+		{
+			type: "tertiary",
+			theme: "borderless",
+			className: cn("text-tertiary hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-tertiary", "dark:text-foreground")
+		},
+		{
+			type: "quaternary",
+			theme: "solid",
+			className: "bg-btn-quaternary border border-btn-quaternary text-btn-quaternary-foreground hover:bg-btn-quaternary-hover active:bg-btn-quaternary-active disabled:bg-btn-quaternary/60"
+		},
+		{
+			type: "quaternary",
+			theme: "light",
+			className: cn("bg-btn-neutral-bg text-btn-quaternary-foreground hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-btn-quaternary-foreground", "dark:text-foreground")
+		},
+		{
+			type: "quaternary",
+			theme: "outline",
+			className: cn("border border-btn-quaternary-border/60 text-btn-quaternary-foreground hover:border-btn-quaternary-border active:border-btn-quaternary-border disabled:bg-transparent disabled:text-btn-quaternary-foreground disabled:border-btn-quaternary-border/60", "dark:text-foreground dark:border-foreground/60 dark:hover:border-foreground dark:active:border-foreground/80")
+		},
+		{
+			type: "quaternary",
+			theme: "borderless",
+			className: cn("text-btn-quaternary-foreground hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-btn-quaternary-foreground", "dark:text-foreground")
+		},
+		{
+			type: "warning",
+			theme: "solid",
+			className: "bg-btn-warning text-btn-warning-foreground border border-btn-warning-border hover:bg-btn-warning-hover active:bg-btn-warning-active disabled:bg-btn-warning/60"
+		},
+		{
+			type: "warning",
+			theme: "light",
+			className: "bg-btn-neutral-bg text-btn-warning hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-btn-warning"
+		},
+		{
+			type: "warning",
+			theme: "outline",
+			className: "border-yellow-600 text-yellow-600 hover:bg-yellow-600 hover:text-white active:bg-yellow-700 active:text-white dark:border-yellow-500 dark:text-yellow-500 dark:hover:bg-yellow-500 dark:hover:text-white dark:active:bg-yellow-600 dark:active:text-white disabled:bg-transparent disabled:text-yellow-600 disabled:border-yellow-600 disabled:hover:bg-transparent disabled:hover:text-yellow-600"
+		},
+		{
+			type: "warning",
+			theme: "borderless",
+			className: "text-btn-warning hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-btn-warning"
+		},
+		{
+			type: "danger",
+			theme: "solid",
+			className: "bg-btn-danger text-btn-danger-foreground border border-btn-danger-border hover:bg-btn-danger-hover active:bg-btn-danger-active disabled:bg-btn-danger/60"
+		},
+		{
+			type: "danger",
+			theme: "light",
+			className: "bg-btn-neutral-bg text-btn-danger hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-btn-danger"
+		},
+		{
+			type: "danger",
+			theme: "outline",
+			className: "border-destructive text-destructive hover:bg-destructive hover:text-destructive-foreground active:bg-destructive/90 active:text-destructive-foreground disabled:bg-transparent disabled:text-destructive disabled:border-destructive disabled:hover:bg-transparent disabled:hover:text-destructive"
+		},
+		{
+			type: "danger",
+			theme: "borderless",
+			className: "text-btn-danger hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-btn-danger"
+		},
+		{
+			type: "success",
+			theme: "solid",
+			className: "bg-btn-success text-btn-success-foreground border border-btn-success-border hover:bg-btn-success-hover active:bg-btn-success-active disabled:bg-btn-success/60"
+		},
+		{
+			type: "success",
+			theme: "light",
+			className: "bg-btn-neutral-bg text-btn-success hover:bg-btn-neutral-bg-hover active:bg-btn-neutral-bg-active disabled:bg-btn-neutral-bg disabled:text-btn-success"
+		},
+		{
+			type: "success",
+			theme: "outline",
+			className: "border-green-600 text-green-600 hover:bg-green-600 hover:text-white active:bg-green-700 active:text-white dark:border-green-500 dark:text-green-500 dark:hover:bg-green-500 dark:hover:text-white dark:active:bg-green-600 dark:active:text-white disabled:bg-transparent disabled:text-green-600 disabled:border-green-600 disabled:hover:bg-transparent disabled:hover:text-green-600"
+		},
+		{
+			type: "success",
+			theme: "borderless",
+			className: "text-btn-success hover:bg-btn-neutral-bg active:bg-btn-neutral-bg-active disabled:bg-transparent disabled:text-btn-success"
+		}
+	],
+	defaultVariants: {
+		type: "primary",
+		theme: "solid",
+		size: "default",
+		block: false
+	}
+});
+function Button({ ref, className, type, theme, size, block, loading = false, disabled, icon, iconPosition = "left", loadingIcon, htmlType = "button", children, ...props }) {
+	const isDisabled = disabled || loading;
+	const isIconOnly = (icon || loading) && !children;
+	const showIcon = !loading && icon;
+	const getLoadingIcon = () => {
+		return loadingIcon || /* @__PURE__ */ jsx(SpinnerIcon, {
+			size: size === "small" ? "xs" : size === "large" ? "sm" : "md",
+			"aria-hidden": "true"
+		});
+	};
+	const showLoadingIcon = loading && (isIconOnly ? getLoadingIcon() : /* @__PURE__ */ jsx(SpinnerIcon, {
+		size: "sm",
+		"aria-hidden": "true"
+	}));
+	const getIconOnlyClass = () => {
+		if (!isIconOnly || size === "icon") return "";
+		if (size === "small") return "w-8 px-0";
+		if (size === "large") return "w-11 px-0";
+		return "w-9 px-0";
+	};
+	return /* @__PURE__ */ jsx("button", {
+		className: cn(buttonVariants({
+			type,
+			theme,
+			size,
+			block
+		}), getIconOnlyClass(), className),
+		ref,
+		disabled: isDisabled,
+		type: htmlType,
+		...props,
+		children: isIconOnly ? loading ? showLoadingIcon : showIcon && icon : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			showLoadingIcon && showLoadingIcon,
+			showIcon && iconPosition === "left" && icon,
+			children,
+			showIcon && iconPosition === "right" && icon
+		] })
+	});
+}
+Button.displayName = "Button";
+
+//#endregion
+export { buttonVariants as n, Button as t };

package/dist/button-group/index.mjs

@@ -0,0 +1,5 @@
+import "../utils-Bfgoe-Gm.mjs";
+import "../separator-T2ppyD-8.mjs";
+import { i as buttonGroupVariants, n as ButtonGroupSeparator, r as ButtonGroupText, t as ButtonGroup } from "../button-group-C1IB2K5s.mjs";
+
+export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/button-group-C1IB2K5s.mjs

@@ -0,0 +1,40 @@
+import { t as cn } from "./utils-Bfgoe-Gm.mjs";
+import { t as Separator } from "./separator-T2ppyD-8.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
+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",
+		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+	} },
+	defaultVariants: { orientation: "horizontal" }
+});
+function ButtonGroup({ className, orientation, ...props }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "group",
+		"data-slot": "button-group",
+		"data-orientation": orientation,
+		className: cn(buttonGroupVariants({ orientation }), className),
+		...props
+	});
+}
+function ButtonGroupText({ className, asChild = false, ...props }) {
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: cn("bg-muted flex items-center gap-2 rounded-md border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
+}
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
+	return /* @__PURE__ */ jsx(Separator, {
+		"data-slot": "button-group-separator",
+		orientation,
+		className: cn("bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto", className),
+		...props
+	});
+}
+
+//#endregion
+export { buttonGroupVariants as i, ButtonGroupSeparator as n, ButtonGroupText as r, ButtonGroup as t };

package/dist/calendar/index.mjs

@@ -0,0 +1,5 @@
+import "../utils-Bfgoe-Gm.mjs";
+import "../button-AzpnV-WB.mjs";
+import { n as CalendarDayButton, t as Calendar } from "../calendar-DlIHeWb0.mjs";
+
+export { Calendar, CalendarDayButton };