@optiaxiom/react 3.4.2 → 3.5.0

package/dist/cjs/DataTableHeaderCell-DQir9j5E.js

@@ -0,0 +1,207 @@
+"use client";
+const require_recipeRuntime = require("./recipeRuntime-BV5B1H9r.js");
+const require_separator = require("./separator-DYd80dzd.js");
+const require_button = require("./button-BO_WcwyT.js");
+const require_SuggestionPopover = require("./SuggestionPopover-Bu_sY4dq.js");
+const require_VisuallyHidden = require("./VisuallyHidden-DK0Wtj7A.js");
+const require_cover = require("./cover-DGPbtad-.js");
+const require_skeleton = require("./skeleton-BNnKuj7z.js");
+const require_ActionsRoot = require("./ActionsRoot-CDKZO8d6.js");
+const require_table = require("./table-D9HONUVJ.js");
+let react = require("react");
+require("./assets/layers.css.ts.vanilla-CTOkUrdE.css");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_context = require("@radix-ui/react-context");
+require("@tanstack/react-table");
+require("./assets/DataTableHeaderCell.css.ts.vanilla-lhAEWLtg.css");
+//#region src/data-table/DataTableRowContext.ts
+const [DataTableRowProvider, useDataTableRowContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/DataTableRow", {
+	actions: [],
+	focusManaged: void 0,
+	highlightedIndex: -1,
+	labelId: void 0,
+	onActionMount: void 0,
+	row: void 0,
+	setHighlightedIndex: void 0,
+	setSelector: void 0
+});
+const fakeCellsFactory = (columns, rowIndex) => () => columns.map((column, columnIndex) => ({
+	column: {
+		...column,
+		columnDef: {
+			...column.columnDef,
+			cell: () => (0, react.createElement)(require_skeleton.Skeleton, { w: [
+				"1/2",
+				"full",
+				"3/4"
+			][(rowIndex + columnIndex) % 3] })
+		}
+	},
+	getContext: () => ({}),
+	id: column.id
+}));
+const fakeRow = (table, rowIndex) => ({
+	getCanMultiSelect: () => false,
+	getCanSelect: () => false,
+	getCenterVisibleCells: fakeCellsFactory(table.getCenterVisibleLeafColumns(), rowIndex),
+	getIsSelected: () => false,
+	getLeftVisibleCells: fakeCellsFactory(table.getLeftVisibleLeafColumns(), rowIndex),
+	getRightVisibleCells: fakeCellsFactory(table.getRightVisibleLeafColumns(), rowIndex),
+	getToggleSelectedHandler: () => (_event) => {},
+	id: "loading" + rowIndex,
+	toggleSelected: (_value) => {}
+});
+//#endregion
+//#region src/icons/IconSort.tsx
+const IconSort = require_SuggestionPopover.withIcon({
+	height: 12,
+	name: "IconSort",
+	width: 14
+}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+	d: "M3.88274 5.25H10.0937C10.6562 5.25 10.9609 4.57031 10.539 4.14844L7.44524 0.960938C7.32805 0.820312 7.16399 0.75 6.99993 0.75C6.83586 0.75 6.64836 0.820312 6.53118 0.960938L3.43743 4.14844C3.01555 4.57031 3.32024 5.25 3.88274 5.25ZM10.0937 6.75H3.88274C3.32024 6.75 3.01555 7.45312 3.43743 7.875L6.53118 11.0625C6.64836 11.2031 6.81243 11.25 6.99993 11.25C7.16399 11.25 7.32805 11.2031 7.44524 11.0625L10.539 7.875C10.9609 7.45312 10.6562 6.75 10.0937 6.75Z",
+	fill: "currentColor"
+}));
+//#endregion
+//#region src/icons/IconSortDown.tsx
+const IconSortDown = require_SuggestionPopover.withIcon({
+	height: 12,
+	name: "IconSortDown",
+	width: 14
+}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+	d: "M10.5156 5.78906L7.53907 8.78906C7.375 8.92969 7.1875 9 7 9C6.78907 9 6.60157 8.92969 6.46094 8.78906L3.48438 5.78906C3.25 5.57812 3.17969 5.25 3.29688 4.96875C3.41407 4.6875 3.69532 4.5 4 4.5H9.97657C10.2813 4.5 10.5391 4.6875 10.6563 4.96875C10.7734 5.25 10.7266 5.57812 10.5156 5.78906Z",
+	fill: "currentColor"
+}));
+//#endregion
+//#region src/icons/IconSortUp.tsx
+const IconSortUp = require_SuggestionPopover.withIcon({
+	height: 12,
+	name: "IconSortUp",
+	width: 14
+}, /* @__PURE__ */ (0, react_jsx_runtime.jsx)("path", {
+	d: "M3.46099 6.23438L6.43756 3.23438C6.60162 3.09375 6.78912 3 7.00006 3C7.18756 3 7.37506 3.09375 7.51568 3.23438L10.4922 6.23438C10.7032 6.44531 10.7735 6.77344 10.6563 7.05469C10.5391 7.33594 10.2813 7.5 9.97662 7.5H4.00006C3.69537 7.5 3.41412 7.33594 3.29693 7.05469C3.17974 6.77344 3.25006 6.44531 3.46099 6.23438Z",
+	fill: "currentColor"
+}));
+//#endregion
+//#region src/data-table/DataTableHeaderCell.css.ts
+var button = require_recipeRuntime.recipeRuntime({ base: [{
+	alignItems: "center",
+	display: "flex",
+	gap: "4",
+	justifyContent: "flex-start",
+	rounded: "md",
+	textAlign: "start",
+	textTransform: "uppercase",
+	transition: "colors",
+	w: "full"
+}, "fgwn6m"] });
+var handle = require_recipeRuntime.recipeRuntime({
+	base: [{
+		h: "full",
+		z: "10"
+	}, "bycuq6"],
+	variants: { resizing: {
+		false: {},
+		true: { borderColor: "border.focus" }
+	} }
+});
+var icon = require_recipeRuntime.recipeRuntime({
+	base: [{
+		h: "12",
+		mx: "2",
+		transition: "opacity"
+	}, "_1sg4v8e"],
+	variants: { active: {
+		false: "hzreq7",
+		true: "i4shzs"
+	} }
+});
+//#endregion
+//#region src/data-table/DataTableHeaderCell.tsx
+/**
+* Table header cell with sorting and resizing functionality.
+*
+* @group DataTable
+* @experimental
+*/
+const DataTableHeaderCell = (0, react.forwardRef)(({ children, header, ...props }, ref) => {
+	const sortDir = header.column.getIsSorted();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ActionsRoot.ActionsRoot, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_table.TableHeaderCell, {
+			"aria-sort": header.column.getCanSort() ? sortDir === false ? "none" : sortDir === "asc" ? "ascending" : "descending" : void 0,
+			colSpan: header.colSpan,
+			ref,
+			...props,
+			children: [header.column.getCanResize() && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ActionsRoot.ActionsContent, {
+				visible: header.column.getIsResizing() ? "always" : "if-needed",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_separator.Separator, {
+					onDoubleClick: () => header.column.resetSize(),
+					onMouseDown: header.getResizeHandler(),
+					onTouchStart: header.getResizeHandler(),
+					orientation: "vertical",
+					style: { transform: header.getContext().table.options.columnResizeMode === "onEnd" && header.column.getIsResizing() ? `translateX(${header.getContext().table.getState().columnSizingInfo.deltaOffset}px)` : "" },
+					...handle({ resizing: header.column.getIsResizing() })
+				})
+			}), header.column.getCanSort() ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_cover.Cover, {
+				asChild: true,
+				inset: true,
+				...button(),
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
+					onClick: () => header.column.toggleSorting(),
+					children: [
+						children,
+						sortDir && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_VisuallyHidden.VisuallyHidden, { children: ["sorted ", sortDir === "asc" ? "ascending" : "descending"] }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_ActionsRoot.ActionsContent, {
+							display: "grid",
+							placeItems: "center",
+							visible: sortDir ? "always" : "if-needed",
+							children: [
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Icon, {
+									asChild: true,
+									...icon({ active: sortDir === false }),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSort, {})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Icon, {
+									asChild: true,
+									...icon({ active: sortDir === "asc" }),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSortUp, {})
+								}),
+								/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Icon, {
+									asChild: true,
+									...icon({ active: sortDir === "desc" }),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(IconSortDown, {})
+								})
+							]
+						})
+					]
+				})
+			}) : children]
+		})
+	});
+});
+DataTableHeaderCell.displayName = "@optiaxiom/react/DataTableHeaderCell";
+//#endregion
+Object.defineProperty(exports, "DataTableHeaderCell", {
+	enumerable: true,
+	get: function() {
+		return DataTableHeaderCell;
+	}
+});
+Object.defineProperty(exports, "DataTableRowProvider", {
+	enumerable: true,
+	get: function() {
+		return DataTableRowProvider;
+	}
+});
+Object.defineProperty(exports, "fakeRow", {
+	enumerable: true,
+	get: function() {
+		return fakeRow;
+	}
+});
+Object.defineProperty(exports, "useDataTableRowContext", {
+	enumerable: true,
+	get: function() {
+		return useDataTableRowContext;
+	}
+});

