tembro 3.0.0 → 3.1.5

package/dist/components/modern/tour.js

@@ -1,80 +0,0 @@
-"use client";
-import { cn as e } from "../../lib/utils.js";
-import * as t from "react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/modern/tour.tsx
-function i({ steps: i, index: a = 0, onIndexChange: o, onClose: s, onSkip: c, onFinish: l, placement: u = "bottom", className: d, ...f }) {
-	let p = i[a], m = t.useRef(null);
-	return t.useEffect(() => {
-		m.current?.focus();
-	}, [a]), p ? /* @__PURE__ */ n("div", {
-		ref: m,
-		"data-slot": "tour",
-		"data-placement": u,
-		tabIndex: -1,
-		className: e("rounded-xl border bg-popover p-4 text-popover-foreground shadow-lg outline-none focus-visible:ring-2 focus-visible:ring-ring/40", d),
-		...f,
-		children: /* @__PURE__ */ r("div", {
-			className: "grid gap-2",
-			children: [
-				/* @__PURE__ */ n("div", {
-					className: "font-semibold",
-					children: p.title
-				}),
-				p.description && /* @__PURE__ */ n("div", {
-					className: "text-sm text-muted-foreground",
-					children: p.description
-				}),
-				p.target && /* @__PURE__ */ n("div", {
-					className: "text-xs text-muted-foreground",
-					children: p.target
-				}),
-				/* @__PURE__ */ r("div", {
-					className: "flex items-center justify-between gap-3 pt-2",
-					children: [/* @__PURE__ */ r("span", {
-						className: "text-xs text-muted-foreground",
-						children: [
-							a + 1,
-							" / ",
-							i.length
-						]
-					}), /* @__PURE__ */ r("div", {
-						className: "flex gap-2",
-						children: [
-							/* @__PURE__ */ n("button", {
-								type: "button",
-								className: "rounded-md border px-2.5 py-1 text-sm",
-								onClick: () => {
-									c?.(), s?.();
-								},
-								children: "Skip"
-							}),
-							/* @__PURE__ */ n("button", {
-								type: "button",
-								className: "rounded-md border px-2.5 py-1 text-sm",
-								disabled: a === 0,
-								onClick: () => o?.(a - 1),
-								children: "Back"
-							}),
-							a < i.length - 1 ? /* @__PURE__ */ n("button", {
-								type: "button",
-								className: "rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground",
-								onClick: () => o?.(a + 1),
-								children: "Next"
-							}) : /* @__PURE__ */ n("button", {
-								type: "button",
-								className: "rounded-md bg-primary px-2.5 py-1 text-sm text-primary-foreground",
-								onClick: () => {
-									l?.(), s?.();
-								},
-								children: "Done"
-							})
-						]
-					})]
-				})
-			]
-		})
-	}) : null;
-}
-//#endregion
-export { i as Tour };

package/dist/components/navigation/anchor-nav.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({items:e,orientation:n=`vertical`,title:i,className:a,...o}){return(0,r.jsxs)(`nav`,{"data-slot":`anchor-nav`,className:t.cn(`grid gap-2 text-sm`,n===`horizontal`&&`flex flex-wrap`,a),...o,children:[i&&(0,r.jsx)(`div`,{className:`text-xs font-medium uppercase tracking-wide text-muted-foreground`,children:i}),(0,r.jsx)(`div`,{className:t.cn(`grid gap-1`,n===`horizontal`&&`flex flex-wrap`),children:e.map(e=>(0,r.jsx)(`a`,{href:e.disabled?void 0:e.href,"aria-current":e.active?`location`:void 0,"aria-disabled":e.disabled||void 0,className:t.cn(`rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground`,e.active&&`bg-muted text-foreground`,e.disabled&&`pointer-events-none opacity-50`),children:e.label},e.key))})]})}exports.AnchorNav=i;

package/dist/components/navigation/anchor-nav.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-export type AnchorNavItem = {
-    key: string;
-    label: React.ReactNode;
-    href: string;
-    active?: boolean;
-    disabled?: boolean;
-};
-export type AnchorNavProps = React.ComponentProps<"nav"> & {
-    items: AnchorNavItem[];
-    orientation?: "vertical" | "horizontal";
-    title?: React.ReactNode;
-};
-declare function AnchorNav({ items, orientation, title, className, ...props }: AnchorNavProps): React.JSX.Element;
-export { AnchorNav };

package/dist/components/navigation/anchor-nav.js

