@optiaxiom/react 1.8.0 → 1.8.2

package/dist/esm/packages/react/src/text/Text-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-BMSaHeIw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-D2Vai-OL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_1o4wrg0','_114rnlb','fzvul3'],'2':[undefined,'_1o4wrg0','_114rnlb','_9md0dw'],'3':[undefined,'_1o4wrg0','_114rnlb','rvvts'],'4':[undefined,'_1o4wrg0','_114rnlb','_1nhdtw8']},truncate:{true:[undefined,'_1o4wrg0',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'ra53vi','ul7u96','_10b16az'],'2':[undefined,'ra53vi','ul7u96','qeg33b'],'3':[undefined,'ra53vi','ul7u96','wwnaod'],'4':[undefined,'ra53vi','ul7u96','_1shkzgb']},truncate:{true:[undefined,'ra53vi',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
 export { text };

package/dist/esm/packages/react/src/textarea/Textarea-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
+import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-DmE-0tqR.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var addon = recipeRuntime({base:'_5a7pxa'});
+
+export { addon };

package/dist/esm/packages/react/src/textarea/Textarea.js

@@ -4,13 +4,17 @@ import { createSlot } from '@radix-ui/react-slot';
 import { forwardRef } from 'react';
 import '../box/Box.js';
 import { extractBoxProps } from '../box/extractBoxProps.js';
+import { Group } from '../group/Group.js';
 import '../input/Input.js';
 import { InputAddon } from '../input/InputAddon.js';
 import { InputControl } from '../input/InputControl.js';
 import { InputRoot } from '../input/InputRoot.js';
+import '../suggestion/SuggestionAlert.js';
+import { SuggestionPopover } from '../suggestion/SuggestionPopover.js';
 import '../utils/conditions.js';
 import { fallbackSpan } from '../utils/fallbackSpan.js';
 import '../utils/isHoverSupported.js';
+import { addon } from './Textarea-css.js';
 import { TextareaAutosize } from './TextareaAutosize.js';
 
 const Slot = createSlot("@optiaxiom/react/Textarea");
@@ -38,7 +42,10 @@ const Textarea = forwardRef(
         children: [
           addonBefore && /* @__PURE__ */ jsx(InputAddon, { asChild: true, children: fallbackSpan(addonBefore) }),
           /* @__PURE__ */ jsx(InputControl, { asChild: true, p: "8", size: "lg", ...restProps, children: /* @__PURE__ */ jsx(TextareaAutosize, { asChild: true, children: /* @__PURE__ */ jsx(Comp, { ref, rows: props.rows ?? 3, children }) }) }),
-          addonAfter && /* @__PURE__ */ jsx(InputAddon, { asChild: true, children: fallbackSpan(addonAfter) })
+          /* @__PURE__ */ jsxs(InputAddon, { ...addon(), children: [
+            props.value !== void 0 && /* @__PURE__ */ jsx(Group, { justifyContent: "end", children: /* @__PURE__ */ jsx(SuggestionPopover, { currentValue: props.value }) }),
+            addonAfter
+          ] })
         ]
       }
     );

package/dist/esm/packages/react/src/textarea/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-Dn0qWeYW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-CK4cJd-9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['wzviym','_1kvnxuc']});
-var textarea = recipeRuntime({base:['wzviym','_1xlu7so'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['xf1mpr','_19k9cma'],'2':['xf1mpr','nm49jf'],'3':['xf1mpr','clft62'],'4':['xf1mpr','_1arvjus'],'5':['xf1mpr','_1pgqinm']},resize:{auto:{},none:{},vertical:'_1uyn56'}}});
+var shadow = recipeRuntime({base:['_12zz4v2','_1btibkz']});
+var textarea = recipeRuntime({base:['_12zz4v2','h2xk5k'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1gx630c','_15sqwbm'],'2':['_1gx630c','_1gnl6wi'],'3':['_1gx630c','v7i4wj'],'4':['_1gx630c','_145pilz'],'5':['_1gx630c','qhkudy']},resize:{auto:{},none:{},vertical:'_1lzl7zf'}}});
 
 export { shadow, textarea, wrapper };

package/dist/esm/packages/react/src/toast/Toast-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Dv7-57mz.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-D0swb0Zd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-lHT13rdG.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-CLmfl-dp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'laqs5j']});
-var offsetVar = 'var(--_1yrcrtr)';
-var root = recipeRuntime({base:['oty80l',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1nr1e57'],variants:{intent:{danger:'_1g1qg5w',information:'pqautw',neutral:'_1c1wvkm',success:'_13wndy2',warning:'_4p7btq'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1telbfc']});
+var offsetVar = 'var(--_173eisg)';
+var root = recipeRuntime({base:['_159e8ri',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'oqed7y'],variants:{intent:{danger:'_1jdkt42',information:'_1tk43ro',neutral:'_1bpj4wr',success:'_5otjda',warning:'ydlj2s'}}});
 
 export { icon, offsetVar, root };

