@optiaxiom/react 3.0.0 → 3.0.1

package/dist/esm/packages/react/src/sprinkles/sprinkles.js

@@ -1,17 +1,10 @@
-import { createMapValueFn, createNormalizeValueFn } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js';
-import { createAtomsFn as createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
-import { unresponsiveProps, responsiveProps, fontFamilyVar } from './properties-css.js';
-
-const vars = {
-  fontFamilyVar: fontFamilyVar
-};
-const sprinkles = createSprinkles(
-  unresponsiveProps,
-  responsiveProps
-);
+import { createMapValueFn, createNormalizeValueFn } from "../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createUtils/dist/vanilla-extract-sprinkles-createUtils.esm.js";
+import { createSprinkles } from "../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_2d8dc8a2e1437882c3e115bf7a65883f/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js";
+import { fontFamilyVar, responsiveProps, unresponsiveProps } from "./properties-css.js";
+//#region src/sprinkles/sprinkles.ts
+const vars = { fontFamilyVar };
+const sprinkles = createSprinkles(unresponsiveProps, responsiveProps);
 const mapResponsiveValue = createMapValueFn(responsiveProps);
-const normalizeResponsiveValue = createNormalizeValueFn(
-  responsiveProps
-);
-
+const normalizeResponsiveValue = createNormalizeValueFn(responsiveProps);
+//#endregion
 export { mapResponsiveValue, normalizeResponsiveValue, sprinkles, vars };

package/dist/esm/packages/react/src/sprinkles/sprinklesMerge.js

@@ -1,9 +1,6 @@
-import { createSprinklesMerge } from './createSprinklesMerge.js';
-import { responsiveProps, unresponsiveProps } from './properties-css.js';
-
-const sprinklesMerge = createSprinklesMerge(
-  unresponsiveProps,
-  responsiveProps
-);
-
+import { responsiveProps, unresponsiveProps } from "./properties-css.js";
+import { createSprinklesMerge } from "./createSprinklesMerge.js";
+//#region src/sprinkles/sprinklesMerge.ts
+const sprinklesMerge = createSprinklesMerge(unresponsiveProps, responsiveProps);
+//#endregion
 export { sprinklesMerge };

package/dist/esm/packages/react/src/sub-nav/SubNav-css.js

@@ -1,7 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
-import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-CQK7hU5I.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',py:'16'},'xftyok']});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-mKFUr5lc.css";
+import "./../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-DEY5mwDp.css";
+//#region src/sub-nav/SubNav.css.ts
+var nav = recipeRuntime({ base: [{
+	bg: "bg.default",
+	flex: "1",
+	flexDirection: "column",
+	gap: "0",
+	overflow: "hidden",
+	py: "16"
+}, "_9qcp5q"] });
+//#endregion
 export { nav };

package/dist/esm/packages/react/src/sub-nav/SubNav.js

@@ -1,38 +1,39 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Group } from '../group/Group.js';
-import { SidebarProvider } from '../sidebar/SidebarContext.js';
-import { nav } from './SubNav-css.js';
-
-const SubNav = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Group,
-      {
-        borderColor: "border.secondary",
-        borderL: "1",
-        flexDirection: "column",
-        gap: "16",
-        h: "full",
-        ref,
-        w: "fit",
-        ...props,
-        children: /* @__PURE__ */ jsx(Group, { asChild: true, ...nav(), children: /* @__PURE__ */ jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsx(
-          SidebarProvider,
-          {
-            expanded: true,
-            navId: "",
-            onExpandedChange: () => {
-            },
-            spacing: "12",
-            children
-          }
-        ) }) })
-      }
-    );
-  }
-);
+import { Group } from "../group/Group.js";
+import { SidebarProvider } from "../sidebar/SidebarContext.js";
+import { nav } from "./SubNav-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/sub-nav/SubNav.tsx
+/**
+* @group Sidebar
+*/
+const SubNav = forwardRef(({ children, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Group, {
+		borderColor: "border.secondary",
+		borderL: "1",
+		flexDirection: "column",
+		gap: "16",
+		h: "full",
+		ref,
+		w: "fit",
+		...props,
+		children: /* @__PURE__ */ jsx(Group, {
+			asChild: true,
+			...nav(),
+			children: /* @__PURE__ */ jsx("nav", {
+				"aria-label": "Secondary",
+				children: /* @__PURE__ */ jsx(SidebarProvider, {
+					expanded: true,
+					navId: "",
+					onExpandedChange: () => {},
+					spacing: "12",
+					children
+				})
+			})
+		})
+	});
+});
 SubNav.displayName = "@optiaxiom/react/SubNav";