@@ -1,26 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/navigation/anchor-nav.tsx
-function r({ items: r, orientation: i = "vertical", title: a, className: o, ...s }) {
-	return /* @__PURE__ */ n("nav", {
-		"data-slot": "anchor-nav",
-		className: e("grid gap-2 text-sm", i === "horizontal" && "flex flex-wrap", o),
-		...s,
-		children: [a && /* @__PURE__ */ t("div", {
-			className: "text-xs font-medium uppercase tracking-wide text-muted-foreground",
-			children: a
-		}), /* @__PURE__ */ t("div", {
-			className: e("grid gap-1", i === "horizontal" && "flex flex-wrap"),
-			children: r.map((n) => /* @__PURE__ */ t("a", {
-				href: n.disabled ? void 0 : n.href,
-				"aria-current": n.active ? "location" : void 0,
-				"aria-disabled": n.disabled || void 0,
-				className: e("rounded-md px-2 py-1.5 text-muted-foreground transition-colors hover:bg-muted hover:text-foreground", n.active && "bg-muted text-foreground", n.disabled && "pointer-events-none opacity-50"),
-				children: n.label
-			}, n.key))
-		})]
-	});
-}
-//#endregion
-export { r as AnchorNav };

package/dist/components/navigation/command-bar.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("react/jsx-runtime");function i({open:e=!0,position:n=`bottom`,grouped:i=!1,label:a,children:o,className:s,...c}){return e?(0,r.jsxs)(`div`,{"data-slot":`command-bar`,className:t.cn(`fixed left-1/2 z-50 flex -translate-x-1/2 items-center gap-2 rounded-full border bg-background/95 px-4 py-2 shadow-lg backdrop-blur supports-[backdrop-filter]:bg-background/60`,n===`bottom`?`bottom-6`:`top-6`,i&&`gap-3 rounded-[28px] px-3 py-2.5`,s),...c,children:[a?(0,r.jsx)(`span`,{className:`text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground`,children:a}):null,o]}):null}exports.CommandBar=i;

package/dist/components/navigation/command-bar.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-export type CommandBarProps = React.ComponentProps<"div"> & {
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    position?: "bottom" | "top";
-    grouped?: boolean;
-    label?: React.ReactNode;
-};
-declare function CommandBar({ open, position, grouped, label, children, className, ...props }: CommandBarProps): React.JSX.Element | null;
-export { CommandBar };

package/dist/components/navigation/command-bar.js

@@ -1,17 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-//#region src/components/navigation/command-bar.tsx
-function r({ open: r = !0, position: i = "bottom", grouped: a = !1, label: o, children: s, className: c, ...l }) {
-	return r ? /* @__PURE__ */ n("div", {
-		"data-slot": "command-bar",
-		className: e("fixed left-1/2 z-50 flex -translate-x-1/2 items-center gap-2 rounded-full border bg-background/95 px-4 py-2 shadow-lg backdrop-blur supports-[backdrop-filter]:bg-background/60", i === "bottom" ? "bottom-6" : "top-6", a && "gap-3 rounded-[28px] px-3 py-2.5", c),
-		...l,
-		children: [o ? /* @__PURE__ */ t("span", {
-			className: "text-xs font-semibold uppercase tracking-[0.18em] text-muted-foreground",
-			children: o
-		}) : null, s]
-	}) : null;
-}
-//#endregion
-export { r as CommandBar };

package/dist/components/navigation/nav-tabs.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/tabs/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={sm:`h-8 px-3 text-xs`,default:`h-10 px-4 text-sm`,lg:`h-11 px-5 text-base`};function o({items:e,value:r,onValueChange:o,size:s=`default`,fullWidth:c=!1,className:l,...u}){return(0,i.jsx)(n.Tabs,{value:r,onValueChange:e=>o?.(String(e)),"data-slot":`nav-tabs`,className:t.cn(`min-w-0`,c&&`w-full`,l),...u,children:(0,i.jsx)(n.TabsList,{"data-slot":`nav-tabs-list`,variant:`pills`,overflow:`scroll`,className:t.cn(c&&`w-full`),children:e.map(e=>{let l=e.value===r,u=(0,i.jsxs)(i.Fragment,{children:[e.icon?(0,i.jsx)(`span`,{className:`[&_svg]:size-4`,children:e.icon}):null,(0,i.jsx)(`span`,{className:`truncate`,children:e.label})]}),d=t.cn(`min-w-0 disabled:pointer-events-none disabled:opacity-50`,a[s],c&&`flex-1`,l&&`bg-background text-foreground shadow-sm`);return e.href?(0,i.jsx)(n.TabsTrigger,{value:e.value,render:(0,i.jsx)(`a`,{href:e.href,"aria-current":l?`page`:void 0,className:d}),children:u},e.value):(0,i.jsx)(n.TabsTrigger,{value:e.value,disabled:e.disabled,className:d,onClick:()=>o?.(e.value),children:u},e.value)})})})}exports.NavTabs=o;

