@eventuras/ratio-ui 1.0.0

package/dist/blocks/Unauthorized/Unauthorized.js

@@ -0,0 +1,39 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/blocks/Unauthorized/Unauthorized.tsx
+function n({ homeUrl: n = "/", variant: r = "large" }) {
+	let i = r === "small";
+	return /* @__PURE__ */ t("div", {
+		className: `text-center ${i ? "py-8" : "py-20"} bg-red-500 text-white`,
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: "inline-flex items-center justify-center p-2",
+				children: [/* @__PURE__ */ e("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					className: `${i ? "h-6 w-6" : "h-8 w-8"} animate-bounce`,
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					children: /* @__PURE__ */ e("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: 2,
+						d: "M12 6v6m0 0v6m0-6h6m-6 0H6"
+					})
+				}), /* @__PURE__ */ e("h1", {
+					className: `${i ? "text-2xl" : "text-4xl"} font-extrabold ml-2`,
+					children: "Unauthorized"
+				})]
+			}),
+			/* @__PURE__ */ e("p", {
+				className: `${i ? "text-md" : "text-lg"} mt-2`,
+				children: "Uh-oh! It looks like you do not have the right permissions to view this content."
+			}),
+			!i && /* @__PURE__ */ e("p", {
+				className: "text-md my-6",
+				children: "If you believe this is an error, please contact support."
+			})
+		]
+	});
+}
+//#endregion
+export { n as Unauthorized };

package/dist/blocks/Unauthorized/index.d.ts

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

package/dist/blocks/Unauthorized/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/blocks/Unauthorized/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/blocks/Unauthorized/index.js

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

package/dist/commerce/CartLineItem/CartLineItem.d.ts

@@ -0,0 +1,58 @@
+import { default as React } from 'react';
+export interface CartLineItemData {
+    productId: string;
+    title: string;
+    quantity: number;
+    pricePerUnitIncVat: number;
+    vatAmount: number;
+    lineTotalIncVat: number;
+    currency: string;
+}
+export interface CartLineItemProps {
+    /** Line item data */
+    item: CartLineItemData;
+    /** Locale for price formatting */
+    locale: string;
+    /** Format price function */
+    formatPrice: (amount: number, currency: string, locale: string) => string;
+    /** Whether to show quantity controls */
+    showQuantityControls?: boolean;
+    /** Quantity change handler */
+    onQuantityChange?: (productId: string, quantity: number) => void;
+    /** Remove handler */
+    onRemove?: (productId: string) => void;
+    /** Test ID prefix */
+    testIdPrefix?: string;
+    /** Quantity field component (optional for customization) */
+    QuantityField?: React.ComponentType<{
+        value: number;
+        minValue: number;
+        onChange: (value: number) => void;
+        decrementAriaLabel: string;
+        incrementAriaLabel: string;
+        'aria-label': string;
+        testId?: string;
+    }>;
+}
+/**
+ * CartLineItem - Display a single cart line item with optional quantity controls
+ *
+ * @example
+ * ```tsx
+ * import { CartLineItem } from '@eventuras/ratio-ui/commerce/CartLineItem';
+ * import { formatPrice } from '@eventuras/core/currency';
+ * import { NumberField } from '@eventuras/ratio-ui/forms';
+ *
+ * <CartLineItem
+ *   item={lineItem}
+ *   locale="nb"
+ *   formatPrice={formatPrice}
+ *   showQuantityControls
+ *   onQuantityChange={(id, qty) => updateCart(id, qty)}
+ *   onRemove={(id) => removeFromCart(id)}
+ *   QuantityField={NumberField}
+ * />
+ * ```
+ */
+export declare const CartLineItem: React.FC<CartLineItemProps>;
+//# sourceMappingURL=CartLineItem.d.ts.map