-
+//#endregion
 export { SubNav };

package/dist/esm/packages/react/src/suggestion/SuggestionAlert.js

@@ -1,77 +1,67 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { Alert } from '../alert/Alert.js';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { Group } from '../group/Group.js';
-import { useEffectEvent } from '../hooks/useEffectEvent.js';
-import '../field/FieldContext.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
-import '@optiaxiom/globals';
-import { useSurface } from '../surface/useSurface.js';
-import { useSuggestions } from '../surface/useSuggestions.js';
-import { Text } from '../text/Text.js';
-
+import { useSurface } from "../surface/useSurface.js";
+import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
+import { Button } from "../button/Button.js";
+import { Alert } from "../alert/Alert.js";
+import { useEffectEvent } from "../hooks/useEffectEvent.js";
+import { useSuggestions } from "../surface/useSuggestions.js";
+import { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/suggestion/SuggestionAlert.tsx
+/**
+* @experimental
+*/
 function SuggestionAlert({ ...props }) {
-  const surface = useSurface("property");
-  const hasPopover = surface?.suggestionPopover.registered;
-  const messageSuggestions = useSuggestions("property", "message");
-  const valueSuggestions = useSuggestions("property", "value");
-  const [isExecuting, setIsExecuting] = useState(false);
-  const register = useEffectEvent(
-    surface?.suggestionAlert.register ?? (() => {
-    })
-  );
-  useEffect(() => {
-    return 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__ */ jsxs(
-    Alert,
-    {
-      intent: "opal",
-      onDismiss: () => surface.reject(suggestion.id),
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx(Text, { children: text }),
-        reason && /* @__PURE__ */ jsx(Text, { color: "fg.secondary", children: reason }),
-        /* @__PURE__ */ jsx(Group, { gap: "4", children: /* @__PURE__ */ jsx(
-          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"
-          }
-        ) })
-      ]
-    }
-  );
+	const surface = useSurface("property");
+	const hasPopover = surface?.suggestionPopover.registered;
+	const messageSuggestions = useSuggestions("property", "message");
+	const valueSuggestions = useSuggestions("property", "value");
+	const [isExecuting, setIsExecuting] = useState(false);
+	const register = useEffectEvent(surface?.suggestionAlert.register ?? (() => {}));
+	useEffect(() => {
+		return 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__ */ jsxs(Alert, {
+		intent: "opal",
+		onDismiss: () => surface.reject(suggestion.id),
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(Text, { children: text }),
+			reason && /* @__PURE__ */ jsx(Text, {
+				color: "fg.secondary",
+				children: reason
+			}),
+			/* @__PURE__ */ jsx(Group, {
+				gap: "4",
+				children: /* @__PURE__ */ jsx(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
 export { SuggestionAlert };

package/dist/esm/packages/react/src/suggestion/SuggestionAutoPopover.js

@@ -1,76 +1,70 @@
 "use client";
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IconCheck } from '@optiaxiom/icons';
-import { forwardRef, useEffect } from 'react';
-import { Avatar } from '../avatar/Avatar.js';
-import '../avatar/AvatarGroup.js';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { Heading } from '../heading/Heading.js';
-import { useEffectEvent } from '../hooks/useEffectEvent.js';
-import '../field/FieldContext.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
-import { Popover } from '../popover/Popover.js';
-import '../popover/PopoverAnchor.js';
-import { PopoverContent } from '../popover/PopoverContent.js';
-import { PopoverTrigger } from '../popover/PopoverTrigger.js';
-import { Separator } from '../separator/Separator.js';
-import '@optiaxiom/globals';
-import { useSurface } from '../surface/useSurface.js';
-import { useSuggestions } from '../surface/useSuggestions.js';
-import { Text } from '../text/Text.js';
-
+import { useSurface } from "../surface/useSurface.js";
+import { Text } from "../text/Text.js";
+import { Button } from "../button/Button.js";
+import { Heading } from "../heading/Heading.js";
+import { useEffectEvent } from "../hooks/useEffectEvent.js";
+import { Avatar } from "../avatar/Avatar.js";
+import { Separator } from "../separator/Separator.js";
+import { useSuggestions } from "../surface/useSuggestions.js";
+import { Popover } from "../popover/Popover.js";
+import { PopoverContent } from "../popover/PopoverContent.js";
+import { PopoverTrigger } from "../popover/PopoverTrigger.js";
+import { IconCheck } from "@optiaxiom/icons";
+import { forwardRef, useEffect } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/suggestion/SuggestionAutoPopover.tsx
 const SuggestionAutoPopover = forwardRef((props, ref) => {
-  const surface = useSurface("property");
-  const register = useEffectEvent(
-    surface?.suggestionPopover.register ?? (() => {
-    })
-  );
-  useEffect(() => {
-    return register();
-  }, []);
-  const suggestions = useSuggestions("property", "value");
-  const suggestion = suggestions?.find((s) => s.value !== surface?.value);
-  if (!suggestion || !surface) {
-    return null;
-  }
-  const text = surface.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value);
-  return /* @__PURE__ */ jsxs(Popover, { children: [
-    /* @__PURE__ */ jsx(
-      PopoverTrigger,
-      {
-        appearance: "subtle",
-        "aria-label": "Opal suggestion",
-        icon: /* @__PURE__ */ jsx(Avatar, { fallback: "opal", size: "2xs" }),
-        ref,
-        size: "sm",
-        ...props
-      }
-    ),
-    /* @__PURE__ */ jsxs(PopoverContent, { "aria-label": "Suggestion", fontSize: "sm", gap: "4", p: "12", children: [
-      /* @__PURE__ */ jsx(Text, { children: text }),
-      suggestion.reason && /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(Separator, { my: "8" }),
-        /* @__PURE__ */ jsx(Heading, { fontSize: "sm", level: "4", children: "Why this was suggested" }),
-        /* @__PURE__ */ jsx(Text, { color: "fg.secondary", children: suggestion.reason })
-      ] }),
-      /* @__PURE__ */ jsx(Separator, { my: "8" }),
-      /* @__PURE__ */ jsx(
-        Button,
-        {
-          icon: /* @__PURE__ */ jsx(IconCheck, {}),
-          justifyContent: "center",
-          onClick: () => {
-            surface.accept(suggestion.id);
-          },
-          size: "sm",
-          children: "Accept"
-        }
-      )
-    ] })
-  ] });
+	const surface = useSurface("property");
+	const register = useEffectEvent(surface?.suggestionPopover.register ?? (() => {}));
+	useEffect(() => {
+		return register();
+	}, []);
+	const suggestion = useSuggestions("property", "value")?.find((s) => s.value !== surface?.value);
+	if (!suggestion || !surface) return null;
+	const text = surface.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value);
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+		appearance: "subtle",
+		"aria-label": "Opal suggestion",
+		icon: /* @__PURE__ */ jsx(Avatar, {
+			fallback: "opal",
+			size: "2xs"
+		}),
+		ref,
+		size: "sm",
+		...props
+	}), /* @__PURE__ */ jsxs(PopoverContent, {
+		"aria-label": "Suggestion",
+		fontSize: "sm",
+		gap: "4",
+		p: "12",
+		children: [
+			/* @__PURE__ */ jsx(Text, { children: text }),
+			suggestion.reason && /* @__PURE__ */ jsxs(Fragment$1, { children: [
+				/* @__PURE__ */ jsx(Separator, { my: "8" }),
+				/* @__PURE__ */ jsx(Heading, {
+					fontSize: "sm",
+					level: "4",
+					children: "Why this was suggested"
+				}),
+				/* @__PURE__ */ jsx(Text, {
+					color: "fg.secondary",
+					children: suggestion.reason
+				})
+			] }),
+			/* @__PURE__ */ jsx(Separator, { my: "8" }),
+			/* @__PURE__ */ jsx(Button, {
+				icon: /* @__PURE__ */ jsx(IconCheck, {}),
+				justifyContent: "center",
+				onClick: () => {
+					surface.accept(suggestion.id);
+				},
+				size: "sm",
+				children: "Accept"
+			})
+		]
+	})] });
 });
 SuggestionAutoPopover.displayName = "@optiaxiom/react/SuggestionAutoPopover";