package/dist/components/navigation/nav-tabs.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-export type NavTabItem = {
-    label: React.ReactNode;
-    value: string;
-    href?: string;
-    icon?: React.ReactNode;
-    disabled?: boolean;
-};
-export type NavTabsProps = React.ComponentProps<"div"> & {
-    items: NavTabItem[];
-    value?: string;
-    onValueChange?: (value: string) => void;
-    size?: "sm" | "default" | "lg";
-    fullWidth?: boolean;
-};
-declare function NavTabs({ items, value, onValueChange, size, fullWidth, className, ...props }: NavTabsProps): React.JSX.Element;
-export { NavTabs };

package/dist/components/navigation/nav-tabs.js

@@ -1,51 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Tabs as t, TabsList as n, TabsTrigger as r } from "../ui/tabs/index.js";
-import "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/navigation/nav-tabs.tsx
-var s = {
-	sm: "h-8 px-3 text-xs",
-	default: "h-10 px-4 text-sm",
-	lg: "h-11 px-5 text-base"
-};
-function c({ items: c, value: l, onValueChange: u, size: d = "default", fullWidth: f = !1, className: p, ...m }) {
-	return /* @__PURE__ */ a(t, {
-		value: l,
-		onValueChange: (e) => u?.(String(e)),
-		"data-slot": "nav-tabs",
-		className: e("min-w-0", f && "w-full", p),
-		...m,
-		children: /* @__PURE__ */ a(n, {
-			"data-slot": "nav-tabs-list",
-			variant: "pills",
-			overflow: "scroll",
-			className: e(f && "w-full"),
-			children: c.map((t) => {
-				let n = t.value === l, c = /* @__PURE__ */ o(i, { children: [t.icon ? /* @__PURE__ */ a("span", {
-					className: "[&_svg]:size-4",
-					children: t.icon
-				}) : null, /* @__PURE__ */ a("span", {
-					className: "truncate",
-					children: t.label
-				})] }), p = e("min-w-0 disabled:pointer-events-none disabled:opacity-50", s[d], f && "flex-1", n && "bg-background text-foreground shadow-sm");
-				return t.href ? /* @__PURE__ */ a(r, {
-					value: t.value,
-					render: /* @__PURE__ */ a("a", {
-						href: t.href,
-						"aria-current": n ? "page" : void 0,
-						className: p
-					}),
-					children: c
-				}, t.value) : /* @__PURE__ */ a(r, {
-					value: t.value,
-					disabled: t.disabled,
-					className: p,
-					onClick: () => u?.(t.value),
-					children: c
-				}, t.value);
-			})
-		})
-	});
-}
-//#endregion
-export { c as NavTabs };

package/dist/components/navigation/page-tabs.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/badge/index.cjs"),r=require("../ui/tabs/index.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime");function o({value:e,items:i,onValueChange:o,variant:s=`underline`,size:c=`default`,className:l,...u}){let d=i.filter(e=>!e.hidden);return(0,a.jsx)(r.Tabs,{value:e,onValueChange:e=>{let t=d.find(t=>t.value===e);t&&o?.(t.value,t)},"data-slot":`page-tabs`,"data-variant":s,className:t.cn(`min-w-0`,l),...u,children:(0,a.jsx)(r.TabsList,{"data-slot":`page-tabs-list`,variant:s===`underline`?`underline`:`pills`,overflow:`scroll`,className:t.cn(`w-full`,s===`cards`&&`gap-2 border-0 bg-transparent p-0 shadow-none`),children:d.map(i=>{let o=i.value===e;return(0,a.jsxs)(r.TabsTrigger,{disabled:i.disabled,value:i.value,"data-slot":`page-tab`,"data-active":o||void 0,className:t.cn(`min-w-0 px-3 disabled:pointer-events-none disabled:opacity-50`,c===`sm`?`h-8`:`h-10`,s===`underline`&&`px-1`,s===`cards`&&`rounded-[var(--radius-2xl)] border border-border/75 bg-card/96 text-muted-foreground shadow-sm ring-1 ring-foreground/4 hover:border-primary/28 hover:text-foreground`,s===`cards`&&o&&`border-primary/50 bg-primary/7 text-foreground`),children:[i.icon,(0,a.jsx)(`span`,{className:`truncate`,children:i.label}),i.badge!==void 0&&(0,a.jsx)(n.Badge,{variant:o&&s===`pills`?`secondary`:`outline`,className:`rounded-full`,children:i.badge})]},i.value)})})})}exports.PageTabs=o;

