@eventuras/ratio-ui 1.0.0

package/dist/core/SplitButton/SplitButton.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { buttonStyles, buttonSizes } from '../Button/Button';
+export interface SplitButtonAction {
+    id: string;
+    label: string;
+    onClick: () => void;
+    icon?: ReactNode;
+}
+export interface SplitButtonProps {
+    /** Primary action label */
+    children: ReactNode;
+    /** Primary action click handler */
+    onClick: () => void;
+    /** Secondary actions shown in dropdown */
+    actions: SplitButtonAction[];
+    /** Button variant */
+    variant?: keyof typeof buttonStyles;
+    /** Button size */
+    size?: keyof typeof buttonSizes;
+    /** Show loading spinner on primary button */
+    loading?: boolean;
+    /** Disable the button */
+    disabled?: boolean;
+    /** Icon to show before primary label */
+    icon?: ReactNode;
+    /** Test ID for testing */
+    testId?: string;
+}
+export declare function SplitButton({ children, onClick, actions, variant, size, loading, disabled, icon, testId, }: Readonly<SplitButtonProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SplitButton.d.ts.map

package/dist/core/SplitButton/SplitButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../src/core/SplitButton/SplitButton.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASzC,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,gBAAgB;IAC/B,2BAA2B;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,mCAAmC;IACnC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,0CAA0C;IAC1C,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,6CAA6C;IAC7C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAQD,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAmB,EACnB,IAAW,EACX,OAAe,EACf,QAAgB,EAChB,IAAI,EACJ,MAAM,GACP,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAwD5B"}

package/dist/core/SplitButton/SplitButton.js

@@ -0,0 +1,50 @@
+import { ChevronDown as e, LoaderCircle as t } from "../../icons/index.js";
+import { buttonSizes as n, buttonStyles as r } from "../Button/Button.js";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { Button as o, Menu as s, MenuItem as c, MenuTrigger as l, Popover as u } from "react-aria-components";
+//#region src/core/SplitButton/SplitButton.tsx
+var d = "cursor-pointer flex w-full items-center gap-2 px-3 py-2 hover:bg-primary-100 dark:hover:bg-primary-900 text-gray-900 dark:text-gray-100 outline-none", f = "min-w-48 origin-top-right bg-white dark:bg-slate-900 shadow-lg ring-1 ring-black/5 rounded-md overflow-hidden";
+function p({ children: p, onClick: m, actions: h, variant: g = "outline", size: _ = "md", loading: v = !1, disabled: y = !1, icon: b, testId: x }) {
+	let S = y || v, C = n[_], w = r[g], T = C.split(" ").filter((e) => e.startsWith("px-") || e.startsWith("py-")).join(" "), E = `${w} ${C.split(" ").find((e) => e.startsWith("text-")) ?? ""}`.replace("rounded-full", ""), D = S ? "opacity-75 cursor-not-allowed" : "";
+	return /* @__PURE__ */ a("div", {
+		className: "inline-flex rounded-full overflow-hidden",
+		"data-testid": x,
+		children: [/* @__PURE__ */ a("button", {
+			type: "button",
+			onClick: m,
+			disabled: S,
+			className: `${E} ${T} ${D} rounded-l-full border-r-0 flex items-center gap-2`,
+			children: [v ? /* @__PURE__ */ i(t, {
+				className: "h-4 w-4 animate-spin shrink-0",
+				"aria-hidden": "true"
+			}) : b && /* @__PURE__ */ i("span", {
+				className: "shrink-0",
+				children: b
+			}), /* @__PURE__ */ i("span", { children: p })]
+		}), /* @__PURE__ */ a(l, { children: [/* @__PURE__ */ i(o, {
+			isDisabled: S,
+			className: `${E} px-2 ${D} rounded-r-full border-l border-l-gray-400/30 flex items-center`,
+			children: /* @__PURE__ */ i(e, { className: "h-4 w-4" })
+		}), /* @__PURE__ */ i(u, {
+			placement: "bottom end",
+			children: /* @__PURE__ */ i(s, {
+				className: f,
+				onAction: (e) => {
+					let t = h.find((t) => t.id === e);
+					t && t.onClick();
+				},
+				children: h.map((e) => /* @__PURE__ */ a(c, {
+					id: e.id,
+					className: d,
+					children: [e.icon && /* @__PURE__ */ i("span", {
+						className: "shrink-0",
+						children: e.icon
+					}), /* @__PURE__ */ i("span", { children: e.label })]
+				}, e.id))
+			})
+		})] })]
+	});
+}
+//#endregion
+export { p as SplitButton };

package/dist/core/SplitButton/index.d.ts

@@ -0,0 +1,2 @@
+export { SplitButton, type SplitButtonProps, type SplitButtonAction } from './SplitButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/SplitButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/SplitButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/dist/core/SplitButton/index.js

@@ -0,0 +1,2 @@
+import { SplitButton as e } from "./SplitButton.js";
+export { e as SplitButton };

package/dist/core/Stepper/Stepper.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export type StepStatus = 'complete' | 'current' | 'upcoming' | 'error';
+export type Step = {
+    number: number;
+    label: string;
+    status: StepStatus;
+    description?: string;
+};
+export type StepperVariant = 'numbered' | 'dots' | 'line';
+export type StepperOrientation = 'horizontal' | 'vertical';
+export type StepperProps = {
+    steps: Step[];
+    currentStep: number;
+    variant?: StepperVariant;
+    orientation?: StepperOrientation;
+    className?: string;
+};
+export declare const Stepper: React.FC<StepperProps>;
+//# sourceMappingURL=Stepper.d.ts.map

package/dist/core/Stepper/Stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/core/Stepper/Stepper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,CAAC;AAEvE,MAAM,MAAM,IAAI,GAAG;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,UAAU,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAC;AAC1D,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAyIF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4B1C,CAAC"}

package/dist/core/Stepper/Stepper.js

@@ -0,0 +1,95 @@
+import { Check as e } from "../../icons/index.js";
+import t from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/core/Stepper/Stepper.tsx
+var i = (e, t) => {
+	let n = "flex items-center justify-center rounded-full transition-all duration-300";
+	return t === "dots" ? `${n} w-3 h-3 ${{
+		complete: "bg-green-500 dark:bg-green-600",
+		current: "bg-primary-600 dark:bg-primary-500 ring-4 ring-primary-200 dark:ring-primary-800",
+		upcoming: "bg-gray-300 dark:bg-gray-600",
+		error: "bg-red-500 dark:bg-red-600 ring-4 ring-red-200 dark:ring-red-800"
+	}[e]}` : `${n} w-10 h-10 text-sm font-semibold ${{
+		complete: "bg-green-500 dark:bg-green-600 text-white",
+		current: "bg-primary-600 dark:bg-primary-500 text-white ring-4 ring-primary-200 dark:ring-primary-800",
+		upcoming: "bg-gray-200 dark:bg-gray-700 text-gray-600 dark:text-gray-400",
+		error: "bg-red-500 dark:bg-red-600 text-white ring-4 ring-red-200 dark:ring-red-800"
+	}[e]}`;
+}, a = (e) => `flex-1 h-0.5 transition-all duration-300 ${e ? "bg-green-500 dark:bg-green-600" : "bg-gray-300 dark:bg-gray-600"}`, o = (e) => e === "current" ? "text-primary-600 dark:text-primary-400" : e === "complete" ? "text-green-600 dark:text-green-400" : e === "error" ? "text-red-600 dark:text-red-400" : "text-gray-500 dark:text-gray-400", s = ({ step: t, variant: r }) => {
+	let a = t.status === "complete" && r !== "dots", o = null;
+	return a ? o = /* @__PURE__ */ n(e, {
+		size: 20,
+		strokeWidth: 3
+	}) : r !== "dots" && (o = /* @__PURE__ */ n("span", { children: t.number })), /* @__PURE__ */ n("div", {
+		className: i(t.status, r),
+		children: o
+	});
+}, c = ({ steps: e, variant: i }) => /* @__PURE__ */ n("div", {
+	className: "w-full",
+	children: /* @__PURE__ */ n("div", {
+		className: "flex items-start justify-between",
+		children: e.map((c, l) => /* @__PURE__ */ r(t.Fragment, { children: [/* @__PURE__ */ r("div", {
+			className: "flex flex-col items-center gap-2",
+			children: [/* @__PURE__ */ n("div", {
+				className: "flex items-center",
+				children: /* @__PURE__ */ n(s, {
+					step: c,
+					variant: i
+				})
+			}), i !== "dots" && /* @__PURE__ */ r("div", {
+				className: "text-center",
+				children: [/* @__PURE__ */ n("div", {
+					className: `text-sm font-medium ${o(c.status)}`,
+					children: c.label
+				}), c.description && /* @__PURE__ */ n("div", {
+					className: "text-xs text-gray-500 dark:text-gray-400 mt-1",
+					children: c.description
+				})]
+			})]
+		}), l < e.length - 1 && /* @__PURE__ */ n("div", {
+			className: `flex items-center flex-1 px-2 ${i === "dots" ? "pt-1.5" : "pt-5"}`,
+			children: /* @__PURE__ */ n("div", { className: a(c.status === "complete") })
+		})] }, c.number))
+	})
+}), l = ({ steps: e, variant: t }) => /* @__PURE__ */ n("div", {
+	className: "flex flex-col gap-1",
+	children: e.map((i, a) => /* @__PURE__ */ r("div", {
+		className: "flex gap-4",
+		children: [/* @__PURE__ */ r("div", {
+			className: "flex flex-col items-center",
+			children: [/* @__PURE__ */ n(s, {
+				step: i,
+				variant: t
+			}), a < e.length - 1 && /* @__PURE__ */ n("div", { className: `w-0.5 flex-1 min-h-8 transition-all duration-300 ${i.status === "complete" ? "bg-green-500 dark:bg-green-600" : "bg-gray-300 dark:bg-gray-600"}` })]
+		}), t !== "dots" && /* @__PURE__ */ r("div", {
+			className: "flex-1 pb-8",
+			children: [/* @__PURE__ */ n("div", {
+				className: `font-medium ${o(i.status)}`,
+				children: i.label
+			}), i.description && /* @__PURE__ */ n("div", {
+				className: "text-sm text-gray-500 dark:text-gray-400 mt-1",
+				children: i.description
+			})]
+		})]
+	}, i.number))
+}), u = ({ steps: e, currentStep: t, variant: r = "numbered", orientation: i = "horizontal", className: a = "" }) => {
+	let o = e.map((e) => {
+		if (e.status) return e;
+		let n;
+		return n = e.number < t ? "complete" : e.number === t ? "current" : "upcoming", {
+			...e,
+			status: n
+		};
+	});
+	return /* @__PURE__ */ n("div", {
+		className: `stepper ${i} ${a}`.trim(),
+		role: "navigation",
+		"aria-label": "Progress",
+		children: n(i === "horizontal" ? c : l, {
+			steps: o,
+			variant: r
+		})
+	});
+};
+//#endregion
+export { u as Stepper };

package/dist/core/Stepper/index.d.ts

@@ -0,0 +1,3 @@
+export { Stepper } from './Stepper';
+export type { StepperProps, Step, StepStatus, StepperVariant, StepperOrientation } from './Stepper';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Stepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC"}

package/dist/core/Stepper/index.js

@@ -0,0 +1,2 @@
+import { Stepper as e } from "./Stepper.js";
+export { e as Stepper };

package/dist/core/Table/Table.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+type TableProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+type TableHeaderProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+type TableBodyProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+type TableRowProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+type TableHeadCellProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+type TableCellProps = {
+    children: React.ReactNode;
+    className?: string;
+};
+/**
+ * Table component with styled defaults
+ */
+export declare const Table: React.FC<TableProps> & {
+    Header: React.FC<TableHeaderProps>;
+    Body: React.FC<TableBodyProps>;
+    Row: React.FC<TableRowProps>;
+    HeadCell: React.FC<TableHeadCellProps>;
+    Cell: React.FC<TableCellProps>;
+};
+export {};
+//# sourceMappingURL=Table.d.ts.map

package/dist/core/Table/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/core/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,KAAK,UAAU,GAAG;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,aAAa,GAAG;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,cAAc,GAAG;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAAC,GAAG;IACzC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC;IACnC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;IAC/B,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC;IAC7B,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,CAAC;IACvC,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC;CAOhC,CAAC"}

package/dist/core/Table/Table.js

@@ -0,0 +1,28 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/core/Table/Table.tsx
+var t = ({ children: t, className: n = "" }) => /* @__PURE__ */ e("div", {
+	className: "overflow-x-auto",
+	children: /* @__PURE__ */ e("table", {
+		className: `min-w-full border-collapse ${n}`,
+		children: t
+	})
+});
+t.Header = ({ children: t, className: n = "" }) => /* @__PURE__ */ e("thead", {
+	className: n,
+	children: t
+}), t.Body = ({ children: t, className: n = "" }) => /* @__PURE__ */ e("tbody", {
+	className: n,
+	children: t
+}), t.Row = ({ children: t, className: n = "" }) => /* @__PURE__ */ e("tr", {
+	className: `border-b border-gray-200 dark:border-gray-700 ${n}`,
+	children: t
+}), t.HeadCell = ({ children: t, className: n = "" }) => /* @__PURE__ */ e("th", {
+	className: `px-4 py-3 text-left text-sm font-semibold text-gray-900 dark:text-gray-100 bg-gray-50 dark:bg-white/10 ${n}`,
+	children: t
+}), t.Cell = ({ children: t, className: n = "" }) => /* @__PURE__ */ e("td", {
+	className: `px-4 py-3 text-sm text-gray-700 dark:text-gray-300 ${n}`,
+	children: t
+});
+//#endregion
+export { t as Table };

package/dist/core/Table/index.d.ts

@@ -0,0 +1,2 @@
+export { Table } from './Table';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Table/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/core/Table/index.js

@@ -0,0 +1,2 @@
+import { Table as e } from "./Table.js";
+export { e as Table };

package/dist/core/TableOfContents/TableOfContents.d.ts

@@ -0,0 +1,17 @@
+export interface TocHeading {
+    id: string;
+    text: string;
+    level: 2 | 3;
+}
+export interface TableOfContentsProps {
+    headings: TocHeading[];
+    className?: string;
+}
+/**
+ * Sticky table-of-contents sidebar with scroll-spy.
+ *
+ * Highlights the heading currently visible in the viewport
+ * using an IntersectionObserver.
+ */
+export declare function TableOfContents({ headings, className }: Readonly<TableOfContentsProps>): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=TableOfContents.d.ts.map

package/dist/core/TableOfContents/TableOfContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../../../src/core/TableOfContents/TableOfContents.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC;CACd;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,UAAU,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,EAAE,QAAQ,CAAC,oBAAoB,CAAC,kDAuD3F"}

package/dist/core/TableOfContents/TableOfContents.js

@@ -0,0 +1,40 @@
+"use client";
+import { useEffect as e, useRef as t, useState as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/core/TableOfContents/TableOfContents.tsx
+function a({ headings: a, className: o = "" }) {
+	let [s, c] = n(""), l = t(null);
+	return e(() => {
+		if (a.length === 0) return;
+		let e = a.map((e) => document.getElementById(e.id)).filter(Boolean);
+		if (e.length !== 0) {
+			l.current = new IntersectionObserver((e) => {
+				let t = e.find((e) => e.isIntersecting);
+				t && c(t.target.id);
+			}, {
+				rootMargin: "0px 0px -80% 0px",
+				threshold: 0
+			});
+			for (let t of e) l.current.observe(t);
+			return () => l.current?.disconnect();
+		}
+	}, [a]), a.length === 0 ? null : /* @__PURE__ */ i("nav", {
+		"aria-label": "On this page",
+		className: `text-sm ${o}`,
+		children: [/* @__PURE__ */ r("p", {
+			className: "mb-3 font-medium text-gray-900 dark:text-white",
+			children: "On this page"
+		}), /* @__PURE__ */ r("ul", {
+			className: "space-y-2",
+			children: a.map((e) => /* @__PURE__ */ r("li", { children: /* @__PURE__ */ r("a", {
+				href: `#${e.id}`,
+				"aria-current": s === e.id ? !0 : void 0,
+				className: `block transition-colors ${e.level === 3 ? "pl-3" : ""}
+                ${s === e.id ? "font-medium text-primary-700 dark:text-primary-400" : "text-gray-500 hover:text-gray-900 dark:text-gray-400 dark:hover:text-white"}`,
+				children: e.text
+			}) }, e.id))
+		})]
+	});
+}
+//#endregion
+export { a as TableOfContents };

package/dist/core/TableOfContents/index.d.ts

@@ -0,0 +1,3 @@
+export { TableOfContents } from './TableOfContents';
+export type { TableOfContentsProps, TocHeading } from './TableOfContents';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/TableOfContents/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/TableOfContents/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/core/TableOfContents/index.js

@@ -0,0 +1,2 @@
+import { TableOfContents as e } from "./TableOfContents.js";
+export { e as TableOfContents };

package/dist/core/Tabs/Tabs.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export type TabItemProps = {
+    id?: string;
+    title: string;
+    children: React.ReactNode | null;
+    testId?: string;
+};
+export type TabsProps = {
+    children: React.ReactNode;
+    defaultSelectedKey?: string;
+    selectedKey?: string;
+    onSelectionChange?: (key: string) => void;
+    className?: string;
+};
+export interface TabsComponent extends React.FC<TabsProps> {
+    Item: React.FC<TabItemProps>;
+}
+export declare const Tabs: TabsComponent;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/core/Tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/core/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,YAAY,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC;IACxD,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC;CAC9B;AAeD,eAAO,MAAM,IAAI,EAAE,aA+ClB,CAAC"}

package/dist/core/Tabs/Tabs.js

@@ -0,0 +1,45 @@
+import e from "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Tab as i, TabList as a, TabPanel as o, Tabs as s } from "react-aria-components";
+//#region src/core/Tabs/Tabs.tsx
+var c = {
+	tabList: "flex space-x-1 list-none overflow-x-auto border-b-2 border-gray-300 dark:border-gray-600",
+	tab: {
+		base: "font-medium py-2 px-5 cursor-pointer focus:outline-none transition-colors rounded-t-lg whitespace-nowrap",
+		selected: "text-primary-900 dark:text-primary-200 bg-primary-200 dark:bg-primary-800 border-b-2 border-primary-500 dark:border-primary-400 font-semibold",
+		notSelected: "text-gray-900 dark:text-gray-200 bg-primary-200 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-700"
+	},
+	panel: "p-3 rounded-b-lg border border-t-0 border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-900"
+}, l = ({ children: t, defaultSelectedKey: l, selectedKey: u, onSelectionChange: d, className: f }) => {
+	let p = e.Children.toArray(t).filter(e.isValidElement);
+	return /* @__PURE__ */ n("div", {
+		className: f,
+		children: /* @__PURE__ */ r(s, {
+			defaultSelectedKey: l,
+			selectedKey: u,
+			onSelectionChange: (e) => d?.(e),
+			children: [/* @__PURE__ */ n(a, {
+				className: c.tabList,
+				children: p.map((e) => {
+					let t = e.props.id ?? e.props.title;
+					return /* @__PURE__ */ n(i, {
+						id: t,
+						"data-testid": e.props.testId,
+						className: ({ isSelected: e }) => `${c.tab.base} ${e ? c.tab.selected : c.tab.notSelected}`,
+						children: e.props.title
+					}, t);
+				})
+			}), p.map((e) => {
+				let t = e.props.id ?? e.props.title;
+				return /* @__PURE__ */ n(o, {
+					id: t,
+					className: c.panel,
+					children: e.props.children
+				}, t);
+			})]
+		})
+	});
+};
+l.Item = ({ children: e }) => /* @__PURE__ */ n(t, { children: e });
+//#endregion
+export { l as Tabs };

package/dist/core/Tabs/index.d.ts

@@ -0,0 +1,3 @@
+export { Tabs } from './Tabs';
+export type { TabsProps, TabItemProps } from './Tabs';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Tabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC"}

package/dist/core/Tabs/index.js

@@ -0,0 +1,2 @@
+import { Tabs as e } from "./Tabs.js";
+export { e as Tabs };

package/dist/core/Text/Text.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+import { Color } from '../../tokens/colors';
+export type TextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl';
+export type TextWeight = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
+export type TextVariant = 'default' | 'muted' | 'subtle';
+export type TextColor = Exclude<Color, 'neutral'>;
+interface TextBaseProps extends SpacingProps {
+    as?: 'p' | 'span';
+    size?: TextSize;
+    weight?: TextWeight;
+    variant?: TextVariant;
+    color?: TextColor;
+    className?: string;
+    icon?: React.ReactNode;
+    testId?: string;
+}
+export type TextProps = TextBaseProps & ({
+    children: React.ReactNode;
+    text?: never;
+} | {
+    text: string | null;
+    children?: never;
+});
+export declare const Text: React.FC<TextProps>;
+export {};
+//# sourceMappingURL=Text.d.ts.map

package/dist/core/Text/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../src/core/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAGjD,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAC7E,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;AACzD,MAAM,MAAM,SAAS,GAAG,OAAO,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;AAElD,UAAU,aAAc,SAAQ,YAAY;IAC1C,EAAE,CAAC,EAAE,GAAG,GAAG,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,SAAS,GAAG,aAAa,GACnC,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CAAE,GAAG;IAAE,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC,CAAC;AAoC5F,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqCpC,CAAC"}

package/dist/core/Text/Text.js

@@ -0,0 +1,57 @@
+import { buildSpacingClasses as e } from "../../tokens/spacing.js";
+import { cn as t } from "../../utils/cn.js";
+import "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/core/Text/Text.tsx
+var i = {
+	xs: "text-xs",
+	sm: "text-sm",
+	base: "text-base",
+	lg: "text-lg",
+	xl: "text-xl",
+	"2xl": "text-2xl",
+	"3xl": "text-3xl"
+}, a = {
+	light: "font-light",
+	normal: "font-normal",
+	medium: "font-medium",
+	semibold: "font-semibold",
+	bold: "font-bold"
+}, o = {
+	default: "",
+	muted: "text-text-muted",
+	subtle: "text-text-subtle"
+}, s = {
+	primary: "text-primary",
+	secondary: "text-secondary",
+	accent: "text-accent",
+	error: "text-error-text",
+	success: "text-success-text",
+	warning: "text-warning-text",
+	info: "text-info-text"
+}, c = ({ children: c, text: l, as: u = "p", size: d, weight: f, variant: p = "default", color: m, className: h = "", icon: g, padding: _, paddingX: v, paddingY: y, paddingTop: b, paddingBottom: x, margin: S, marginX: C, marginY: w, marginTop: T, marginBottom: E, gap: D, testId: O, ...k }) => {
+	let A = l ?? c;
+	return A == null ? null : /* @__PURE__ */ r(u, {
+		className: t(m ? s[m] : o[p], d && i[d], f && a[f], e({
+			padding: _,
+			paddingX: v,
+			paddingY: y,
+			paddingTop: b,
+			paddingBottom: x,
+			margin: S,
+			marginX: C,
+			marginY: w,
+			marginTop: T,
+			marginBottom: E,
+			gap: D
+		}), h) || void 0,
+		"data-testid": O,
+		...k,
+		children: [g && /* @__PURE__ */ n("span", {
+			className: "mr-2 inline-flex items-center",
+			children: g
+		}), A]
+	});
+};
+//#endregion
+export { c as Text };

package/dist/core/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { Text } from './Text';
+//# sourceMappingURL=index.d.ts.map

package/dist/core/Text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}

package/dist/core/Text/index.js

@@ -0,0 +1,2 @@
+import { Text as e } from "./Text.js";
+export { e as Text };

package/dist/core/ThemeToggle/ThemeToggle.d.ts

@@ -0,0 +1,23 @@
+export interface ThemeToggleProps {
+    /** Current theme value */
+    theme?: 'light' | 'dark' | null;
+    /** Callback when theme changes */
+    onThemeChange: (theme: 'light' | 'dark') => void;
+    /** Optional className for custom styling */
+    className?: string;
+    /** Optional aria-label for accessibility */
+    ariaLabel?: string;
+}
+/**
+ * ThemeToggle component for switching between light and dark modes
+ *
+ * @example
+ * ```tsx
+ * <ThemeToggle
+ *   theme={currentTheme}
+ *   onThemeChange={(newTheme) => setTheme(newTheme)}
+ * />
+ * ```
+ */
+export declare const ThemeToggle: ({ theme, onThemeChange, className, ariaLabel, }: ThemeToggleProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ThemeToggle.d.ts.map

package/dist/core/ThemeToggle/ThemeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/core/ThemeToggle/ThemeToggle.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,0BAA0B;IAC1B,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,IAAI,CAAC;IAChC,kCAAkC;IAClC,aAAa,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,GAAI,iDAKzB,gBAAgB,4CAkDlB,CAAC"}