@alepha/ui 0.17.2 → 0.18.1

package/dist/demo/DemoJsonViewer-_uokbGaW.js

@@ -1,429 +0,0 @@
-import { t as Showcase } from "./Showcase-BzoXNlCn.js";
-import { DialogService, ui } from "@alepha/ui";
-import { t } from "alepha";
-import { IconCheck, IconChevronDown, IconChevronRight, IconCopy } from "@tabler/icons-react";
-import { ActionIcon, Flex, Text as Text$1, Tree, getTreeExpandedState, useTree } from "@mantine/core";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useI18n } from "alepha/react/i18n";
-import { useCallback, useMemo, useState } from "react";
-
-//#region ../../src/json/components/JsonViewer.tsx
-const SIZE_CONFIG = {
-	xs: {
-		icon: 14,
-		levelOffset: 16
-	},
-	sm: {
-		icon: 16,
-		levelOffset: 20
-	},
-	md: {
-		icon: 18,
-		levelOffset: 24
-	},
-	lg: {
-		icon: 20,
-		levelOffset: 28
-	},
-	xl: {
-		icon: 22,
-		levelOffset: 32
-	}
-};
-const STYLES = {
-	root: { fontFamily: "var(--mantine-font-family-monospace)" },
-	chevron: {
-		flexShrink: 0,
-		color: "var(--mantine-color-dimmed)"
-	},
-	key: {
-		color: "var(--mantine-color-cyan-text)",
-		fontWeight: 500
-	},
-	colon: { color: "var(--mantine-color-dimmed)" },
-	string: { color: "var(--mantine-color-teal-text)" },
-	number: { color: "var(--mantine-color-blue-text)" },
-	boolean: { color: "var(--mantine-color-violet-text)" },
-	null: {
-		color: "var(--mantine-color-dimmed)",
-		fontStyle: "italic"
-	},
-	preview: { color: "var(--mantine-color-dimmed)" }
-};
-const getValueType = (val) => {
-	if (val === null) return "null";
-	if (val === void 0) return "undefined";
-	if (Array.isArray(val)) return "array";
-	return typeof val;
-};
-function buildTreeNodes(data, path = [], key, isArrayItem = false, maxDepth = 10) {
-	const currentPath = key !== void 0 ? [...path, key] : path;
-	const nodeId = currentPath.length > 0 ? currentPath.join(".") : "root";
-	if (currentPath.length > maxDepth) return {
-		value: nodeId,
-		label: key ?? "",
-		nodeValue: data,
-		nodeKey: key,
-		path: currentPath,
-		isArrayItem
-	};
-	const type = getValueType(data);
-	if (type === "object" || type === "array") {
-		const children = (type === "array" ? data.map((v, i) => [String(i), v]) : Object.entries(data)).map(([k, v]) => buildTreeNodes(v, currentPath, k, type === "array", maxDepth)).filter((n) => n !== null);
-		return {
-			value: nodeId,
-			label: key ?? "",
-			nodeValue: data,
-			nodeKey: key,
-			path: currentPath,
-			isArrayItem,
-			children: children.length > 0 ? children : void 0
-		};
-	}
-	return {
-		value: nodeId,
-		label: key ?? "",
-		nodeValue: data,
-		nodeKey: key,
-		path: currentPath,
-		isArrayItem
-	};
-}
-function getExpandedIds(nodes, targetDepth, currentDepth = 0) {
-	if (currentDepth >= targetDepth) return [];
-	const ids = [];
-	for (const node of nodes) if (node.children) {
-		ids.push(node.value);
-		ids.push(...getExpandedIds(node.children, targetDepth, currentDepth + 1));
-	}
-	return ids;
-}
-const CopyButton = ({ value, iconSize }) => {
-	const [copied, setCopied] = useState(false);
-	const handleCopy = useCallback((e) => {
-		e.stopPropagation();
-		navigator.clipboard.writeText(value);
-		setCopied(true);
-		setTimeout(() => setCopied(false), 1500);
-	}, [value]);
-	return /* @__PURE__ */ jsx(ActionIcon, {
-		size: iconSize + 4,
-		variant: "transparent",
-		c: copied ? "green" : "dimmed",
-		onClick: handleCopy,
-		className: "alepha-json-viewer-copy",
-		children: copied ? /* @__PURE__ */ jsx(IconCheck, { size: iconSize }) : /* @__PURE__ */ jsx(IconCopy, { size: iconSize })
-	});
-};
-const RowNode = ({ node, expanded, hasChildren, elementProps, size, config, showQuotes, showCopyButton, renderValue }) => {
-	const { nodeValue, nodeKey, path, isArrayItem, isRoot } = node;
-	const type = getValueType(nodeValue);
-	const isExpandable = type === "object" || type === "array";
-	const getPreview = () => {
-		if (!isExpandable) return null;
-		const count = (type === "array" ? nodeValue : Object.keys(nodeValue)).length;
-		const label = type === "array" ? "item" : "key";
-		if (!expanded) return /* @__PURE__ */ jsx(Text$1, {
-			fs: "italic",
-			component: "span",
-			size,
-			style: STYLES.preview,
-			children: count === 0 ? type === "array" ? "[]" : "{}" : type === "array" ? `[ ${count} ${count === 1 ? label : `${label}s`} ]` : `{ ${count} ${count === 1 ? label : `${label}s`} }`
-		});
-		return null;
-	};
-	const getCopyValue = () => isExpandable ? JSON.stringify(nodeValue, null, 2) : String(nodeValue ?? "");
-	return /* @__PURE__ */ jsxs(Flex, {
-		gap: 6,
-		wrap: "nowrap",
-		...elementProps,
-		className: `alepha-json-viewer-row ${elementProps.className || ""}`,
-		children: [
-			hasChildren ? expanded ? /* @__PURE__ */ jsx(IconChevronDown, {
-				size: config.icon,
-				style: STYLES.chevron
-			}) : /* @__PURE__ */ jsx(IconChevronRight, {
-				size: config.icon,
-				style: STYLES.chevron
-			}) : /* @__PURE__ */ jsx("span", { style: {
-				width: config.icon,
-				flexShrink: 0
-			} }),
-			nodeKey !== void 0 && !isArrayItem && /* @__PURE__ */ jsxs(Text$1, {
-				component: "span",
-				size,
-				children: [/* @__PURE__ */ jsx("span", {
-					style: STYLES.key,
-					children: showQuotes ? `"${nodeKey}"` : nodeKey
-				}), /* @__PURE__ */ jsx("span", {
-					style: STYLES.colon,
-					children: ":"
-				})]
-			}),
-			nodeKey !== void 0 && isArrayItem && /* @__PURE__ */ jsxs(Text$1, {
-				component: "span",
-				size,
-				children: [/* @__PURE__ */ jsx("span", {
-					style: STYLES.key,
-					children: nodeKey
-				}), /* @__PURE__ */ jsx("span", {
-					style: STYLES.colon,
-					children: ":"
-				})]
-			}),
-			hasChildren ? getPreview() : isExpandable ? type === "array" ? /* @__PURE__ */ jsx(Text$1, {
-				component: "span",
-				size,
-				style: STYLES.preview,
-				children: "[]"
-			}) : /* @__PURE__ */ jsx(Text$1, {
-				component: "span",
-				size,
-				style: STYLES.preview,
-				children: "{}"
-			}) : renderValue(nodeValue, nodeKey, path),
-			showCopyButton && /* @__PURE__ */ jsx(CopyButton, {
-				value: getCopyValue(),
-				iconSize: config.icon
-			})
-		]
-	});
-};
-const JsonViewer = ({ data, defaultExpandedDepth = 2, maxDepth = 10, size = "sm", showQuotes = false, showCopyButton = true, formatValue }) => {
-	const config = SIZE_CONFIG[size] || SIZE_CONFIG.sm;
-	const treeData = useMemo(() => {
-		const type = getValueType(data);
-		if (type === "object" || type === "array") {
-			const children = (type === "array" ? data.map((v, i) => [String(i), v]) : Object.entries(data)).map(([k, v]) => buildTreeNodes(v, [], k, type === "array", maxDepth)).filter((n) => n !== null);
-			return [{
-				value: "root",
-				label: "",
-				nodeValue: data,
-				nodeKey: void 0,
-				path: [],
-				isArrayItem: false,
-				isRoot: true,
-				children: children.length > 0 ? children : void 0
-			}];
-		}
-		const node = buildTreeNodes(data, [], void 0, false, maxDepth);
-		return node ? [node] : [];
-	}, [data, maxDepth]);
-	const tree = useTree({ initialExpandedState: useMemo(() => {
-		if (defaultExpandedDepth === 0) return {};
-		if (defaultExpandedDepth === Infinity) return getTreeExpandedState(treeData, "*");
-		return getTreeExpandedState(treeData, getExpandedIds(treeData, defaultExpandedDepth + 1));
-	}, [treeData, defaultExpandedDepth]) });
-	const renderValue = useCallback((val, key, path) => {
-		const custom = formatValue?.(key, val, path);
-		if (custom !== void 0) return /* @__PURE__ */ jsx(Text$1, {
-			component: "span",
-			size,
-			style: STYLES.string,
-			className: "alepha-json-viewer-value",
-			title: String(val),
-			children: custom
-		});
-		const type = getValueType(val);
-		switch (type) {
-			case "string": return /* @__PURE__ */ jsxs(Text$1, {
-				style: STYLES.string,
-				component: "span",
-				size,
-				className: "alepha-json-viewer-value",
-				title: val,
-				children: [
-					"\"",
-					val,
-					"\""
-				]
-			});
-			case "number": return /* @__PURE__ */ jsx(Text$1, {
-				component: "span",
-				size,
-				style: STYLES.number,
-				children: val
-			});
-			case "boolean": return /* @__PURE__ */ jsx(Text$1, {
-				component: "span",
-				size,
-				style: STYLES.boolean,
-				children: String(val)
-			});
-			case "null":
-			case "undefined": return /* @__PURE__ */ jsx(Text$1, {
-				component: "span",
-				size,
-				style: STYLES.null,
-				children: type
-			});
-			default: return /* @__PURE__ */ jsx(Text$1, {
-				component: "span",
-				size,
-				children: String(val)
-			});
-		}
-	}, [
-		formatValue,
-		showQuotes,
-		size
-	]);
-	const renderNode = useCallback(({ node, expanded, hasChildren, elementProps }) => {
-		return /* @__PURE__ */ jsx(RowNode, {
-			node,
-			expanded,
-			hasChildren,
-			elementProps,
-			size,
-			config,
-			showQuotes,
-			showCopyButton,
-			renderValue
-		});
-	}, [
-		config,
-		renderValue,
-		showCopyButton,
-		showQuotes,
-		size
-	]);
-	if (treeData.length === 0) return /* @__PURE__ */ jsx(Text$1, {
-		size,
-		style: STYLES.null,
-		children: data === null ? "null" : data === void 0 ? "undefined" : "{}"
-	});
-	return /* @__PURE__ */ jsx(Tree, {
-		data: treeData,
-		tree,
-		levelOffset: config.levelOffset,
-		expandOnClick: true,
-		renderNode,
-		styles: { root: STYLES.root }
-	});
-};
-
-//#endregion
-//#region ../../src/json/extensions/DialogService.tsx
-DialogService.prototype.json = function(data, options) {
-	this.open({
-		size: "lg",
-		title: options?.title || "Json Viewer",
-		...options,
-		content: /* @__PURE__ */ jsx(Flex, {
-			bdrs: "md",
-			w: "100%",
-			flex: 1,
-			p: "sm",
-			bg: ui.colors.surface,
-			children: /* @__PURE__ */ jsx(JsonViewer, {
-				size: "xs",
-				data
-			})
-		})
-	});
-};
-
-//#endregion
-//#region ../../src/demo/components/json/DemoJsonViewer.tsx
-const sampleData = {
-	name: "Sample Project",
-	createdAt: "2024-01-15T10:30:00.000Z",
-	updatedAt: "2024-06-20T14:45:30.000Z",
-	count: 42,
-	price: 99.99,
-	isActive: true,
-	nullValue: null,
-	tags: [
-		"typescript",
-		"react",
-		"json"
-	],
-	nested: { level1: { level2: { deepValue: "Found me!" } } },
-	users: [{
-		id: 1,
-		name: "Alice",
-		role: "admin"
-	}, {
-		id: 2,
-		name: "Bob",
-		role: "user"
-	}],
-	emptyArray: [],
-	emptyObject: {},
-	longText: "This is a very long text that should be truncated when it exceeds the maximum string length configured in the viewer options."
-};
-const jsonViewerSchema = t.object({
-	showQuotes: t.boolean({
-		title: "Show Quotes",
-		default: false,
-		$control: { switch: true }
-	}),
-	showCopyButton: t.boolean({
-		title: "Show Copy Button",
-		default: true,
-		$control: { switch: true }
-	}),
-	useFormatValue: t.boolean({
-		title: "Format Dates",
-		default: true,
-		$control: { switch: true }
-	}),
-	defaultExpandedDepth: t.integer({
-		title: "Expand Depth",
-		default: 2,
-		minimum: 0,
-		maximum: 10,
-		$control: { slider: true }
-	}),
-	maxDepth: t.integer({
-		title: "Max Depth",
-		default: 10,
-		minimum: 1,
-		maximum: 20,
-		$control: { slider: true }
-	}),
-	size: t.enum([
-		"xs",
-		"sm",
-		"md",
-		"lg",
-		"xl"
-	], {
-		title: "Size",
-		default: "sm",
-		$control: { segmented: true }
-	})
-});
-const DemoJsonViewer = () => {
-	const i18n = useI18n();
-	const formatValue = (key, value) => {
-		if (key === "createdAt") return i18n.l(value, { date: "LLL" });
-		if (key === "updatedAt") return i18n.l(value, { date: "fromNow" });
-	};
-	return /* @__PURE__ */ jsx(Showcase, {
-		title: "JsonViewer",
-		schema: jsonViewerSchema,
-		initialValues: {
-			showQuotes: false,
-			showCopyButton: true,
-			useFormatValue: true,
-			defaultExpandedDepth: 2,
-			maxDepth: 10,
-			size: "sm"
-		},
-		columns: 1,
-		children: (props) => /* @__PURE__ */ jsx(JsonViewer, {
-			data: sampleData,
-			defaultExpandedDepth: props.defaultExpandedDepth,
-			showQuotes: props.showQuotes,
-			showCopyButton: props.showCopyButton,
-			formatValue: props.useFormatValue ? formatValue : void 0,
-			maxDepth: props.maxDepth,
-			size: props.size
-		}, props.defaultExpandedDepth)
-	});
-};
-
-//#endregion
-export { DemoJsonViewer as default };
-//# sourceMappingURL=DemoJsonViewer-_uokbGaW.js.map