package/dist/components/navigation/page-tabs.d.ts

@@ -1,18 +0,0 @@
-import * as React from "react";
-export type PageTabItem<TValue extends string = string> = {
-    value: TValue;
-    label: React.ReactNode;
-    icon?: React.ReactNode;
-    badge?: React.ReactNode;
-    disabled?: boolean;
-    hidden?: boolean;
-};
-export type PageTabsProps<TValue extends string = string> = React.ComponentProps<"div"> & {
-    value?: TValue;
-    items: PageTabItem<TValue>[];
-    onValueChange?: (value: TValue, item: PageTabItem<TValue>) => void;
-    variant?: "underline" | "pills" | "cards";
-    size?: "sm" | "default";
-};
-declare function PageTabs<TValue extends string = string>({ value, items, onValueChange, variant, size, className, ...props }: PageTabsProps<TValue>): React.JSX.Element;
-export { PageTabs };

package/dist/components/navigation/page-tabs.js

@@ -1,50 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Badge as t } from "../ui/badge/index.js";
-import { Tabs as n, TabsList as r, TabsTrigger as i } from "../ui/tabs/index.js";
-import "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/components/navigation/page-tabs.tsx
-function s({ value: s, items: c, onValueChange: l, variant: u = "underline", size: d = "default", className: f, ...p }) {
-	let m = c.filter((e) => !e.hidden);
-	return /* @__PURE__ */ a(n, {
-		value: s,
-		onValueChange: (e) => {
-			let t = m.find((t) => t.value === e);
-			t && l?.(t.value, t);
-		},
-		"data-slot": "page-tabs",
-		"data-variant": u,
-		className: e("min-w-0", f),
-		...p,
-		children: /* @__PURE__ */ a(r, {
-			"data-slot": "page-tabs-list",
-			variant: u === "underline" ? "underline" : "pills",
-			overflow: "scroll",
-			className: e("w-full", u === "cards" && "gap-2 border-0 bg-transparent p-0 shadow-none"),
-			children: m.map((n) => {
-				let r = n.value === s;
-				return /* @__PURE__ */ o(i, {
-					disabled: n.disabled,
-					value: n.value,
-					"data-slot": "page-tab",
-					"data-active": r || void 0,
-					className: e("min-w-0 px-3 disabled:pointer-events-none disabled:opacity-50", d === "sm" ? "h-8" : "h-10", u === "underline" && "px-1", u === "cards" && "rounded-[var(--radius-2xl)] border border-border/75 bg-card/96 text-muted-foreground shadow-sm ring-1 ring-foreground/4 hover:border-primary/28 hover:text-foreground", u === "cards" && r && "border-primary/50 bg-primary/7 text-foreground"),
-					children: [
-						n.icon,
-						/* @__PURE__ */ a("span", {
-							className: "truncate",
-							children: n.label
-						}),
-						n.badge !== void 0 && /* @__PURE__ */ a(t, {
-							variant: r && u === "pills" ? "secondary" : "outline",
-							className: "rounded-full",
-							children: n.badge
-						})
-					]
-				}, n.value);
-			})
-		})
-	});
-}
-//#endregion
-export { s as PageTabs };

