@optiaxiom/react 3.0.0-next.3 → 3.0.0

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

@@ -1,75 +1,14 @@
 "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 { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
 import '@optiaxiom/globals';
 import { useSurface } from '../surface/useSurface.js';
-import { useSuggestions } from '../surface/useSuggestions.js';
-import { Text } from '../text/Text.js';
+import { SuggestionAutoPopover } from './SuggestionAutoPopover.js';
+import { SuggestionManualTrigger } from './SuggestionManualTrigger.js';
 
 const SuggestionPopover = 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"
-        }
-      )
-    ] })
-  ] });
+  return surface?.manualSuggestion ? /* @__PURE__ */ jsx(SuggestionManualTrigger, { ref, ...props }) : /* @__PURE__ */ jsx(SuggestionAutoPopover, { ref, ...props });
 });
 SuggestionPopover.displayName = "@optiaxiom/react/SuggestionPopover";
 

package/dist/esm/packages/react/src/switch/Switch-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DODHC2Jk.css';
-import './../../../../assets/src/switch/Switch.css.ts.vanilla-QppJtmU_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cw2ao1B0.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-SuJcOA2B.css';
+import './../../../../assets/src/switch/Switch.css.ts.vanilla-BdiQUeQh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control$1 = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'bpkpvc']});
-var input$2 = recipeRuntime({base:'_3fa1fz'});
-var root$3 = recipeRuntime({base:['z315ty','cbrz3c']});
-var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1pnr7vz'],variants:{size:{md:'nfhdxy',lg:'_1an3zzp'}}});
+var control$1 = recipeRuntime({base:[{display:'grid',rounded:'full'},'vmzqhb'],variants:{size:{md:[{mt:'2'},'_1iwsuu3'],lg:['v71sor']}}});
+var input$2 = recipeRuntime({base:'_1key0nr'});
+var root$3 = recipeRuntime({base:['ggtg33','_1tefbbh']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1wc4ngk']});
 
 export { control$1 as control, input$2 as input, root$3 as root, thumb };

package/dist/esm/packages/react/src/switch/Switch.js

@@ -26,7 +26,7 @@ const Switch = forwardRef(
           ...restProps
         }
       ),
-      /* @__PURE__ */ jsx(ToggleInputControl, { ...control(), children: /* @__PURE__ */ jsx(Box, { ...thumb({ size }) }) }),
+      /* @__PURE__ */ jsx(ToggleInputControl, { ...control({ size }), children: /* @__PURE__ */ jsx(Box, { ...thumb() }) }),
       (children || description) && /* @__PURE__ */ jsxs(ToggleInputContent, { pt: size === "lg" ? "2" : "0", children: [
         children && /* @__PURE__ */ jsx(ToggleInputLabel, { fontWeight: "400", children }),
         description && /* @__PURE__ */ jsx(ToggleInputDescription, { children: description })

package/dist/esm/packages/react/src/table/Table-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-C6Yu-JkD.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-BciVXrKI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_1jw70fc'],variants:{layout:{auto:['u5axe1'],fixed:[{display:'grid'},'_1ffajnq']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'xl'},'_1vj9gr0']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'_1goxm77'],variants:{layout:{auto:['_17mm7c5'],fixed:[{display:'grid'},'_1v4851d']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'xl'},'jdbg8e']});
 
 export { table, wrapper };

package/dist/esm/packages/react/src/table/TableBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/table/TableBody.css.ts.vanilla-BDMrYRkL.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/table/TableBody.css.ts.vanilla-CiiyAWRb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['_18fvkpc']});
+var body = recipeRuntime({base:['e159lz']});
 
 export { body };

package/dist/esm/packages/react/src/table/TableCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-CAlUGkIg.css';
-import './../../../../assets/src/table/TableCell.css.ts.vanilla-CVB1hBCy.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-EERAOdGT.css';
+import './../../../../assets/src/table/TableCell.css.ts.vanilla-L6Qif--q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell$1 = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1j2a0xw'],variants:{pinned:{false:'_17f94bo',true:'_1qhlk48'}}});
+var cell$1 = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_10vvmag'],variants:{pinned:{false:'pi6616',true:'or0zu6'}}});
 
 export { cell$1 as cell };

package/dist/esm/packages/react/src/table/TableHeader-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/table/TableHeader.css.ts.vanilla-CnMpY1uW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/table/TableHeader.css.ts.vanilla-DwtIIatp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({variants:{pinned:{false:{},true:'_82wwph'}}});
+var header = recipeRuntime({variants:{pinned:{false:{},true:'_1jbinqy'}}});
 
 export { header };