package/dist/commerce/CartLineItem/CartLineItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CartLineItem.d.ts","sourceRoot":"","sources":["../../../src/commerce/CartLineItem/CartLineItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,gBAAgB;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,qBAAqB;IACrB,IAAI,EAAE,gBAAgB,CAAC;IACvB,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1E,wCAAwC;IACxC,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,8BAA8B;IAC9B,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4DAA4D;IAC5D,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAClC,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,kBAAkB,EAAE,MAAM,CAAC;QAC3B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,YAAY,EAAE,MAAM,CAAC;QACrB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC,CAAC;CACJ;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA8DpD,CAAC"}

package/dist/commerce/CartLineItem/CartLineItem.js

@@ -0,0 +1,63 @@
+import "react";
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+//#region src/commerce/CartLineItem/CartLineItem.tsx
+var n = ({ item: n, locale: r, formatPrice: i, showQuantityControls: a = !1, onQuantityChange: o, onRemove: s, testIdPrefix: c = "cart-item", QuantityField: l }) => /* @__PURE__ */ t("div", {
+	className: "flex items-start gap-4",
+	children: [/* @__PURE__ */ t("div", {
+		className: "flex-1 min-w-0",
+		children: [
+			/* @__PURE__ */ e("p", {
+				className: "text-sm font-medium text-gray-900 dark:text-white truncate",
+				children: n.title
+			}),
+			/* @__PURE__ */ t("p", {
+				className: "mt-1 text-xs text-gray-500 dark:text-gray-400",
+				children: [
+					n.quantity,
+					" x ",
+					i(n.pricePerUnitIncVat, n.currency, r),
+					" ",
+					"(inkl mva ",
+					i(n.vatAmount, n.currency, r),
+					")"
+				]
+			}),
+			a && l && o && /* @__PURE__ */ e("div", {
+				className: "mt-2",
+				children: /* @__PURE__ */ e(l, {
+					value: n.quantity,
+					minValue: 0,
+					onChange: (e) => {
+						if (e === 0 && s) {
+							s(n.productId);
+							return;
+						}
+						o(n.productId, e);
+					},
+					decrementAriaLabel: "Reduser antall",
+					incrementAriaLabel: "Øk antall",
+					"aria-label": "Antall",
+					testId: `${c}-quantity-${n.productId}`
+				})
+			})
+		]
+	}), /* @__PURE__ */ t("div", {
+		className: "flex flex-col items-end justify-between",
+		children: [a && s && /* @__PURE__ */ e("button", {
+			onClick: () => s(n.productId),
+			className: "text-sm text-red-600 hover:text-red-700 dark:text-red-400 dark:hover:text-red-300",
+			children: "Fjern"
+		}), /* @__PURE__ */ t("div", {
+			className: "text-right",
+			children: [/* @__PURE__ */ e("p", {
+				className: "text-sm font-semibold text-gray-900 dark:text-white whitespace-nowrap",
+				children: i(n.lineTotalIncVat, n.currency, r)
+			}), /* @__PURE__ */ e("p", {
+				className: "text-xs text-gray-500 dark:text-gray-400",
+				children: "inkl. mva"
+			})]
+		})]
+	})]
+});
+//#endregion
+export { n as CartLineItem };

package/dist/commerce/CartLineItem/index.d.ts

@@ -0,0 +1,3 @@
+export { CartLineItem } from './CartLineItem';
+export type { CartLineItemProps, CartLineItemData } from './CartLineItem';
+//# sourceMappingURL=index.d.ts.map

package/dist/commerce/CartLineItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/commerce/CartLineItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/commerce/CartLineItem/index.js

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

package/dist/commerce/OrderSummary/OrderSummary.d.ts