package/dist/demo/DemoJsonViewer-_uokbGaW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoJsonViewer-_uokbGaW.js","names":["Text"],"sources":["../../src/json/components/JsonViewer.tsx","../../src/json/extensions/DialogService.tsx","../../src/demo/components/json/DemoJsonViewer.tsx"],"sourcesContent":["import {\n  ActionIcon,\n  Flex,\n  getTreeExpandedState,\n  type MantineSize,\n  Text,\n  Tree,\n  useTree,\n} from \"@mantine/core\";\nimport {\n  IconCheck,\n  IconChevronDown,\n  IconChevronRight,\n  IconCopy,\n} from \"@tabler/icons-react\";\nimport {\n  type CSSProperties,\n  type ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\n// =============================================================================\n// TYPES\n// =============================================================================\n\ninterface JsonViewerProps {\n  data: any;\n  /**\n   * Depth level to expand by default (0 = collapsed, Infinity = all expanded)\n   */\n  defaultExpandedDepth?: number;\n  /**\n   * Maximum nesting depth to render\n   */\n  maxDepth?: number;\n  /**\n   * Size variant\n   */\n  size?: MantineSize;\n  /**\n   * Whether to show quotes around keys and strings\n   */\n  showQuotes?: boolean;\n  /**\n   * Show copy button on row hover\n   */\n  showCopyButton?: boolean;\n  /**\n   * Custom value formatter. Return formatted string or undefined to use default.\n   */\n  formatValue?: (\n    key: string | undefined,\n    value: any,\n    path: string[],\n  ) => string | number | undefined;\n}\n\ninterface JsonTreeNode {\n  value: string;\n  label: string;\n  children?: JsonTreeNode[];\n  // Custom properties\n  nodeValue: any;\n  nodeKey: string | undefined;\n  path: string[];\n  isArrayItem: boolean;\n  isRoot?: boolean;\n}\n\n// =============================================================================\n// CONSTANTS\n// =============================================================================\n\nconst SIZE_CONFIG: Record<MantineSize, { icon: number; levelOffset: number }> =\n  {\n    xs: { icon: 14, levelOffset: 16 },\n    sm: { icon: 16, levelOffset: 20 },\n    md: { icon: 18, levelOffset: 24 },\n    lg: { icon: 20, levelOffset: 28 },\n    xl: { icon: 22, levelOffset: 32 },\n  };\n\nconst STYLES = {\n  root: {\n    fontFamily: \"var(--mantine-font-family-monospace)\",\n  } satisfies CSSProperties,\n  chevron: {\n    flexShrink: 0,\n    color: \"var(--mantine-color-dimmed)\",\n  } satisfies CSSProperties,\n  key: {\n    color: \"var(--mantine-color-cyan-text)\",\n    fontWeight: 500,\n  } satisfies CSSProperties,\n  colon: {\n    color: \"var(--mantine-color-dimmed)\",\n  } satisfies CSSProperties,\n  string: {\n    color: \"var(--mantine-color-teal-text)\",\n  } satisfies CSSProperties,\n  number: {\n    color: \"var(--mantine-color-blue-text)\",\n  } satisfies CSSProperties,\n  boolean: {\n    color: \"var(--mantine-color-violet-text)\",\n  } satisfies CSSProperties,\n  null: {\n    color: \"var(--mantine-color-dimmed)\",\n    fontStyle: \"italic\",\n  } satisfies CSSProperties,\n  preview: {\n    color: \"var(--mantine-color-dimmed)\",\n  } satisfies CSSProperties,\n};\n\n// =============================================================================\n// HELPERS\n// =============================================================================\n\nconst getValueType = (val: any): string => {\n  if (val === null) return \"null\";\n  if (val === undefined) return \"undefined\";\n  if (Array.isArray(val)) return \"array\";\n  return typeof val;\n};\n\n// Convert JSON to tree data structure\nfunction buildTreeNodes(\n  data: any,\n  path: string[] = [],\n  key?: string,\n  isArrayItem = false,\n  maxDepth = 10,\n): JsonTreeNode | null {\n  const currentPath = key !== undefined ? [...path, key] : path;\n  const nodeId = currentPath.length > 0 ? currentPath.join(\".\") : \"root\";\n\n  if (currentPath.length > maxDepth) {\n    return {\n      value: nodeId,\n      label: key ?? \"\",\n      nodeValue: data,\n      nodeKey: key,\n      path: currentPath,\n      isArrayItem,\n    };\n  }\n\n  const type = getValueType(data);\n\n  if (type === \"object\" || type === \"array\") {\n    const entries =\n      type === \"array\"\n        ? (data as any[]).map((v, i) => [String(i), v] as const)\n        : Object.entries(data);\n\n    const children = entries\n      .map(([k, v]) =>\n        buildTreeNodes(v, currentPath, k, type === \"array\", maxDepth),\n      )\n      .filter((n): n is JsonTreeNode => n !== null);\n\n    return {\n      value: nodeId,\n      label: key ?? \"\",\n      nodeValue: data,\n      nodeKey: key,\n      path: currentPath,\n      isArrayItem,\n      children: children.length > 0 ? children : undefined,\n    };\n  }\n\n  return {\n    value: nodeId,\n    label: key ?? \"\",\n    nodeValue: data,\n    nodeKey: key,\n    path: currentPath,\n    isArrayItem,\n  };\n}\n\n// Get all expandable node IDs up to a certain depth\nfunction getExpandedIds(\n  nodes: JsonTreeNode[],\n  targetDepth: number,\n  currentDepth = 0,\n): string[] {\n  if (currentDepth >= targetDepth) return [];\n  const ids: string[] = [];\n  for (const node of nodes) {\n    if (node.children) {\n      ids.push(node.value);\n      ids.push(...getExpandedIds(node.children, targetDepth, currentDepth + 1));\n    }\n  }\n  return ids;\n}\n\n// =============================================================================\n// COPY BUTTON COMPONENT\n// =============================================================================\n\nconst CopyButton = ({\n  value,\n  iconSize,\n}: {\n  value: string;\n  iconSize: number;\n}) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = useCallback(\n    (e: React.MouseEvent) => {\n      e.stopPropagation();\n      navigator.clipboard.writeText(value);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 1500);\n    },\n    [value],\n  );\n\n  return (\n    <ActionIcon\n      size={iconSize + 4}\n      variant=\"transparent\"\n      c={copied ? \"green\" : \"dimmed\"}\n      onClick={handleCopy}\n      className=\"alepha-json-viewer-copy\"\n    >\n      {copied ? <IconCheck size={iconSize} /> : <IconCopy size={iconSize} />}\n    </ActionIcon>\n  );\n};\n\n// =============================================================================\n// ROW NODE COMPONENT\n// =============================================================================\n\ninterface RowNodeProps {\n  node: JsonTreeNode;\n  expanded: boolean;\n  hasChildren: boolean;\n  elementProps: any;\n  size: MantineSize;\n  config: { icon: number; levelOffset: number };\n  showQuotes: boolean;\n  showCopyButton: boolean;\n  renderValue: (val: any, key: string | undefined, path: string[]) => ReactNode;\n}\n\nconst RowNode = ({\n  node,\n  expanded,\n  hasChildren,\n  elementProps,\n  size,\n  config,\n  showQuotes,\n  showCopyButton,\n  renderValue,\n}: RowNodeProps) => {\n  const { nodeValue, nodeKey, path, isArrayItem, isRoot } = node;\n  const type = getValueType(nodeValue);\n  const isExpandable = type === \"object\" || type === \"array\";\n\n  const getPreview = () => {\n    if (!isExpandable) return null;\n    const entries = type === \"array\" ? nodeValue : Object.keys(nodeValue);\n    const count = entries.length;\n    const label = type === \"array\" ? \"item\" : \"key\";\n\n    // For root node or collapsed nodes, show the count\n    if (!expanded) {\n      return (\n        <Text fs={\"italic\"} component=\"span\" size={size} style={STYLES.preview}>\n          {count === 0\n            ? type === \"array\"\n              ? \"[]\"\n              : \"{}\"\n            : type === \"array\"\n              ? `[ ${count} ${count === 1 ? label : `${label}s`} ]`\n              : `{ ${count} ${count === 1 ? label : `${label}s`} }`}\n        </Text>\n      );\n    }\n\n    return null;\n  };\n\n  const getCopyValue = () =>\n    isExpandable ? JSON.stringify(nodeValue, null, 2) : String(nodeValue ?? \"\");\n\n  return (\n    <Flex\n      gap={6}\n      wrap=\"nowrap\"\n      {...elementProps}\n      className={`alepha-json-viewer-row ${elementProps.className || \"\"}`}\n    >\n      {hasChildren ? (\n        expanded ? (\n          <IconChevronDown size={config.icon} style={STYLES.chevron} />\n        ) : (\n          <IconChevronRight size={config.icon} style={STYLES.chevron} />\n        )\n      ) : (\n        <span style={{ width: config.icon, flexShrink: 0 }} />\n      )}\n\n      {nodeKey !== undefined && !isArrayItem && (\n        <Text component=\"span\" size={size}>\n          <span style={STYLES.key}>\n            {showQuotes ? `\"${nodeKey}\"` : nodeKey}\n          </span>\n          <span style={STYLES.colon}>:</span>\n        </Text>\n      )}\n\n      {nodeKey !== undefined && isArrayItem && (\n        <Text component=\"span\" size={size}>\n          <span style={STYLES.key}>{nodeKey}</span>\n          <span style={STYLES.colon}>:</span>\n        </Text>\n      )}\n\n      {hasChildren ? (\n        getPreview()\n      ) : isExpandable ? (\n        type === \"array\" ? (\n          <Text component=\"span\" size={size} style={STYLES.preview}>\n            []\n          </Text>\n        ) : (\n          <Text component=\"span\" size={size} style={STYLES.preview}>\n            {\"{}\"}\n          </Text>\n        )\n      ) : (\n        renderValue(nodeValue, nodeKey, path)\n      )}\n\n      {showCopyButton && (\n        <CopyButton value={getCopyValue()} iconSize={config.icon} />\n      )}\n    </Flex>\n  );\n};\n\n// =============================================================================\n// MAIN COMPONENT\n// =============================================================================\n\nexport const JsonViewer = ({\n  data,\n  defaultExpandedDepth = 2,\n  maxDepth = 10,\n  size = \"sm\",\n  showQuotes = false,\n  showCopyButton = true,\n  formatValue,\n}: JsonViewerProps) => {\n  const config = SIZE_CONFIG[size] || SIZE_CONFIG.sm;\n\n  // Build tree data from JSON with root wrapper\n  const treeData = useMemo(() => {\n    const type = getValueType(data);\n\n    // For objects and arrays, create a root node wrapper\n    if (type === \"object\" || type === \"array\") {\n      const entries =\n        type === \"array\"\n          ? (data as any[]).map((v, i) => [String(i), v] as const)\n          : Object.entries(data);\n      const children = entries\n        .map(([k, v]) => buildTreeNodes(v, [], k, type === \"array\", maxDepth))\n        .filter((n): n is JsonTreeNode => n !== null);\n\n      const rootNode: JsonTreeNode = {\n        value: \"root\",\n        label: \"\",\n        nodeValue: data,\n        nodeKey: undefined,\n        path: [],\n        isArrayItem: false,\n        isRoot: true,\n        children: children.length > 0 ? children : undefined,\n      };\n      return [rootNode];\n    }\n\n    // For primitives, just show the value directly\n    const node = buildTreeNodes(data, [], undefined, false, maxDepth);\n    return node ? [node] : [];\n  }, [data, maxDepth]);\n\n  // Compute initial expanded state (root is always expanded by default unless depth is 0)\n  const initialExpandedState = useMemo(() => {\n    if (defaultExpandedDepth === 0) return {};\n    if (defaultExpandedDepth === Infinity) {\n      return getTreeExpandedState(treeData, \"*\");\n    }\n    // Add 1 to depth to account for root node\n    const ids = getExpandedIds(treeData, defaultExpandedDepth + 1);\n    return getTreeExpandedState(treeData, ids);\n  }, [treeData, defaultExpandedDepth]);\n\n  const tree = useTree({ initialExpandedState });\n\n  // Render value based on type\n  const renderValue = useCallback(\n    (val: any, key: string | undefined, path: string[]): ReactNode => {\n      const custom = formatValue?.(key, val, path);\n      if (custom !== undefined) {\n        return (\n          <Text\n            component=\"span\"\n            size={size}\n            style={STYLES.string}\n            className=\"alepha-json-viewer-value\"\n            title={String(val)}\n          >\n            {custom}\n          </Text>\n        );\n      }\n\n      const type = getValueType(val);\n      switch (type) {\n        case \"string\": {\n          return (\n            <Text\n              style={STYLES.string}\n              component=\"span\"\n              size={size}\n              className=\"alepha-json-viewer-value\"\n              title={val}\n            >\n              \"{val}\"\n            </Text>\n          );\n        }\n        case \"number\":\n          return (\n            <Text component=\"span\" size={size} style={STYLES.number}>\n              {val}\n            </Text>\n          );\n        case \"boolean\":\n          return (\n            <Text component=\"span\" size={size} style={STYLES.boolean}>\n              {String(val)}\n            </Text>\n          );\n        case \"null\":\n        case \"undefined\":\n          return (\n            <Text component=\"span\" size={size} style={STYLES.null}>\n              {type}\n            </Text>\n          );\n        default:\n          return (\n            <Text component=\"span\" size={size}>\n              {String(val)}\n            </Text>\n          );\n      }\n    },\n    [formatValue, showQuotes, size],\n  );\n\n  // Render tree node\n  const renderNode = useCallback(\n    ({\n      node,\n      expanded,\n      hasChildren,\n      elementProps,\n    }: {\n      node: JsonTreeNode;\n      expanded: boolean;\n      hasChildren: boolean;\n      elementProps: any;\n    }): ReactNode => {\n      return (\n        <RowNode\n          node={node}\n          expanded={expanded}\n          hasChildren={hasChildren}\n          elementProps={elementProps}\n          size={size}\n          config={config}\n          showQuotes={showQuotes}\n          showCopyButton={showCopyButton}\n          renderValue={renderValue}\n        />\n      );\n    },\n    [config, renderValue, showCopyButton, showQuotes, size],\n  );\n\n  if (treeData.length === 0) {\n    return (\n      <Text size={size} style={STYLES.null}>\n        {data === null ? \"null\" : data === undefined ? \"undefined\" : \"{}\"}\n      </Text>\n    );\n  }\n\n  return (\n    <Tree\n      data={treeData}\n      tree={tree}\n      levelOffset={config.levelOffset}\n      expandOnClick\n      renderNode={renderNode as any}\n      styles={{ root: STYLES.root }}\n    />\n  );\n};\n\nexport default JsonViewer;\n","import { type BaseDialogOptions, DialogService, ui } from \"@alepha/ui\";\nimport { Flex } from \"@mantine/core\";\nimport { JsonViewer } from \"../components/JsonViewer.tsx\";\n\ndeclare module \"@alepha/ui\" {\n  interface DialogService {\n    /**\n     * Opens a JSON viewer dialog.\n     *\n     * @param data - The JSON data to display.\n     * @param options - Additional dialog options.\n     */\n    json(data?: any, options?: BaseDialogOptions): void;\n  }\n}\n\nDialogService.prototype.json = function (\n  data?: any,\n  options?: BaseDialogOptions,\n) {\n  this.open({\n    size: \"lg\",\n    title: options?.title || \"Json Viewer\",\n    ...options,\n    content: (\n      <Flex bdrs={\"md\"} w={\"100%\"} flex={1} p={\"sm\"} bg={ui.colors.surface}>\n        <JsonViewer size={\"xs\"} data={data} />\n      </Flex>\n    ),\n  });\n};\n","import { JsonViewer } from \"@alepha/ui/json\";\nimport { t } from \"alepha\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst sampleData = {\n  name: \"Sample Project\",\n  createdAt: \"2024-01-15T10:30:00.000Z\",\n  updatedAt: \"2024-06-20T14:45:30.000Z\",\n  count: 42,\n  price: 99.99,\n  isActive: true,\n  nullValue: null,\n  tags: [\"typescript\", \"react\", \"json\"],\n  nested: {\n    level1: {\n      level2: {\n        deepValue: \"Found me!\",\n      },\n    },\n  },\n  users: [\n    { id: 1, name: \"Alice\", role: \"admin\" },\n    { id: 2, name: \"Bob\", role: \"user\" },\n  ],\n  emptyArray: [],\n  emptyObject: {},\n  longText:\n    \"This is a very long text that should be truncated when it exceeds the maximum string length configured in the viewer options.\",\n};\n\nconst $control = {\n  switch: true,\n  slider: true,\n  segmented: true,\n};\n\nconst jsonViewerSchema = t.object({\n  showQuotes: t.boolean({\n    title: \"Show Quotes\",\n    default: false,\n    $control: {\n      switch: true,\n    },\n  }),\n  showCopyButton: t.boolean({\n    title: \"Show Copy Button\",\n    default: true,\n    $control: {\n      switch: true,\n    },\n  }),\n  useFormatValue: t.boolean({\n    title: \"Format Dates\",\n    default: true,\n    $control: {\n      switch: true,\n    },\n  }),\n  defaultExpandedDepth: t.integer({\n    title: \"Expand Depth\",\n    default: 2,\n    minimum: 0,\n    maximum: 10,\n    $control: { slider: true },\n  }),\n  maxDepth: t.integer({\n    title: \"Max Depth\",\n    default: 10,\n    minimum: 1,\n    maximum: 20,\n    $control: { slider: true },\n  }),\n  size: t.enum([\"xs\", \"sm\", \"md\", \"lg\", \"xl\"], {\n    title: \"Size\",\n    default: \"sm\",\n    $control: {\n      segmented: true,\n    },\n  }),\n});\n\nconst DemoJsonViewer = () => {\n  const i18n = useI18n();\n  const formatValue = (\n    key: string | undefined,\n    value: any,\n  ): string | number | undefined => {\n    if (key === \"createdAt\") {\n      return i18n.l(value, { date: \"LLL\" });\n    }\n    if (key === \"updatedAt\") {\n      return i18n.l(value, { date: \"fromNow\" });\n    }\n    return undefined;\n  };\n\n  return (\n    <Showcase\n      title=\"JsonViewer\"\n      schema={jsonViewerSchema}\n      initialValues={{\n        showQuotes: false,\n        showCopyButton: true,\n        useFormatValue: true,\n        defaultExpandedDepth: 2,\n        maxDepth: 10,\n        size: \"sm\",\n      }}\n      columns={1}\n    >\n      {(props) => (\n        <JsonViewer\n          key={props.defaultExpandedDepth}\n          data={sampleData}\n          defaultExpandedDepth={props.defaultExpandedDepth}\n          showQuotes={props.showQuotes}\n          showCopyButton={props.showCopyButton}\n          formatValue={props.useFormatValue ? formatValue : undefined}\n          maxDepth={props.maxDepth}\n          size={props.size}\n        />\n      )}\n    </Showcase>\n  );\n};\n\nexport default DemoJsonViewer;\n"],"mappings":"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"}

