@optiaxiom/react 3.0.0-next.0 → 3.0.0-next.2

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

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useToastProviderContext } from '@optiaxiom/globals';
+import { IconTriangleExclamation, IconCheckCircleSolid, IconCircleInfo, IconCircleExclamation, IconXmark } from '@optiaxiom/icons';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import * as RadixToast from '@radix-ui/react-toast';
 import { assignInlineVars } from '@vanilla-extract/dynamic';
@@ -10,19 +11,14 @@ import { extractBoxProps } from '../box/extractBoxProps.js';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
 import { Icon } from '../icon/Icon.js';
-import { IconCircleCheckSolid } from '../icons/IconCircleCheckSolid.js';
-import { IconCircleExclamationSolid } from '../icons/IconCircleExclamationSolid.js';
-import { IconCircleInfoSolid } from '../icons/IconCircleInfoSolid.js';
-import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
-import { IconX } from '../icons/IconX.js';
-import { root, icon, offsetVar } from './Toast-css.js';
+import { icon, root, offsetVar } from './Toast-css.js';
 
-const mapIntentToIcon = {
-  danger: IconCircleExclamationSolid,
-  information: IconCircleInfoSolid,
-  neutral: IconCircleInfoSolid,
-  success: IconCircleCheckSolid,
-  warning: IconTriangleExclamationSolid
+const mapIntentToIcon$1 = {
+  danger: IconCircleExclamation,
+  information: IconCircleInfo,
+  neutral: IconCircleInfo,
+  success: IconCheckCircleSolid,
+  warning: IconTriangleExclamation
 };
 const Toast = forwardRef(
   ({ children, className, intent = "neutral", onOpenChange, style, ...props }, outerRef) => {
@@ -53,14 +49,14 @@ const Toast = forwardRef(
             ref,
             ...restProps,
             children: [
-              /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon(), children: createElement(mapIntentToIcon[intent]) }),
+              /* @__PURE__ */ jsx(Icon, { asChild: true, ...icon(), children: createElement(mapIntentToIcon$1[intent], { filled: true }) }),
               children,
               /* @__PURE__ */ jsx(RadixToast.Close, { asChild: true, children: /* @__PURE__ */ jsx(
                 Button,
                 {
                   appearance: "inverse",
                   "aria-label": "close",
-                  icon: /* @__PURE__ */ jsx(IconX, {}),
+                  icon: /* @__PURE__ */ jsx(IconXmark, {}),
                   size: "sm"
                 }
               ) })

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-D2ejaBWE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BuxajBx-.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'},'c7z7xw'],variants:{position:{bottom:'_1gx4qr5','bottom-left':'u82axq','bottom-right':['right-scroll-bar-position','djq5ap'],top:'_10wsh7t','top-left':'s90a3f','top-right':['right-scroll-bar-position','_47u2jb']}}});
+var viewport = recipeRuntime({base:[{flexDirection:'column',gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'yz76fc'],variants:{position:{bottom:'c99zk7','bottom-left':'a25qb1','bottom-right':['right-scroll-bar-position','udahuy'],top:'_1pzyi95','top-left':'_1yprey0','top-right':['right-scroll-bar-position','_2rf4hf']}}});
 
 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-Cmtjywky.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B4iQmIuJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BM9-6W7t.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1yerkh0',{alignItems:'start',display:'inline-flex',gap:'8'},'qiusba']});
+var toggleInput = recipeRuntime({base:['_1r3rpg5',{alignItems:'start',display:'inline-flex',gap:'8'},'yjhpi9']});
 
 export { toggleInput };

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

@@ -9,10 +9,10 @@ import { Group } from '../group/Group.js';
 import { toggleInput } from './ToggleInput-css.js';
 import { ToggleInputProvider } from './ToggleInputContext.js';
 
-const Slot = createSlot("@optiaxiom/react/ToggleInput");
+const Slot$7 = createSlot("@optiaxiom/react/ToggleInput");
 const ToggleInput = forwardRef(
   ({ asChild, children, className, onMouseDown, ...props }, ref) => {
-    const Comp = asChild ? Slot : "label";
+    const Comp = asChild ? Slot$7 : "label";
     const { boxProps, restProps } = extractBoxProps(props);
     const descriptionId = useId();
     const labelId = useId();

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B4iQmIuJ.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Cb-uQdar.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BM9-6W7t.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CPkzFcUA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['kksmiq']});
+var control$3 = recipeRuntime({base:['_1371qs8']});
 
-export { control };
+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-Cmtjywky.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DzZ8okVZ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-aK308P49.css';
 
-var className = '_523lx9';
+var className = 'gkgbx4';
 
 export { className };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.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'}}}});
+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'}}}});
 
-export { content };
+export { content$3 as content };

package/dist/esm/packages/react/src/tooltip/TooltipContext.js

@@ -1,6 +1,6 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
-const [TooltipProvider, useTooltipContext] = createContext("@optiaxiom/react/Tooltip");
+const [TooltipProvider$1, useTooltipContext] = createContext("@optiaxiom/react/Tooltip");
 
-export { TooltipProvider, useTooltipContext };
+export { TooltipProvider$1 as TooltipProvider, useTooltipContext };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Cmtjywky.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DFtAmPyW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CjfsrNSJ.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-Ci-0wFa5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'q4csr2',variants:{duration:{sm:'_2hbs6c',md:'_1p1x52f',lg:'dictdb'}}});
+var transition = recipeRuntime({base:'erws0c',variants:{duration:{sm:'et5c6l',md:'r486ry',lg:'dij78g'}}});
 
 export { transition };

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

@@ -7,7 +7,7 @@ import { transition } from './Transition-css.js';
 import { TransitionGlobalConfig } from './TransitionGlobalConfig.js';
 import { useTransitionStatus } from './useTransitionStatus.js';
 
-const Slot = createSlot("@optiaxiom/react/Transition");
+const Slot$d = createSlot("@optiaxiom/react/Transition");
 const Transition = forwardRef(
   ({
     children,
@@ -20,8 +20,8 @@ const Transition = forwardRef(
     const innerRef = useRef(null);
     const transitionStatus = useTransitionStatus(innerRef);
     const ref = useComposedRefs(outerRef, innerRef);
-    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsx(Slot, { className, ref, ...props, children }) : /* @__PURE__ */ jsx(
-      Slot,
+    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsx(Slot$d, { className, ref, ...props, children }) : /* @__PURE__ */ jsx(
+      Slot$d,
       {
         "data-transition-fade": transitionStatus ? "" : void 0,
         "data-transition-pop": transitionStatus && type === "pop" ? "" : void 0,

package/dist/esm/unstable.js

@@ -19,7 +19,6 @@ export { HoverCardTrigger } from './packages/react/src/hover-card/HoverCardTrigg
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
 export { Layout } from './packages/react/src/layout/Layout.js';
 export { LayoutContent } from './packages/react/src/layout/LayoutContent.js';
-export { MaterialIcon } from './packages/react/src/material-icon/MaterialIcon.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
 export { PillGroup } from './packages/react/src/pill/PillGroup.js';
 export { PillMenu } from './packages/react/src/pill-menu/PillMenu.js';

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-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-Cnx_45vN.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-Cnx_45vN.js';
+import { S as Sprinkles, B as BoxProps, a as ButtonProps, R as RecipeVariants, E as ExcludeProps, G as Group, b as Button, d as dialogkit, c as ExtendProps, C as CalendarProps, e as Calendar, f as Box, g as ResponsiveArray, P as PopoverContentProps, h as PopoverContent, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-BbA7fUoA.js';
+export { A as Alert, k as AlertProps, D as DialogContent, l as DialogContentProps, m as GroupProps, L as LonghandProps, n as Menu, o as MenuContent, p as MenuContentProps, q as MenuOption, r as MenuProps, s as MenuTrigger, t as MenuTriggerProps, u as PopoverTriggerProps, T as TableHeaderCell, v as TableHeaderCellProps, w as mapResponsiveValue, x as normalizeResponsiveValue, y as sprinkles, z as vars } from './MenuTrigger-BbA7fUoA.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';
@@ -13,6 +13,7 @@ import { Table as Table$1 } from '@tanstack/table-core';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
+import { IconCheck } from '@optiaxiom/icons';
 import * as RadixSeparator from '@radix-ui/react-separator';
 import * as _radix_ui_react_dismissable_layer from '@radix-ui/react-dismissable-layer';
 import { DismissableLayer } from '@radix-ui/react-dismissable-layer';
@@ -1759,8 +1760,6 @@ declare const ListboxGroup: react.ForwardRefExoticComponent<Omit<Omit<NonNullabl
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const IconCheck: react.ForwardRefExoticComponent<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>>;
-
 type ListboxItemIndicatorProps = BoxProps<typeof IconCheck, {
     /**
      * Whether to display a tick to indicate if the item is active or not.
@@ -1778,7 +1777,10 @@ declare const ListboxItemIndicator: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
+}>, never> & Omit<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "height" | "width"> & react.RefAttributes<SVGSVGElement> & {
+    filled?: boolean;
+    size?: number | string;
+}, "ref">, "fontFamily" | "fontSize" | "size" | "color" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
 
 type ListboxItemizedProps = BoxProps<"div", {
     children?: // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -3495,7 +3497,7 @@ type SelectProps = {
      */
     onBlur?: FocusEventHandler<HTMLElement>;
     /**
-     * Handler for `change` event forwarded to inner select element.
+     * Native `change` event handler for the hidden select element. Prefer `onValueChange` for most use cases.
      */
     onChange?: ChangeEventHandler<HTMLSelectElement>;
     /**
@@ -3503,7 +3505,7 @@ type SelectProps = {
      */
     onOpenChange?: (open: boolean) => void;
     /**
-     * Handler that is called when the selected value changes.
+     * Handler that is called when the selected value changes. Use this to track the selected value.
      */
     onValueChange?: (value: string) => void;
     /**
@@ -3524,11 +3526,17 @@ type SelectProps = {
     value?: string;
 };
 /**
- * Form input for selecting a value from a dropdown list. Use this to capture
- * user input in forms as an alternative to radios when you have many options.
+ * Single-select form input for choosing one value from a dropdown list.
+ * Works like a native `<select>` — supports `name`, `value`, `onChange`,
+ * and works with `<form>` submissions.
+ *
+ * Must be used with SelectTrigger and SelectContent sub-components.
+ *
+ * Use Select when: single value selection in a form, controlled/uncontrolled
+ * form input, you need form submission support.
  *
- * Use this for form inputs only. For action menus or multi-select dropdowns,
- * use Menu instead.
+ * Use Menu instead when: you need multi-select, actions (edit/delete),
+ * links, filtering/search, nested sub-menus, or checkbox/radio items.
  *
  * @group Select
  * @category form
@@ -3736,7 +3744,7 @@ declare const TabsTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<RadixTabs.TabsTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const TextareaAutosize: react.ForwardRefExoticComponent<{
-    maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
+    maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
     resize?: "auto" | "none" | "vertical" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -3773,7 +3781,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & Pick<Omit<{
-    maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
+    maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
     resize?: "auto" | "none" | "vertical" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -3807,7 +3815,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     asChild?: boolean;
     className?: string;
 }>, "size"> & Omit<Omit<{
-    maxRows?: 2 | 1 | 3 | 5 | 4 | undefined;
+    maxRows?: 2 | 1 | 3 | 4 | 5 | undefined;
     resize?: "auto" | "none" | "vertical" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;

package/dist/unstable.d.ts

@@ -1,5 +1,5 @@
-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-Cnx_45vN.js';
-export { C as Calendar, e as CalendarProps, F as createDialogKit, d as dialogkit } from './MenuTrigger-Cnx_45vN.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, 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';
 import * as react from 'react';
@@ -464,38 +464,6 @@ declare const LayoutContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sp
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type MaterialIconProps = BoxProps<"svg", {
-    /**
-     * Whether the icon should use filled or unfilled state.
-     */
-    filled?: boolean;
-    /**
-     * The path for the filled icon.
-     */
-    filledPath?: string;
-    /**
-     * The path for the unfilled icon.
-     */
-    unfilledPath: string;
-}>;
-declare const MaterialIcon: react.ForwardRefExoticComponent<{
-    /**
-     * Whether the icon should use filled or unfilled state.
-     */
-    filled?: boolean;
-    /**
-     * The path for the filled icon.
-     */
-    filledPath?: string;
-    /**
-     * The path for the unfilled icon.
-     */
-    unfilledPath: string;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.SVGProps<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
-
 declare const pill: (props?: {
     interactive?: boolean | undefined;
     size?: "xs" | "sm" | undefined;
@@ -1083,5 +1051,5 @@ declare const VisuallyHidden: react.ForwardRefExoticComponent<Omit<RadixVisually
     disabled?: boolean;
 } & react.RefAttributes<HTMLSpanElement>>;
 
-export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, MaterialIcon, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, SuggestionAlert, SuggestionPopover, Time, VisuallyHidden, useDialogKit, useFileUploadTrigger, useSurface };
-export type { DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, InlineInputProps, LayoutContentProps, LayoutProps, MaterialIconProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, RangeProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps, TimeProps, VisuallyHiddenProps };
+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, Time, VisuallyHidden, 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, TimeProps, VisuallyHiddenProps };

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "3.0.0-next.0",
+  "version": "3.0.0-next.2",
   "files": [
     "dist/**",
     "LICENSE"
@@ -68,35 +68,36 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
     "@radix-ui/react-visually-hidden": "^1.2.3",
-    "@tanstack/react-virtual": "^3.13.12",
-    "@tanstack/virtual-core": "^3.13.12",
+    "@tanstack/react-virtual": "^3.13.23",
+    "@tanstack/virtual-core": "^3.13.23",
     "@vanilla-extract/dynamic": "^2.1.5",
     "clsx": "^2.1.1",
-    "downshift": "^9.0.10",
+    "downshift": "^9.3.2",
     "jsonpointer": "^5.0.1",
-    "react-day-picker": "^9.9.0",
-    "react-remove-scroll": "^2.7.1",
-    "react-resizable-panels": "^3.0.4",
-    "recharts": "^3.7.0",
-    "use-sync-external-store": "^1.5.0",
-    "@optiaxiom/globals": "^3.0.0-next.0"
+    "react-day-picker": "^9.14.0",
+    "react-remove-scroll": "^2.7.2",
+    "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.2-next.2"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
-    "@mantine/hooks": "^8.2.5",
-    "@types/node": "^22.17.2",
+    "@mantine/hooks": "^8.3.18",
+    "@types/node": "^22.19.17",
     "@types/use-sync-external-store": "^1.5.0",
-    "@vanilla-extract/css": "^1.17.4",
+    "@vanilla-extract/css": "^1.20.1",
     "@vanilla-extract/sprinkles": "^1.6.5",
-    "autoprefixer": "^10.4.21",
-    "postcss": "^8.5.6",
+    "autoprefixer": "^10.5.0",
+    "postcss": "^8.5.10",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "@optiaxiom/shared": "^0.0.0"
   },
   "peerDependencies": {
-    "@tanstack/react-table": "^8.0.0",
-    "@tanstack/table-core": "^8.0.0",
+    "@tanstack/react-table": "^8.13.0",
+    "@tanstack/table-core": "^8.13.0",
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom.ndq0nz;
-@layer optiaxiom.ndq0nz {
-  .s7wndh {
-    opacity: 0;
-  }
-  .mp9q2z {
-    inset: 0;
-    position: fixed;
-  }
-  .i33y8q {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--w4aal5)))
-      scale(calc(1 - 0.06 * var(--w4aal5)))
-    ;
-  }
-  .i33y8q:focus-visible {
-    outline: none;
-  }
-  ._1mj9kio {
-    width: 400px;
-  }
-  .zdiwu3 {
-    width: 600px;
-  }
-  ._3mo5en {
-    width: 800px;
-  }
-}

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

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

package/dist/cjs/assets/src/badge/Badge.css.ts.vanilla-BgoV-2rb.css

@@ -1,52 +0,0 @@
-@layer optiaxiom.ndq0nz;
-@layer optiaxiom.ndq0nz {
-  ._1ylqd38 {
-    --ap4y7y: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1ylqd38:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  .govvet {
-    --l9fk8z: var(--ax-colors-bg-error);
-    --g3vpbx: var(--ax-colors-bg-error-subtle);
-    --p5nogl: var(--ax-colors-fg-error-strong);
-  }
-  ._1hcx3g8 {
-    --l9fk8z: var(--ax-colors-bg-information);
-    --g3vpbx: var(--ax-colors-bg-information-subtle);
-    --p5nogl: var(--ax-colors-fg-information-strong);
-  }
-  .f9ofp2 {
-    --l9fk8z: var(--ax-colors-bg-tertiary);
-    --ap4y7y: var(--ax-colors-fg-default);
-    --g3vpbx: var(--ax-colors-bg-secondary);
-    --p5nogl: var(--ax-colors-fg-secondary);
-  }
-  ._1huf65i {
-    --l9fk8z: var(--ax-colors-bg-accent);
-    --ap4y7y: var(--ax-colors-fg-default);
-    --g3vpbx: var(--ax-colors-bg-accent-subtle);
-    --p5nogl: var(--ax-colors-fg-accent-strong);
-  }
-  ._17mccwr {
-    --l9fk8z: var(--ax-colors-bg-success);
-    --g3vpbx: var(--ax-colors-bg-success-subtle);
-    --p5nogl: var(--ax-colors-fg-success-strong);
-  }
-  .o3bdng {
-    --l9fk8z: var(--ax-colors-bg-warning);
-    --ap4y7y: var(--ax-colors-fg-warning-inverse);
-    --g3vpbx: var(--ax-colors-bg-warning-subtle);
-    --p5nogl: var(--ax-colors-fg-warning-strong);
-  }
-  .z13ns7 {
-    background-color: var(--l9fk8z);
-    color: var(--ap4y7y);
-  }
-  ._1kt6oio {
-    background-color: var(--g3vpbx);
-    color: var(--p5nogl);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom.ndq0nz;
-@layer optiaxiom.ndq0nz {
-  .sdjz3t {
-    opacity: 1;
-  }
-  ._15v0299[data-loading] .sdjz3t {
-    opacity: 0;
-  }
-}