package/dist/esm/packages/react/src/toast/ToastProvider-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-Dv7-57mz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-lHT13rdG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1r12ehs'],variants:{position:{bottom:'x25g50','bottom-left':'_3f5cqs','bottom-right':['right-scroll-bar-position','_4v844j'],top:'cfdaz8','top-left':'_8p03fc','top-right':['right-scroll-bar-position','_1ekvdqw']}}});
+var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'vk569c'],variants:{position:{bottom:'viq55q','bottom-left':'_138dz1v','bottom-right':['right-scroll-bar-position','_1bzi261'],top:'qhk6jg','top-left':'_199ix2t','top-right':['right-scroll-bar-position','rnzspo']}}});
 
 export { gap, viewport };

package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DR0szHMw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CT2t-0cr.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BwHTqH9s.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1ia1l0t',{alignItems:'start',display:'inline-flex',gap:'8'},'fpafac']});
+var toggleInput = recipeRuntime({base:['t6o53g',{alignItems:'start',display:'inline-flex',gap:'8'},'t4tk7l']});
 
 export { toggleInput };

package/dist/esm/packages/react/src/toggle-input/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DR0szHMw.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-dC7qxTbj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CT2t-0cr.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BwHTqH9s.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B5Tlej7H.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_9kodlb']});
+var control = recipeRuntime({base:['uik10r']});
 
 export { control };

package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CT2t-0cr.css';
 
-var className = '_13ggu1q';
+var className = '_1frzbw9';
 
 export { className };

package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput.js

@@ -2,6 +2,8 @@
 import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { forwardRef } from 'react';
+import '@optiaxiom/globals';
+import { useSurface } from '../surface/useSurface.js';
 import { VisuallyHidden } from '../visually-hidden/VisuallyHidden.js';
 import { useToggleInputContext } from './ToggleInputContext.js';
 import { className } from './ToggleInputHiddenInput-css.js';