package/dist/demo/DemoLayout-DHVoacE6.js

@@ -1,46 +0,0 @@
-import { ActionButton, AlephaMantineProvider, DashboardShell } from "@alepha/ui";
-import { IconArrowLeft } from "@tabler/icons-react";
-import { useRouter } from "alepha/react/router";
-import { jsx } from "react/jsx-runtime";
-
-//#region ../../src/demo/components/DemoLayout.tsx
-const DemoLayout = () => {
-	const router = useRouter();
-	return /* @__PURE__ */ jsx(AlephaMantineProvider, { children: /* @__PURE__ */ jsx(DashboardShell, {
-		appShellMainProps: { h: "100%" },
-		appBarProps: { items: [{
-			element: /* @__PURE__ */ jsx(ActionButton, {
-				variant: "subtle",
-				icon: IconArrowLeft,
-				href: "/"
-			}),
-			position: "left"
-		}, {
-			type: "dark",
-			position: "right"
-		}] },
-		sidebarProps: { items: [
-			router.node("demoHome"),
-			{
-				...router.node("demoCore"),
-				children: [
-					router.node("demoTypeForm"),
-					router.node("demoSidebar"),
-					router.node("demoDataTable")
-				]
-			},
-			{
-				...router.node("demoJson"),
-				children: [router.node("demoJsonViewer")]
-			},
-			{
-				...router.node("demoAuth"),
-				children: [router.node("demoLogin"), router.node("demoRegister")]
-			}
-		] }
-	}) });
-};
-
-//#endregion
-export { DemoLayout as default };
-//# sourceMappingURL=DemoLayout-DHVoacE6.js.map