@@ -0,0 +1,47 @@
+import { default as React } from 'react';
+import { CartLineItemData } from '../CartLineItem';
+export interface OrderSummaryData {
+    items: CartLineItemData[];
+    subtotalExVat: number;
+    totalVat: number;
+    totalIncVat: number;
+    currency: string;
+}
+export interface OrderSummaryProps {
+    /** Order summary data */
+    summary: OrderSummaryData;
+    /** Locale for price formatting */
+    locale: string;
+    /** Format price function */
+    formatPrice: (amount: number, currency: string, locale: string) => string;
+    /** Title for the summary card */
+    title?: string;
+    /** Whether to show VAT breakdown */
+    showVatBreakdown?: boolean;
+    /** Children to render line items (for customization) */
+    children?: React.ReactNode;
+}
+/**
+ * OrderSummary - Display order totals and summary
+ *
+ * @example
+ * ```tsx
+ * import { OrderSummary } from '@eventuras/ratio-ui/commerce/OrderSummary';
+ * import { CartLineItem } from '@eventuras/ratio-ui/commerce/CartLineItem';
+ * import { formatPrice } from '@eventuras/core/currency';
+ *
+ * <OrderSummary
+ *   summary={cartSummary}
+ *   locale="nb"
+ *   formatPrice={formatPrice}
+ *   title="Ordresammendrag"
+ *   showVatBreakdown
+ * >
+ *   {cartSummary.items.map(item => (
+ *     <CartLineItem key={item.productId} item={item} ... />
+ *   ))}
+ * </OrderSummary>
+ * ```
+ */
+export declare const OrderSummary: React.FC<OrderSummaryProps>;
+//# sourceMappingURL=OrderSummary.d.ts.map

package/dist/commerce/OrderSummary/OrderSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderSummary.d.ts","sourceRoot":"","sources":["../../../src/commerce/OrderSummary/OrderSummary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,yBAAyB;IACzB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,kCAAkC;IAClC,MAAM,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1E,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oCAAoC;IACpC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA6CpD,CAAC"}

package/dist/commerce/OrderSummary/OrderSummary.js

@@ -0,0 +1,37 @@
+import { Heading as e } from "../../core/Heading/Heading.js";
+import "../../core/Heading/index.js";
+import "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/commerce/OrderSummary/OrderSummary.tsx
+var i = ({ summary: i, locale: a, formatPrice: o, title: s = "Ordresammendrag", showVatBreakdown: c = !1, children: l }) => /* @__PURE__ */ r(t, { children: [
+	/* @__PURE__ */ n(e, {
+		as: "h2",
+		paddingBottom: "sm",
+		children: s
+	}),
+	l && /* @__PURE__ */ n("div", {
+		className: "space-y-4 mb-6 pb-6 border-b border-gray-200 dark:border-gray-700",
+		children: l
+	}),
+	/* @__PURE__ */ r("div", {
+		className: "space-y-2",
+		children: [c && /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ r("div", {
+			className: "flex justify-between text-sm text-gray-600 dark:text-gray-400",
+			children: [/* @__PURE__ */ n("span", { children: "Subtotal (eks. mva)" }), /* @__PURE__ */ n("span", { children: o(i.subtotalExVat, i.currency, a) })]
+		}), /* @__PURE__ */ r("div", {
+			className: "flex justify-between text-sm text-gray-600 dark:text-gray-400",
+			children: [/* @__PURE__ */ n("span", { children: "MVA" }), /* @__PURE__ */ n("span", { children: o(i.totalVat, i.currency, a) })]
+		})] }), /* @__PURE__ */ r("div", {
+			className: "flex justify-between items-center pt-2 border-t border-gray-200 dark:border-gray-700",
+			children: [/* @__PURE__ */ n("span", {
+				className: "text-lg font-semibold text-gray-900 dark:text-white",
+				children: "Total"
+			}), /* @__PURE__ */ n("span", {
+				className: "text-2xl font-bold text-gray-900 dark:text-white",
+				children: o(i.totalIncVat, i.currency, a)
+			})]
+		})]
+	})
+] });
+//#endregion
+export { i as OrderSummary };

package/dist/commerce/OrderSummary/index.d.ts

@@ -0,0 +1,3 @@
+export { OrderSummary } from './OrderSummary';
+export type { OrderSummaryProps, OrderSummaryData } from './OrderSummary';
+//# sourceMappingURL=index.d.ts.map

package/dist/commerce/OrderSummary/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/commerce/OrderSummary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/commerce/OrderSummary/index.js

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

package/dist/commerce/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CartLineItem';
+export * from './OrderSummary';
+//# sourceMappingURL=index.d.ts.map

package/dist/commerce/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/commerce/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC"}

package/dist/commerce/index.js