@@ -10,6 +12,8 @@ const ToggleInputHiddenInput = forwardRef(({ className: className$1, onChange, o
   const { descriptionId, labelId } = useToggleInputContext(
     "@optiaxiom/react/ToggleInputHiddenInput"
   );
+  const surface = useSurface("property");
+  const { track } = surface ?? {};
   return /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(
     "input",
     {
@@ -17,8 +21,13 @@ const ToggleInputHiddenInput = forwardRef(({ className: className$1, onChange, o
       "aria-labelledby": labelId,
       className: clsx(className$1, className),
       onChange: (event) => {
+        const checked = event.target.checked;
         onChange?.(event);
-        onCheckedChange?.(event.target.checked);
+        onCheckedChange?.(checked);
+        track?.({
+          checked,
+          name: "toggled"
+        });
       },
       ref,
       type: "checkbox",

package/dist/esm/packages/react/src/tooltip/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',maxW:'xs',px:'12',py:'8',rounded:'md',z:'tooltip'}],variants:{disableHoverableContent:{false:{},true:{pointerEvents:'none'}}}});

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-Dv7qhrb8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-HjQNNXYr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'e2o6fp',variants:{duration:{sm:'_52htvo',md:'_1dqucss',lg:'xz28nd'}}});
+var transition = recipeRuntime({base:'mcp70d',variants:{duration:{sm:'_1jq4wh3',md:'_1xhikrc',lg:'_3pjt64'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -32,3 +32,7 @@ export { SortableItem } from './packages/react/src/sortable/SortableItem.js';
 export { Spotlight } from './packages/react/src/spotlight/Spotlight.js';
 export { SpotlightContent } from './packages/react/src/spotlight/SpotlightContent.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight/SpotlightTrigger.js';
+export { SuggestionAlert } from './packages/react/src/suggestion/SuggestionAlert.js';
+export { SuggestionPopover } from './packages/react/src/suggestion/SuggestionPopover.js';
+export { unstable_SurfaceProvider as SurfaceProvider } from '@optiaxiom/globals';
+export { useSurface } from './packages/react/src/surface/useSurface.js';

package/dist/index.d.ts

@@ -1,8 +1,8 @@
+import { B as BoxProps, S as Sprinkles, a as ButtonProps, R as RecipeVariants, E as ExcludeProps, G as Group, b as Button, d as dialogkit, c as ExtendProps, C as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-CdvRtMwu.js';
+export { k as Alert, A as AlertProps, l as DialogContent, D as DialogContentProps, m as GroupProps, L as LonghandProps, p as Menu, r as MenuContent, q as MenuContentProps, n as MenuOption, o as MenuProps, t as MenuTrigger, s as MenuTriggerProps, u as PopoverTriggerProps, z as TableHeaderCell, T as TableHeaderCellProps, x as mapResponsiveValue, y as normalizeResponsiveValue, w as sprinkles, v as vars } from './MenuTrigger-CdvRtMwu.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, G as Group, b as Button, d as dialogkit, c as ExtendProps, C as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-ByYy6TIu.js';
-export { k as DialogContent, D as DialogContentProps, l as GroupProps, L as LonghandProps, o as Menu, q as MenuContent, p as MenuContentProps, m as MenuOption, n as MenuProps, s as MenuTrigger, r as MenuTriggerProps, t as PopoverTriggerProps, y as TableHeaderCell, T as TableHeaderCellProps, w as mapResponsiveValue, x as normalizeResponsiveValue, u as sprinkles, v as vars } from './MenuTrigger-ByYy6TIu.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { createToaster } from '@optiaxiom/globals';
 export { createToaster, theme, toaster, tokens } from '@optiaxiom/globals';
@@ -31,43 +31,6 @@ declare function extractBoxProps<S extends Record<string, unknown>>(props: S): {
     restProps: Omit<S, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "style">;
 };
 
-declare const alert: (props?: {
-    intent?: "information" | "success" | "warning" | "danger" | "neutral" | "opal" | undefined;
-} | undefined, className?: string) => {
-    className: string;
-};
-type AlertVariants = RecipeVariants<typeof alert>;
-
-type AlertProps = BoxProps<"div", AlertVariants & {
-    /**
-     * Show a close button inside the alert and invoke this callback when the close button is clicked.
-     */
-    onDismiss?: () => void;
-}>;
-/**
- * Keeps users informed of important and sometimes time-sensitive changes.
- *
- * Important Notes:
- * - The `intent` prop uses "information" (not "info") for the blue
- *   informational style
- * - Default intent is "neutral" - only set intent when you need a specific
- *   color/emphasis
- *
- * @category feedback
- * @since 0.1.0
- */
-declare const Alert: react.ForwardRefExoticComponent<{
-    intent?: "information" | "success" | "warning" | "danger" | "neutral" | "opal" | undefined;
-} & {
-    /**
-     * Show a close button inside the alert and invoke this callback when the close button is clicked.
-     */
-    onDismiss?: () => void;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
 type AlertDialogProps = {
     children?: React.ReactNode;
     /**
@@ -1498,7 +1461,7 @@ type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<C
  * @category date
  * @since 1.4.0
  */
-declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "placeholder" | "holiday" | "weekend"> & {
+declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "holiday" | "placeholder" | "weekend"> & {
     /**
      * The default date and time to use in the calendar picker when no value has
      * been selected.
@@ -1544,7 +1507,7 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -3152,7 +3115,7 @@ declare const Paper: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const indicator: (props?: {
-    intent?: "success" | "danger" | "opal" | "primary" | undefined;
+    intent?: "success" | "danger" | "primary" | "opal" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
@@ -3170,7 +3133,7 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & {
-    intent?: "success" | "danger" | "opal" | "primary" | undefined;
+    intent?: "success" | "danger" | "primary" | "opal" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type RadioProps = BoxProps<typeof ToggleInputHiddenInput, {
@@ -3351,11 +3314,15 @@ type SelectOption = {
     /**
      * Add secondary text after the label.
      */
-    description?: string;
+    description?: ReactNode;
+    /**
+     * Secondary text displayed next to the label.
+     */
+    detail?: ReactNode;
     /**
      * Provide a reason why item needs to be marked as disabled and skipped from keyboard navigation.
      */
-    disabledReason?: string;
+    disabledReason?: (() => string) | string;
     /**
      * Provide an optional group that item belongs to.
      */
@@ -3378,6 +3345,11 @@ type SelectOptionGroup = {
      * The label group.
      */
     label: string;
+    /**
+     * The sorting priority of the group (default: 0).
+     * Groups with higher priority are sorted first.
+     */
+    priority?: number;
     /**
      * Whether to display a separator before this group.
      */
@@ -3836,5 +3808,5 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Group, Heading, Indicator, Input, InputAddon, InputControl, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxItemized, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, ToastProvider, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, cleanup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext };
-export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, FlexProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, InputControlProps, InputProps$1 as InputProps, InputRootProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemizedProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastProviderProps$1 as ToastProviderProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };
+export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Group, Heading, Indicator, Input, InputAddon, InputControl, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxItemized, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, ToastProvider, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, cleanup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext };
+export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, FlexProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, InputControlProps, InputProps$1 as InputProps, InputRootProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemizedProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastProviderProps$1 as ToastProviderProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };

package/dist/unstable.d.ts

@@ -1,5 +1,5 @@
-import { B as BoxProps, y as TableHeaderCell, S as Sprinkles, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, o as Menu, n as MenuProps, q as MenuContent, p as MenuContentProps, s as MenuTrigger } from './MenuTrigger-ByYy6TIu.js';
-export { C as Calendar, e as CalendarProps, z as createDialogKit, d as dialogkit } from './MenuTrigger-ByYy6TIu.js';
+import { B as BoxProps, z as TableHeaderCell, S as Sprinkles, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, p as Menu, o as MenuProps, r as MenuContent, q as MenuContentProps, t as MenuTrigger, k as Alert } from './MenuTrigger-CdvRtMwu.js';
+export { C as Calendar, e as CalendarProps, F as createDialogKit, d as dialogkit } from './MenuTrigger-CdvRtMwu.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CellContext } from '@tanstack/table-core';
 import * as react from 'react';
@@ -7,6 +7,8 @@ import { ReactNode, ComponentPropsWithRef, ReactElement, ComponentPropsWithoutRe
 import { Header } from '@tanstack/react-table';
 import * as RadixHoverCard from '@radix-ui/react-hover-card';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
+import { unstable_useSurfaceContext } from '@optiaxiom/globals';
+export { unstable_SurfaceProvider as SurfaceProvider } from '@optiaxiom/globals';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
 
@@ -472,6 +474,12 @@ type PillProps = BoxProps<"button", PillVariants & {
      * Show a close button inside the pill and invoke this callback when the pill is clicked.
      */
     onDismiss?: () => void;
+    /**
+     * When true, the pill is rendered as a non-interactive span element instead
+     * of a button. Use this for display-only pills that don't respond to
+     * clicks.
+     */
+    readOnly?: boolean;
 }>;
 /**
  * A pill is a visual representation of an attribute, usually representing tags or metrics.
@@ -485,6 +493,12 @@ declare const Pill: react.ForwardRefExoticComponent<PillVariants & {
      * Show a close button inside the pill and invoke this callback when the pill is clicked.
      */
     onDismiss?: () => void;
+    /**
+     * When true, the pill is rendered as a non-interactive span element instead
+     * of a button. Use this for display-only pills that don't respond to
+     * clicks.
+     */
+    readOnly?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -525,28 +539,30 @@ type PillMenuContentProps = ComponentPropsWithoutRef<typeof MenuContent>;
  */
 declare const PillMenuContent: react.ForwardRefExoticComponent<Omit<MenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type PillMenuTriggerProps = ComponentPropsWithoutRef<typeof MenuTrigger>;
-/**
- * @group PillMenu
- */
-declare const PillMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
+declare const root$1: (props?: {
+    size?: "md" | "lg" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type RootVariants = RecipeVariants<typeof root$1>;
+
+type PillMenuTriggerProps = BoxProps<"div", RootVariants & {
+    /**
+     * Whether the button is disabled.
+     */
+    readOnly?: boolean;
+}>;
+declare const PillMenuTrigger: react.ForwardRefExoticComponent<{
+    size?: "md" | "lg" | undefined;
+} & {
+    /**
+     * Whether the button is disabled.
+     */
+    readOnly?: boolean;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const root: (props?: {
     marks?: boolean | undefined;
@@ -831,5 +847,137 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "addonAfter" | "addonBefore" | "square" | "appearance" | "loading" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useDialogKit, useFileUploadTrigger };
+type SuggestionAlertProps = ComponentPropsWithoutRef<typeof Alert>;
+declare function SuggestionAlert({ ...props }: SuggestionAlertProps): react_jsx_runtime.JSX.Element | null;
+declare namespace SuggestionAlert {
+    var displayName: string;
+}
+
+declare const SuggestionPopover: react.ForwardRefExoticComponent<{
+    /**
+     * The current value to compare against suggestions.
+     */
+    currentValue?: unknown;
+} & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+
+/**
+ * Hook to access Surface context with optional type filtering.
+ *
+ * @param type - Optional surface type to filter by. Only returns surface if it matches this type.
+ * @returns Surface context if type matches (or any surface if no type specified), undefined otherwise
+ *
+ * @example
+ * // Only get surface if it's an interaction surface
+ * const surface = useSurface("interaction");
+ *
+ * @example
+ * // Get any surface
+ * const surface = useSurface();
+ */
+declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSurfaceContext>>["type"]): {
+    accept: (suggestionId: string) => void;
+    executeTool: (name: string, parameters: unknown) => Promise<void> | void;
+    metadata: Record<string, Omit<{
+        data?: Record<string, unknown> | undefined;
+        name: string;
+        type: "action" | "cards" | "collection" | "dialog" | "page" | "product" | "property" | "resource" | "tab";
+    }, "name">>;
+    name: string;
+    pageViewId: string | undefined;
+    path: string;
+    reject: (suggestionId: string) => void;
+    renderSuggestionValue?: (value: unknown) => React.ReactNode;
+    suggestionPopover: {
+        register: () => () => void;
+        registered: boolean;
+    };
+    suggestions: ({
+        createdAt: string;
+        id: string;
+        surface: string;
+    } & ({
+        cards: Array<{
+            data: unknown;
+            id: string;
+            name: string;
+            reason: string;
+        }>;
+        type: "cards";
+    } | {
+        reason: string;
+        type: "value";
+        value: unknown;
+    } | {
+        text: string;
+        tool?: {
+            name: string;
+            parameters: unknown;
+        };
+        type: "message";
+    }))[];
+    track: (interaction: {
+        id?: string;
+    } & ({
+        checked: boolean;
+        name: "toggled";
+    } | {
+        name: "added";
+        value: unknown;
+    } | {
+        name: "blurred";
+    } | {
+        name: "changed";
+        value: unknown;
+    } | {
+        name: "focused";
+    } | {
+        name: "invoked";
+    } | {
+        name: "removed";
+        value: unknown;
+    } | {
+        name: "viewed";
+    }), metadata?: Record<string, Omit<{
+        data?: Record<string, unknown> | undefined;
+        name: string;
+        type: "action" | "cards" | "collection" | "dialog" | "page" | "product" | "property" | "resource" | "tab";
+    }, "name">>) => void;
+    type: "page" | "dialog" | "property" | "resource" | "action" | "cards" | "collection" | "product" | "tab";
+} | undefined;
+
+export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, SuggestionAlert, SuggestionPopover, useDialogKit, useFileUploadTrigger, useSurface };
 export type { DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, RangeProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "files": [
     "dist/**",
     "LICENSE"
@@ -71,7 +71,7 @@
     "react-remove-scroll": "^2.7.1",
     "react-resizable-panels": "^3.0.4",
     "use-sync-external-store": "^1.5.0",
-    "@optiaxiom/globals": "^1.1.0"
+    "@optiaxiom/globals": "^1.1.2"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",