package/dist/cjs/FieldContext-MRvFQT4y.js

@@ -0,0 +1,22 @@
+"use client";
+//#region src/field/FieldContext.ts
+const [FieldProvider, useFieldContext] = (0, require("@radix-ui/react-context").createContext)("@optiaxiom/react/Field", {
+	descriptionId: void 0,
+	error: false,
+	errorId: void 0,
+	inputId: void 0,
+	labelId: void 0
+});
+//#endregion
+Object.defineProperty(exports, "FieldProvider", {
+	enumerable: true,
+	get: function() {
+		return FieldProvider;
+	}
+});
+Object.defineProperty(exports, "useFieldContext", {
+	enumerable: true,
+	get: function() {
+		return useFieldContext;
+	}
+});

package/dist/cjs/FilteredSlot-DuHqG05f.js

@@ -0,0 +1,21 @@
+"use client";
+let react = require("react");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/filtered-slot/FilteredSlot.tsx
+const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/FilteredSlot");
+const FilteredSlot = (0, react.forwardRef)(({ exclude, ...props }, ref) => {
+	if (exclude) delete props[exclude];
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Slot, {
+		ref,
+		...props
+	});
+});
+FilteredSlot.displayName = "@optiaxiom/react/FilteredSlot";
+//#endregion
+Object.defineProperty(exports, "FilteredSlot", {
+	enumerable: true,
+	get: function() {
+		return FilteredSlot;
+	}
+});

