@optiaxiom/react 3.0.0-next.4 → 3.0.0

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DqgdF9Uj.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BaFBw4oL.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-DemlfqD4.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'},'_17r8mns']});
-var offsetVar = 'var(--_1phqsrv)';
-var root$2 = recipeRuntime({base:['zxekb8',{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']},'_12sh764'],variants:{intent:{danger:'eiasj',information:'u96pok',neutral:'dt4ma2',success:'_18rya1w',warning:'_1qo3l3c'}}});
+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-DqgdF9Uj.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BaFBw4oL.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'},'k83uxn'],variants:{position:{bottom:'cay7og','bottom-left':'_13w7pm0','bottom-right':['right-scroll-bar-position','md45h8'],top:'k8wjb5','top-left':'_2mptu','top-right':['right-scroll-bar-position','_1jctf7y']}}});
+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-DqgdF9Uj.css';
-import './../../../../assets/src/toast/ToastTitle.css.ts.vanilla-f9fKW24o.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'},'est2lx']});
+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-DqgdF9Uj.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DrdllxCC.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C7ifMcvG.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:['_1m417lb',{alignItems:'start',display:'inline-flex',gap:'8'},'nn3xdq']});
+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-DqgdF9Uj.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DrdllxCC.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C7ifMcvG.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BoUhDD4p.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:['xwe8qs']});
+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-DqgdF9Uj.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DrdllxCC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BnNnDBQ3.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-Cw2ao1B0.css';
 
-var className = '_6gfohk';
+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-DqgdF9Uj.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-DqgdF9Uj.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-B8KgYl4X.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:'vtqhmf',variants:{duration:{sm:'mirexd',md:'le1p1',lg:'h52oq'}}});
+var transition = recipeRuntime({base:'nvsxxx',variants:{duration:{sm:'_1xmx7b3',md:'w6jvh0',lg:'_18tvp7p'}}});
 
 export { transition };

package/dist/index.d.ts

