@eventuras/ratio-ui 1.0.0

package/dist/layout/FileDrawer/FileDrawer.d.ts

@@ -0,0 +1,24 @@
+export interface FileDrawerProps {
+    isOpen: boolean;
+    onCancel: () => void;
+    title: string;
+    /** Raw file content (HTML string, SVG, etc.) */
+    content?: string;
+    /** MIME type for the content (default: text/html) */
+    contentType?: string;
+    /** Direct URL to display (takes precedence over content) */
+    src?: string;
+    /** If set, shows a download button with this filename */
+    downloadFilename?: string;
+    /** Label for the download button */
+    downloadLabel?: string;
+    /** Label for the close button */
+    closeLabel?: string;
+}
+/**
+ * Drawer that displays file content in an embedded iframe.
+ * Accepts either a `src` URL or raw `content` (which is converted to a blob URL internally).
+ * Optionally shows a download button when `downloadFilename` is provided.
+ */
+export declare const FileDrawer: ({ isOpen, onCancel, title, content, contentType, src, downloadFilename, downloadLabel, closeLabel, }: FileDrawerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FileDrawer.d.ts.map

package/dist/layout/FileDrawer/FileDrawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileDrawer.d.ts","sourceRoot":"","sources":["../../../src/layout/FileDrawer/FileDrawer.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4DAA4D;IAC5D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iCAAiC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,GAAI,sGAUxB,eAAe,4CAiDjB,CAAC"}

package/dist/layout/FileDrawer/FileDrawer.js

@@ -0,0 +1,54 @@
+import { Button as e } from "../../core/Button/Button.js";
+import "../../core/Button/index.js";
+import { Heading as t } from "../../core/Heading/Heading.js";
+import "../../core/Heading/index.js";
+import { Drawer as n } from "../Drawer/Drawer.js";
+import { useCallback as r, useEffect as i, useMemo as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/layout/FileDrawer/FileDrawer.tsx
+var c = ({ isOpen: c, onCancel: l, title: u, content: d, contentType: f = "text/html", src: p, downloadFilename: m, downloadLabel: h = "Download", closeLabel: g = "Close" }) => {
+	let _ = a(() => !c || p || !d ? null : URL.createObjectURL(new Blob([d], { type: f })), [
+		c,
+		d,
+		f,
+		p
+	]);
+	i(() => () => {
+		_ && URL.revokeObjectURL(_);
+	}, [_]);
+	let v = p ?? _, y = r(() => {
+		if (!v) return;
+		let e = document.createElement("a");
+		e.href = v, e.download = m ?? "download", e.click();
+	}, [v, m]);
+	return /* @__PURE__ */ s(n, {
+		isOpen: c,
+		onCancel: l,
+		children: [
+			/* @__PURE__ */ o(n.Header, { children: /* @__PURE__ */ o(t, {
+				as: "h2",
+				children: u
+			}) }),
+			/* @__PURE__ */ o(n.Body, {
+				className: "flex flex-col",
+				children: v && /* @__PURE__ */ o("iframe", {
+					src: v,
+					sandbox: "allow-same-origin",
+					className: "w-full flex-1 rounded border border-border bg-white",
+					title: u
+				})
+			}),
+			/* @__PURE__ */ s(n.Footer, { children: [m && v && /* @__PURE__ */ o(e, {
+				onClick: y,
+				variant: "primary",
+				children: h
+			}), /* @__PURE__ */ o(e, {
+				onClick: l,
+				variant: "secondary",
+				children: g
+			})] })
+		]
+	});
+};
+//#endregion
+export { c as FileDrawer };

package/dist/layout/FileDrawer/index.d.ts

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

package/dist/layout/FileDrawer/index.d.ts.map

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

package/dist/layout/FileDrawer/index.js

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

package/dist/layout/Grid/Grid.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface GridProps {
+    cols?: {
+        sm?: number;
+        md?: number;
+        lg?: number;
+    };
+    paddingClassName?: string;
+    wrapperClassName?: string;
+    container?: boolean;
+    children: React.ReactNode;
+}
+export declare const Grid: React.FC<GridProps>;
+export {};
+//# sourceMappingURL=Grid.d.ts.map

package/dist/layout/Grid/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/layout/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE;QACL,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;KACb,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAWD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAkBpC,CAAC"}

package/dist/layout/Grid/Grid.js

@@ -0,0 +1,22 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/layout/Grid/Grid.tsx
+var t = (e) => e ? [
+	e.sm ? `sm:grid-cols-${e.sm}` : "",
+	e.md ? `md:grid-cols-${e.md}` : "",
+	e.lg ? `lg:grid-cols-${e.lg}` : ""
+].join(" ") : "", n = ({ cols: n = {
+	md: 2,
+	lg: 3
+}, paddingClassName: r, wrapperClassName: i, container: a, children: o }) => {
+	let s = a ? "container" : "", c = r || "", l = /* @__PURE__ */ e("div", {
+		className: `grid ${t(n)} gap-4 ${s} ${c}`,
+		children: o
+	});
+	return i ? /* @__PURE__ */ e("div", {
+		className: i,
+		children: l
+	}) : l;
+};
+//#endregion
+export { n as Grid };

package/dist/layout/Grid/index.d.ts

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

package/dist/layout/Grid/index.d.ts.map

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

package/dist/layout/Grid/index.js

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

package/dist/layout/Portal/Portal.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface PortalProps {
+    target?: string;
+    clickOutside?: () => void;
+    isOpen: boolean;
+    children: React.ReactNode;
+}
+export declare const Portal: React.FC<PortalProps>;
+//# sourceMappingURL=Portal.d.ts.map

package/dist/layout/Portal/Portal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.d.ts","sourceRoot":"","sources":["../../../src/layout/Portal/Portal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAcxC,CAAC"}

package/dist/layout/Portal/Portal.js

@@ -0,0 +1,11 @@
+import e from "react-dom";
+//#region src/layout/Portal/Portal.tsx
+var t = ({ isOpen: t, children: n, target: r, clickOutside: i }) => {
+	if (!t) return null;
+	let a = r ? document.getElementById(r) : document.body;
+	return a ? (i && a.addEventListener("mousedown", (e) => {
+		e.target.id === "backdrop" && i();
+	}), e.createPortal(n, a)) : null;
+};
+//#endregion
+export { t as Portal };

package/dist/layout/Portal/index.d.ts

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

package/dist/layout/Portal/index.d.ts.map

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

package/dist/layout/Portal/index.js

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

package/dist/layout/Section/Section.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+import { SpacingProps } from '../../tokens/spacing';
+import { Color } from '../../tokens/colors';
+export interface SectionProps extends SpacingProps, Omit<React.ComponentPropsWithoutRef<'section'>, keyof SpacingProps | 'color'> {
+    color?: Color;
+    testId?: string;
+}
+export declare const Section: React.FC<SectionProps>;
+//# sourceMappingURL=Section.d.ts.map

package/dist/layout/Section/Section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/layout/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAKjD,MAAM,WAAW,YACf,SAAQ,YAAY,EAClB,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,SAAS,CAAC,EAAE,MAAM,YAAY,GAAG,OAAO,CAAC;IAC/E,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAsB1C,CAAC"}

package/dist/layout/Section/Section.js

@@ -0,0 +1,18 @@
+import { surfaceBgClasses as e } from "../../tokens/colors.js";
+import { buildSpacingClasses as t, extractSpacingProps as n } from "../../tokens/spacing.js";
+import { cn as r } from "../../utils/cn.js";
+import "react";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/layout/Section/Section.tsx
+var a = (a) => {
+	let [o, { color: s, className: c, children: l, testId: u, ...d }] = n(a);
+	return /* @__PURE__ */ i("section", {
+		className: r(t(o), s && e[s], c),
+		"data-testid": u,
+		...d,
+		children: l
+	});
+};
+a.displayName = "Section";
+//#endregion
+export { a as Section };

package/dist/layout/Section/index.d.ts

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

package/dist/layout/Section/index.d.ts.map

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

package/dist/layout/Section/index.js

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

package/dist/layout/Stack/Stack.d.ts

@@ -0,0 +1,73 @@
+import { default as React } from 'react';
+import { Space } from '../../tokens/spacing';
+export interface StackProps {
+    /**
+     * Direction of the stack
+     * @default 'vertical'
+     */
+    direction?: 'vertical' | 'horizontal';
+    /**
+     * Spacing between items
+     * @default 'md'
+     */
+    gap?: Space;
+    /**
+     * Alignment of items along the cross axis
+     */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /**
+     * Justify content along the main axis
+     */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /**
+     * Whether items should wrap
+     * @default false
+     */
+    wrap?: boolean;
+    /**
+     * Show dividers between items
+     * @default false
+     */
+    dividers?: boolean;
+    /**
+     * Custom className
+     */
+    className?: string;
+    /**
+     * HTML element to render
+     * @default 'div'
+     */
+    as?: 'div' | 'section' | 'article' | 'aside' | 'nav' | 'ul' | 'ol';
+    /**
+     * Child elements
+     */
+    children: React.ReactNode;
+}
+/**
+ * Stack - A flexible container for arranging items in a row or column with consistent spacing
+ *
+ * @example
+ * ```tsx
+ * // Vertical stack with medium gap
+ * <Stack gap="md">
+ *   <div>Item 1</div>
+ *   <div>Item 2</div>
+ *   <div>Item 3</div>
+ * </Stack>
+ *
+ * // Horizontal stack with dividers
+ * <Stack direction="horizontal" gap="lg" dividers>
+ *   <span>Section 1</span>
+ *   <span>Section 2</span>
+ *   <span>Section 3</span>
+ * </Stack>
+ *
+ * // Centered items
+ * <Stack align="center" justify="center">
+ *   <button>Action 1</button>
+ *   <button>Action 2</button>
+ * </Stack>
+ * ```
+ */
+export declare const Stack: React.FC<StackProps>;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/layout/Stack/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/layout/Stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAElD,MAAM,WAAW,UAAU;IACzB;;;OAGG;IACH,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACtC;;;OAGG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;IAC/C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACvE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,EAAE,CAAC,EAAE,KAAK,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,IAAI,GAAG,IAAI,CAAC;IACnE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA2BD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqCtC,CAAC"}

package/dist/layout/Stack/Stack.js

@@ -0,0 +1,40 @@
+import "react";
+import { jsx as e } from "react/jsx-runtime";
+//#region src/layout/Stack/Stack.tsx
+var t = {
+	none: "gap-0",
+	xs: "gap-xs",
+	sm: "gap-sm",
+	md: "gap-md",
+	lg: "gap-lg",
+	xl: "gap-xl"
+}, n = {
+	start: "items-start",
+	center: "items-center",
+	end: "items-end",
+	stretch: "items-stretch"
+}, r = {
+	start: "justify-start",
+	center: "justify-center",
+	end: "justify-end",
+	between: "justify-between",
+	around: "justify-around",
+	evenly: "justify-evenly"
+}, i = ({ direction: i = "vertical", gap: a = "md", align: o, justify: s, wrap: c = !1, dividers: l = !1, className: u = "", as: d = "div", children: f }) => {
+	let p = i === "vertical" ? "flex-col" : "flex-row", m = t[a], h = o ? n[o] : "", g = s ? r[s] : "", _ = c ? "flex-wrap" : "", v = "";
+	return l && (v = i === "vertical" ? "divide-y divide-gray-200 dark:divide-gray-700" : "divide-x divide-gray-200 dark:divide-gray-700"), /* @__PURE__ */ e(d, {
+		className: [
+			"flex",
+			p,
+			m,
+			h,
+			g,
+			_,
+			v,
+			u
+		].filter(Boolean).join(" "),
+		children: f
+	});
+};
+//#endregion
+export { i as Stack };

package/dist/layout/Stack/index.d.ts

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

package/dist/layout/Stack/index.d.ts.map

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

package/dist/layout/Stack/index.js

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