@bzync/rui 0.0.3

package/dist/components/billing-interval-toggle.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n=[{value:`monthly`,label:`Monthly`},{value:`quarterly`,label:`Quarterly`},{value:`yearly`,label:`Annually`}];function r({value:r,onChange:i,options:a=n,disabled:o=!1,size:s=`sm`,className:c}){let l=s===`lg`;return(0,t.jsx)(`div`,{className:e.t(`inline-flex items-center rounded-lg border border-black/[0.08] dark:border-white/[0.08]`,l?`rounded-xl bg-black/[0.025] dark:bg-white/[0.025] p-0.5 gap-0.5 sm:p-1 sm:gap-1`:`bg-black/[0.02] dark:bg-white/[0.03] p-0.5`,c),children:a.map(n=>{let a=r===n.value;return(0,t.jsxs)(`button`,{type:`button`,onClick:()=>!o&&i(n.value),disabled:o,className:e.t(`flex items-center justify-center rounded-md font-medium transition-[background-color,border-color,opacity,transform] duration-200`,`focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35`,l?`flex-col gap-0.5 px-2 py-1.5 text-[11px] rounded-lg sm:flex-row sm:gap-2 sm:px-4 sm:py-2 sm:text-sm`:`px-3 py-1 text-xs`,o&&`opacity-50 cursor-not-allowed`,a?l?`bg-primary text-primary-foreground shadow-xs`:`bg-white dark:bg-white/10 text-slate-900 dark:text-white shadow-sm`:`text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white`),children:[n.label,n.badge&&(0,t.jsx)(`span`,{className:e.t(`rounded-full px-1 py-0.5 text-[9px] font-bold border transition-colors sm:px-1.5 sm:text-[10px]`,a?`bg-white/[0.18] text-white border-white/25`:`bg-green-500/[0.12] text-green-600 dark:text-green-400 border-green-500/20`),children:n.badge})]},n.value)})})}exports.BillingIntervalToggle=r;

package/dist/components/billing-interval-toggle.d.ts

@@ -0,0 +1,18 @@
+export type BillingInterval = "monthly" | "quarterly" | "yearly";
+export interface BillingIntervalToggleOption {
+    value: BillingInterval;
+    label: string;
+    badge?: string;
+}
+export interface BillingIntervalToggleProps {
+    value: BillingInterval;
+    onChange: (interval: BillingInterval) => void;
+    options?: BillingIntervalToggleOption[];
+    disabled?: boolean;
+    /** "sm" (default) matches the subtle inline pill used in onboarding/billing
+     * pages; "lg" matches the bolder blue-accent pill used on the marketing
+     * pricing section. */
+    size?: "sm" | "lg";
+    className?: string;
+}
+export declare function BillingIntervalToggle({ value, onChange, options, disabled, size, className, }: BillingIntervalToggleProps): import("react").JSX.Element;

package/dist/components/billing-interval-toggle.js

@@ -0,0 +1,39 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/billing-interval-toggle.tsx
+var r = [
+	{
+		value: "monthly",
+		label: "Monthly"
+	},
+	{
+		value: "quarterly",
+		label: "Quarterly"
+	},
+	{
+		value: "yearly",
+		label: "Annually"
+	}
+];
+function i({ value: i, onChange: a, options: o = r, disabled: s = !1, size: c = "sm", className: l }) {
+	let u = c === "lg";
+	return /* @__PURE__ */ t("div", {
+		className: e("inline-flex items-center rounded-lg border border-black/[0.08] dark:border-white/[0.08]", u ? "rounded-xl bg-black/[0.025] dark:bg-white/[0.025] p-0.5 gap-0.5 sm:p-1 sm:gap-1" : "bg-black/[0.02] dark:bg-white/[0.03] p-0.5", l),
+		children: o.map((r) => {
+			let o = i === r.value;
+			return /* @__PURE__ */ n("button", {
+				type: "button",
+				onClick: () => !s && a(r.value),
+				disabled: s,
+				className: e("flex items-center justify-center rounded-md font-medium transition-[background-color,border-color,opacity,transform] duration-200", "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus-ring/35", u ? "flex-col gap-0.5 px-2 py-1.5 text-[11px] rounded-lg sm:flex-row sm:gap-2 sm:px-4 sm:py-2 sm:text-sm" : "px-3 py-1 text-xs", s && "opacity-50 cursor-not-allowed", o ? u ? "bg-primary text-primary-foreground shadow-xs" : "bg-white dark:bg-white/10 text-slate-900 dark:text-white shadow-sm" : "text-slate-500 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white"),
+				children: [r.label, r.badge && /* @__PURE__ */ t("span", {
+					className: e("rounded-full px-1 py-0.5 text-[9px] font-bold border transition-colors sm:px-1.5 sm:text-[10px]", o ? "bg-white/[0.18] text-white border-white/25" : "bg-green-500/[0.12] text-green-600 dark:text-green-400 border-green-500/20"),
+					children: r.badge
+				})]
+			}, r.value);
+		})
+	});
+}
+//#endregion
+export { i as BillingIntervalToggle };