package/dist/esm/packages/react/src/table/TableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-BRaPa7-Z.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-BzUxqgxN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'_18wqg73'],variants:{pinned:{false:'_9uwtqt',true:'_1e1bko8'}}});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontFamily:'mono',fontSize:'xs',fontWeight:'400',size:'full',textTransform:'uppercase'},'_1odc6tm']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'_1gh161p'],variants:{pinned:{false:'_1odolfr',true:'_1d9nkvq'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontFamily:'mono',fontSize:'xs',fontWeight:'400',size:'full',textTransform:'uppercase'},'fkrh8m']});
 
 export { cell, content };

package/dist/esm/packages/react/src/table/TableRow-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-CAlUGkIg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-EERAOdGT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['fop7q8',{transition:'colors',w:'full'},'psmbjf']});
+var row = recipeRuntime({base:['k9kr1o',{transition:'colors',w:'full'},'_3ezs1q']});
 
 export { row };

package/dist/esm/packages/react/src/tabs/Tabs-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-Qnph535p.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-Dmb6TnYS.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'itmvfg']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_1jkqbqp']});
 
 export { tabs };

package/dist/esm/packages/react/src/tabs/TabsList-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-D726LVSn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-Bv5WlIu6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1t9u9gl']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'jhbm2z']});
 
 export { list };