package/dist/components/navigation/stepper-tabs.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs");let n=require("react");n=e.__toESM(n,1);let r=require("lucide-react"),i=require("react/jsx-runtime");function a({value:e,items:n,onValueChange:a,orientation:o=`horizontal`,compact:s=!1,className:c,...l}){let u=n.filter(e=>!e.hidden);return(0,i.jsx)(`div`,{"data-slot":`stepper-tabs`,"data-orientation":o,className:t.cn(o===`vertical`?`grid gap-2`:`flex flex-wrap gap-2`,c),...l,children:u.map((n,o)=>{let c=n.value===e,l=n.completed;return(0,i.jsxs)(`button`,{type:`button`,disabled:n.disabled,"data-slot":`stepper-tab`,"data-active":c||void 0,"data-completed":l||void 0,className:t.cn(`group flex min-w-0 items-start gap-3 rounded-xl border bg-card text-left shadow-sm transition-colors hover:border-primary/40 disabled:pointer-events-none disabled:opacity-55`,s?`p-3`:`p-4`,c&&`border-primary/60 bg-primary/5`),onClick:()=>a?.(n.value,n),children:[(0,i.jsx)(`span`,{className:t.cn(`flex shrink-0 items-center justify-center rounded-full border bg-background text-xs font-semibold`,s?`size-7`:`size-8`,l&&`border-primary bg-primary text-primary-foreground`,c&&!l&&`border-primary text-primary`),children:l?(0,i.jsx)(r.CheckIcon,{className:`size-4`}):n.icon??o+1}),(0,i.jsxs)(`span`,{className:`min-w-0 space-y-0.5`,children:[(0,i.jsx)(`span`,{className:`block truncate text-sm font-medium text-foreground`,children:n.label}),n.description&&(0,i.jsx)(`span`,{className:`block text-xs leading-5 text-muted-foreground`,children:n.description})]})]},n.value)})})}exports.StepperTabs=a;

package/dist/components/navigation/stepper-tabs.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-export type StepperTabItem<TValue extends string = string> = {
-    value: TValue;
-    label: React.ReactNode;
-    description?: React.ReactNode;
-    icon?: React.ReactNode;
-    completed?: boolean;
-    disabled?: boolean;
-    hidden?: boolean;
-};
-export type StepperTabsProps<TValue extends string = string> = React.ComponentProps<"div"> & {
-    value?: TValue;
-    items: StepperTabItem<TValue>[];
-    onValueChange?: (value: TValue, item: StepperTabItem<TValue>) => void;
-    orientation?: "horizontal" | "vertical";
-    compact?: boolean;
-};
-declare function StepperTabs<TValue extends string = string>({ value, items, onValueChange, orientation, compact, className, ...props }: StepperTabsProps<TValue>): React.JSX.Element;
-export { StepperTabs };

package/dist/components/navigation/stepper-tabs.js

@@ -1,41 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import "react";
-import { CheckIcon as t } from "lucide-react";
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-//#region src/components/navigation/stepper-tabs.tsx
-function i({ value: i, items: a, onValueChange: o, orientation: s = "horizontal", compact: c = !1, className: l, ...u }) {
-	let d = a.filter((e) => !e.hidden);
-	return /* @__PURE__ */ n("div", {
-		"data-slot": "stepper-tabs",
-		"data-orientation": s,
-		className: e(s === "vertical" ? "grid gap-2" : "flex flex-wrap gap-2", l),
-		...u,
-		children: d.map((a, s) => {
-			let l = a.value === i, u = a.completed;
-			return /* @__PURE__ */ r("button", {
-				type: "button",
-				disabled: a.disabled,
-				"data-slot": "stepper-tab",
-				"data-active": l || void 0,
-				"data-completed": u || void 0,
-				className: e("group flex min-w-0 items-start gap-3 rounded-xl border bg-card text-left shadow-sm transition-colors hover:border-primary/40 disabled:pointer-events-none disabled:opacity-55", c ? "p-3" : "p-4", l && "border-primary/60 bg-primary/5"),
-				onClick: () => o?.(a.value, a),
-				children: [/* @__PURE__ */ n("span", {
-					className: e("flex shrink-0 items-center justify-center rounded-full border bg-background text-xs font-semibold", c ? "size-7" : "size-8", u && "border-primary bg-primary text-primary-foreground", l && !u && "border-primary text-primary"),
-					children: u ? /* @__PURE__ */ n(t, { className: "size-4" }) : a.icon ?? s + 1
-				}), /* @__PURE__ */ r("span", {
-					className: "min-w-0 space-y-0.5",
-					children: [/* @__PURE__ */ n("span", {
-						className: "block truncate text-sm font-medium text-foreground",
-						children: a.label
-					}), a.description && /* @__PURE__ */ n("span", {
-						className: "block text-xs leading-5 text-muted-foreground",
-						children: a.description
-					})]
-				})]
-			}, a.value);
-		})
-	});
-}
-//#endregion
-export { i as StepperTabs };