package/dist/components/breadcrumb.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("react/jsx-runtime");var r=()=>(0,n.jsx)(`svg`,{width:`12`,height:`12`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,className:`text-slate-400`,children:(0,n.jsx)(`path`,{d:`m9 18 6-6-6-6`})});function i({items:i,separator:a,className:o,...s}){return(0,n.jsx)(`nav`,{"aria-label":`Breadcrumb`,className:e.t(`flex min-w-0`,o),...s,children:(0,n.jsx)(`ol`,{className:`flex min-w-0 items-center gap-1.5 overflow-x-auto`,children:i.map((o,s)=>{let c=s===i.length-1;return(0,n.jsxs)(`li`,{className:`flex items-center gap-1.5`,children:[s>0&&(0,n.jsx)(`span`,{className:`flex items-center shrink-0`,children:a??(0,n.jsx)(r,{})}),o.href&&!c?(0,n.jsxs)(`a`,{href:o.href,className:e.t(`flex items-center gap-1 rounded-sm text-sm text-muted-foreground hover:text-foreground transition-colors`,t.s),children:[o.icon&&(0,n.jsx)(`span`,{className:`shrink-0`,children:o.icon}),o.label]}):(0,n.jsxs)(`span`,{className:e.t(`flex items-center gap-1 text-sm`,c?`text-foreground font-medium`:`text-muted-foreground`),"aria-current":c?`page`:void 0,children:[o.icon&&(0,n.jsx)(`span`,{className:`shrink-0`,children:o.icon}),o.label]})]},s)})})})}exports.Breadcrumb=i;

package/dist/components/breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BreadcrumbItem {
+    label: string;
+    href?: string;
+    icon?: ReactNode;
+}
+export interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
+    items: BreadcrumbItem[];
+    separator?: ReactNode;
+}
+export declare function Breadcrumb({ items, separator, className, ...props }: BreadcrumbProps): import("react").JSX.Element;

package/dist/components/breadcrumb.js

@@ -0,0 +1,52 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { s as t } from "../component-styles-Ce56hn9T.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/breadcrumb.tsx
+var i = () => /* @__PURE__ */ n("svg", {
+	width: "12",
+	height: "12",
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: "2",
+	strokeLinecap: "round",
+	strokeLinejoin: "round",
+	className: "text-slate-400",
+	children: /* @__PURE__ */ n("path", { d: "m9 18 6-6-6-6" })
+});
+function a({ items: a, separator: o, className: s, ...c }) {
+	return /* @__PURE__ */ n("nav", {
+		"aria-label": "Breadcrumb",
+		className: e("flex min-w-0", s),
+		...c,
+		children: /* @__PURE__ */ n("ol", {
+			className: "flex min-w-0 items-center gap-1.5 overflow-x-auto",
+			children: a.map((s, c) => {
+				let l = c === a.length - 1;
+				return /* @__PURE__ */ r("li", {
+					className: "flex items-center gap-1.5",
+					children: [c > 0 && /* @__PURE__ */ n("span", {
+						className: "flex items-center shrink-0",
+						children: o ?? /* @__PURE__ */ n(i, {})
+					}), s.href && !l ? /* @__PURE__ */ r("a", {
+						href: s.href,
+						className: e("flex items-center gap-1 rounded-sm text-sm text-muted-foreground hover:text-foreground transition-colors", t),
+						children: [s.icon && /* @__PURE__ */ n("span", {
+							className: "shrink-0",
+							children: s.icon
+						}), s.label]
+					}) : /* @__PURE__ */ r("span", {
+						className: e("flex items-center gap-1 text-sm", l ? "text-foreground font-medium" : "text-muted-foreground"),
+						"aria-current": l ? "page" : void 0,
+						children: [s.icon && /* @__PURE__ */ n("span", {
+							className: "shrink-0",
+							children: s.icon
+						}), s.label]
+					})]
+				}, c);
+			})
+		})
+	});
+}
+//#endregion
+export { a as Breadcrumb };