package/dist/demo/DemoLayout-DHVoacE6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoLayout-DHVoacE6.js","names":[],"sources":["../../src/demo/components/DemoLayout.tsx"],"sourcesContent":["import {\n  ActionButton,\n  AlephaMantineProvider,\n  DashboardShell,\n} from \"@alepha/ui\";\nimport { IconArrowLeft } from \"@tabler/icons-react\";\nimport { useRouter } from \"alepha/react/router\";\nimport type { DemoRouter } from \"../DemoRouter.ts\";\n\nconst DemoLayout = () => {\n  const router = useRouter<DemoRouter>();\n  return (\n    <AlephaMantineProvider>\n      <DashboardShell\n        appShellMainProps={{ h: \"100%\" }}\n        appBarProps={{\n          items: [\n            {\n              element: (\n                <ActionButton variant=\"subtle\" icon={IconArrowLeft} href=\"/\" />\n              ),\n              position: \"left\",\n            },\n            {\n              type: \"dark\",\n              position: \"right\",\n            },\n          ],\n        }}\n        sidebarProps={{\n          items: [\n            router.node(\"demoHome\"),\n            {\n              ...router.node(\"demoCore\"),\n              children: [\n                router.node(\"demoTypeForm\"),\n                router.node(\"demoSidebar\"),\n                router.node(\"demoDataTable\"),\n              ],\n            },\n            {\n              ...router.node(\"demoJson\"),\n              children: [router.node(\"demoJsonViewer\")],\n            },\n            {\n              ...router.node(\"demoAuth\"),\n              children: [router.node(\"demoLogin\"), router.node(\"demoRegister\")],\n            },\n          ],\n        }}\n      />\n    </AlephaMantineProvider>\n  );\n};\n\nexport default DemoLayout;\n"],"mappings":";;;;;;AASA,MAAM,mBAAmB;CACvB,MAAM,SAAS,WAAuB;AACtC,QACE,oBAAC,mCACC,oBAAC;EACC,mBAAmB,EAAE,GAAG,QAAQ;EAChC,aAAa,EACX,OAAO,CACL;GACE,SACE,oBAAC;IAAa,SAAQ;IAAS,MAAM;IAAe,MAAK;KAAM;GAEjE,UAAU;GACX,EACD;GACE,MAAM;GACN,UAAU;GACX,CACF,EACF;EACD,cAAc,EACZ,OAAO;GACL,OAAO,KAAK,WAAW;GACvB;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU;KACR,OAAO,KAAK,eAAe;KAC3B,OAAO,KAAK,cAAc;KAC1B,OAAO,KAAK,gBAAgB;KAC7B;IACF;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,iBAAiB,CAAC;IAC1C;GACD;IACE,GAAG,OAAO,KAAK,WAAW;IAC1B,UAAU,CAAC,OAAO,KAAK,YAAY,EAAE,OAAO,KAAK,eAAe,CAAC;IAClE;GACF,EACF;GACD,GACoB"}