package/dist/components/overlay/dialog-actions.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime");var o={start:`justify-start`,center:`justify-center`,end:`justify-end`,between:`justify-between`};function s({children:e,disabled:t,isLoading:r=!1,loadingLabel:o,className:s,...c}){return(0,a.jsxs)(n.Button,{className:s,disabled:t||r,"aria-busy":r||void 0,...c,children:[r&&(0,a.jsx)(i.Loader2Icon,{"data-icon":`inline-start`,className:`animate-spin`}),r&&o?o:e]})}function c({className:e,align:n=`end`,stackOnMobile:r=!0,...i}){return(0,a.jsx)(`div`,{"data-slot":`dialog-actions`,className:t.cn(`flex items-center gap-2`,r&&`flex-col-reverse sm:flex-row`,!r&&`flex-row`,o[n],e),...i})}exports.DialogActionButton=s,exports.DialogActions=c;

package/dist/components/overlay/dialog-actions.d.ts

@@ -1,14 +0,0 @@
-import * as React from "react";
-import { Button } from "@/components/ui/button";
-type DialogActionsAlign = "start" | "center" | "end" | "between";
-export type DialogActionButtonProps = React.ComponentProps<typeof Button> & {
-    isLoading?: boolean;
-    loadingLabel?: React.ReactNode;
-};
-export type DialogActionsProps = React.ComponentProps<"div"> & {
-    align?: DialogActionsAlign;
-    stackOnMobile?: boolean;
-};
-declare function DialogActionButton({ children, disabled, isLoading, loadingLabel, className, ...props }: DialogActionButtonProps): React.JSX.Element;
-declare function DialogActions({ className, align, stackOnMobile, ...props }: DialogActionsProps): React.JSX.Element;
-export { DialogActions, DialogActionButton };

package/dist/components/overlay/dialog-actions.js

@@ -1,33 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Button as t } from "../ui/button/index.js";
-import "react";
-import { Loader2Icon as n } from "lucide-react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/components/overlay/dialog-actions.tsx
-var a = {
-	start: "justify-start",
-	center: "justify-center",
-	end: "justify-end",
-	between: "justify-between"
-};
-function o({ children: e, disabled: a, isLoading: o = !1, loadingLabel: s, className: c, ...l }) {
-	return /* @__PURE__ */ i(t, {
-		className: c,
-		disabled: a || o,
-		"aria-busy": o || void 0,
-		...l,
-		children: [o && /* @__PURE__ */ r(n, {
-			"data-icon": "inline-start",
-			className: "animate-spin"
-		}), o && s ? s : e]
-	});
-}
-function s({ className: t, align: n = "end", stackOnMobile: i = !0, ...o }) {
-	return /* @__PURE__ */ r("div", {
-		"data-slot": "dialog-actions",
-		className: e("flex items-center gap-2", i && "flex-col-reverse sm:flex-row", !i && "flex-row", a[n], t),
-		...o
-	});
-}
-//#endregion
-export { o as DialogActionButton, s as DialogActions };

package/dist/components/overlay/modal-shell.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/dialog/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("react/jsx-runtime");var a={sm:`sm:max-w-sm`,md:`sm:max-w-lg`,lg:`sm:max-w-2xl`,xl:`sm:max-w-4xl`,full:`sm:max-w-[calc(100vw-2rem)] sm:h-[calc(100vh-2rem)]`};function o(e){return e?r.isValidElement(e)?(0,i.jsx)(n.DialogTrigger,{render:e}):(0,i.jsx)(n.DialogTrigger,{children:e}):null}function s({open:e,defaultOpen:r,onOpenChange:s,trigger:c,title:l,description:u,children:d,footer:f,size:p=`md`,showCloseButton:m=!0,contentClassName:h,headerClassName:g,bodyClassName:_}){let v=!!(l||u);return(0,i.jsxs)(n.Dialog,{open:e,defaultOpen:r,onOpenChange:s,children:[o(c),(0,i.jsxs)(n.DialogContent,{showCloseButton:m,className:t.cn(a[p],h),children:[v&&(0,i.jsxs)(n.DialogHeader,{className:g,children:[l&&(0,i.jsx)(n.DialogTitle,{children:l}),u&&(0,i.jsx)(n.DialogDescription,{children:u})]}),d&&(0,i.jsx)(`div`,{"data-slot":`modal-shell-body`,className:t.cn(`min-w-0`,_),children:d}),f&&(0,i.jsx)(`div`,{"data-slot":`modal-shell-footer`,children:f})]})]})}exports.ModalShell=s;