package/dist/components/button.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs"),t=require("../component-styles-TkZ7v6Ef.cjs");let n=require("react"),r=require("react/jsx-runtime");var i={primary:[`bg-primary hover:bg-primary-hover active:bg-primary-hover`,`text-primary-foreground font-semibold`,`border border-transparent shadow-xs`].join(` `),secondary:[`bg-surface hover:bg-surface-muted active:bg-muted`,`text-foreground font-medium`,`border border-border hover:border-border-strong shadow-xs`].join(` `),ghost:[`bg-transparent`,`hover:bg-muted active:bg-surface-muted`,`text-muted-foreground font-medium hover:text-foreground`].join(` `),outline:[`bg-transparent`,`border border-border-strong hover:border-foreground/35`,`text-foreground font-medium hover:bg-muted`].join(` `),destructive:[`bg-destructive hover:bg-destructive-hover active:bg-destructive-hover`,`text-destructive-foreground font-semibold`,`border border-transparent shadow-xs`].join(` `),link:`h-auto bg-transparent p-0 text-accent-700 underline-offset-4 hover:underline dark:text-accent-300`},a={sm:`h-8 px-3 text-xs rounded-[var(--radius-md)] gap-1.5`,md:`h-9 px-4 text-sm rounded-[var(--radius-lg)] gap-2`,lg:`h-10 px-5 text-sm rounded-[var(--radius-lg)] gap-2.5`,icon:`size-9 rounded-[var(--radius-md)] p-0`},o=(0,n.forwardRef)(({className:n,variant:o=`primary`,size:s=`md`,loading:c=!1,icon:l,iconPosition:u=`left`,variantClassName:d,unstyled:f=!1,children:p,disabled:m,type:h=`button`,...g},_)=>{let v=m||c;return f?(0,r.jsx)(`button`,{ref:_,type:h,disabled:v,className:e.t(n,d),...g,children:c?`Loading…`:p}):(0,r.jsxs)(`button`,{ref:_,type:h,"data-loading":c||void 0,className:e.t(`inline-flex items-center justify-center cursor-pointer select-none whitespace-nowrap`,`transition-[color,background-color,border-color,box-shadow,transform] duration-150 active:enabled:translate-y-px`,`disabled:opacity-40 disabled:cursor-not-allowed`,t.s,i[o],d,a[s],n),disabled:v,"aria-busy":c||void 0,...g,children:[c&&(0,r.jsxs)(`svg`,{className:`animate-spin shrink-0 w-3.5 h-3.5`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,r.jsx)(`circle`,{className:`opacity-25`,cx:`12`,cy:`12`,r:`10`,stroke:`currentColor`,strokeWidth:`4`}),(0,r.jsx)(`path`,{className:`opacity-75`,fill:`currentColor`,d:`M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z`})]}),!c&&l&&u===`left`&&(0,r.jsx)(`span`,{className:`shrink-0`,children:l}),p&&(0,r.jsx)(`span`,{children:p}),!c&&l&&u===`right`&&(0,r.jsx)(`span`,{className:`shrink-0`,children:l})]})});o.displayName=`Button`;var s=(0,n.memo)(o);exports.Button=s,exports.buttonSizes=a,exports.buttonVariants=i;

package/dist/components/button.d.ts

@@ -0,0 +1,17 @@
+import { ButtonHTMLAttributes, ReactNode } from 'react';
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "outline" | "destructive" | "link";
+export type ButtonSize = "sm" | "md" | "lg" | "icon";
+export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+    children?: ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    loading?: boolean;
+    icon?: ReactNode;
+    iconPosition?: "left" | "right";
+    /** End-to-end override */
+    variantClassName?: string;
+    unstyled?: boolean;
+}
+export declare const buttonVariants: Record<ButtonVariant, string>;
+export declare const buttonSizes: Record<ButtonSize, string>;
+export declare const Button: import('react').NamedExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

package/dist/components/button.js