package/dist/demo/DemoLogin-DjJ9314c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoLogin-DjJ9314c.js","names":["Text"],"sources":["../../src/auth/components/Login.tsx","../../src/demo/components/auth/DemoLogin.tsx"],"sourcesContent":["import { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Card, Flex, Image, Text, Title } from \"@mantine/core\";\nimport { IconLock, IconUser } from \"@tabler/icons-react\";\nimport { AlephaError, t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { FormValidationError, useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { HttpError } from \"alepha/server\";\nimport { useMemo } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface LoginProps {\n  realmConfig: RealmConfig;\n}\n\nconst Login = (props: LoginProps) => {\n  const auth = useAuth();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const credentialsProvider = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings;\n\n  // Determine what login methods are available\n  const loginMethods = useMemo(() => {\n    const methods = [];\n    if (settings.usernameEnabled !== false) methods.push(\"username\");\n    if (settings.emailEnabled !== false) methods.push(\"email\");\n    if (settings.phoneEnabled === true) methods.push(\"phone\");\n    return methods;\n  }, [settings]);\n\n  // Create identifier title based on enabled methods\n  const identifierTitle = useMemo(() => {\n    if (loginMethods.length === 0) return tr(\"loginUsername\");\n    if (loginMethods.length === 1) {\n      if (loginMethods[0] === \"username\") return tr(\"loginUsername\");\n      if (loginMethods[0] === \"email\") return tr(\"loginEmail\");\n      if (loginMethods[0] === \"phone\") return tr(\"loginPhone\");\n    }\n    const labels = loginMethods.map((m) => {\n      if (m === \"username\") return tr(\"loginUsername\").toLowerCase();\n      if (m === \"email\") return tr(\"loginEmail\").toLowerCase();\n      if (m === \"phone\") return tr(\"loginPhone\").toLowerCase();\n      return m;\n    });\n    return capitalize(\n      `${labels.slice(0, -1).join(\", \")} or ${labels[labels.length - 1]}`,\n    );\n  }, [loginMethods, tr]);\n\n  const form = useForm({\n    schema: t.object({\n      identifier: t.string({\n        minLength: 1,\n      }),\n      password: t.string({\n        minLength: settings.passwordPolicy?.minLength || 6,\n      }),\n    }),\n    handler: async (data) => {\n      if (!credentialsProvider) {\n        throw new AlephaError(\"Credentials provider not configured\");\n      }\n\n      try {\n        await auth.login(credentialsProvider.name, {\n          username: data.identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\n        });\n        await router.push(router.query.r || \"/\");\n      } catch (error) {\n        if (\n          error instanceof HttpError &&\n          error.error === \"InvalidCredentialsError\"\n        ) {\n          throw new FormValidationError({\n            message: \"Invalid identifier or password\",\n            path: \"/password\",\n          });\n        }\n        throw error;\n      }\n    },\n  });\n\n  const getAutoCompleteType = () => {\n    if (loginMethods.includes(\"email\")) {\n      return \"email\";\n    }\n    if (loginMethods.includes(\"username\")) {\n      return \"username\";\n    }\n    if (loginMethods.includes(\"phone\")) {\n      return \"tel\";\n    }\n    return \"username\";\n  };\n\n  const externalLoginMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalLoginMethods.length > 0;\n\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Flex direction=\"column\" gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Flex direction=\"column\" gap={\"md\"}>\n            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Flex direction=\"column\" gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Flex>\n            )}\n\n            {/* Credentials login form */}\n            {credentialsProvider && (\n              <>\n                <form {...form.props}>\n                  <Flex direction=\"column\" flex={1} gap={\"md\"}>\n                    <Control\n                      title={identifierTitle}\n                      input={form.input.identifier}\n                      icon={IconUser}\n                      text={{\n                        autoComplete: getAutoCompleteType(),\n                      }}\n                    />\n                    <Control\n                      title={tr(\"loginPassword\")}\n                      input={form.input.password}\n                      icon={IconLock}\n                      password={{\n                        autoComplete: \"current-password\",\n                      }}\n                    />\n                    <ActionButton variant={\"filled\"} form={form}>\n                      {tr(\"loginSignIn\")}\n                    </ActionButton>\n                  </Flex>\n                </form>\n                {settings.resetPasswordAllowed && (\n                  <Text size=\"sm\" ta=\"center\">\n                    <ActionButton\n                      href={router.path(\"resetPassword\", {\n                        query: { realm: props.realmConfig.realmName },\n                      })}\n                      anchorProps={{ inherit: true }}\n                    >\n                      {tr(\"loginForgotPassword\")}\n                    </ActionButton>\n                  </Text>\n                )}\n              </>\n            )}\n\n            {/* OR divider - only when both credentials AND external methods exist */}\n            {showOrDivider && (\n              <Flex align=\"center\" justify=\"center\" gap={\"md\"}>\n                <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                <Text size=\"xs\" c={\"dimmed\"}>\n                  {tr(\"loginOr\")}\n                </Text>\n                <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n              </Flex>\n            )}\n\n            {/* External login methods */}\n            {externalLoginMethods.length > 0 && (\n              <Flex direction=\"column\" gap={\"sm\"}>\n                {externalLoginMethods.map((method) => (\n                  <ActionButton\n                    variant={\"default\"}\n                    key={method.type}\n                    leftSection={leftSection(method.name.toLowerCase())}\n                    onClick={() =>\n                      auth.login(method.name, {\n                        redirect,\n                        realm: props.realmConfig.realmName,\n                      })\n                    }\n                  >\n                    {tr(\"loginContinueWith\", {\n                      args: [capitalize(method.name)],\n                    })}\n                  </ActionButton>\n                ))}\n              </Flex>\n            )}\n\n            {/* Registration link */}\n            {settings.registrationAllowed && (\n              <Text size=\"sm\" ta=\"center\">\n                {tr(\"loginNoAccount\")}{\" \"}\n                <ActionButton\n                  href={router.path(\"register\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                  anchorProps={{ inherit: true }}\n                >\n                  {tr(\"loginSignUp\")}\n                </ActionButton>\n              </Text>\n            )}\n          </Flex>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={\"/\"}>\n          {tr(\"loginCancel\")}\n        </ActionButton>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Login;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n","import { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Login from \"../../../auth/components/Login.tsx\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  showCredentials: t.boolean({\n    title: \"Credentials\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGoogleOAuth: t.boolean({\n    title: \"Google OAuth\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGithubOAuth: t.boolean({\n    title: \"GitHub OAuth\",\n    default: false,\n    $control: { switch: true },\n  }),\n  usernameEnabled: t.boolean({\n    title: \"Username Login\",\n    default: true,\n    $control: { switch: true },\n  }),\n  emailEnabled: t.boolean({\n    title: \"Email Login\",\n    default: true,\n    $control: { switch: true },\n  }),\n  phoneEnabled: t.boolean({\n    title: \"Phone Login\",\n    default: false,\n    $control: { switch: true },\n  }),\n  registrationAllowed: t.boolean({\n    title: \"Show Sign Up\",\n    default: true,\n    $control: { switch: true },\n  }),\n  resetPasswordAllowed: t.boolean({\n    title: \"Forgot Password\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showBranding: t.boolean({\n    title: \"Show Branding\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst buildRealmConfig = (props: {\n  showCredentials: boolean;\n  showGoogleOAuth: boolean;\n  showGithubOAuth: boolean;\n  usernameEnabled: boolean;\n  emailEnabled: boolean;\n  phoneEnabled: boolean;\n  registrationAllowed: boolean;\n  resetPasswordAllowed: boolean;\n  showBranding: boolean;\n}): RealmConfig => {\n  const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n  if (props.showCredentials) {\n    authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n  }\n  if (props.showGoogleOAuth) {\n    authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n  }\n  if (props.showGithubOAuth) {\n    authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n  }\n\n  return {\n    realmName: \"demo\",\n    authenticationMethods: authMethods,\n    settings: {\n      displayName: props.showBranding ? \"Demo App\" : undefined,\n      description: props.showBranding ? \"Sign in to continue\" : undefined,\n      logoUrl: undefined,\n      registrationAllowed: props.registrationAllowed,\n      emailEnabled: props.emailEnabled,\n      emailRequired: false,\n      usernameEnabled: props.usernameEnabled,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      usernameRequired: false,\n      phoneEnabled: props.phoneEnabled,\n      phoneRequired: false,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastNameEnabled: false,\n      firstNameLastNameRequired: false,\n      resetPasswordAllowed: props.resetPasswordAllowed,\n      adminEmails: [],\n      adminUsernames: [],\n      passwordPolicy: {\n        minLength: 8,\n        requireUppercase: true,\n        requireLowercase: true,\n        requireNumbers: true,\n        requireSpecialCharacters: false,\n      },\n    },\n  };\n};\n\nconst DemoLogin = () => {\n  return (\n    <Showcase\n      title=\"Login\"\n      schema={showcaseSchema}\n      initialValues={{\n        showCredentials: true,\n        showGoogleOAuth: true,\n        showGithubOAuth: false,\n        usernameEnabled: true,\n        emailEnabled: true,\n        phoneEnabled: false,\n        registrationAllowed: true,\n        resetPasswordAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => <Login realmConfig={buildRealmConfig(props)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoLogin;\n"],"mappings":"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"}