package/dist/cjs/FocusBookmarkProvider-BJWt--oq.js

@@ -0,0 +1,62 @@
+"use client";
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_context = require("@radix-ui/react-context");
+//#region src/utils/onReactSelectInputBlur.ts
+function onReactSelectInputBlur(event) {
+	const { relatedTarget, target } = event;
+	if (isReactSelectInput(target) && isNonDialogElement(relatedTarget)) relatedTarget.focus();
+}
+function isNonDialogElement(element) {
+	return element instanceof HTMLElement && element.role !== "dialog";
+}
+function isReactSelectInput(element) {
+	return element instanceof HTMLElement && element.id.startsWith("react-select-") && element.id.endsWith("-input") && element.localName === "input";
+}
+//#endregion
+//#region src/focus-bookmark/FocusBookmarkProviderContext.ts
+const [FocusBookmarkProviderProvider, useFocusBookmarkProviderContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/FocusBookmarkProvider");
+//#endregion
+//#region src/focus-bookmark/FocusBookmarkProvider.tsx
+const BOOKMARK_LIMIT = 5;
+function FocusBookmarkProvider({ children, containerRef }) {
+	const bookmarksRef = (0, react.useRef)([]);
+	(0, react.useEffect)(() => {
+		const container = containerRef?.current ?? document.body;
+		const listener = (event) => {
+			if ("preventFocusBookmarkDefault" in event && event.preventFocusBookmarkDefault) return;
+			if (event.target instanceof HTMLElement) {
+				Object.assign(event, { preventFocusBookmarkDefault: true });
+				if (bookmarksRef.current.includes(event.target)) bookmarksRef.current = bookmarksRef.current.filter((element) => element !== event.target);
+				bookmarksRef.current.push(event.target);
+				if (bookmarksRef.current.length > BOOKMARK_LIMIT) bookmarksRef.current.shift();
+			}
+		};
+		container.addEventListener("focusin", listener);
+		return () => container.removeEventListener("focusin", listener);
+	}, [containerRef]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FocusBookmarkProviderProvider, {
+		bookmarksRef,
+		children
+	});
+}
+FocusBookmarkProvider.displayName = "@optiaxiom/react/FocusBookmarkProvider";
+//#endregion
+Object.defineProperty(exports, "FocusBookmarkProvider", {
+	enumerable: true,
+	get: function() {
+		return FocusBookmarkProvider;
+	}
+});
+Object.defineProperty(exports, "onReactSelectInputBlur", {
+	enumerable: true,
+	get: function() {
+		return onReactSelectInputBlur;
+	}
+});
+Object.defineProperty(exports, "useFocusBookmarkProviderContext", {
+	enumerable: true,
+	get: function() {
+		return useFocusBookmarkProviderContext;
+	}
+});

package/dist/cjs/IconOpal-CLnKV1ly.js

@@ -0,0 +1,22 @@
+"use client";
+let react = require("react");
+let _radix_ui_react_slot = require("@radix-ui/react-slot");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/icons/IconOpal.tsx
+const Slot = (0, _radix_ui_react_slot.createSlot)("@optiaxiom/react/IconOpal");
+const IconOpal = (0, react.forwardRef)(({ asChild, ...props }, ref) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(asChild ? Slot : "img", {
+		alt: "Opal",
+		ref,
+		src: "data:image/webp;base64,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",
+		...props
+	});
+});
+IconOpal.displayName = "@optiaxiom/react/IconOpal";
+//#endregion
+Object.defineProperty(exports, "IconOpal", {
+	enumerable: true,
+	get: function() {
+		return IconOpal;
+	}
+});