@@ -0,0 +1,90 @@
+"use client";
+import { t as e } from "../cn-DpgY2leY.js";
+import { s as t } from "../component-styles-Ce56hn9T.js";
+import { forwardRef as n, memo as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/button.tsx
+var o = {
+	primary: [
+		"bg-primary hover:bg-primary-hover active:bg-primary-hover",
+		"text-primary-foreground font-semibold",
+		"border border-transparent shadow-xs"
+	].join(" "),
+	secondary: [
+		"bg-surface hover:bg-surface-muted active:bg-muted",
+		"text-foreground font-medium",
+		"border border-border hover:border-border-strong shadow-xs"
+	].join(" "),
+	ghost: [
+		"bg-transparent",
+		"hover:bg-muted active:bg-surface-muted",
+		"text-muted-foreground font-medium hover:text-foreground"
+	].join(" "),
+	outline: [
+		"bg-transparent",
+		"border border-border-strong hover:border-foreground/35",
+		"text-foreground font-medium hover:bg-muted"
+	].join(" "),
+	destructive: [
+		"bg-destructive hover:bg-destructive-hover active:bg-destructive-hover",
+		"text-destructive-foreground font-semibold",
+		"border border-transparent shadow-xs"
+	].join(" "),
+	link: "h-auto bg-transparent p-0 text-accent-700 underline-offset-4 hover:underline dark:text-accent-300"
+}, s = {
+	sm: "h-8 px-3 text-xs rounded-[var(--radius-md)] gap-1.5",
+	md: "h-9 px-4 text-sm rounded-[var(--radius-lg)] gap-2",
+	lg: "h-10 px-5 text-sm rounded-[var(--radius-lg)] gap-2.5",
+	icon: "size-9 rounded-[var(--radius-md)] p-0"
+}, c = n(({ className: n, variant: r = "primary", size: c = "md", loading: l = !1, icon: u, iconPosition: d = "left", variantClassName: f, unstyled: p = !1, children: m, disabled: h, type: g = "button", ..._ }, v) => {
+	let y = h || l;
+	return p ? /* @__PURE__ */ i("button", {
+		ref: v,
+		type: g,
+		disabled: y,
+		className: e(n, f),
+		..._,
+		children: l ? "Loading…" : m
+	}) : /* @__PURE__ */ a("button", {
+		ref: v,
+		type: g,
+		"data-loading": l || void 0,
+		className: e("inline-flex items-center justify-center cursor-pointer select-none whitespace-nowrap", "transition-[color,background-color,border-color,box-shadow,transform] duration-150 active:enabled:translate-y-px", "disabled:opacity-40 disabled:cursor-not-allowed", t, o[r], f, s[c], n),
+		disabled: y,
+		"aria-busy": l || void 0,
+		..._,
+		children: [
+			l && /* @__PURE__ */ a("svg", {
+				className: "animate-spin shrink-0 w-3.5 h-3.5",
+				viewBox: "0 0 24 24",
+				fill: "none",
+				"aria-hidden": "true",
+				children: [/* @__PURE__ */ i("circle", {
+					className: "opacity-25",
+					cx: "12",
+					cy: "12",
+					r: "10",
+					stroke: "currentColor",
+					strokeWidth: "4"
+				}), /* @__PURE__ */ i("path", {
+					className: "opacity-75",
+					fill: "currentColor",
+					d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
+				})]
+			}),
+			!l && u && d === "left" && /* @__PURE__ */ i("span", {
+				className: "shrink-0",
+				children: u
+			}),
+			m && /* @__PURE__ */ i("span", { children: m }),
+			!l && u && d === "right" && /* @__PURE__ */ i("span", {
+				className: "shrink-0",
+				children: u
+			})
+		]
+	});
+});
+c.displayName = "Button";
+var l = r(c);
+//#endregion
+export { l as Button, s as buttonSizes, o as buttonVariants };

package/dist/components/calendar/month-view.d.ts

@@ -0,0 +1,17 @@
+import { CalendarEvent } from './types';
+interface MonthViewProps {
+    viewDate: Date;
+    today: Date | null;
+    value: Date | null;
+    events: CalendarEvent[];
+    onSelect: (d: Date) => void;
+    onEventClick?: (ev: CalendarEvent) => void;
+    isDateDisabled?: (d: Date) => boolean;
+    onEventCreate?: (d: Date) => void;
+    onEventDelete?: (id: string) => void;
+    editingId?: string | null;
+    onEditToggle?: (id: string) => void;
+    onUpdateTitle?: (id: string, title: string) => void;
+}
+export declare function MonthView({ viewDate, today, value, events, onSelect, onEventClick, isDateDisabled, onEventCreate, onEventDelete, editingId, onEditToggle, onUpdateTitle }: MonthViewProps): import("react").JSX.Element;
+export {};

package/dist/components/calendar/types.d.ts

@@ -0,0 +1,54 @@
+export declare const DAYS_SHORT: string[];
+export declare const DAYS_MED: string[];
+export declare const MONTHS: string[];
+export type CalendarView = "month" | "week";
+export interface CalendarEvent {
+    id: string;
+    title: string;
+    date: Date;
+    color?: "blue" | "green" | "red" | "yellow" | "purple" | "orange";
+    time?: string;
+}
+export interface CalendarProps {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (date: Date | null) => void;
+    events?: CalendarEvent[];
+    defaultEvents?: CalendarEvent[];
+    onEventsChange?: (events: CalendarEvent[]) => void;
+    onEventClick?: (event: CalendarEvent) => void;
+    onEventCreate?: (event: CalendarEvent) => void;
+    onEventUpdate?: (event: CalendarEvent) => void;
+    onEventDelete?: (id: string) => void;
+    editable?: boolean;
+    view?: CalendarView;
+    defaultView?: CalendarView;
+    onViewChange?: (view: CalendarView) => void;
+    /** Controlled displayed month/week anchor. When provided, prev/next/Today are controlled via onViewDateChange. */
+    viewDate?: Date | null;
+    defaultViewDate?: Date | null;
+    onViewDateChange?: (date: Date) => void;
+    /** Disable dates outside range or via predicate — passed to month/week cells. */
+    minDate?: Date | null;
+    maxDate?: Date | null;
+    disabledDates?: (date: Date) => boolean;
+    className?: string;
+}
+export declare const EVENT_CHIP: Record<string, string>;
+export declare function sameDay(a: Date, b: Date): boolean;
+export declare function addDays(d: Date, n: number): Date;
+export declare function weekStart(d: Date): Date;
+export declare const variants: {
+    enter: (dir: number) => {
+        opacity: number;
+        x: number;
+    };
+    center: {
+        opacity: number;
+        x: number;
+    };
+    exit: (dir: number) => {
+        opacity: number;
+        x: number;
+    };
+};

package/dist/components/calendar/week-view.d.ts

@@ -0,0 +1,17 @@
+import { CalendarEvent } from './types';
+interface WeekViewProps {
+    viewDate: Date;
+    today: Date | null;
+    value: Date | null;
+    events: CalendarEvent[];
+    onSelect: (d: Date) => void;
+    onEventClick?: (ev: CalendarEvent) => void;
+    isDateDisabled?: (d: Date) => boolean;
+    onEventCreate?: (d: Date) => void;
+    onEventDelete?: (id: string) => void;
+    editingId?: string | null;
+    onEditToggle?: (id: string) => void;
+    onUpdateTitle?: (id: string, title: string) => void;
+}
+export declare function WeekView({ viewDate, today, value, events, onSelect, onEventClick, isDateDisabled, onEventCreate, onEventDelete, editingId, onEditToggle, onUpdateTitle }: WeekViewProps): import("react").JSX.Element;
+export {};

package/dist/components/calendar.cjs

@@ -0,0 +1 @@
+"use client";Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../calendar-Bnld4G59.cjs");exports.Calendar=e.t;

package/dist/components/calendar.d.ts

@@ -0,0 +1,3 @@
+import { CalendarProps } from './calendar/types';
+export type { CalendarView, CalendarEvent, CalendarProps } from './calendar/types';
+export declare function Calendar({ value: controlledValue, defaultValue, onChange, events: controlledEvents, defaultEvents, onEventsChange, onEventClick, onEventCreate, onEventUpdate, onEventDelete, editable, view: controlledView, defaultView, onViewChange, viewDate: controlledViewDate, defaultViewDate, onViewDateChange, minDate, maxDate, disabledDates, className, }: CalendarProps): import("react").JSX.Element;

package/dist/components/calendar.js

@@ -0,0 +1,3 @@
+"use client";
+import { t as e } from "../calendar-CdICOROs.js";
+export { e as Calendar };

package/dist/components/callout.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={default:{wrap:`bg-black/4 dark:bg-white/4 border-black/12 dark:border-white/12`,icon:`text-slate-500`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,t.jsx)(`path`,{d:`M12 16v-4`}),(0,t.jsx)(`path`,{d:`M12 8h.01`})]})},info:{wrap:`bg-sky-500/8 border-sky-500/20`,icon:`text-sky-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,t.jsx)(`path`,{d:`M12 16v-4`}),(0,t.jsx)(`path`,{d:`M12 8h.01`})]})},success:{wrap:`bg-emerald-500/8 border-emerald-500/20`,icon:`text-emerald-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`path`,{d:`M22 11.08V12a10 10 0 1 1-5.93-9.14`}),(0,t.jsx)(`path`,{d:`m9 11 3 3L22 4`})]})},warning:{wrap:`bg-amber-500/8 border-amber-500/20`,icon:`text-amber-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`}),(0,t.jsx)(`path`,{d:`M12 9v4`}),(0,t.jsx)(`path`,{d:`M12 17h.01`})]})},error:{wrap:`bg-red-500/8 border-red-500/20`,icon:`text-red-400`,defaultIcon:(0,t.jsxs)(`svg`,{width:`15`,height:`15`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`,strokeLinejoin:`round`,children:[(0,t.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10`}),(0,t.jsx)(`path`,{d:`m15 9-6 6`}),(0,t.jsx)(`path`,{d:`m9 9 6 6`})]})}};function r({variant:r=`info`,icon:i,title:a,className:o,children:s,...c}){let{wrap:l,icon:u,defaultIcon:d}=n[r];return(0,t.jsxs)(`div`,{className:e.t(`flex gap-3 rounded-xl border px-4 py-3.5`,l,o),role:`note`,...c,children:[(0,t.jsx)(`span`,{className:e.t(`shrink-0 mt-0.5`,u),children:i??d}),(0,t.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[a&&(0,t.jsx)(`p`,{className:`text-sm font-semibold text-gray-900 dark:text-white mb-0.5 leading-snug`,children:a}),(0,t.jsx)(`div`,{className:`text-sm leading-relaxed text-slate-600 dark:text-slate-400`,children:s})]})]})}exports.Callout=r;