package/dist/esm/packages/react/src/tabs/TabsTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-CyJKbV3Y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-B45q6rkj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'y281v8']});
-var trigger = recipeRuntime({base:['_1m10v86',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'zc5wir']});
+var content = recipeRuntime({base:[{gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_127o2l0']});
+var trigger = recipeRuntime({base:['_1xvqhm6',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'g9lp8b']});
 
 export { content, trigger };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-Qfm-Eyjr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-B6qjHWdM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'ol1zjl','_8y562h','_3nhofz'],'2':[undefined,'ol1zjl','_8y562h','_1yhxjq5'],'3':[undefined,'ol1zjl','_8y562h','_4zrdcp'],'4':[undefined,'ol1zjl','_8y562h','a625it']},truncate:{true:[undefined,'ol1zjl',{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'},'_1wk78j4','_19ikk6i','ertsvn'],'2':[undefined,'_1wk78j4','_19ikk6i','crh13z'],'3':[undefined,'_1wk78j4','_19ikk6i','_1lqitfh'],'4':[undefined,'_1wk78j4','_19ikk6i','vzz2lx']},truncate:{true:[undefined,'_1wk78j4',{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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-BCpJU8ao.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/textarea/Textarea.css.ts.vanilla-3Z4hIQeU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1yhsq36'});
+var addon = recipeRuntime({base:'_121yw52'});
 
 export { addon };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-xUHUWOzF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-DddlkA1h.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1d0ougj','nrek2s']});
-var textarea = recipeRuntime({base:['_1d0ougj','_1gk10rp'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_14t4s68','sarues'],'2':['_14t4s68','_1v27lu5'],'3':['_14t4s68','_195efh7'],'4':['_14t4s68','_1cn42uj'],'5':['_14t4s68','_1nf8b83']},resize:{auto:{},none:{},vertical:'_185w5im'}}});
+var shadow = recipeRuntime({base:['_1gz5duf','_1bahqv9']});
+var textarea = recipeRuntime({base:['_1gz5duf','mav36q'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['c8hw6o','_1jaflmh'],'2':['c8hw6o','t7v9u5'],'3':['c8hw6o','si66ap'],'4':['c8hw6o','i9a4tr'],'5':['c8hw6o','_6e3xc2']},resize:{auto:{},none:{},vertical:'_1qjfsbt'}}});
 
 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-Ikx1l7Z8.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-D6PCRH8p.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-CoXKGayG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DV5cw3Ee.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-COlsKcWr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon$3 = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_14fc2jk']});
-var offsetVar = 'var(--_18ouekc)';
-var root$2 = recipeRuntime({base:['vx7qb',{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']},'_8dcbc1'],variants:{intent:{danger:'_8tm4g6',information:'_1xoz9df',neutral:'xla8uh',success:'mgoqyv',warning:'_1m9ui1f'}}});
+var icon$3 = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_23finp']});
+var offsetVar = 'var(--_80le0c)';
+var root$2 = recipeRuntime({base:['_4k3kpm',{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']},'_154wjo3'],variants:{intent:{danger:'_16i52g3',information:'_1hiopn7',neutral:'_1f9vh9w',success:'_14iscbq',warning:'zs4dnf'}}});
 
 export { icon$3 as icon, offsetVar, root$2 as root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-D6PCRH8p.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DV5cw3Ee.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'},'kaxhwh'],variants:{position:{bottom:'_1fs3rmd','bottom-left':'_1vms90j','bottom-right':['right-scroll-bar-position','_18sjba6'],top:'_1tdjk2u','top-left':'_1hi1u7s','top-right':['right-scroll-bar-position','_1wm3g3o']}}});
+var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_3zg1xj'],variants:{position:{bottom:'qtq0we','bottom-left':'_1r72eqf','bottom-right':['right-scroll-bar-position','_1n61rcy'],top:'_1ffacvq','top-left':'f148ee','top-right':['right-scroll-bar-position','_2xjs99']}}});
 
 export { gap, viewport };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/toast/ToastTitle.css.ts.vanilla-Cf7uvMr_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/toast/ToastTitle.css.ts.vanilla-D4o0J6xe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'_1d8g1if']});
+var title = recipeRuntime({base:[{flex:'1'},'_3zasc8']});
 
 export { title };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DODHC2Jk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cw2ao1B0.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-SuJcOA2B.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_14dt1ks',{alignItems:'start',display:'inline-flex',gap:'8'},'_1qmdtgs']});
+var toggleInput = recipeRuntime({base:['_1659w8s',{alignItems:'start',display:'inline-flex',gap:'8'},'_1grtlp6']});
 
 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-Ikx1l7Z8.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DODHC2Jk.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-D3ubESkl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cw2ao1B0.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-SuJcOA2B.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-WLcNRmrJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control$3 = recipeRuntime({base:['r8slr6']});
+var control$3 = recipeRuntime({base:['_1qh60wn']});
 
 export { control$3 as control };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Dkf05E3Y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cw2ao1B0.css';
 
-var className = '_1epozw4';
+var className = 'dlrr6r';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Ikx1l7Z8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content$3 = 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-Ikx1l7Z8.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-B5y6IlVF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-Bt7egd8k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'i7m0d1',variants:{duration:{sm:'dclnan',md:'fhgi1a',lg:'_1dvxl6s'}}});
+var transition = recipeRuntime({base:'nvsxxx',variants:{duration:{sm:'_1xmx7b3',md:'w6jvh0',lg:'_18tvp7p'}}});
 
 export { transition };

package/dist/index.d.ts

@@ -905,6 +905,10 @@ type LinkProps = BoxProps<"a", LinkVariants & {
      * The link href.
      */
     href?: ComponentPropsWithoutRef<"a">["href"];
+    /**
+     * The link onClick handler.
+     */
+    onClick?: ComponentPropsWithoutRef<"a">["onClick"];
 }>;
 /**
  * Anchor element for creating hyperlinks.
@@ -931,10 +935,14 @@ declare const Link: react.ForwardRefExoticComponent<{
      * The link href.
      */
     href?: ComponentPropsWithoutRef<"a">["href"];
+    /**
+     * The link onClick handler.
+     */
+    onClick?: ComponentPropsWithoutRef<"a">["onClick"];
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "href"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "onClick" | "href"> & react.RefAttributes<HTMLAnchorElement>>;
 
 type CardLinkProps = ComponentPropsWithoutRef<typeof Link>;
 /**
@@ -948,10 +956,11 @@ declare const CardLink: react.ForwardRefExoticComponent<Omit<{
     disabled?: boolean;
     external?: boolean;
     href?: ComponentPropsWithoutRef<"a">["href"];
+    onClick?: ComponentPropsWithoutRef<"a">["onClick"];
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "href"> & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className" | "onClick" | "href"> & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
 
 type CardPreviewProps = BoxProps<"div", {
     /**
@@ -1325,12 +1334,12 @@ declare const input: (props?: {
 };
 type InputVariants = RecipeVariants<typeof input>;
 
-declare const control: (props?: {
+declare const control$1: (props?: {
     size?: "md" | "lg" | "xl" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type ControlVariants = RecipeVariants<typeof control>;
+type ControlVariants = RecipeVariants<typeof control$1>;
 
 type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<ControlVariants & {
     /**
@@ -1489,7 +1498,7 @@ declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "autoFocus" | "required" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "required" | "autoFocus" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputAddonProps = BoxProps<"div">;
 /**
@@ -1587,7 +1596,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" | "name" | "color" | "disabled" | "className" | "autoFocus" | "required" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>, "ref">, "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "required" | "autoFocus" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>, "ref">, "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -1917,12 +1926,12 @@ declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable
     className?: string;
 }>, never> & Omit<Omit<RadixSeparator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "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" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const thumb: (props?: {
+declare const control: (props?: {
     size?: "md" | "lg" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type SwitchVariants = RecipeVariants<typeof thumb>;
+type SwitchVariants = RecipeVariants<typeof control>;
 
 type SwitchProps = BoxProps<typeof ToggleInputHiddenInput, SwitchVariants & {
     /**

package/dist/unstable.d.ts

@@ -1,4 +1,4 @@
-import { S as Sprinkles, B as BoxProps, T as TableHeaderCell, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, r as MenuProps, n as Menu, p as MenuContentProps, o as MenuContent, s as MenuTrigger, A as Alert } from './MenuTrigger-BbA7fUoA.js';
+import { S as Sprinkles, B as BoxProps, T as TableHeaderCell, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, r as MenuProps, q as MenuOption, n as Menu, p as MenuContentProps, o as MenuContent, s as MenuTrigger, A as Alert } from './MenuTrigger-BbA7fUoA.js';
 export { e as Calendar, C as CalendarProps, F as createDialogKit, d as dialogkit } from './MenuTrigger-BbA7fUoA.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CellContext } from '@tanstack/table-core';
@@ -268,7 +268,7 @@ type FileUploadListProps = BoxProps<"div"> & {
     /**
      * Callback function called when a file is removed
      */
-    onRemove?: (index: number) => void;
+    onRemove?: (item: FileUploadListItemProps["item"]) => void;
 };
 declare const FileUploadList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -281,7 +281,7 @@ declare const FileUploadList: react.ForwardRefExoticComponent<Omit<NonNullable<S
     /**
      * Callback function called when a file is removed
      */
-    onRemove?: (index: number) => void;
+    onRemove?: (item: FileUploadListItemProps["item"]) => void;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type FileUploadTriggerProps = ButtonProps;
@@ -565,7 +565,16 @@ declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<{
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "options" | "placeholder">>;
+type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "placeholder"> & {
+    /**
+     * The candidate options shown in the popup. Defaults to `value` when omitted.
+     */
+    options?: MenuOption[];
+    /**
+     * The currently selected options rendered as pills in the trigger.
+     */
+    value: MenuOption[];
+}>;
 /**
  * Dropdown menu for making selection with pills showing the selected items.
  *
@@ -575,7 +584,16 @@ type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>,
  * @category overlay
 
  */
-declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
+declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & {
+    /**
+     * The candidate options shown in the popup. Defaults to `value` when omitted.
+     */
+    options?: MenuOption[];
+    /**
+     * The currently selected options rendered as pills in the trigger.
+     */
+    value: MenuOption[];
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -967,6 +985,7 @@ declare const SuggestionPopover: react.ForwardRefExoticComponent<Omit<{
 declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSurfaceContext>>["type"]): {
     accept: (suggestionId: string) => void;
     executeTool: (name: string, parameters: unknown) => Promise<void> | void;
+    manualSuggestion?: boolean;
     metadata: Record<string, Omit<{
         data?: Record<string, unknown>;
         name: string;
@@ -1032,6 +1051,9 @@ declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSur
     } | {
         name: "removed";
         value: unknown;
+    } | {
+        name: "requested";
+        value: unknown;
     } | {
         name: "viewed";
     }), surfaces?: {

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "3.0.0-next.3",
+  "version": "3.0.0",
   "files": [
     "dist/**",
     "LICENSE"
@@ -80,8 +80,8 @@
     "react-resizable-panels": "^3.0.6",
     "recharts": "^3.8.1",
     "use-sync-external-store": "^1.6.0",
-    "@optiaxiom/globals": "^3.0.0-next.2",
-    "@optiaxiom/icons": "^1.1.3-next.2"
+    "@optiaxiom/globals": "^3.0.0",
+    "@optiaxiom/icons": "^1.1.3"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

package/dist/cjs/assets/src/actions/ActionsContent.css.ts.vanilla-Cou9qiFz.css

@@ -1,22 +0,0 @@
-@layer optiaxiom.g7voo0;
-@layer optiaxiom.g7voo0 {
-  .cyovo0 {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .hhmkxc:not(:has(.hhmkxc)):focus-within .cyovo0, .cyovo0:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1irxb9d {
-    opacity: 1;
-  }
-  ._1exx6z2 {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    .hhmkxc:not(:has(.hhmkxc)):hover .cyovo0 {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}