-
+//#endregion
 export { SuggestionAutoPopover };

package/dist/esm/packages/react/src/suggestion/SuggestionManualTrigger.js

@@ -1,61 +1,50 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useEffect, useState } from 'react';
-import { Avatar } from '../avatar/Avatar.js';
-import '../avatar/AvatarGroup.js';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { useEffectEvent } from '../hooks/useEffectEvent.js';
-import '../field/FieldContext.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
-import '@optiaxiom/globals';
-import { useSurface } from '../surface/useSurface.js';
-import { useSuggestions } from '../surface/useSuggestions.js';
-
+import { useSurface } from "../surface/useSurface.js";
+import { Button } from "../button/Button.js";
+import { useEffectEvent } from "../hooks/useEffectEvent.js";
+import { Avatar } from "../avatar/Avatar.js";
+import { useSuggestions } from "../surface/useSuggestions.js";
+import { forwardRef, useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/suggestion/SuggestionManualTrigger.tsx
 const SuggestionManualTrigger = forwardRef((props, ref) => {
-  const surface = useSurface("property");
-  const register = useEffectEvent(
-    surface?.suggestionPopover.register ?? (() => {
-    })
-  );
-  useEffect(() => {
-    return register();
-  }, []);
-  const [pending, setPending] = useState(false);
-  const suggestions = useSuggestions("property", "value");
-  const suggestion = suggestions?.[0];
-  const acceptSuggestion = useEffectEvent(() => {
-    if (!suggestion) {
-      return;
-    }
-    surface?.accept(suggestion.id);
-    setPending(false);
-  });
-  useEffect(() => {
-    acceptSuggestion();
-  }, [suggestion?.id]);
-  if (!surface) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      appearance: "subtle",
-      "aria-label": "Opal suggestion",
-      disabled: pending,
-      icon: /* @__PURE__ */ jsx(Avatar, { fallback: "opal", size: "2xs" }),
-      loading: pending,
-      onClick: () => {
-        setPending(true);
-        surface.track({ name: "requested", value: surface.value });
-      },
-      ref,
-      size: "sm",
-      ...props
-    }
-  );
+	const surface = useSurface("property");
+	const register = useEffectEvent(surface?.suggestionPopover.register ?? (() => {}));
+	useEffect(() => {
+		return register();
+	}, []);
+	const [pending, setPending] = useState(false);
+	const suggestion = useSuggestions("property", "value")?.[0];
+	const acceptSuggestion = useEffectEvent(() => {
+		if (!suggestion) return;
+		surface?.accept(suggestion.id);
+		setPending(false);
+	});
+	useEffect(() => {
+		acceptSuggestion();
+	}, [suggestion?.id]);
+	if (!surface) return null;
+	return /* @__PURE__ */ jsx(Button, {
+		appearance: "subtle",
+		"aria-label": "Opal suggestion",
+		disabled: pending,
+		icon: /* @__PURE__ */ jsx(Avatar, {
+			fallback: "opal",
+			size: "2xs"
+		}),
+		loading: pending,
+		onClick: () => {
+			setPending(true);
+			surface.track({
+				name: "requested",
+				value: surface.value
+			});
+		},
+		ref,
+		size: "sm",
+		...props
+	});
 });
 SuggestionManualTrigger.displayName = "@optiaxiom/react/SuggestionManualTrigger";