@@ -747,7 +747,7 @@ declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
      * The value of the form control element.
      */
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxContent: react.ForwardRefExoticComponent<{
     /**
@@ -762,7 +762,7 @@ declare const CheckboxContent: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
     required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxControl: react.ForwardRefExoticComponent<{
     /**
@@ -799,7 +799,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -816,7 +816,7 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
 /**
@@ -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", {
     /**
@@ -1231,7 +1240,7 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1248,7 +1257,7 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
     primary?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1393,7 +1402,7 @@ declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "required" | "placeholder"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const InputProvider: react.FC<{
     /**
@@ -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" | "type" | "placeholder" | "required"> & 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">;
 /**
@@ -1536,7 +1545,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.
@@ -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" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & 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;
@@ -1723,7 +1732,7 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1740,7 +1749,7 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type ListboxEmptyProps = BoxProps;
 /**
@@ -1951,7 +1960,7 @@ declare const Switch: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
     required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Switch>, "onCheckedChange">;
 /**
@@ -1979,7 +1988,7 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
     onCheckedChange?: (checked: boolean) => void;
     required?: ComponentPropsWithoutRef<"input">["required"];
     value?: ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
@@ -3225,7 +3234,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;
 };
@@ -3243,7 +3252,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, {
@@ -3271,7 +3280,7 @@ declare const Radio: react.ForwardRefExoticComponent<{
     onCheckedChange?: (checked: boolean) => void;
     required?: react.ComponentPropsWithoutRef<"input">["required"];
     value?: react.ComponentPropsWithoutRef<"input">["value"];
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "required" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type RadioGroupProps = BoxProps<"div", {
     /**
@@ -3820,7 +3829,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "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" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "placeholder" | "required" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "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" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "required" | "placeholder" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;

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';
@@ -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>>;
@@ -948,7 +966,7 @@ declare const SuggestionPopover: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & 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" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "square" | "appearance" | "loading" | "type" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className" | "type"> & 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" | "gridAutoRows" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className" | "type" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 /**
  * Hook to access Surface context with optional type filtering.
@@ -1044,7 +1062,7 @@ declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSur
         type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
         value?: unknown;
     }[]) => void;
-    type: "page" | "dialog" | "property" | "resource" | "action" | "group" | "tab" | "cards" | "product";
+    type: "page" | "dialog" | "property" | "resource" | "action" | "cards" | "group" | "product" | "tab";
     value?: unknown;
 } | undefined;
 

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "3.0.0-next.4",
+  "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-DmQgAcSV.css

@@ -1,22 +0,0 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._1jv4p5c {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .t9ehyl:not(:has(.t9ehyl)):focus-within ._1jv4p5c, ._1jv4p5c:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._3dm52j {
-    opacity: 1;
-  }
-  ._1e60fj8 {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    .t9ehyl:not(:has(.t9ehyl)):hover ._1jv4p5c {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

package/dist/cjs/assets/src/alert/Alert.css.ts.vanilla-Dbq5-hbJ.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._1wpv2o4 {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DTGRyDx3.css

@@ -1,30 +0,0 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._1lrfzkm {
-    opacity: 0;
-  }
-  .e00ilq {
-    inset: 0;
-    position: fixed;
-  }
-  .e56bob {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--cm7jxc)))
-      scale(calc(1 - 0.06 * var(--cm7jxc)))
-    ;
-  }
-  .e56bob:focus-visible {
-    outline: none;
-  }
-  .bx12mi {
-    width: 400px;
-  }
-  ._1exjeic {
-    width: 600px;
-  }
-  ._96fhl1 {
-    width: 800px;
-  }
-}

package/dist/cjs/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DyTl-aBY.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._1dn2vry {
-    position: sticky;
-    top: 0;
-  }
-}

package/dist/cjs/assets/src/badge/Badge.css.ts.vanilla-BLRYHfcB.css

@@ -1,53 +0,0 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  .onapso {
-    --_11yef3e: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .onapso:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  ._4tpjvb {
-    --_1gyxcaf: var(--ax-colors-bg-error);
-    --_19ym9mt: var(--ax-colors-bg-error-subtle);
-    --_9n5c1x: var(--ax-colors-fg-error-strong);
-  }
-  ._9mdl22 {
-    --_1gyxcaf: var(--ax-colors-bg-information);
-    --_19ym9mt: var(--ax-colors-bg-information-subtle);
-    --_9n5c1x: var(--ax-colors-fg-information-strong);
-  }
-  .aognji {
-    --_1gyxcaf: var(--ax-colors-bg-tertiary);
-    --_11yef3e: var(--ax-colors-fg-default);
-    --_19ym9mt: var(--ax-colors-bg-secondary);
-    --_9n5c1x: var(--ax-colors-fg-secondary);
-  }
-  ._1em8ra9 {
-    --_1gyxcaf: var(--ax-colors-bg-default-inverse);
-    --_11yef3e: var(--ax-colors-fg-default-inverse);
-    --_19ym9mt: var(--ax-colors-bg-default-inverse);
-    --_9n5c1x: var(--ax-colors-fg-default-inverse);
-  }
-  .r0zty8 {
-    --_1gyxcaf: var(--ax-colors-bg-success);
-    --_11yef3e: var(--ax-colors-fg-black);
-    --_19ym9mt: var(--ax-colors-bg-success-subtle);
-    --_9n5c1x: var(--ax-colors-fg-success-strong);
-  }
-  .j03edk {
-    --_1gyxcaf: var(--ax-colors-bg-warning);
-    --_11yef3e: var(--ax-colors-fg-warning-inverse);
-    --_19ym9mt: var(--ax-colors-bg-warning-subtle);
-    --_9n5c1x: var(--ax-colors-fg-warning-strong);
-  }
-  ._1v972p4 {
-    background-color: var(--_1gyxcaf);
-    color: var(--_11yef3e);
-  }
-  ._1ew2c40 {
-    background-color: var(--_19ym9mt);
-    color: var(--_9n5c1x);
-  }
-}

package/dist/cjs/assets/src/banner/Banner.css.ts.vanilla-BfEOOsSr.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  ._13cn2q {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/src/button/ButtonGroup.css.ts.vanilla-DrdllxCC.css

@@ -1,4 +0,0 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-
-}

package/dist/cjs/assets/src/button/ButtonLoadable.css.ts.vanilla-Cww5cCY4.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._5imt09;
-@layer optiaxiom._5imt09 {
-  .gbxj02 {
-    opacity: 1;
-  }
-  ._8sugoq[data-loading] .gbxj02 {
-    opacity: 0;
-  }
-}