package/dist/cjs/LocaleContext-C3x9rY0T.js

@@ -0,0 +1,27 @@
+"use client";
+let _radix_ui_react_context = require("@radix-ui/react-context");
+//#region src/locale/LocaleContext.ts
+/**
+* The browser's preferred locale, used to localize date/time components without
+* requiring a `locale` prop. Falls back to `en-US` when unavailable (e.g. SSR).
+*/
+const browserLocale = typeof navigator !== "undefined" ? navigator.language : "en-US";
+/**
+* Holds the BCP-47 locale used by date/time components (Calendar,
+* DateRangePicker, Clock, Time). The default value is the browser locale, so
+* `useLocaleContext` always returns a usable value even without a provider.
+*/
+const [LocaleProvider, useLocaleContext] = (0, _radix_ui_react_context.createContext)("@optiaxiom/react/Locale", { locale: browserLocale });
+//#endregion
+Object.defineProperty(exports, "LocaleProvider", {
+	enumerable: true,
+	get: function() {
+		return LocaleProvider;
+	}
+});
+Object.defineProperty(exports, "useLocaleContext", {
+	enumerable: true,
+	get: function() {
+		return useLocaleContext;
+	}
+});

package/dist/cjs/Portal-DI9aR5XU.js

@@ -0,0 +1,25 @@
+"use client";
+const require_rolldown_runtime = require("./rolldown-runtime-C0BPl7ul.js");
+const require_PortalContext = require("./PortalContext-Cupw3ky_.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_portal = require("@radix-ui/react-portal");
+_radix_ui_react_portal = require_rolldown_runtime.__toESM(_radix_ui_react_portal, 1);
+//#region src/portal/Portal.tsx
+const Portal = (0, react.forwardRef)(({ children, ...props }, ref) => {
+	const { container } = require_PortalContext.usePortalContext("@optiaxiom/react/Portal");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_portal.Root, {
+		container,
+		ref,
+		...props,
+		children
+	});
+});
+Portal.displayName = "@optiaxiom/react/Portal";
+//#endregion
+Object.defineProperty(exports, "Portal", {
+	enumerable: true,
+	get: function() {
+		return Portal;
+	}
+});