package/dist/demo/DemoRegister-DzkJ5M83.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DemoRegister-DzkJ5M83.js","names":["Text"],"sources":["../../src/auth/components/Register.tsx","../../src/demo/components/auth/DemoRegister.tsx"],"sourcesContent":["import { ActionButton, Control, capitalize } from \"@alepha/ui\";\nimport { Alert, Card, Flex, Image, PinInput, Text, Title } from \"@mantine/core\";\nimport {\n  IconAlertCircle,\n  IconLock,\n  IconMail,\n  IconPhone,\n  IconUser,\n} from \"@tabler/icons-react\";\nimport { TypeBoxError, t } from \"alepha\";\nimport type {\n  RealmConfig,\n  RegistrationIntentResponse,\n  UserController,\n} from \"alepha/api/users\";\nimport { useClient } from \"alepha/react\";\nimport { useAuth } from \"alepha/react/auth\";\nimport { useForm } from \"alepha/react/form\";\nimport { useI18n } from \"alepha/react/i18n\";\nimport { useRouter } from \"alepha/react/router\";\nimport { useMemo, useState } from \"react\";\nimport type { AuthI18n } from \"../AuthI18n.ts\";\nimport type { AuthRouter } from \"../AuthRouter.ts\";\nimport IconGithub from \"./icons/IconGithub.tsx\";\nimport IconGoogle from \"./icons/IconGoogle.tsx\";\n\nexport interface RegisterProps {\n  realmConfig: RealmConfig;\n}\n\ntype RegistrationPhase = \"form\" | \"verification\";\n\ninterface RegistrationState {\n  phase: RegistrationPhase;\n  intent?: RegistrationIntentResponse;\n  credentials?: {\n    identifier: string;\n    password: string;\n  };\n}\n\nconst Register = (props: RegisterProps) => {\n  const auth = useAuth();\n  const userCtrl = useClient<UserController>();\n  const router = useRouter<AuthRouter>();\n  const { tr } = useI18n<AuthI18n, \"en\">();\n  const redirect = router.query.r || \"/\";\n\n  const [registrationState, setRegistrationState] = useState<RegistrationState>(\n    {\n      phase: \"form\",\n    },\n  );\n  const [emailCode, setEmailCode] = useState(\"\");\n  const [phoneCode, setPhoneCode] = useState(\"\");\n  const [verificationError, setVerificationError] = useState<string | null>(\n    null,\n  );\n  const [isSubmitting, setIsSubmitting] = useState(false);\n\n  const credentialsProvider = props.realmConfig.authenticationMethods.find(\n    (it) => it.type === \"CREDENTIALS\",\n  );\n\n  const settings = props.realmConfig.settings || {};\n  const isRegistrationAllowed = settings.registrationAllowed !== false;\n\n  const registerSchema = useMemo(() => {\n    const registerSchema = t.object({\n      username: t.optional(\n        t.text({\n          trim: true,\n          pattern: settings.usernameRegExp,\n        }),\n      ),\n      email: t.optional(t.email()),\n      phoneNumber: t.optional(t.e164()),\n      password: t.string({ minLength: 8 }),\n      confirmPassword: t.string({ minLength: 8 }),\n    });\n\n    const required = registerSchema.required as string[];\n\n    if (settings.usernameRequired) required.push(\"username\");\n    if (settings.emailRequired) required.push(\"email\");\n    if (settings.phoneRequired) required.push(\"phoneNumber\");\n\n    return registerSchema;\n  }, []);\n\n  const form = useForm({\n    schema: registerSchema,\n    handler: async (data) => {\n      if (data.password !== data.confirmPassword) {\n        throw new TypeBoxError({\n          message: \"Passwords do not match\",\n          instancePath: \"/confirmPassword\",\n          keyword: \"not\",\n          schemaPath: \"\",\n          params: {},\n        });\n      }\n\n      // Phase 1: Create registration intent\n      const intent = await userCtrl.createRegistrationIntent({\n        query: { userRealmName: props.realmConfig.realmName },\n        body: {\n          username: data.username,\n          email: data.email,\n          phoneNumber: data.phoneNumber,\n          password: data.password,\n        },\n      });\n\n      const identifier = data.username ?? data.email ?? data.phoneNumber;\n\n      // Check if verification is needed\n      if (\n        intent.expectEmailVerification ||\n        intent.expectPhoneVerification ||\n        intent.expectCaptcha\n      ) {\n        // Move to verification phase\n        setRegistrationState({\n          phase: \"verification\",\n          intent,\n          credentials: identifier\n            ? { identifier, password: data.password }\n            : undefined,\n        });\n        return;\n      }\n\n      // No verification needed - complete registration immediately\n      await userCtrl.createUserFromIntent({\n        body: { intentId: intent.intentId },\n      });\n\n      // Auto-login after registration\n      if (identifier && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: identifier,\n          password: data.password,\n          realm: props.realmConfig.realmName,\n        });\n      }\n\n      await router.push(router.query.r || \"/\");\n    },\n  });\n\n  const handleVerificationSubmit = async () => {\n    if (!registrationState.intent) return;\n\n    setIsSubmitting(true);\n    setVerificationError(null);\n\n    try {\n      // Phase 2: Complete registration with verification codes\n      await userCtrl.createUserFromIntent({\n        body: {\n          intentId: registrationState.intent.intentId,\n          emailCode: registrationState.intent.expectEmailVerification\n            ? emailCode\n            : undefined,\n          phoneCode: registrationState.intent.expectPhoneVerification\n            ? phoneCode\n            : undefined,\n        },\n      });\n\n      // Auto-login after registration\n      if (registrationState.credentials && credentialsProvider) {\n        await auth.login(credentialsProvider.name, {\n          username: registrationState.credentials.identifier,\n          password: registrationState.credentials.password,\n          realm: props.realmConfig.realmName,\n        });\n      }\n\n      await router.push(router.query.r || \"/\");\n    } catch (error) {\n      setVerificationError(\n        error instanceof Error ? error.message : \"Verification failed\",\n      );\n    } finally {\n      setIsSubmitting(false);\n    }\n  };\n\n  const canSubmitVerification = () => {\n    if (!registrationState.intent) return false;\n\n    if (\n      registrationState.intent.expectEmailVerification &&\n      emailCode.length !== 6\n    ) {\n      return false;\n    }\n\n    if (\n      registrationState.intent.expectPhoneVerification &&\n      phoneCode.length !== 6\n    ) {\n      return false;\n    }\n\n    return true;\n  };\n\n  // Verification phase UI\n  if (registrationState.phase === \"verification\" && registrationState.intent) {\n    return (\n      <Flex flex={1} justify={\"center\"} align={\"center\"}>\n        <Flex direction=\"column\" gap={\"sm\"} w={360}>\n          <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n            <Flex direction=\"column\" gap={\"md\"}>\n              <Text size=\"lg\" fw={500} ta=\"center\">\n                {tr(\"registerVerifyTitle\") ?? \"Verify your account\"}\n              </Text>\n              <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                {tr(\"registerVerifyDescription\") ??\n                  \"Please enter the verification code(s) sent to you.\"}\n              </Text>\n\n              {verificationError && (\n                <Alert variant=\"light\" color=\"red\" icon={<IconAlertCircle />}>\n                  <Text size=\"sm\">{verificationError}</Text>\n                </Alert>\n              )}\n\n              {registrationState.intent.expectEmailVerification && (\n                <Flex direction=\"column\" gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerEmailCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={emailCode}\n                      onChange={setEmailCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Email verification code\"\n                    />\n                  </Flex>\n                </Flex>\n              )}\n\n              {registrationState.intent.expectPhoneVerification && (\n                <Flex direction=\"column\" gap={\"xs\"}>\n                  <Text size=\"sm\" fw={500}>\n                    {tr(\"registerPhoneCode\")}\n                  </Text>\n                  <Flex justify=\"center\">\n                    <PinInput\n                      length={6}\n                      value={phoneCode}\n                      onChange={setPhoneCode}\n                      type=\"number\"\n                      oneTimeCode\n                      aria-label=\"Phone verification code\"\n                    />\n                  </Flex>\n                </Flex>\n              )}\n\n              <ActionButton\n                color={\"blue\"}\n                onClick={handleVerificationSubmit}\n                loading={isSubmitting}\n                disabled={!canSubmitVerification()}\n              >\n                {tr(\"registerVerifySubmit\")}\n              </ActionButton>\n\n              <ActionButton\n                variant=\"subtle\"\n                onClick={() =>\n                  setRegistrationState({ phase: \"form\", intent: undefined })\n                }\n              >\n                {tr(\"registerVerifyBack\") ?? \"Back to registration\"}\n              </ActionButton>\n            </Flex>\n          </Card>\n        </Flex>\n      </Flex>\n    );\n  }\n\n  // External login methods\n  const externalMethods = props.realmConfig.authenticationMethods.filter(\n    (method) => method.type !== \"CREDENTIALS\",\n  );\n\n  const showOrDivider = credentialsProvider && externalMethods.length > 0;\n\n  // Registration form phase UI\n  return (\n    <Flex flex={1} justify={\"center\"} align={\"center\"}>\n      <Flex direction=\"column\" gap={\"sm\"} w={360}>\n        <Card withBorder p={\"lg\"} bg={\"var(--alepha-elevated)\"}>\n          <Flex direction=\"column\" gap={\"md\"}>\n            {/* Realm branding */}\n            {(settings.logoUrl ||\n              settings.displayName ||\n              settings.description) && (\n              <Flex direction=\"column\" gap={\"xs\"} align=\"center\" mb=\"xs\">\n                {settings.logoUrl && (\n                  <Image\n                    src={settings.logoUrl}\n                    alt={settings.displayName || props.realmConfig.realmName}\n                    h={48}\n                    w=\"auto\"\n                    fit=\"contain\"\n                  />\n                )}\n                {settings.displayName && (\n                  <Title order={4} ta=\"center\">\n                    {settings.displayName}\n                  </Title>\n                )}\n                {settings.description && (\n                  <Text size=\"sm\" c=\"dimmed\" ta=\"center\">\n                    {settings.description}\n                  </Text>\n                )}\n              </Flex>\n            )}\n\n            {!isRegistrationAllowed ? (\n              <>\n                <Alert\n                  variant=\"light\"\n                  color=\"yellow\"\n                  icon={<IconAlertCircle />}\n                >\n                  <Text size=\"sm\">{tr(\"registerDisabled\")}</Text>\n                </Alert>\n                <ActionButton\n                  href={router.path(\"login\", {\n                    query: { realm: props.realmConfig.realmName },\n                  })}\n                >\n                  {tr(\"registerBackToSignIn\")}\n                </ActionButton>\n              </>\n            ) : (\n              <>\n                {/* Credentials registration form */}\n                {credentialsProvider && (\n                  <form {...form.props}>\n                    <Flex direction=\"column\" flex={1} gap={\"md\"}>\n                      {settings.usernameEnabled !== false &&\n                        form.input.username && (\n                          <Control\n                            title={tr(\"registerUsername\")}\n                            input={form.input.username}\n                            icon={<IconUser />}\n                            text={{\n                              autoComplete: \"username\",\n                            }}\n                          />\n                        )}\n                      {settings.emailEnabled !== false && form.input.email && (\n                        <Control\n                          title={tr(\"registerEmail\")}\n                          input={form.input.email}\n                          icon={<IconMail />}\n                          text={{\n                            autoComplete: \"email\",\n                          }}\n                        />\n                      )}\n                      {settings.phoneEnabled === true &&\n                        form.input.phoneNumber && (\n                          <Control\n                            title={tr(\"registerPhone\")}\n                            input={form.input.phoneNumber}\n                            icon={<IconPhone />}\n                            text={{\n                              autoComplete: \"tel\",\n                            }}\n                          />\n                        )}\n                      <Control\n                        title={tr(\"registerPassword\")}\n                        input={form.input.password}\n                        icon={<IconLock />}\n                        password={{\n                          autoComplete: \"new-password\",\n                        }}\n                      />\n                      <Control\n                        title={tr(\"registerConfirmPassword\")}\n                        input={form.input.confirmPassword}\n                        icon={<IconLock />}\n                        password={{\n                          autoComplete: \"new-password\",\n                        }}\n                      />\n                      <ActionButton\n                        form={form}\n                        color={\"blue\"}\n                        variant={\"filled\"}\n                      >\n                        {tr(\"registerCreateAccount\")}\n                      </ActionButton>\n                    </Flex>\n                  </form>\n                )}\n\n                {/* OR divider - only when both credentials AND external methods exist */}\n                {showOrDivider && (\n                  <Flex align=\"center\" justify=\"center\" gap={\"md\"}>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                    <Text size=\"xs\" c=\"dimmed\">\n                      {tr(\"registerOr\")}\n                    </Text>\n                    <Flex flex={1} h={\"1px\"} bg={\"var(--alepha-border)\"} />\n                  </Flex>\n                )}\n\n                {/* External login methods */}\n                {externalMethods.length > 0 && (\n                  <Flex direction=\"column\" gap={\"sm\"}>\n                    {externalMethods.map((method) => (\n                      <ActionButton\n                        variant={\"default\"}\n                        key={method.type}\n                        leftSection={leftSection(method.name.toLowerCase())}\n                        onClick={() =>\n                          auth.login(method.name, {\n                            redirect,\n                            realm: props.realmConfig.realmName,\n                          })\n                        }\n                      >\n                        {tr(\"registerContinueWith\", {\n                          args: [capitalize(method.name)],\n                        })}\n                      </ActionButton>\n                    ))}\n                  </Flex>\n                )}\n\n                {/* Sign in link */}\n                <Text size=\"sm\" ta=\"center\">\n                  {tr(\"registerHaveAccount\")}{\" \"}\n                  <ActionButton\n                    href={router.path(\"login\", {\n                      query: { realm: props.realmConfig.realmName },\n                    })}\n                    anchorProps={{ inherit: true }}\n                  >\n                    {tr(\"registerSignIn\")}\n                  </ActionButton>\n                </Text>\n              </>\n            )}\n          </Flex>\n        </Card>\n        <ActionButton variant={\"subtle\"} href={redirect}>\n          {tr(\"registerCancel\")}\n        </ActionButton>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default Register;\n\nconst leftSection = (name: string) => {\n  if (name === \"google\") {\n    return <IconGoogle />;\n  }\n\n  if (name === \"github\") {\n    return <IconGithub />;\n  }\n};\n","import { t } from \"alepha\";\nimport type { RealmConfig } from \"alepha/api/users\";\nimport Register from \"../../../auth/components/Register.tsx\";\nimport Showcase from \"../shared/Showcase.tsx\";\n\nconst showcaseSchema = t.object({\n  showCredentials: t.boolean({\n    title: \"Credentials\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGoogleOAuth: t.boolean({\n    title: \"Google OAuth\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showGithubOAuth: t.boolean({\n    title: \"GitHub OAuth\",\n    default: false,\n    $control: { switch: true },\n  }),\n  usernameEnabled: t.boolean({\n    title: \"Username Field\",\n    default: true,\n    $control: { switch: true },\n  }),\n  usernameRequired: t.boolean({\n    title: \"Username Required\",\n    default: false,\n    $control: { switch: true },\n  }),\n  emailEnabled: t.boolean({\n    title: \"Email Field\",\n    default: true,\n    $control: { switch: true },\n  }),\n  emailRequired: t.boolean({\n    title: \"Email Required\",\n    default: true,\n    $control: { switch: true },\n  }),\n  phoneEnabled: t.boolean({\n    title: \"Phone Field\",\n    default: false,\n    $control: { switch: true },\n  }),\n  phoneRequired: t.boolean({\n    title: \"Phone Required\",\n    default: false,\n    $control: { switch: true },\n  }),\n  registrationAllowed: t.boolean({\n    title: \"Registration Allowed\",\n    default: true,\n    $control: { switch: true },\n  }),\n  showBranding: t.boolean({\n    title: \"Show Branding\",\n    default: true,\n    $control: { switch: true },\n  }),\n});\n\nconst buildRealmConfig = (props: {\n  showCredentials: boolean;\n  showGoogleOAuth: boolean;\n  showGithubOAuth: boolean;\n  usernameEnabled: boolean;\n  usernameRequired: boolean;\n  emailEnabled: boolean;\n  emailRequired: boolean;\n  phoneEnabled: boolean;\n  phoneRequired: boolean;\n  registrationAllowed: boolean;\n  showBranding: boolean;\n}): RealmConfig => {\n  const authMethods: RealmConfig[\"authenticationMethods\"] = [];\n\n  if (props.showCredentials) {\n    authMethods.push({ name: \"credentials\", type: \"CREDENTIALS\" });\n  }\n  if (props.showGoogleOAuth) {\n    authMethods.push({ name: \"google\", type: \"OAUTH2\" });\n  }\n  if (props.showGithubOAuth) {\n    authMethods.push({ name: \"github\", type: \"OAUTH2\" });\n  }\n\n  return {\n    realmName: \"demo\",\n    authenticationMethods: authMethods,\n    settings: {\n      displayName: props.showBranding ? \"Demo App\" : undefined,\n      description: props.showBranding ? \"Create your account\" : undefined,\n      logoUrl: undefined,\n      registrationAllowed: props.registrationAllowed,\n      emailEnabled: props.emailEnabled,\n      emailRequired: props.emailRequired,\n      usernameEnabled: props.usernameEnabled,\n      usernameRequired: props.usernameRequired,\n      usernameRegExp: \"^[a-zA-Z0-9_]{3,30}$\",\n      phoneEnabled: props.phoneEnabled,\n      phoneRequired: props.phoneRequired,\n      verifyEmailRequired: false,\n      verifyPhoneRequired: false,\n      firstNameLastNameEnabled: false,\n      firstNameLastNameRequired: false,\n      resetPasswordAllowed: true,\n      adminEmails: [],\n      adminUsernames: [],\n      passwordPolicy: {\n        minLength: 8,\n        requireUppercase: true,\n        requireLowercase: true,\n        requireNumbers: true,\n        requireSpecialCharacters: false,\n      },\n    },\n  };\n};\n\nconst DemoRegister = () => {\n  return (\n    <Showcase\n      title=\"Register\"\n      schema={showcaseSchema}\n      initialValues={{\n        showCredentials: true,\n        showGoogleOAuth: true,\n        showGithubOAuth: false,\n        usernameEnabled: true,\n        usernameRequired: false,\n        emailEnabled: true,\n        emailRequired: true,\n        phoneEnabled: false,\n        phoneRequired: false,\n        registrationAllowed: true,\n        showBranding: true,\n      }}\n      columns={1}\n    >\n      {(props) => <Register realmConfig={buildRealmConfig(props)} />}\n    </Showcase>\n  );\n};\n\nexport default DemoRegister;\n"],"mappings":"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"}