@@ -0,0 +1,5 @@
+import { CartLineItem as e } from "./CartLineItem/CartLineItem.js";
+import "./CartLineItem/index.js";
+import { OrderSummary as t } from "./OrderSummary/OrderSummary.js";
+import "./OrderSummary/index.js";
+export { e as CartLineItem, t as OrderSummary };

package/dist/core/Badge/Badge.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { Status } from '../../tokens/colors';
+export type BadgeProps = {
+    children: React.ReactNode;
+    className?: string;
+    status?: Status;
+    block?: boolean;
+    definition?: boolean;
+    label?: string;
+};
+export declare const Badge: React.FC<BadgeProps>;
+//# sourceMappingURL=Badge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/core/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGlD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAUF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA4BtC,CAAC"}

package/dist/core/Badge/Badge.js

@@ -0,0 +1,28 @@
+import { cn as e } from "../../utils/cn.js";
+import "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/core/Badge/Badge.tsx
+var r = {
+	neutral: "bg-neutral-700 dark:bg-neutral-800",
+	info: "bg-info dark:bg-info",
+	success: "bg-success dark:bg-success",
+	warning: "bg-warning dark:bg-warning",
+	error: "bg-error dark:bg-error"
+}, i = ({ children: i, className: a, status: o = "neutral", block: s = !1, definition: c = !1, label: l }) => {
+	let u = e(s && "block", r[o], "text-xs leading-none text-white rounded");
+	return c && l ? /* @__PURE__ */ n("span", {
+		className: e(u, "flex overflow-hidden", a),
+		children: [/* @__PURE__ */ t("dt", {
+			className: "bg-black/20 px-2 py-2 font-medium uppercase tracking-wide",
+			children: l
+		}), /* @__PURE__ */ t("dd", {
+			className: "px-2 py-2 m-0",
+			children: i
+		})]
+	}) : /* @__PURE__ */ t("span", {
+		className: e(u, "p-2", a),
+		children: i
+	});
+};
+//#endregion
+export { i as Badge };

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

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

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

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

package/dist/core/Badge/index.js

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

package/dist/core/Blockquote/Blockquote.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface BlockquoteProps {
+    children: React.ReactNode;
+    className?: string;
+    cite?: string;
+}
+/**
+ * Blockquote component with warm, collective styling
+ */
+export declare const Blockquote: React.FC<BlockquoteProps>;
+//# sourceMappingURL=Blockquote.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Blockquote.d.ts","sourceRoot":"","sources":["../../../src/core/Blockquote/Blockquote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAUhD,CAAC"}

package/dist/core/Blockquote/Blockquote2.js

@@ -0,0 +1,11 @@
+/* empty css           */
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/core/Blockquote/Blockquote.tsx
+var t = ({ children: t, className: n = "", cite: r }) => /* @__PURE__ */ e("blockquote", {
+	className: n,
+	cite: r,
+	children: t
+});
+//#endregion
+export { t as Blockquote };

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

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

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

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

package/dist/core/Blockquote/index.js

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