package/dist/cjs/PortalContext-Cupw3ky_.js

@@ -0,0 +1,16 @@
+"use client";
+//#region src/portal/PortalContext.ts
+const [PortalProvider, usePortalContext] = (0, require("@radix-ui/react-context").createContext)("@optiaxiom/react/Portal", { container: void 0 });
+//#endregion
+Object.defineProperty(exports, "PortalProvider", {
+	enumerable: true,
+	get: function() {
+		return PortalProvider;
+	}
+});
+Object.defineProperty(exports, "usePortalContext", {
+	enumerable: true,
+	get: function() {
+		return usePortalContext;
+	}
+});

package/dist/cjs/SidebarContext-BgFk7dXx.js

@@ -0,0 +1,16 @@
+"use client";
+//#region src/sidebar/SidebarContext.tsx
+const [SidebarProvider, useSidebarContext] = (0, require("@radix-ui/react-context").createContext)("@optiaxiom/react/Sidebar");
+//#endregion
+Object.defineProperty(exports, "SidebarProvider", {
+	enumerable: true,
+	get: function() {
+		return SidebarProvider;
+	}
+});
+Object.defineProperty(exports, "useSidebarContext", {
+	enumerable: true,
+	get: function() {
+		return useSidebarContext;
+	}
+});

package/dist/cjs/SuggestionAlert-DxMozAgx.js

@@ -0,0 +1,72 @@
+"use client";
+const require_useSurface = require("./useSurface-Dy0GdyeS.js");
+const require_button = require("./button-BO_WcwyT.js");
+const require_text = require("./text-BWyl3PQL.js");
+const require_group = require("./group.js");
+const require_alert = require("./alert-BpHdrpyR.js");
+const require_useEvent = require("./useEvent-BGCT9scH.js");
+const require_useSuggestions = require("./useSuggestions-BqrBlpWi.js");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/suggestion/SuggestionAlert.tsx
+/**
+* @experimental
+*/
+function SuggestionAlert({ ...props }) {
+	const surface = require_useSurface.useSurface("property");
+	const hasPopover = surface?.suggestionPopover.registered;
+	const messageSuggestions = require_useSuggestions.useSuggestions("property", "message");
+	const valueSuggestions = require_useSuggestions.useSuggestions("property", "value");
+	const [isExecuting, setIsExecuting] = (0, react.useState)(false);
+	const register = require_useEvent.useEvent(surface?.suggestionAlert.register ?? (() => {}));
+	(0, react.useEffect)(() => {
+		return register();
+	}, [register]);
+	const messageSuggestion = messageSuggestions?.[0];
+	const valueSuggestion = !hasPopover ? valueSuggestions?.find((s) => s.value !== surface?.value) : void 0;
+	const suggestion = messageSuggestion ?? valueSuggestion;
+	if (!suggestion || !surface) return null;
+	const text = suggestion.type === "message" ? suggestion.text : surface.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value);
+	const reason = suggestion.type === "value" ? suggestion.reason : void 0;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_alert.Alert, {
+		intent: "opal",
+		onDismiss: () => surface.reject(suggestion.id),
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, { children: text }),
+			reason && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_text.Text, {
+				color: "fg.secondary",
+				children: reason
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_group.Group, {
+				gap: "4",
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+					appearance: "primary-opal",
+					disabled: isExecuting,
+					loading: isExecuting,
+					onClick: async () => {
+						if (suggestion.type === "message" && suggestion.tool) {
+							setIsExecuting(true);
+							try {
+								await surface.executeTool(suggestion.tool.name, suggestion.tool.parameters);
+							} finally {
+								setIsExecuting(false);
+							}
+						}
+						surface.accept(suggestion.id);
+					},
+					size: "sm",
+					children: "Accept"
+				})
+			})
+		]
+	});
+}
+SuggestionAlert.displayName = "@optiaxiom/react/SuggestionAlert";
+//#endregion
+Object.defineProperty(exports, "SuggestionAlert", {
+	enumerable: true,
+	get: function() {
+		return SuggestionAlert;
+	}
+});