package/dist/components/overlay/modal-shell.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-type ModalShellSize = "sm" | "md" | "lg" | "xl" | "full";
-export type ModalShellProps = {
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    trigger?: React.ReactNode;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    children?: React.ReactNode;
-    footer?: React.ReactNode;
-    size?: ModalShellSize;
-    showCloseButton?: boolean;
-    contentClassName?: string;
-    headerClassName?: string;
-    bodyClassName?: string;
-};
-declare function ModalShell({ open, defaultOpen, onOpenChange, trigger, title, description, children, footer, size, showCloseButton, contentClassName, headerClassName, bodyClassName, }: ModalShellProps): React.JSX.Element;
-export { ModalShell };
-export type { ModalShellSize };

package/dist/components/overlay/modal-shell.js

@@ -1,44 +0,0 @@
-import { cn as e } from "../../lib/utils.js";
-import { Dialog as t, DialogContent as n, DialogDescription as r, DialogHeader as i, DialogTitle as a, DialogTrigger as o } from "../ui/dialog/index.js";
-import * as s from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-//#region src/components/overlay/modal-shell.tsx
-var u = {
-	sm: "sm:max-w-sm",
-	md: "sm:max-w-lg",
-	lg: "sm:max-w-2xl",
-	xl: "sm:max-w-4xl",
-	full: "sm:max-w-[calc(100vw-2rem)] sm:h-[calc(100vh-2rem)]"
-};
-function d(e) {
-	return e ? s.isValidElement(e) ? /* @__PURE__ */ c(o, { render: e }) : /* @__PURE__ */ c(o, { children: e }) : null;
-}
-function f({ open: o, defaultOpen: s, onOpenChange: f, trigger: p, title: m, description: h, children: g, footer: _, size: v = "md", showCloseButton: y = !0, contentClassName: b, headerClassName: x, bodyClassName: S }) {
-	let C = !!(m || h);
-	return /* @__PURE__ */ l(t, {
-		open: o,
-		defaultOpen: s,
-		onOpenChange: f,
-		children: [d(p), /* @__PURE__ */ l(n, {
-			showCloseButton: y,
-			className: e(u[v], b),
-			children: [
-				C && /* @__PURE__ */ l(i, {
-					className: x,
-					children: [m && /* @__PURE__ */ c(a, { children: m }), h && /* @__PURE__ */ c(r, { children: h })]
-				}),
-				g && /* @__PURE__ */ c("div", {
-					"data-slot": "modal-shell-body",
-					className: e("min-w-0", S),
-					children: g
-				}),
-				_ && /* @__PURE__ */ c("div", {
-					"data-slot": "modal-shell-footer",
-					children: _
-				})
-			]
-		})]
-	});
-}
-//#endregion
-export { f as ModalShell };