-
+//#endregion
 export { SuggestionManualTrigger };

package/dist/esm/packages/react/src/suggestion/SuggestionPopover.js

@@ -1,15 +1,22 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import '@optiaxiom/globals';
-import { useSurface } from '../surface/useSurface.js';
-import { SuggestionAutoPopover } from './SuggestionAutoPopover.js';
-import { SuggestionManualTrigger } from './SuggestionManualTrigger.js';
-
+import { useSurface } from "../surface/useSurface.js";
+import { SuggestionAutoPopover } from "./SuggestionAutoPopover.js";
+import { SuggestionManualTrigger } from "./SuggestionManualTrigger.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/suggestion/SuggestionPopover.tsx
+/**
+* @experimental
+*/
 const SuggestionPopover = forwardRef((props, ref) => {
-  const surface = useSurface("property");
-  return surface?.manualSuggestion ? /* @__PURE__ */ jsx(SuggestionManualTrigger, { ref, ...props }) : /* @__PURE__ */ jsx(SuggestionAutoPopover, { ref, ...props });
+	return useSurface("property")?.manualSuggestion ? /* @__PURE__ */ jsx(SuggestionManualTrigger, {
+		ref,
+		...props
+	}) : /* @__PURE__ */ jsx(SuggestionAutoPopover, {
+		ref,
+		...props
+	});
 });
 SuggestionPopover.displayName = "@optiaxiom/react/SuggestionPopover";
-
+//#endregion
 export { SuggestionPopover };