package/dist/components/callout.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+type CalloutVariant = "info" | "success" | "warning" | "error" | "default";
+export interface CalloutProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: CalloutVariant;
+    icon?: ReactNode;
+    title?: string;
+}
+export declare function Callout({ variant, icon, title, className, children, ...props }: CalloutProps): import("react").JSX.Element;
+export {};

package/dist/components/callout.js

@@ -0,0 +1,131 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/callout.tsx
+var r = {
+	default: {
+		wrap: "bg-black/4 dark:bg-white/4 border-black/12 dark:border-white/12",
+		icon: "text-slate-500",
+		defaultIcon: /* @__PURE__ */ n("svg", {
+			width: "15",
+			height: "15",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [
+				/* @__PURE__ */ t("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}),
+				/* @__PURE__ */ t("path", { d: "M12 16v-4" }),
+				/* @__PURE__ */ t("path", { d: "M12 8h.01" })
+			]
+		})
+	},
+	info: {
+		wrap: "bg-sky-500/8 border-sky-500/20",
+		icon: "text-sky-400",
+		defaultIcon: /* @__PURE__ */ n("svg", {
+			width: "15",
+			height: "15",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [
+				/* @__PURE__ */ t("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}),
+				/* @__PURE__ */ t("path", { d: "M12 16v-4" }),
+				/* @__PURE__ */ t("path", { d: "M12 8h.01" })
+			]
+		})
+	},
+	success: {
+		wrap: "bg-emerald-500/8 border-emerald-500/20",
+		icon: "text-emerald-400",
+		defaultIcon: /* @__PURE__ */ n("svg", {
+			width: "15",
+			height: "15",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [/* @__PURE__ */ t("path", { d: "M22 11.08V12a10 10 0 1 1-5.93-9.14" }), /* @__PURE__ */ t("path", { d: "m9 11 3 3L22 4" })]
+		})
+	},
+	warning: {
+		wrap: "bg-amber-500/8 border-amber-500/20",
+		icon: "text-amber-400",
+		defaultIcon: /* @__PURE__ */ n("svg", {
+			width: "15",
+			height: "15",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [
+				/* @__PURE__ */ t("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
+				/* @__PURE__ */ t("path", { d: "M12 9v4" }),
+				/* @__PURE__ */ t("path", { d: "M12 17h.01" })
+			]
+		})
+	},
+	error: {
+		wrap: "bg-red-500/8 border-red-500/20",
+		icon: "text-red-400",
+		defaultIcon: /* @__PURE__ */ n("svg", {
+			width: "15",
+			height: "15",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			children: [
+				/* @__PURE__ */ t("circle", {
+					cx: "12",
+					cy: "12",
+					r: "10"
+				}),
+				/* @__PURE__ */ t("path", { d: "m15 9-6 6" }),
+				/* @__PURE__ */ t("path", { d: "m9 9 6 6" })
+			]
+		})
+	}
+};
+function i({ variant: i = "info", icon: a, title: o, className: s, children: c, ...l }) {
+	let { wrap: u, icon: d, defaultIcon: f } = r[i];
+	return /* @__PURE__ */ n("div", {
+		className: e("flex gap-3 rounded-xl border px-4 py-3.5", u, s),
+		role: "note",
+		...l,
+		children: [/* @__PURE__ */ t("span", {
+			className: e("shrink-0 mt-0.5", d),
+			children: a ?? f
+		}), /* @__PURE__ */ n("div", {
+			className: "flex-1 min-w-0",
+			children: [o && /* @__PURE__ */ t("p", {
+				className: "text-sm font-semibold text-gray-900 dark:text-white mb-0.5 leading-snug",
+				children: o
+			}), /* @__PURE__ */ t("div", {
+				className: "text-sm leading-relaxed text-slate-600 dark:text-slate-400",
+				children: c
+			})]
+		})]
+	});
+}
+//#endregion
+export { i as Callout };

package/dist/components/card.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../cn-BdjraxxU.cjs");let t=require("react/jsx-runtime");var n={default:`rounded-[var(--radius-xl)] border border-border bg-surface shadow-raised`,elevated:`rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-floating`,bordered:`rounded-[var(--radius-xl)] border border-border bg-transparent`,glass:`portal-panel rounded-[var(--radius-xl)] border`,flush:`rounded-[var(--radius-lg)] bg-surface`};function r({variant:r=`default`,variantClassName:i,unstyled:a=!1,className:o,children:s,...c}){return a?(0,t.jsx)(`div`,{className:e.t(o,i),...c,children:s}):(0,t.jsx)(`div`,{"data-variant":r,className:e.t(n[r],i,o),...c,children:s})}function i({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`px-4 py-3 sm:px-5 sm:py-4`,`border-b border-border`,n),...i,children:r})}function a({as:n=`h3`,className:r,children:i,...a}){return(0,t.jsx)(n,{className:e.t(`text-sm font-semibold leading-5 text-foreground`,r),...a,children:i})}function o({className:n,children:r,...i}){return(0,t.jsx)(`p`,{className:e.t(`mt-1 text-sm leading-5 text-muted-foreground`,n),...i,children:r})}function s({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`px-4 py-3 sm:px-5 sm:py-4`,n),...i,children:r})}function c({className:n,children:r,...i}){return(0,t.jsx)(`div`,{className:e.t(`px-4 py-3 sm:px-5 sm:py-3`,`border-t border-border`,`flex flex-wrap items-center gap-2 sm:gap-3`,n),...i,children:r})}exports.Card=r,exports.CardBody=s,exports.CardDescription=o,exports.CardFooter=c,exports.CardHeader=i,exports.CardTitle=a,exports.cardVariants=n;

package/dist/components/card.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+export type CardVariant = "default" | "elevated" | "bordered" | "glass" | "flush";
+export interface CardProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: CardVariant;
+    /** Override variant styling end-to-end */
+    variantClassName?: string;
+    unstyled?: boolean;
+}
+export declare const cardVariants: Record<CardVariant, string>;
+export declare function Card({ variant, variantClassName, unstyled, className, children, ...props }: CardProps): import("react").JSX.Element;
+export declare function CardHeader({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardTitle({ as: Tag, className, children, ...props }: HTMLAttributes<HTMLHeadingElement> & {
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "p";
+}): import("react").JSX.Element;
+export declare function CardDescription({ className, children, ...props }: HTMLAttributes<HTMLParagraphElement>): import("react").JSX.Element;
+export declare function CardBody({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;
+export declare function CardFooter({ className, children, ...props }: HTMLAttributes<HTMLDivElement>): import("react").JSX.Element;

package/dist/components/card.js

@@ -0,0 +1,59 @@
+import { t as e } from "../cn-DpgY2leY.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/components/card.tsx
+var n = {
+	default: "rounded-[var(--radius-xl)] border border-border bg-surface shadow-raised",
+	elevated: "rounded-[var(--radius-xl)] border border-border bg-surface-raised shadow-floating",
+	bordered: "rounded-[var(--radius-xl)] border border-border bg-transparent",
+	glass: "portal-panel rounded-[var(--radius-xl)] border",
+	flush: "rounded-[var(--radius-lg)] bg-surface"
+};
+function r({ variant: r = "default", variantClassName: i, unstyled: a = !1, className: o, children: s, ...c }) {
+	return a ? /* @__PURE__ */ t("div", {
+		className: e(o, i),
+		...c,
+		children: s
+	}) : /* @__PURE__ */ t("div", {
+		"data-variant": r,
+		className: e(n[r], i, o),
+		...c,
+		children: s
+	});
+}
+function i({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("px-4 py-3 sm:px-5 sm:py-4", "border-b border-border", n),
+		...i,
+		children: r
+	});
+}
+function a({ as: n = "h3", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ t(n, {
+		className: e("text-sm font-semibold leading-5 text-foreground", r),
+		...a,
+		children: i
+	});
+}
+function o({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("p", {
+		className: e("mt-1 text-sm leading-5 text-muted-foreground", n),
+		...i,
+		children: r
+	});
+}
+function s({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("px-4 py-3 sm:px-5 sm:py-4", n),
+		...i,
+		children: r
+	});
+}
+function c({ className: n, children: r, ...i }) {
+	return /* @__PURE__ */ t("div", {
+		className: e("px-4 py-3 sm:px-5 sm:py-3", "border-t border-border", "flex flex-wrap items-center gap-2 sm:gap-3", n),
+		...i,
+		children: r
+	});
+}
+//#endregion
+export { r as Card, s as CardBody, o as CardDescription, c as CardFooter, i as CardHeader, a as CardTitle, n as cardVariants };

package/dist/components/charts/bar-chart.d.ts

@@ -0,0 +1,16 @@
+import { ChartDataPoint } from './shared';
+export interface BarChartProps {
+    data: ChartDataPoint[];
+    height?: number;
+    /** Color applied to all bars unless each data point specifies its own */
+    color?: string;
+    /** Show value label on each bar */
+    showValues?: boolean;
+    /** Number of gridlines */
+    gridLines?: number;
+    /** "vertical" (default) = columns; "horizontal" = rows */
+    orientation?: "vertical" | "horizontal";
+    className?: string;
+    formatValue?: (v: number) => string;
+}
+export declare function BarChart({ data, height, color, showValues, gridLines, orientation, className, formatValue, }: BarChartProps): import("react").JSX.Element;

package/dist/components/charts/donut-chart.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { ChartDataPoint } from './shared';
+export interface DonutChartProps {
+    data: ChartDataPoint[];
+    size?: number;
+    thickness?: number;
+    centerLabel?: ReactNode;
+    className?: string;
+}
+export declare function DonutChart({ data, size, thickness, centerLabel, className, }: DonutChartProps): import("react").JSX.Element;

package/dist/components/charts/funnel-chart.d.ts

@@ -0,0 +1,8 @@
+import { ChartDataPoint } from './shared';
+export interface FunnelChartProps {
+    data: ChartDataPoint[];
+    height?: number;
+    className?: string;
+    formatValue?: (v: number) => string;
+}
+export declare function FunnelChart({ data, className, formatValue, }: FunnelChartProps): import("react").JSX.Element;

package/dist/components/charts/gantt-chart.d.ts

@@ -0,0 +1,15 @@
+export interface GanttTask {
+    id: string;
+    label: string;
+    start: number;
+    end: number;
+    color?: string;
+}
+export interface GanttChartProps {
+    tasks: GanttTask[];
+    total?: number;
+    xLabels?: string[];
+    rowHeight?: number;
+    className?: string;
+}
+export declare function GanttChart({ tasks, total: totalProp, xLabels, rowHeight, className, }: GanttChartProps): import("react").JSX.Element;