package/dist/components/overlay/sheet-shell.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../_virtual/_rolldown/runtime.cjs"),t=require("../../lib/utils.cjs"),n=require("../ui/button/index.cjs");let r=require("react");r=e.__toESM(r,1);let i=require("lucide-react"),a=require("react/jsx-runtime"),o=require("@base-ui/react/dialog");var s=o.Dialog.Root;function c({...e}){return(0,a.jsx)(o.Dialog.Trigger,{"data-slot":`sheet-trigger`,...e})}function l({...e}){return(0,a.jsx)(o.Dialog.Portal,{"data-slot":`sheet-portal`,...e})}function u({...e}){return(0,a.jsx)(o.Dialog.Close,{"data-slot":`sheet-close`,...e})}function d({className:e,...n}){return(0,a.jsx)(o.Dialog.Backdrop,{"data-slot":`sheet-overlay`,className:t.cn(`fixed inset-0 z-50 bg-foreground/12 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0`,e),...n})}var f={top:`inset-x-0 top-0 max-h-[85vh] rounded-b-xl border-b data-open:slide-in-from-top data-closed:slide-out-to-top`,right:`inset-y-0 right-0 h-full w-3/4 max-w-sm border-l data-open:slide-in-from-right data-closed:slide-out-to-right sm:max-w-md`,bottom:`inset-x-0 bottom-0 max-h-[85vh] rounded-t-xl border-t data-open:slide-in-from-bottom data-closed:slide-out-to-bottom`,left:`inset-y-0 left-0 h-full w-3/4 max-w-sm border-r data-open:slide-in-from-left data-closed:slide-out-to-left sm:max-w-md`};function p({className:e,children:r,side:s=`right`,showCloseButton:c=!0,...p}){return(0,a.jsxs)(l,{children:[(0,a.jsx)(d,{}),(0,a.jsxs)(o.Dialog.Popup,{"data-slot":`sheet-content`,className:t.cn(`fixed z-50 flex flex-col gap-4 bg-background p-4 text-foreground shadow-xl outline-none duration-200 data-open:animate-in data-closed:animate-out`,f[s],e),...p,children:[r,c&&(0,a.jsxs)(u,{render:(0,a.jsx)(n.Button,{type:`button`,variant:`ghost`,size:`icon-sm`,className:`absolute right-3 top-3`}),children:[(0,a.jsx)(i.XIcon,{}),(0,a.jsx)(`span`,{className:`sr-only`,children:`Close`})]})]})]})}function m({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`sheet-header`,className:t.cn(`flex flex-col gap-2 pr-8`,e),...n})}function h({className:e,...n}){return(0,a.jsx)(`div`,{"data-slot":`sheet-footer`,className:t.cn(`mt-auto flex flex-col-reverse gap-2 sm:flex-row sm:justify-end`,e),...n})}function g({className:e,...n}){return(0,a.jsx)(o.Dialog.Title,{"data-slot":`sheet-title`,className:t.cn(`font-heading text-base font-medium leading-none`,e),...n})}function _({className:e,...n}){return(0,a.jsx)(o.Dialog.Description,{"data-slot":`sheet-description`,className:t.cn(`text-sm text-muted-foreground`,e),...n})}function v(e){return e?r.isValidElement(e)?(0,a.jsx)(c,{render:e}):(0,a.jsx)(c,{children:e}):null}function y({open:e,defaultOpen:n,onOpenChange:r,trigger:i,title:o,description:c,children:l,footer:u,side:d=`right`,showCloseButton:f=!0,contentClassName:y,headerClassName:b,bodyClassName:x}){let S=!!(o||c);return(0,a.jsxs)(s,{open:e,defaultOpen:n,onOpenChange:r,children:[v(i),(0,a.jsxs)(p,{side:d,showCloseButton:f,className:y,children:[S&&(0,a.jsxs)(m,{className:b,children:[o&&(0,a.jsx)(g,{children:o}),c&&(0,a.jsx)(_,{children:c})]}),l&&(0,a.jsx)(`div`,{"data-slot":`sheet-shell-body`,className:t.cn(`min-w-0 flex-1`,x),children:l}),u&&(0,a.jsx)(h,{children:u})]})]})}exports.Sheet=s,exports.SheetClose=u,exports.SheetContent=p,exports.SheetDescription=_,exports.SheetFooter=h,exports.SheetHeader=m,exports.SheetOverlay=d,exports.SheetPortal=l,exports.SheetShell=y,exports.SheetTitle=g,exports.SheetTrigger=c;

package/dist/components/overlay/sheet-shell.d.ts

@@ -1,34 +0,0 @@
-import * as React from "react";
-import { Dialog as DialogPrimitive } from "@base-ui/react/dialog";
-type SheetSide = "top" | "right" | "bottom" | "left";
-type SheetShellProps = {
-    open?: boolean;
-    defaultOpen?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    trigger?: React.ReactNode;
-    title?: React.ReactNode;
-    description?: React.ReactNode;
-    children?: React.ReactNode;
-    footer?: React.ReactNode;
-    side?: SheetSide;
-    showCloseButton?: boolean;
-    contentClassName?: string;
-    headerClassName?: string;
-    bodyClassName?: string;
-};
-declare const Sheet: typeof DialogPrimitive.Root;
-declare function SheetTrigger({ ...props }: DialogPrimitive.Trigger.Props): React.JSX.Element;
-declare function SheetPortal({ ...props }: DialogPrimitive.Portal.Props): React.JSX.Element;
-declare function SheetClose({ ...props }: DialogPrimitive.Close.Props): React.JSX.Element;
-declare function SheetOverlay({ className, ...props }: DialogPrimitive.Backdrop.Props): React.JSX.Element;
-declare function SheetContent({ className, children, side, showCloseButton, ...props }: DialogPrimitive.Popup.Props & {
-    side?: SheetSide;
-    showCloseButton?: boolean;
-}): React.JSX.Element;
-declare function SheetHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SheetFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function SheetTitle({ className, ...props }: DialogPrimitive.Title.Props): React.JSX.Element;
-declare function SheetDescription({ className, ...props }: DialogPrimitive.Description.Props): React.JSX.Element;
-declare function SheetShell({ open, defaultOpen, onOpenChange, trigger, title, description, children, footer, side, showCloseButton, contentClassName, headerClassName, bodyClassName, }: SheetShellProps): React.JSX.Element;
-export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetShell, SheetTitle, SheetTrigger, };
-export type { SheetShellProps, SheetSide };