package/dist/core/Breadcrumbs/Breadcrumbs.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { BreadcrumbProps as AriaBreadcrumbProps } from 'react-aria-components';
+type LinkComponent = React.ComponentType<{
+    href: string;
+    children: React.ReactNode;
+    className?: string;
+}>;
+export interface BreadcrumbsProps {
+    /** Custom className for the breadcrumbs container */
+    className?: string;
+    /** Custom Link component (e.g., Next.js Link) */
+    LinkComponent?: LinkComponent;
+    children: React.ReactNode;
+}
+export interface BreadcrumbProps extends Omit<AriaBreadcrumbProps, 'className'> {
+    /** Navigation href */
+    href?: string;
+    /** Custom className for the breadcrumb */
+    className?: string;
+    children: React.ReactNode;
+}
+/**
+ * Breadcrumbs component for navigation hierarchy
+ *
+ * @example
+ * ```tsx
+ * import { Link } from '@eventuras/ratio-ui-next';
+ *
+ * <Breadcrumbs LinkComponent={Link}>
+ *   <Breadcrumb href="/">Home</Breadcrumb>
+ *   <Breadcrumb href="/docs">Docs</Breadcrumb>
+ *   <Breadcrumb>Current Page</Breadcrumb>
+ * </Breadcrumbs>
+ * ```
+ */
+export declare function Breadcrumbs({ className, LinkComponent, children, ...props }: Readonly<BreadcrumbsProps>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Individual breadcrumb item
+ */
+export declare function Breadcrumb({ href, className, children, ...props }: Readonly<BreadcrumbProps>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Breadcrumbs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/core/Breadcrumbs/Breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAGL,KAAK,eAAe,IAAI,mBAAmB,EAC5C,MAAM,uBAAuB,CAAC;AAE/B,KAAK,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC;IACvC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAIH,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iDAAiD;IACjD,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC;IAC7E,sBAAsB;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAAE,SAAc,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,gBAAgB,CAAC,2CAW5G;AAED;;GAEG;AACH,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,SAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,QAAQ,CAAC,eAAe,CAAC,2CAoCjG"}

package/dist/core/Breadcrumbs/Breadcrumbs.js

@@ -0,0 +1,40 @@
+"use client";
+import { createContext as e, useContext as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+import { Breadcrumb as a, Breadcrumbs as o } from "react-aria-components";
+//#region src/core/Breadcrumbs/Breadcrumbs.tsx
+var s = e(void 0);
+function c({ className: e = "", LinkComponent: t, children: n, ...i }) {
+	return /* @__PURE__ */ r(s.Provider, {
+		value: t,
+		children: /* @__PURE__ */ r(o, {
+			className: `flex items-center text-sm gap-2 ${e}`,
+			...i,
+			children: n
+		})
+	});
+}
+function l({ href: e, className: o = "", children: c, ...l }) {
+	let u = t(s), d = `text-primary-600 dark:text-primary-400 hover:underline ${o}`, f;
+	return f = e && u ? /* @__PURE__ */ r(u, {
+		href: e,
+		className: d,
+		children: c
+	}) : e ? /* @__PURE__ */ r("a", {
+		href: e,
+		className: d,
+		children: c
+	}) : /* @__PURE__ */ r("span", {
+		className: `text-gray-700 dark:text-gray-300 ${o}`,
+		children: c
+	}), /* @__PURE__ */ i(n, { children: [/* @__PURE__ */ r(a, {
+		...l,
+		children: f
+	}), /* @__PURE__ */ r("span", {
+		className: "text-gray-400 dark:text-gray-600 last:hidden",
+		"aria-hidden": "true",
+		children: "/"
+	})] });
+}
+//#endregion
+export { l as Breadcrumb, c as Breadcrumbs };

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

@@ -0,0 +1,3 @@
+export { Breadcrumbs, Breadcrumb } from './Breadcrumbs';
+export type { BreadcrumbsProps, BreadcrumbProps } from './Breadcrumbs';
+//# sourceMappingURL=index.d.ts.map

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

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

package/dist/core/Breadcrumbs/index.js

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

package/dist/core/Button/Button.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export declare const buttonStyles: {
+    primary: string;
+    secondary: string;
+    light: string;
+    text: string;
+    outline: string;
+};
+export declare const buttonSizes: {
+    sm: string;
+    md: string;
+    lg: string;
+};
+export interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {
+    ariaLabel?: string;
+    icon?: React.ReactNode;
+    loading?: boolean;
+    onDark?: boolean;
+    variant?: keyof typeof buttonStyles;
+    size?: keyof typeof buttonSizes;
+    block?: boolean;
+    className?: string;
+    testId?: string;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/core/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAc1C,eAAO,MAAM,YAAY;;;;;;CAYxB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,IAAI,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAChC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,uFAoEjB,CAAC"}

package/dist/core/Button/Button.js

@@ -0,0 +1,54 @@
+import { cn as e } from "../../utils/cn.js";
+import { LoaderCircle as t } from "../../icons/index.js";
+import { forwardRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/core/Button/Button.tsx
+var a = [
+	"transition-all",
+	"duration-500",
+	"transform",
+	"ease-in-out",
+	"active:scale-110",
+	"hover:shadow-sm"
+].join(" "), o = {
+	primary: `border font-bold bg-primary-700 dark:bg-primary-950 hover:bg-primary-700 text-white rounded-full ${a}`,
+	secondary: `border border-gray-300 text-gray-700 bg-white hover:bg-gray-100 hover:border-gray-400 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700 dark:hover:border-gray-500 rounded-full ${a}`,
+	light: `bg-primary-100 text-gray-800 hover:bg-primary-200 dark:bg-primary-800 dark:text-white dark:hover:bg-primary-700 rounded-full ${a}`,
+	text: `bg-transparent hover:bg-primary-200 hover:bg-opacity-20 rounded-full ${a}`,
+	outline: `border border-gray-700 hover:border-primary-500 hover:bg-primary-100/10 dark:hover:bg-primary-900 dark:text-white rounded-full ${a}`
+}, s = {
+	sm: "px-3 py-0.5 text-sm",
+	md: "px-4 py-1 text-base",
+	lg: "px-6 py-2 text-lg"
+}, c = n(function({ variant: n = "primary", size: a = "md", onDark: c = !1, block: l = !1, disabled: u = !1, loading: d = !1, icon: f, children: p, ariaLabel: m, className: h = "", type: g = "button", onClick: _, testId: v, ...y }, b) {
+	let x = s[a], S = l ? "w-full" : "", C = o[n], w = n === "text" || n === "outline", T = "";
+	w && (T = c ? "text-white" : "text-black dark:text-white");
+	let E = e(x, S, C, T, u || d ? "opacity-75 cursor-not-allowed" : "", h);
+	return /* @__PURE__ */ r("button", {
+		ref: b,
+		type: g,
+		disabled: u || d,
+		"aria-label": m,
+		onClick: _,
+		className: E,
+		"data-testid": v,
+		...y,
+		children: /* @__PURE__ */ i("span", {
+			className: "flex items-center justify-center gap-2",
+			children: [
+				d && /* @__PURE__ */ r(t, {
+					className: "h-4 w-4 animate-spin shrink-0",
+					"aria-hidden": "true"
+				}),
+				!d && f && /* @__PURE__ */ r("span", {
+					className: "shrink-0",
+					children: f
+				}),
+				p && /* @__PURE__ */ r("span", { children: p })
+			]
+		})
+	});
+});
+c.displayName = "Button";
+//#endregion
+export { c as Button, s as buttonSizes, o as buttonStyles };

package/dist/core/Button/ButtonGroup.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+export interface ButtonGroupProps extends SpacingProps, Omit<React.ComponentPropsWithoutRef<'div'>, keyof SpacingProps> {
+    /**
+     * Whether buttons should wrap to multiple lines when space is limited
+     * @default false
+     */
+    wrap?: boolean;
+    testId?: string;
+}
+export declare const ButtonGroup: React.FC<ButtonGroupProps>;
+//# sourceMappingURL=ButtonGroup.d.ts.map

package/dist/core/Button/ButtonGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/core/Button/ButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAIzD,MAAM,WAAW,gBACf,SAAQ,YAAY,EAClB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC;IACjE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkBlD,CAAC"}

package/dist/core/Button/ButtonGroup.js

@@ -0,0 +1,20 @@
+import { buildSpacingClasses as e, extractSpacingProps as t } from "../../tokens/spacing.js";
+import { cn as n } from "../../utils/cn.js";
+import "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/core/Button/ButtonGroup.tsx
+var i = (i) => {
+	let [a, { wrap: o = !1, className: s, children: c, testId: l, ...u }] = t(i), { gap: d = "xs", ...f } = a;
+	return /* @__PURE__ */ r("div", {
+		className: n(o ? "flex flex-wrap" : "inline-flex", e({
+			...f,
+			gap: d
+		}), s),
+		role: "group",
+		"data-testid": l,
+		...u,
+		children: c
+	});
+};
+//#endregion
+export { i as ButtonGroup };